/***************** Browser Resets **********************/
/* Resets default browser CSS styles.                  */
/* Remove all vertical height from all items           */
/*******************************************************/
* {margin: 0;	padding: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/*********************** Typography *********************/
/* Baseline set by the body line height. All subsequent */
/* virticle space should be set in multiples of this    */
/* line-height value                                    */
/********************************************************/
body {font:12px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #2f5462;}
h1 {font-size:138.5%;}
h2 {font-size:123.1%; margin-bottom: 1em;}
h3 {font-size:108%;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style-type: decimal outside;}
ul li {list-style-type: disc outside;}
dl dd {margin-left:1em;}
p,fieldset,table,pre { margin-bottom:1em;}
hr {background:#cccccc;color:#cccccc;clear:both;float:none;margin:0.5em 0 0.5em 0;width:100%;height:1px;border:none;}


/********************* Links **********************/

a:link { text-decoration: none; color: #ff6600; }
a:visited { text-decoration: none; color: #ff6600; }
a:hover { color: #cc3300; }

#content-wrapper {background: url(../images/content-background.gif) repeat-x;}
.content {margin:auto; text-align:left;	width: 790px;}
#left-column {width: 185px;	float: left;}
#main-content {width: 790px; float: left;}
#header {background: url(../images/menu-bg.gif) repeat-x;	position: relative;}
#logo {position: absolute; width: 185px; height: 190px;	left: -180px;	top: 0px;}
#feature{padding: 30px 0px 0px 16px;}
#main-menu {position: relative;	width: 791px;	left: 50%;	margin-left: -380px;}
#main-menu ul, #main-menu ul li {margin: 0px;	padding: 0px;	list-style: none;	line-height: 0px;	font-size: 0px;}
#main-menu ul li {display: inline;}
#lower-content {padding: 33px 0px 0px 0px;}
.front-content {width: 400px;	float: left; padding: 12px 32px 0px 32px;}
.photo-medium {padding: 0px 0px 0px 18px; width: 280px;	float: left;}
.photo-medium img { margin-bottom: 8px; }
.menu-top {background: url(../images/sub-menu-top.gif) no-repeat bottom left;	height: 4px; margin: 0px 0px -2px 1px;	padding: 0px;	line-height: 0px;}
.menu-btm {background: url(../images/sub-menu-bottom.gif) no-repeat top left;	height: 11px;	margin: -2px 0px 0px -1px;	padding: 0px;	line-height: 0px;}
#about-menu {float: left; width: 152px;	padding: 0px 15px 0px 15px;}
#about-content {float: left; width: 460px;}
#home-content {margin:auto;text-align:left;width: 770px;}
.aboutSelected {color: #ff6600 !important;}
ul.menu {background: url(../images/sub-menu-bg.gif) repeat-y; width: 154px; margin: 0px; border: none; }
ul.menu, ul.menu li {margin: 0px;	padding: 0px;	padding-bottom: 5px;  list-style: none;}
ul.menu li {margin: 2px 15px 2px 15px;}	
ul.menu li a, ul.menu li a:visited, ul.menu li a:link, ul.menu li a:active {font-size: 12px; color: #2f5462; text-decoration: none;}
ul.menu li a:hover {color: #ff6600 !important;}
#top-menu {_height: 300px; min-height: 260px;	padding: 22px 0px 0px 0px;}
ul.featureList, ul.featureList li {margin: 0px;	padding: 0px;	list-style: none;}
ul.featureList li {padding: 16px;}
ul.featureList li a {font-weight: bold;	text-decoration: none; color: #ff6600; float: right;}
ul.featureList .featureHeader {color: #fb771e; font-size: 18px;	float: left;}
ul.featureList .description {clear: both;}
ul.featureList p {color: #2f5462;	font-size: 14px; margin: 0px 0px 8px 0px;}
.dark {background-color: #e2e2e2;}
.light {background-color: #f1f1f1;}

.menu-block p {margin: 0px;}
ul.menu-block.last {margin:0px;}
ul.menu-block, ul.menu-block li {margin: 0px;	padding: 0px;	list-style: none;}
ul.menu-block {width: 255px; float: left;	margin-right: 10px;}
ul.menu-block li {margin-bottom: 16px;}
ul.menu-block li p {padding-left: 20px;}
ul.menu-block li a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #2f5462;
	display: block;	
	padding-left: 20px;
}
ul.menu-block li a:hover {color: #ff6600 !important; background: url(../images/selector.gif) no-repeat;}
#sample-report {padding: 0px 0px 0px 20px;}

.menu-block2 p {margin: 0px;}
ul.menu-block2.last {margin:0px;}
ul.menu-block2, ul.menu-block2 li {margin: 0px;	padding: 0px;	list-style: bullet;}
ul.menu-block2 {width: 245px; float: left;	margin-right: 20px;}
ul.menu-block2 li {margin-bottom: 16px;}
ul.menu-block2 li p {padding-left: 0px;}
ul.menu-block2 li a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #2f5462;
	display: block;	
	padding-left: 	0px;
}
ul.menu-block2 li a:hover {color: #ff6600 !important; background: url(../images/selector.gif) no-repeat;}


/********************** Contact Form ******************/
address {width: 200px; float: left; display: block; padding: 10px; text-size: 11px;}
address .title {font-size: 18px; font-weight: bold;}
#contact-form {padding: 0px 0px 0px 20px;}
ul.contact-form, ul.contact-form li, ul.contact-form2, ul.contact-form2 li {margin: 0px; padding: 0px; list-style: none;}
ul.contact-form .medium {width: 185px;}
ul.contact-form input {margin-bottom: 15px;}
ul.contact-form {width: 215px; float: left;}
ul.contact-form2 {width: 420px;	float: left;}
ul.contact-form2 textarea {width: 415px; height: 124px;}
.submit-right {float: right;}
.form_error {color: #FF0000;}
#feature-header {background: url(../images/feature-header.gif);	height: 48px;}
#top-container {clear: both; background: url(../images/top-gradient.gif) repeat-x; min-height: 157px;	_height: 157px;	text-align: center;}
#bottom-container {
	clear: both;
	background: url(../images/lower-gradient.gif) repeat-x;
	min-height: 290px;
	_height: 290px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}
.padding h2, .padding p {padding: 0px 15px 0px 15px;}
table.default {width: 100%;}
table.default th {background: #2e4f5b; color: #FFF; padding: 1px;}
table.default td {padding: 1px; border-bottom: 1px solid #cacaca;}


/**************** Footer ***************************/
#footer-wrapper {text-align: center; padding: 30px 0px;}
#footer {margin:auto;text-align:left;width: 770px;font-size:0.9em;}
#footer a:link, #footer a:visited {color: #2f5462; text-decoration: none;}
#footer a:hover, #footer a:active {color: #ff6600;}


/**************** GENERAL CLASSES ****************/
.clear-both {clear: both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.hide {display: none;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}
.replace {text-indent: -6000px;	margin: 0px;	padding: 0px;	background-repeat: no-repeat !important;}
.flash_movie { text-align: center; margin: 0px auto; padding-top: 5px;}


/**************** COLOURS STARTS ****************/
.orange {color: #ff6600;}
.red {color: #cc0000;}

/**************** Titles ****************/
.titleOrange {background-color: #ff6600;color: #fff;padding:3px;text-align: center;margin-bottom: 20px;font-size: 14px;font-weight: bold;}
.titleBlue {background-color: #43606c;color: #fff;padding:3px;text-align: center;margin-bottom: 10px;font-size: 12px;font-weight: bold;}


/**************** TABLES ****************/
table {padding:5px; text-align:left;}
tr { padding:5px;}
th, td {padding:5px;}
.rowBlue{font-weight: bold;color: #fff;background-color: #336699;}
.rowRed{font-weight: bold;color: #fff;background-color: #cc0000;}
.rowGrey{font-weight: bold;color: #fff;background-color: #f0f0f0;}
.rowOrange{font-weight: bold;color: #fff;background-color: #ff6600;}

/**************** BUTTONS ****************/
.button{
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
 }

/* Sizes ---------- */
.small.button {
	font-size: 11px;
}

.medium.button {
	font-size: 13px;
}

.large.button {
	font-size: 14px;
	padding: 8px 14px 9px;
}


/* Colors ---------- */
.blue.button {
	background-color: #2daebf;
}

.red.button {
	background-color: #e33100;
}

.magenta.button {
	background-color: #a9014b;
}
  
.orange.button {
	background-color: #ff5c00;
}
 
.yellow.button {
	background-color: #ffb515;
}

.red {
	color: #cc0000;
	font-weight: bold;
}