/* CSS Document */

html,body{margin:0;padding:0; background: #17345e url(imgs/bg-x.jpg) repeat-x;}
body{margin:0;padding:0;font: 76% arial,sans-serif;text-align:center; background: url(imgs/container-BG.jpg) no-repeat top center;}

div#header{display:block;text-indent:-5000px;height:100px;line-height:80px;}
html>/**/body div#header{margin-top:-16px;}

a {color:#17345e;}
a.textlink:hover {color:#fff; background:#17345e; padding:3px; margin:-3px; text-decoration:none;}
div#content p a.thumb img { display:block; width: 200px; height: 133px; padding:9px; float:left; border: none;}

h2 {padding: 5px 30px; color:#ac1c20; font-size:2.1em; margin-bottom: 0px;}
h3 {padding: 10px 0px 0px 0px; color:#597d55; font-size:1.4em; border-top:1px solid #ddd; margin: 0px 30px; font-weight:normal;}
h4 {padding: 25px 0px 0px 0px; color:#597d55; font-size:1.4em; border-top:1px solid #ddd; margin: 0px 30px; font-weight:normal; }

div#container{width:768px;margin:0 auto;text-align:left;z-index:100; }


div#topnav{float:right;width:707px;height:42px;padding:0px 23px 5px 9px;background:url(imgs/container-top.gif) top right no-repeat;}
html>body div#topnav{float:right;width:707px;height:42px;padding:0px 15px 5px 9px;background:url(imgs/container-top.png) top right no-repeat;}
	div#topnav ul{ list-style-type:none;display:inline;}
	div#topnav ul li {float:right;margin-right:-6px;}
	div#topnav ul li a { text-indent:-5000px;}
	div#topnav ul li a :hover { background-position:0 -37px; }
	
		div#topnav ul li a.home {display:block;height:37px;width:85px;background:transparent url(imgs/nav-Home.png);}
		div#topnav ul li a.home:hover { background-position:0 -37px; }
		
		div#topnav ul li a.services {display:block;height:37px;width:112px;background:transparent url(imgs/nav-Services.png);}
		div#topnav ul li a.services:hover { background-position:0 -37px; }
		div#topnav ul li a.servicescurrent {display:block;height:37px;width:112px;background:transparent url(imgs/nav-Services.png); background-position:0 -37px; }
		
		div#topnav ul li a.portfolio {display:block;height:37px;width:104px;background:transparent url(imgs/nav-Portfolio.png);}
		div#topnav ul li a.portfolio:hover { background-position:0 -37px; }
		div#topnav ul li a.portfoliocurrent {display:block;height:37px;width:104px;background:transparent url(imgs/nav-Portfolio.png);background-position:0 -37px;}
		
		div#topnav ul li a.company {display:block;height:37px;width:114px;background:transparent url(imgs/nav-Company.png);}
		div#topnav ul li a.company:hover { background-position:0 -37px; }
		div#topnav ul li a.companycurrent {display:block;height:37px;width:114px;background:transparent url(imgs/nav-Company.png);background-position:0 -37px;}
		
		div#topnav ul li a.contact {display:block;height:37px;width:110px;background:transparent url(imgs/nav-Contact.jpg);}
		div#topnav ul li a.contact:hover { background-position:0 -37px; }
		div#topnav ul li a.contactcurrent {display:block;height:37px;width:110px;background:transparent url(imgs/nav-Contact.jpg); background-position:0 -37px; }

		
		html>body div#topnav ul li a.contact {display:block;height:37px;width:110px;background:transparent url(imgs/nav-Contact.png);}
		html>body div#topnav ul li a.contact:hover { background-position:0 -37px; }
		html>body div#topnav ul li a.contactcurrent {display:block;height:37px;width:110px;background:transparent url(imgs/nav-Contact.png); background-position:0 -37px; }
		

	
div#content{float:right;width:716px; padding:0px 15px 0px 0px;background:url(imgs/container-mid.jpg) top right repeat-y;}
html>body div#content{float:right;width:716px; padding:0px 15px 0px 0px;background:url(imgs/container-mid.png) top right repeat-y;}
div#content p {padding:0px 30px; color:#545454; line-height:1.2em; }

div#content p.step1 {background: url(imgs/steps.jpg) top left no-repeat; display:block; width:657px; height:42px; padding:0px; margin:0px;  }
div#content p.step1 a.steplinks {display:block; height:42px; width:162px; background:none; text-indent: -5000px; float:left; }
div#content p.step2 {background: url(imgs/steps.jpg) top left no-repeat; background-position:0 -42px; display:block; width:657px; height:42px; padding:0px; margin:0px; }
div#content p.step2 a.steplinks {display:block; height:42px; width:162px; background:none; text-indent: -5000px; float:left; }
div#content p.step3 {background: url(imgs/steps.jpg) top left no-repeat; background-position:0 -84px; display:block; width:657px; height:42px; padding:0px; margin:0px; }
div#content p.step3 a.steplinks {display:block; height:42px; width:162px; background:none; text-indent: -5000px; float:left; }
div#content p.step4 {background: url(imgs/steps.jpg) top left no-repeat; background-position:0 -126px; display:block; width:657px; height:42px; padding:0px; margin:0px; }
div#content p.step4 a.steplinks {display:block; height:42px; width:162px; background:none; text-indent: -5000px; float:left; }

div#content p.callout {margin:0px 30px; padding: 15px 25px; background:#eeb; color:#545454; line-height:1.2em; font-size:1.15em;}
div#content ul.companies {float:left; width:190px; height: 140px; padding-left:0px; margin-left:30px;}
div#content ul.companies li.port-com {width:170px; font-size:1.2em; padding:8px; margin: 0px; border-bottom:1px solid #ddd; list-style-type: none; margin-right:30px; float:left;}

h4.grunge {background:url(imgs/steps-grunge.gif) top left no-repeat; margin-left:0px; margin-right:40px; padding: 35px 13px 20px 25px; }
p.inside-steps {margin:0px 25px 20px 0px; }

div#navigation {float:left;height:464px;}
	div#navigation span a.sideNAVpr { background:url(imgs/sideNAV.jpg) top right; display:block;height:464px; width:37px; text-indent:-5000px;}
	div#navigation span a.sideNAVcp { background:url(imgs/sideNAV.jpg) top left; display:block;height:464px; width:37px; text-indent:-5000px;}
	
	html>body div#navigation span a.sideNAVpr { background:url(imgs/sideNAV.png) top right; display:block;height:464px; width:37px; text-indent:-5000px;}
	html>body div#navigation span a.sideNAVcp { background:url(imgs/sideNAV.png) top left; display:block;height:464px; width:37px; text-indent:-5000px;}
	

div#portfolio-container {float: left; width:540px;}
div#portfolio-element {background: url(imgs/Vertical-Red-Banner-for-4-TV-spots.gif) bottom left no-repeat; float: right; width:165px; height: 680px; display: block;}
div#portfolio-elementC {background: url(imgs/Vertical-Red-Banner-1200px.gif) bottom left no-repeat; float: right; width:165px; height: 1200px; display: block;}
div#portfolio-section {height:200px;}
div#portfolio-section1 {height:170px;}





div#extra {background:#FF8539; color:#888; float:right;width:716px; text-align:right; padding:0px 20px 0px 5px; height:60px; display:block; background: url(imgs/container-bottom.gif) top right no-repeat; }
html>body div#extra{ background:#FF8539; color:#888; float:right;width:716px; text-align:right; padding:0px 20px 0px 5px; height:60px; display:block; background:url(imgs/container-bottom.png) top right no-repeat;}

div#footer{clear:both; text-align:right; width:100%;}
	div#footer p a {padding: 0px 10px; color: #3c567d; text-decoration:none;}