/*
Author  : Rade New Media
Project : Stratagem website
Date    : Thursday, 8 April 2010
*/
* { padding: 0; margin: 0; outline: 0; }

body {
	background: #fff url('../../images/bg.jpg') repeat-x;
	padding: 0;
	margin: 0;
	font: 0.75em Arial, sans-serif;
	color: #515151;
}

/* General styles
-------------------- */
div#wrapper {
	background: #fff;
	width: 998px; 
	border-left: #818584 1px solid;
	border-right: #818584 1px solid;
	border-bottom: #818584 1px solid;
	margin: 0 auto;
}

h1 {
	font-size: 2.5em;
	font-weight:bold;
	color: #006C67;
}

h2 {
	font-size: 1.75em;
	font-weight:bold;
	color: #006C67;
}

h3 {
	font-size: 1.167em;
	color: #515151;
}
	
/* Header & Nav 
-------------------- */
div#header {
	background: url('../../images/header.jpg') no-repeat;
	height: 155px;
	width: 998px;
}		div#logo { background: url('../../images/logo.jpg') no-repeat; width: 338px; height: 116px; float: left; margin: 19px 0 0 19px; }
			#logo a { display: block; width: 338px; height: 116px; }
			#logo span { float: left; text-indent: -9999px; }
			
			div#corporatelogo { background: url('../../images/cfslogo.jpg') no-repeat; width: 338px; height: 103px; float: left; margin: 19px 0 0 19px; }
			#corporatelogo a { display: block; width: 338px; height: 103px; }
			#corporatelogo span { float: left; text-indent: -9999px; }

div#topnavigation {
	background: url('../../images/navbg.jpg') repeat-x;
	height: 33px; 
}		/* Navigation */
		ul#nav { 
			float: left;
			font-size: 12px;
			height: 2.1em;
			left: 0;
			list-style: none;
			margin: 0 0 0 13px;
			padding: 0;
			display: inline;
			position: relative;
			z-index: 1000;
		}		#nav div { display: none; }
					#nav :hover div { background: #E6F0F1; border-right: 1px solid #92A19B; border-bottom: 1px solid #92A19B; border-left: 1px solid #92A19B; display: block; padding: 0; position: absolute; top: 26px; }
					#nav :hover div dd { display: block; margin: 0; text-align: left; }
						#nav :hover div dd a { background: none; color: #515151; height: auto; margin: 0; padding: 0 0 2px 0; text-decoration: none; border-bottom: #fff 1px solid; } 
							#nav :hover div dd a:hover { text-decoration: underline; }
					#nav :hover div dl { display: inline; float: left; margin: 0; padding: 0; border-right: #ccc 1px dashed; }
						#nav :hover div dl.noborder { display: inline; float: left; margin: 0; padding: 0; border-right: none; }
					#nav :hover div dt { background: #D2E2E4; color:#515151; display: block; font-weight: bold; margin: 0; padding: 5px; text-decoration: none; border-bottom: #fff 1px dashed; }
						#nav .pos2a { left: 50px; width: 100px; margin: 7px 0 0 0; }
							#nav .pos2a dd { padding: 2px 5px; }
							html>body #nav .pos2a { left: 50px; width: 100px; margin: 7px 0 0 0; }
						
						#nav .pos3a { left: 120px; width: 175px; margin: 7px 0 0 0; }
							#nav .pos3a dd { padding: 2px 5px; }
							html>body #nav .pos3a { left: 120px; width: 175px; margin: 7px 0 0 0; }
							
						#nav .pos4a { left: 185px; width: 120px; margin: 7px 0 0 0; }
							#nav .pos4a dd { padding: 2px 5px; }
							html>body #nav .pos4a { left: 185px; width: 120px; margin: 7px 0 0 0; }
						
						/*#nav .pos6a { right: 130px; margin: 7px 0 0 0; }
							#nav .pos6a dd { padding: 2px 5px; width: 300px; }
							html>body #nav .pos6a { right: 130px; margin: 7px 0 0 0; }*/
							
						#nav .pos6a { right: 330px; margin: 7px 0 0 0; width: 363px; }
							#nav .pos6a dd { padding: 2px 5px; width: 170px; }
							html>body #nav .pos6a { right: 330px; margin: 7px 0 0 0; }

							
							
						
						#nav .pos7a { right: 310px; margin: 7px 0 0 0; }
							#nav .pos7a dd { padding: 2px 5px; width: 200px; }
							html>body #nav .pos7a { right: 310px; margin: 7px 0 0 0; }
						
						#nav .pos8a { right: 130px; margin: 7px 0 0 0; width: 363px; }
							#nav .pos8a dd { padding: 2px 5px; width: 170px; }
							html>body #nav .pos8a { right: 130px; margin: 7px 0 0 0; }
						
						#nav .pos10a { right: 100px; margin: 7px 0 0 0; }
							#nav .pos10a dd { padding: 2px 5px; width: 100px; }
							html>body #nav .pos10a { right: -10px; margin: 7px 0 0 0; }
							
				#nav li { display:inline; float:left; height:2.1em; }
				#nav li a { background: url('../../images/li-sep.jpg') top right no-repeat; color: #fff; text-decoration: none; padding: 7px 11px 11px 5px; display: block; font-size: 1em; }
				#nav li a.end { white-space: nowrap; background: none; }
				#nav li a.last { background: none; }
				#nav li a.currentlast { background: none; text-decoration: underline;}
				#nav li a.norm  { background: url('../../images/li-sep.jpg') top right no-repeat; white-space: nowrap; }
				#nav li a.select { background: url('../../images/li-sep.jpg') top right no-repeat; white-space: nowrap; }
				#nav li a:hover,#nav li:hover>a { text-decoration: underline; }
					#nav a.norm:hover { background: url('../../images/li-sep.jpg') 100% 0 no-repeat; text-decoration: underline; }
					#nav a.end:hover { background: none 100% 0 no-repeat; text-decoration: underline; }
/* Content area
-------------------- */
div#homepg {
	padding: 15px 20px;
	overflow: hidden;
}		#largeImg { width: 923px; height: 270px; border: #B0B0B0 1px solid; padding: 17px; float: left; clear: both; margin: 20px 0 0 0; }
		/*#homepgLeft { width: 309px; float: left; margin: 30px 49px 0 0; }
			#homepgLeft h1 { margin: 0 0 20px 17px; }
			#homepgLeft h2 { margin: 0 0 0 17px; }
		#homepgRight { width: 560px; float: left; margin: 30px 0 0 0; }
			#homepgRight ul { margin: 20px 0 20px 15px; list-style: outside; width: 490px; }
				#homepageRight ul li { padding: 2px 0; }*/
				
		/*#homepgLeft { height: 180px; background: url('../../images/endgame_roundal2.gif') bottom left no-repeat; width: 493px; float: left; margin: 30px 0px 0 0; }
			#homepgLeft h1 { margin: 0 0 20px 0px; }
			#homepgLeft h2 { margin: 0 0 0 0px; }
			#homepgdownline{ width: 1px; height: 180px; float: left; margin: 30px 0px 0px 10px; background: url('../../images/dot.gif') repeat-y; background-color: #000000;}
		#homepgRight { width: 434px; float: left; margin: 30px 0 0 20px; }
			#homepgRight ul { margin: 20px 0 20px 15px; list-style: outside; width: 400px;}
				#homepageRight ul li { padding: 2px 0; }*/
				
				
	#homepgLeft { height: 200px; width: 410px; float: left; margin: 30px 0px 0 0; }
			#homepgLeft h1 { margin: 0 0 20px 0px; }
			#homepgLeft h2 { margin: 0 0 0 0px; }
			#homepgLeft .endgame {margin: 45px 0 0 0px; font-size: 2.75em;	font-weight:bold;	color: #999999;}
			#homepgdownline{ width: 1px; height: 200px; float: left; margin: 30px 0px 0px 10px; background: url('../../images/dot.gif') repeat-y; background-color: #000000;}
		#homepgRight { width: 510px; float: left; margin: 30px 0 0 20px; }
			#homepgRight ul { margin: 20px 0 20px 15px; list-style: outside; width: 360px;}
				#homepageRight ul li { padding: 2px 0; }
				

/*div#homeBoxes {
	clear: both;
	float: left;
	margin: 30px 0;
	width: 957px;
}		div#homeBoxes h4 { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; }
		div#homeBoxes p { color: #fff; margin: 5px 0; font-size: 0.917em; }
		div#homeBoxes a { color: #fff; margin: 5px 0; font-size: 1em; text-decoration: none; border-bottom: #fff 1px dashed; }
			div#homeBoxes a:hover { border-bottom: #fff 1px solid; }
			div#homeBoxes a#contact { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; border-bottom:0;}*/
			/*div#homeBoxes a#contact:hover { border-bottom:0;}*/
		/*.homeBox { background: url('../../images/box-bg.jpg') no-repeat; width: 178px; height: 99px; margin: 0 16px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px; }
			.homeBoxNews { background: url('../../images/newsbox-bg.jpg') no-repeat; width: 240px; height: 99px; margin: 0 23px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px; }
				.homeBoxNews p { width: 200px; }
			.lastbox { background: url('../../images/box-bg_alt.jpg') no-repeat; margin: 0; }
			.drpdwn { color: #327971; border: #879192 1px solid; padding: 2px; width: 125px; margin: 10px 0 0 0; }*/
			
			
div#homeBoxes {
	clear: both;
	float: left;
	margin: 30px 0;
	width: 957px;
}		div#homeBoxes h4 { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; }
		div#homeBoxes p { color: #fff; margin: 5px 0; font-size: 0.917em; }
		div#homeBoxes a { color: #fff; margin: 5px 0; font-size: 1em; text-decoration: none; border-bottom: #fff 1px dashed; }
			div#homeBoxes a:hover { border-bottom: #fff 1px solid; }
			div#homeBoxes a#contact { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; border-bottom:0;}
			
		.homeBox { background: url('../../images/box_bg.jpg') no-repeat; width: 194px; height: 100px; margin: 0 15px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px; }
			.homeBoxNews { background: url('../../images/box_bg.jpg') no-repeat; width: 194px; height: 100px; margin: 0 15px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px; }
				.homeBoxNews p { width: 180px; }
			.lastbox { background: url('../../images/box_bg_alt.jpg') no-repeat; margin: 0; }
			.inddrpdwn { color: #327971; border: #879192 1px solid; padding: 2px; width: 125px; margin: 10px 0 0 0; }	
			.drpdwnClick { color: #327971; border: #879192 1px solid; padding: 2px; width: 350px; margin: 10px 0 0 0; }			
			
			
div#interiorpg2 {
	background: #fff;
	padding: 15px 20px;
	overflow: hidden;
}		#interiorpgLeft { background: #fff; width: 180px; float: left; margin: 5px 0 0 0; min-height:300px; height:auto !important; height:300px; }
			#interiorpgLeft img { float: left; margin: 20px 10px; }
		#interiorpgLeft2 { background: #fff; width: 200px;  height: 300px; float: left; margin: 5px 20px 0 0; }
			#interiorpgLeft2 img { float: left; margin: 10px 20px; }
			#interiorpgLeft ul { list-style: none; }
				#interiorpgLeft ul li {  }
				#interiorpgLeft ul li#headerli{color: #434949;font-weight:bold; font-size: 1.083em; padding: 8px 8px; display: block; border-bottom: #ddd 1px dashed; }
				#interiorpgLeft ul li a { color: #006C67; text-decoration: none; font-size: 1.083em; padding: 8px 8px; display: block; border-bottom: #ddd 1px dashed; }
				#interiorpgLeft ul li a:hover { color: #434949; background: #E6F0F1; }
				#interiorpgLeft ul li a#current { color: #434949; background: #E6F0F1; }
		
		/*#interiorpgRight { background: #fff; width: 705px; float: left; margin: 5px 0 0 0; padding: 15px; }*/
		#interiorpgRight { background: #fff; width: 540px; float: left; margin: 5px 15px 0 15px; padding: 0px 10px 15px 10px; }
			#interiorpgRight p {
				color: #666666;
				margin: 10px 0;
				font-size: 1em;
				text-align: justify;
			}
			#interiorpgRight a { color: #515151; }			
				#interiorpgRight a:hover { text-decoration: none; }			
			#interiorpgRight ul { margin: 0 0 10px 25px; font-size: 1em; text-align: justify; }
			#interiorpgRight h1 { color: #777777; font-size: 1.75em; }
			#interiorpgRight .sectionheader { font-size: 1.6em; font-weight:normal; color: #cccccc;  }
			
		#interiorpgFarRight { background: #fff; width: 180px; float: left; margin: 0 0 0 0; padding: 0px; }
			#interiorpgFarRight p { margin: 5px 0; font-size: 1em; }
			#interiorpgFarRight a { color: #515151; }			
				#interiorpgFarRight a:hover { text-decoration: none; }			
			/*#interiorpgFarRight ul { margin: 0 0 10px 25px; font-size: 1em; }*/
			#interiorpgFarRight ul { margin: 0 0 10px 0px; font-size: 1em; }
			
			#interiorpgFarRight .rhsimage{display: block; width: 160px; margin: 0px; margin-top:15px; padding-left:10px; color:#999999; background:#ffffff; font-size:0.9em; text-align: justify;}


#interiorpgFarRight .rhsimage img{border:0px;}
#interiorpgFarRight .rhsimage a{text-decoration:none;}
#interiorpgFarRight .rhsimage a:hover{text-decoration:underline;}

#interiorpgFarRight .rhsimage .rhslogos{text-align:center;}

			#interiorpgFarRight .rhsblue { display: block; width: 170px; margin: 0px; padding-left:5px; color:#1E7C78; background:#E6F0F1; font-size:0.8em}
#interiorpgFarRight .rhsgrey { display: block; width: 145px; margin: 0px; margin-top:20px; padding-left:5px; color:#999999; background:#ffffff; font-size:1em; text-align: justify;}





#interiorpgFarRight .rhsnav{ background: #fff; width: 180px; margin: 5px 0 0 0;}
		
			#interiorpgFarRight .rhsnav ul { list-style: none; }
				#interiorpgFarRight .rhsnav ul li {  }
				#interiorpgFarRight .rhsnav ul li#headerli{color: #434949;font-weight:bold; font-size: 1.083em; padding: 8px 16px; display: block; border-bottom: #ddd 1px dashed; }
				#interiorpgFarRight .rhsnav ul li a { color: #006C67; text-decoration: none; font-size: 1.083em; padding: 8px 16px; display: block; border-bottom: #ddd 1px dashed; }
				#interiorpgFarRight .rhsnav ul li a:hover { color: #434949; background: #E6F0F1; }
				#interiorpgFarRight .rhsnav ul li a#current { color: #434949; background: #E6F0F1; }










/* Footer styling
-------------------- */
div#footer {
	/*background: #E6F0F1;*/
	background: #D2E2E4;
	float: left;
	clear: both;
	width: 953px;
	padding: 0 0 0 0;
}		ul#footerNav { list-style: none; margin: 0; padding: 0; float: left; clear: both; background: #D2E2E4; }
			#footerNav li { float: left; }
			#footerNav li a { color: #434949; text-decoration: none; padding: 5px 17px 5px 12px; display: block; font-size: 0.917em; }			
				#footerNav li a:hover { text-decoration: underline; }
		ul.footerNav2 { list-style: none; margin: 0; padding: 0; float: left; }
			.footerNav2 li { display: inline; }
			.footerNav2 li a { color: #434949; text-decoration: none; padding: 4px 0 0 0; display: block; font-size: 0.75em; }			
				.footerNav2 li a:hover { text-decoration: underline; }
			.firstUL { margin: 0 0 0 10px !important; width: 76px; display: inline; }
			.secondUL { width: 187px;  }
			.thirdUL { width: 114px; }
			.fourthUL { width: 108px; }
			.fifthUL { width: 72px; }
			.sixthUL { width: 77px; }
			.seventhUL { width: 138px; }
			.eigthUL { width: 117px; }

div#footerBtm {
	padding: 15px 0 0 0;
	float: left;
	clear: both;
	width: 955px;
}		* html #footerBtm { padding: 0; }
		ul#footerBtmNav { list-style: none; margin: 0; padding: 0; float: left; clear: both; width: 220px; }
			#footerBtmNav li { float: left; }
			#footerBtmNav li a { color: #6C6C6C; text-decoration: none; padding: 0 5px; display: block; font-size: 0.917em; border-right: #6C6C6C 1px solid; }			
				#footerBtmNav li a.last { border-right: none; }
				#footerBtmNav li a:hover { text-decoration: underline; }
		div#footerCopy {
			float: right;
			width: 600px;
			text-align: right;
			font-size: 0.917em;
		}		.copyright { font-size: 0.833em; margin: 10px 0 0 0; }
				.rade { width: 200px; float: left; }
					.rade p { font-size: 0.833em; margin: 23px 0 0 5px; }
					.rade a { color: #6c6c6c; text-decoration: none; }
						.rade a:hover { color: #333; text-decoration: underline; }
				.fullwidthfooter{ clear:both; font-size: 0.75em; padding: 10px 0 0 5px; }
		
						
						
#breadcrumbdiv{ background:#ffffff; color:#41908D; margin-bottom:10px}
#breadcrumbdiv a {color:#41908D; text-decoration:none;}
#breadcrumbdiv a:hover {color:#41908D; text-decoration:underline;}
#breadcrumbdiv .activecrumb{color:#777777;}
	
/* IE6 Fixes */
html, body {
height: 100%;
min-height: 100%;
}







* html div#homeBoxes {
	clear: both;
	float: left;
	margin: 30px 0;
	width: 957px;
}		* html div#homeBoxes h4 { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; }
		* html div#homeBoxes p { color: #fff; margin: 5px 0; font-size: 0.917em; }
		* html div#homeBoxes a { color: #fff; margin: 5px 0; font-size: 1em; text-decoration: none; border-bottom: #fff 1px dashed; }
			* html div#homeBoxes a:hover { border-bottom: #fff 1px solid; }
			* html div#homeBoxes a#contact { color: #fff; font-family: Arial, sans-serif; font-size: 1.667em; font-weight: lighter; border-bottom:0;}
			
		* html .homeBox { background: url('../../images/box_bg.jpg') no-repeat; width: 192px; height: 100px; margin: 0 15px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px; }
			* html .homeBoxNews { background: url('../../images/box_bg.jpg') no-repeat; width: 192px; height: 100px; margin: 0 15px 0 0; border: #49A1A4 1px solid; float: left; padding: 10px 15px 7px 15px; }
				* html .homeBoxNews p { width: 180px; }
			* html .lastbox { background: url('../../images/box_bg_alt.jpg') no-repeat; margin: 0; }
			* html .inddrpdwn { color: #327971; border: #879192 1px solid; padding: 2px; width: 125px; margin: 10px 0 0 0; }	
			* html .drpdwnClick { color: #327971; border: #879192 1px solid; padding: 2px; width: 185px; margin: 10px 0 0 0; }	









div#interiorpg {
	background: #fff url('../../images/interior-bg.jpg') repeat-x top left;
	background: #fff;
	height: 100%;
	min-height: 100%;
	padding: 15px 20px;
	overflow: hidden;
}

.imgleft {
padding: 15px 20px 10px 0;
float:left;

}


.ctrDropDown{
    width:130px;
}
.ctrDropDownClick{
    width:350px;
}
.navigationItem { height:8px; width:8px; line-height: 8px;
                  -moz-border-radius: 8px;
                  -webkit-border-radius: 8px;
                  background-color: Transparent;
                  border: solid 1px #878787;
                  margin: 0px 3px 3px 0px; }
.navigationItemHover { background-color: #ababab; }
.navigationItemSelected { background-color: #dadada; border-color: #dadada; }


/* Contact page */
div#contactFormHolder {
	width: 500px;
}
.contactleft {
	width: 200px;
	float: left;
	clear: both;
	padding: 1px 0;
}

.contactright {
	width: 250px;
	float: left;
	padding: 4px 0;
}		.input { border: #999 1px solid; padding: 2px; width: 200px;  }
		.txtarea { border: #999 1px solid; padding: 2px; width: 200px;  }
		.drpdwn { border: #999 1px solid; padding: 2px; width: 205px;  }
		.button { padding: 2px 4px; color: #434949; border: #818584 1px solid; background: ##D2E2E4; }
			.button:hover { color: #cccccc; background: #006C67; }
		
		
.forminfo {
	clear: both;
}

.requiredfield {
	color: #ff0000;
}