@charset "utf-8";
/* Main CSS */

	html, body {
	height: 100%;	
	}

	.container {
		overflow:hidden;
	}
	
	.clientcontainer {
		overflow:hidden;
		padding:20px;
		background-image:url(/images/revealBG.jpg);
		background-repeat::no-repeat;
		width:658px;
		margin-left:45px;
	}
	
	body {
		text-align:center;
		margin:0px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		behavior:url("/csshover.htc"); 
		background-color:#001119;
		background-image:url(/images/mainBG.gif);
		background-repeat:repeat-x;
		background-position:left top;
		}
		
		/* PNG fix for IE 5.5 and above */
		img, div { behavior: url(/iepngfix.htc) }
		/* END FIX */

		.frameContainer {
			margin-right:auto;
			margin-left:auto;
			text-align:left;
			width:745px;
			margin-top:0px;
			padding:0px;
			clear:all;
		}
		
		.revealContainer {
			margin-right:auto;
			margin-left:auto;
			text-align:left;
			width:680px;
			margin-top:0px;
			padding:0px;
			clear:all;			
		}
		
		#footer  {
			text-transform:uppercase;
			color:#6cc7e6;
			font-size:10px;
			clear:both;
			margin-top:0px;
			padding-top:10px;
			margin-bottom:10px;
			padding-bottom:10px;
			padding-left:45px;
			padding-right:45px;
		}
		
		#footerlinks {
			float:right;
			text-transform:inherit;
			color:inherit;
			font-size:inherit;
			margin-top:inherit;
		}
		
		a {
			color:#55735e;
			text-decoration:none;
		}
		a:hover {
			color:inherit;
			text-decoration:none;
		}
		
		a:visited {
			color:inherit;
		}
		
		a.link {
			color:#6cc7e6;
			text-decoration:none;
		}
		
		a.link:hover {
			color:inherit;
			text-decoration:underline;
		}
		
		a.link:visited {
			color:inherit;
		}
		
		.navspacer {
			width:25px;
			float:left;
		}
		
		#nav {
			margin:0px;
			padding:0px;
			border-top:1px solid #55735e;
			text-transform:uppercase;
			font-size:12px;
			color:#bbdca2;
		}
	h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		font-weight:300;
		margin-bottom:5px;
		color:#bce0a1;
	}
	/*	.mainNav {
			list-style: none;
			margin: 0px;
			padding-top:3px;
			float: left;
			cursor:pointer;
			text-decoration:none;
			color:#bbdca2;
			padding:0px;
		}
		
		.mainNav a {
			list-style: none;
			margin: 0px;
			padding-top:7px;
			float: left;
			cursor:pointer;
			text-decoration:none;
			color:#bbdca2;
			margin-right:25px;
		}
		
		.mainNav a:hover {
			border-top:4px solid #55735e;
			list-style: none;
			margin: 0px;
			padding-top:3px;
			float: left;
			cursor:pointer;
			text-decoration:none;
			color:#bbdca2;
			margin-right:25px;
		}
		
		.mainNavSelect a {
			border-top:4px solid #55735e;
			list-style: none;
			margin: 0px;
			padding-top:3px;
			float: left;
			cursor:pointer;
			text-decoration:none;
			color:#bbdca2;
			margin-right:25px;
		}  */
		
		#recentPanel.SlidingPanels {
			float: left;
			width: 641px;
			height:130px;
			overflow:hidden;
		}
		#recentPanel .SlidingPanelsContentGroup {
			float: left;
			width: 4000px;
		}
		#recentPanel .PanelContent {
			float: left;
			width: 641px;
		}	
		
		#header {
			background-image:url(../images/top.png);
			background-repeat:no-repeat;
			background-position:left top;
			height:79px;
			text-align:left;
			font-family:Calisto, Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size:32px;
			color:#bbdca2;
		}		
		
		#logo {
			width:110px;
			height:110px;
			margin-right:10px;
			float:left;
		}
		
		#mainImage {
			float:left;
			position:relative;
			top:-50px;
			overflow:hidden;
		}
		
		
		#introText {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:100;
			color:#fff;
			width:425px;
			float:right;
			text-align:left;
		}
		
		#introTextLeft {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:100;
			color:#bce0a1;
			width:680px;
			float:left;
			text-align:left;
			margin-bottom:40px;
			margin-left:43px;
		}
		
		.pullquote {
			color:#bce0a1;
			padding:10px;
			padding-left:40px;
			margin-top:25px;
			margin-bottom:10px;
			background-image:url(../images/pullquoteHome.png);
			background-repeat:no-repeat;
			background-position:left top;
		}
		
		.highlight {
			color:#bce0a1;
			padding:10px;
			background-image:url(../images/whiteOverlay_10.png);
			background-position:left top;
			width:100%;		
			}
		
		.separator {
			background-image:url(../images/mainSeparator.gif);
			background-position:left top;
			height:2px;
			overflow:hidden;
			width:100%;
		}
		
		.clientseparator {
			background-image:url(../images/mainSeparator.gif);
			background-position:left top;
			height:2px;
			overflow:hidden;
			width:100%;
			margin-left:45px;
			margin-right:42px;
		}
		
		.separatorReveal {
			background-image:url(../images/mainSeparator.gif);
			background-position:left top;
			height:2px;
			overflow:hidden;
			width:100%;
			margin-left:20px;
		}
		
		#main {
			width:100%;
		}
		
		html>body #main {
			background-image:url(../images/scrollOverlayHeader.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			width:100%;
			min-height:100%;
		}
		
		#mainSub {
			background-image:url(../images/scrollOverlayHeader.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			height:100%;
		}
		
		.clear {
			clear:both;
		}
		
		.recentHeader {
			font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:24px;
			padding-left:44px;
			padding-bottom:5px;	
		}
		
		.navigateRecent {
			cursor:pointer;
		}
		
		.previous {
			width:35px;
			float:left;
			height:80px;
			vertical-align:middle;
			text-align:center;
			padding-top:45px;
		}
		.panelContent {
			width:675px;
		}
		.next {
			width:35px;
			float:left;
			height:80px;
			vertical-align:middle;
			text-align:center;
			padding-top:45px;
		}
		
		.projectlist {
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#6cc7e6;
			font-size:10px;
		}
		
		.projectlistMain {
			text-transform:uppercase;
			color:#fff;
			font-size:10px;
		}
		
		.thumbnail {
			border:4px solid #fff;
			margin-right:8px;
			margin-top:6px;
			margin-bottom:6px;
		}
		
		.recentBody {
			float:left;
			width:675px;
			vertical-align:middle;
			text-align:left;
			padding-top:2px;
		}
		
		/*--------------------------
		Slider
		--------------------------*/
		#slider1,
		#slider2,
		#slider3; 
		#slider4 {
		width: 641px;
		}
		
		#slider1 img,
		#slider2 img,
		#slider3 img;
		#slider4 img {
			display:none;
		}
		
		
		#headerQuote {
			padding-top:50px;
			float:right;
			text-align:right;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
		}
		
		#headerText {
			float:left;
			padding-top:35px;
			width:250px;
		}
		
		.projectType {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			color:#408aa3;
			margin-bottom:3px;
		}
		
		.projectTitle {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			color:#fff;
			margin-bottom:4px;
			padding-bottom:4px;
			border-bottom:1px dashed #7fa9b7;
			width:250px;
		}
		
		.projectDetails {
			text-transform:uppercase;
			color:#6dc7e6;
			font-size:9px;
			line-height:12px;
		}
		
		.whiteText {
			color:#fff;
		}
		
		.moreInfo {
			margin-top:12px;
			cursor:pointer;
			width:80px;
		}
		
		.recentBorder {
			border:4px solid #fff;
		}
		
		.panelText {
			height:120px;
			line-height:normal;
			float:left;
			text-align:left;
		}
		
		.panelImage {
			width:256px;
			margin-right:16px;
			float:left;
			margin-left:8px;
		}
		
		.panelTextClient {
			height:120px;
			line-height:normal;
			float:left;
			width:480px;
			text-align:left;
		}
		
		.panelImageClient {
			width:143px;
			margin-right:16px;
			float:left;
		}
		
		.recentReveal {
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			font-size:12px;
			background-image:url(../images/revealBG.jpg);
			background-repeat:no-repeat;
			background-position:left top;
			padding:18px;
			height:164px;
			text-align:left;		
			width:inherit;
			margin-left:20px;	
		}
		
		#top {
			margin-bottom: 40px;
		}
		
		.form {
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666;
			width:300px;
			margin-bottom:16px;
		}
		
		.leftForm {
			width:140px;
			float:left;
			font-size:12px;
			line-height:41px;
			margin-left:35px;
		}
		
		.leftAbout {
			width:280px;
			float:left;
			margin-left:10px;
		}
		
		.rightForm {
			float:left;
			margin-top:8px;
		}
		
		.rightAbout {
			float:left;
		}
		
		.mainBody {
			font-size:14px;
			color:#fff;
			margin-top:25px;
		}
		
		/* NAV */

		#navMenu{
			
			width:500px;
			height:35px; 
			margin:0px;
			position:relative;
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size:12px;
			overflow: hidden;
			color:white;
		}
		#navMenu ul li{
			margin-top:0px;
			float:left;
			display:inline;
			font-size:12px;
			color:white;
			margin-right:20px;
			color:white;
		}
		#navMenu ul li a {
			margin:0px;
			z-index: 99;
			display: block;
			padding-top:10px;
			position: relative;
			overflow: hidden;
			text-align:center;	
			text-decoration:none;
		}
		#navMenu ul li a:hover {
			color:#bbdca2;
			cursor:pointer;
		}
		
		#navMenu li.background {
			z-index: 8;
			position: absolute;
			visibility: hidden;
			margin:0px;
		}
		
		#navMenu .background .left {
			border-top:4px solid #55735e;
		}
		
		#navMenu ul {
			float: left;
			color:white;
			position: absolute;
			width: 100%;
			top: 0;
			left: 0;
			margin: 0px;
			padding:0;
			text-transform:uppercase;
		}
		#menu_home a {
			width: 40px;
			color:#bbdca2;
		}
		#menu_clients a {
			width: 50px;
			color:#bbdca2;
		}
		#menu_about a {
			width: 56px;
			color:#bbdca2;
		}
		
		#menu_contact a {
			width: 70px;
			color:#bbdca2;
		}
		
		.current {
			background-image:url(../images/menuOver.gif);
			background-repeat:repeat-x;
			height:4px;
			cursor:pointer;
			color:#bbdca2;
		}