/* CSS Document */


html{ height: 100%; width: 100%;}
body{ /*defaults*/
		margin: 0; padding:0; 
		font-family:Arial, Helvetica, sans-serif;
		background-color: black; /*#C4C9D5; */
		height: 100%; width: 100%;
	}
/*general text styles**********************************/

	h1, h2, h3, h4, h5, h6, blockquote, pre{	color:#616F85;}


	h1{	font-size: 1.5em;}
	h2{	font-size: 1.2em; color: black; margin-bottom: 0;}
	h2 + p{	padding-bottom: .5em;}
	h2 span.small{ font-size: .875em; font-weight: normal; }
	h3{	font-size: 1em; color: black; margin-bottom:0; padding-bottom:5px;}
	h3 + ul{ margin-top:0; padding-top:0;}
	h4{	font-size: 1em; margin-bottom: 0; padding-bottom: 0; color: black;}
	h4 + p {	margin-top: 0; padding-top: 0;}
	h5, h6{	font-size: 1em; color: black;}
	p, li{ font-size: .875em; }
	li li { /*border: 1px solid blue;*/ font-size: 1em;}
	ul{ font-size: 100%; /*border: 1px solid red;*/}
	li{  /*border: 1px solid green;*/}
	#nav li, .multilevel-list li { font-size: 1em;}
	.multilevel-list li { padding-top: 3px; }
	.multilevel-list li li{ padding-top: 8px; }
	h6{ font-size: .95em; font-style:italic; font-weight:normal; margin-bottom: 0; padding-bottom: 5px; text-decoration:underline; margin-top: 10px;}
	h6 + p { margin-top: 0; padding-top: 0;}
	#footer{ font-size:.7em; line-height: .7em;}
	
	div.indent {  padding: 0 0 0 40px; }
	.underline { text-decoration:underline;}
	a{	color:#616F85;}
	.highlight, ul.plain li{ color:#616F85;} 
	span{ color:black;}
	#toplinks {	font-size: .9em;}
	.clear{ clear:both;}
	
		
	/*base list style*/
	li{	list-style:disc; line-height:1.5em;  }
	#content li { padding-bottom: 5px; line-height: 1.1em;}
	ul.twocol li{	line-height:1.1em;}
	
	
	/*base list colors*/
	li {	color: #FFFB9C;}
	li li{	color:#616F85;}
	li li li{ color:#BB825B;}
	li li li li{ 	color:#5FBB3C;}
	
	dl{	padding-top: 20px; padding-left: 40px;}
	dt	{	padding-bottom: .2em;}
	dt span.profile{ color: white; font-size: .75em;} 
	dt span.profile a{ color: white;}
	dd	{	padding-bottom: 2em;}
	
	/*list with columns*/
	/*
	div.list_2col {	width: 600px;  }
	div.list_2col div {	width: 270px; float: left; padding: 0 0 10px 20px; margin: 0;}
	div.list_2col div ul li{ display:block; list-style:none;}
	div.list_2col div ul li span.small{ font-size: .75em;}
	div.list_2col h3 {  margin-bottom:0px; padding-bottom: 5px; }
	div.list_2col h3 + ul {  margin-top:0px; padding-top:0px; margin-bottom:5px; padding-bottom:5px;}
	*/
	
	/*list with rows*/
	/*div.list div{ border: 1px solid red; padding:10px;}
	div.list div ul{}
	div.list div ul li{list-style:none; display:inline-block; width: 17em; padding-right: 20px; border: 1px solid green; vertical-align:top;}
	div.list div ul li.last{ padding:0; margin-left:20px;}
	div.list div ul li span.small{ font-size: .75em;}
	*/
	.small{ font-size: .75em;}
	
	
	div.workhistory p{position:relative; }
	div.workhistory span.years{ text-align: right; position: absolute; right: 0; top:0;}
	
	.fleft{ float:left; padding: 10px;}
	.fright{ float:right; padding: 10px;}
	
	.trademark{	font-size:xx-small; color:#FFFFFF; vertical-align:top; }
	
	.superscript{font-size:xx-small; vertical-align:top;} 
	.subscript{font-size:xx-small; vertical-align:bottom;}
	.logo_slogan{font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #4B5667; font-weight:bold; font-style:italic; padding-top:8px; padding-bottom: 10px; text-align:center; }
	
	.logo_container{ width:180px; padding:0; margin:0; background-color:#929CAD; }
	
	.photo-container-right{width:182px; text-align:center; float:right; padding: 20px 20px 10px 20px;}
	.photo-container{ text-align:center;}
	.photo-container p, .photo-container-right p{ font-size:9px; margin-top: 3px;}

	
/******************************************************/	
	
	#wrapper{
		width:955px;   
		position:relative;
	    left: 50%; margin-left: -477px;
		border: 4px solid black;
		
		background-image:url(images/bg.gif);
		background-position: 50px;
		background-repeat:repeat-y;	
		background-color: #C4C9D5;
		
		
	}
	#wrap2{background: url(images/capital.gif) bottom right no-repeat; }   /*capital bg holder*/
/*****************************************************/		
	#header{
		position:absolute;
		background: #5A6B85 url(images/banner.jpg); 
		color: white;
		height:108px; width: 955px;
		border-bottom: 2px solid black;
	}
		#slogan{	
			position:absolute; top: 50px; left: 325px; width: 675px;
				margin-left: -4.5em;
				text-align:center;	
			 }
			
			#slogan h4{ font-family:"Times New Roman", Times, serif; color:#FFFFFF; font-weight:bold; font-size: 2em; font-style:italic; padding: 0; padding: 0; margin: 0;}
		
		/*********************topnav styles*/
		
		#toplinks{float:right; padding-right:20px; padding-top: 20px; font-weight:bold;}
			#toplinks a{ color: #FFF988; text-decoration:none;}
			#toplinks a:hover{	color: white;}
		
		
	
/********************************************************/	
	
	#navholder{
		position:absolute; left: 50px; padding-top:50px;
		width: 180px;
	}
	
	
		#logo{

			width: 180px;
			vertical-align:top;		
			
			padding-left:1px;
			
		}
/*new *****************************************************************/
		#navlinks{
			width: 180px; 
			height: 173px;
		}
		
		
		/*position navs*/
		#nav{	width: 161px; font-family:Arial, Helvetica, sans-serif; font-size: .825em; /*background-color: black;*/ margin: 0; padding: 0;}
	
		/*common nav styles*/
		#nav ul {	 text-align:center; margin: 0; padding: 0; }
		#nav li {	/*border-top: 1px solid black; border-bottom:1px solid black;  border-right: 2px solid black; border-left: 2px solid black;*/ float: left; position:relative; width: 180px; height:40px; /*background-color:#929CAD;*/   /*margin: 0; padding: 0;*/ list-style:none; padding-left:1px;}
		#nav a {	width: 180px; height: 100%; background-color:#929CAD; display: block;  text-decoration:none;   color:#FFFF9C; font-weight:bold; line-height: 40px;   padding-right:1px; color: white; } 
		
		#nav li ul {	position:absolute; display: block; }  
		
		/*common subnav styles*/
		#nav li ul {	display:none;}	
		#nav li:hover ul, #nav li.sfhover ul {	display:block; }
		#nav li:hover a:hover, #nav li.sfhover a:hover{	/*background-color:#C9CED7;*/ background-color:#BBC2CE;  color: #5C6C85; color: #5C6C85;}
		
		
		
		/*vertical nav styles*/
		#nav li {	clear:both; }
		#nav li ul {	left: 179px; top:0;}  /*subnav position*/
		#nav li ul li{	/*border-top: 1px solid black; border-bottom:1px solid black;  border-right: 1px solid black; border-left: 1px solid black;*/ }
		#nav li.last { /*border-bottom:2px solid black;*/}
/***********************************************************************/		
		
		/******************************/
		#navpic{
			text-align:center; padding-top: 20px; background-color:#929CAD; width: 180px;
		}
		
		
/***********************************************************/
		#content{
			padding-left:300px; padding-top: 170px; padding-right: 50px; padding-bottom: 20px;
			min-height: 390px; 	/*prevent navbar poking over bottom*/
		}
		
		#main_content{ /*border: 1px solid red;*/ text-align:justify;}
		
		
	/*layout footer*/	
	#footer{
		text-align:center; 
		margin-left: -60px; padding-left: 0px;/*cancel content padding*/
		padding-top: 20px;		
	}
	/***************/
	
	/**/
	.companyname, .slogan, dt {	color: #616F85; font-weight:bold;}

	ul.twocol { width: 44em;  display:table; /*not supported IE5.5, 6.0*/}
	ul.twocol li  { float:left; padding-left:2em; width: 18em; list-style:none;}
	
	a{ color: #616F85;}
	dl li{	list-style:none; color: black;}
	
	
	/*styles for contactlist on contact page*/
	ul.contactlist, ul.contactlist li{	list-style:none; }
	ul.contactlist{	background-color: #616F85; padding: 0; width:500px; margin-left: 50px;}
	ul.contactlist li{	padding: .2em; color: white; }
	ul.contactlist li ul{ padding:0; margin:0;}
	
	
	.space{	height: 400px; width: 100%;}

	div.breadcrumbs { font-size: .875em; padding-bottom:30px;}

/*page specific styles*/
	#home #content{	line-height: 2em; }
	#home .companyname { font-size: 1.5em;}
	
	#contact #content{	text-align:center;}
	
	/*specific page footer spacing - for small content*/
	#home #footer {	padding-top: 110px;}
	#howwedoit #footer { padding-top: 150px;}
	#ouraffiliates #footer {padding-top: 220px;}
	#ouraffiliates #content div { padding-left: 20px;}
	#ouraffiliates #content h3{ padding-bottom:0; margin-bottom:0; }
	#ouraffiliates #content ul{ padding-top:0; margin-top:0; }
	#whatwedo #footer {padding-top: 240px;}
	
	
	.comingsoon { font-size: .625em; color: #666666;}
	.copywrite{ text-align:right; padding-right:10px;}
	
	
	/***/
	div.list-section{ border: 1px solid red;}
	div.list-section div{ border: 1px solid green; width:33%; float: left; display:block;}
	table ul{ margin-top:0; padding-top:0;}
	table ul li{ list-style-type:none;}