@import url("reset.css");

body,html { height:100%; width:100%; }

strong { font-weight:bold; }
em { font-style:italic; }

body {

	background:#fff;
	border-top:5px #000 solid;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x:hidden;

}

#study-holder:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#main-container {
	
	position:relative;
	width:960px;
	overflow:hidden;

}

div#contact-top {

	position:absolute;
	background:#000;
	right:22px;
	top:0;

}

	div#recaptcha_widget_div {
	
		position:relative;
		left:-20px;
	
	}

	div#contact-form { position:absolute; top:0; right:22px; background:url("../images/90b-trans.png"); width:280px; min-height:395px; padding:20px; display:none; z-index:1001;}
		div#contact-form p { color:#fff; font-size:12px; line-height:18px; border-bottom:1px #4d4d4d solid; padding:0 0 10px 0; margin:0 0 10px 0; }
		div#contact-form input[type=text] { width:100%; background:#333333; color:#fff; font-size:11px; padding:5px 3px; border:none; border-bottom:1px #4d4d4d solid; font-family:inherit; margin:0 0 10px 0;}
		div#contact-form textarea { padding:3px; width:100%; border:none; border-bottom:1px #4d4d4d solid; background:#333; color:#fff; font-size:11px; font-family:inherit; margin:0 0 10px 0; height:100px; resize:none;}
		div#contact-form strong { color:#fff; font-size:12px; text-transform:uppercase; margin:0 0 10px 0; display:block; }
		div#contact-form input, div#contact-form textarea { font-family:helvetica !important; }
		div#contact-form input[type=image] { opacity:0.6; }
		div#contact-form input[type=image]:hover { opacity:1; }
		div#contact-form a { color:#fff; }
		div#contact-form label { color:#fff; font-size:11px; margin:5px 0 3px 0; }
		input#human_test { width:25px !important; clear:right !important; }
		div#contact-form div#error-message { background:#a33; color:#fff; padding:10px; font-size:11px; margin:10px 0; display:none;}
	div#contact-top a { font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; padding:4px 8px; display:block;}

	form#payment-form label { display:block; clear:both; margin:5px 0 10px 0; font-size:12px; font-weight:bold; }
	form#payment-form input[type=text] { display:block; float:left; margin:0 0 10px 0; height:20px; line-height:20px; font-size:13px; } 
	
	form#payment-form label.check { float:left; font-weight:normal; margin:0 0 8px 0; }
	form#payment-form div.formcol { float:left; margin:0 20px 0 0; overflow:hidden; }
	form#payment-form input[type=submit] { clear:both; width:120px; background:#333; color:#fff; padding:10px; border:1px #000 outset; line-height:40px; float:left; } 
	form#payment-form input[type=submit]:hover { background:#000; }
	form#payment-form input[type=submit]:focus { background:#FFF; color:#000; }
	form#payment-form div.longinput input[type=text] { width:330px; } 
	form#payment-form div.longinput select { float:left; margin:0 5px 10px 0;}
	form#payment-form div.longinput span.slash { display:block; float:left; margin:0 5px 10px 0; font-size:14px; }
	form#payment-form input#cvv { width:100px !important; }
	
	div#output { position:absolute; right:0; width:250px; background:#000; color:#fff; padding:10px; font-size:12px; line-height:20px; display:none; }
	html body div#output p { color:#fff; font-size:12px; line-height:20px; margin:0 0 4px 0; }

	div.invoice-details { clear:both; float:left; margin:10px 0;}
	html body div#main-container div#main-content div.invoice-details p { color:#000; font-size:14px; line-height:20px; }

div#main-content {

	width:700px;
	min-height:550px;
	float:right;
	padding:100px 22px 100px 0;

}

div#home-slide-container {

	width:700px;
	height:500px;
	float:left;
	position:relative;
	margin:0 0 20px 0;
	z-index:0;
}


div#home-main {

	position:relative;
	z-index:1000;

}

div#home-main div#plus { position:absolute; z-index:1000;}

	div.home-slide { float:left; height:500px; width:700px; display:none; z-index:0; }
	div.home-slide div.info { background:url("../images/80b-trans.png"); width:120px; padding:15px; position:absolute; }
		div#home-slide-container div.info p { color:#fff; font-size:11px; line-height:13px;}
		div.info ul { list-style-type:none; }
		div.info ul li { font-size:10px; line-height:14px; margin:0 0 12px 0; color:#fff; text-transform:uppercase;}
	
	div#home-slide-1 div.info { top:0; right:0; }
	div#home-slide-2 div.info { bottom:20px; left:10px; }
	div#home-slide-3 div.info { top:45px; right:29px; }
	div#home-slide-4 div.info { top:100px; left:0; }
	div#home-slide-5 div.info { top:0; right:0; }
	div#home-slide-6 div.info { left:0; top:0; }
	div#home-slide-7 div.info { top:20px; right:20px; }
	div#home-slide-8 div.info { bottom:100px; right:40px; }
	div#home-slide-9 div.info { top:20px; right:100px; }
		
	div#home-slide-1 { background:url("../images/home-slides/1.jpg") no-repeat; }
	div#home-slide-2 { background:url("../images/home-slides/2.jpg") no-repeat; }
	div#home-slide-3 { background:url("../images/home-slides/3.jpg") no-repeat; }
	div#home-slide-4 { background:url("../images/home-slides/4.jpg") no-repeat; }
	div#home-slide-5 { background:url("../images/home-slides/5.jpg") no-repeat; }
	div#home-slide-6 { background:url("../images/home-slides/6.jpg") no-repeat; }
	div#home-slide-7 { background:url("../images/home-slides/7.jpg") no-repeat; }
	div#home-slide-8 { background:url("../images/home-slides/8.jpg") no-repeat; }
	div#home-slide-9 { background:url("../images/home-slides/9.jpg") no-repeat; }
		
	

body#case-studies-page div#main-content { width:722px; }

	div#main-content h1 { font-size:24px; font-weight:bold; line-height:36px; margin:0 0 8px 0;}
	div#main-content img#home-main { margin: 0 0 25px 0; opacity:1; }
	div#main-content img.case-study { float:left; }
	div#main-content h2 { float:left; color:#9b9b9c; font-size:24px; line-height:32px; margin:0 0 8px 0; width:700px; padding:0 0 8px 0; border-bottom:1px #cdcdce solid; clear:both;}
	div#main-content h2 strong { color:#000; font-weight:normal; }
	div#main-content p { color:#808080; font-size:14px; line-height:24px; margin:0 0 12px 0;}
	div#main-content img[align=right] { padding:0 0 50px 30px; }
	div#main-content div.hidden-bio { display:none; clear:both; float:left; margin:30px 0; }
	div#main-content a { color:#000; cursor:pointer; }
	div#main-content a:hover { background:#000; color:#fff !important; }
	
	div#main-content blockquote { padding:35px; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#aaa; line-height:20px;}
	div#main-content div.blog-post { float:left; color:#808080; font-size:14px; line-height:24px; margin:0 0 25px 0; width:700px !important;}
		div.blog-post h4 { font-size:11px; text-transform:uppercase; color:#000; line-height:18px; margin:0 0 12px 0;}
		div#main-content div.blog-post h2 { font-size:20px; }
		div.blog-post p { float:left; }
	
	div#main-content p.mailMessage { padding:5px 10px; background:#000; color:#fff; font-weight:bold; font-size:16px; }
	
	
	div#main-content div#study-holder { position:relative; width:700px; }
	
		div#study-holder div#study-nav { position:absolute; top:15px; right:0px; background:#fff; z-index:1000; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#808080; cursor:pointer;}
			div#study-nav span:hover { color:#333; }
		div#study-holder div.study-content { float:left; width:100%; height:500px; background:#fff; border-bottom:1px #cdcdce solid; padding:0 0 10px 0; margin:0 0 10px 0;}
		
		div#study-holder div#studies { float:left; overflow:hidden; width:700px;}
			div.study-content img { display:block; float:left; clear:both;}
		div#study-holder p { clear:both; }
		div#study-holder div.study { float:left; min-height:450px; overflow:hidden; }
		div#study-holder p.study-info { color:#000; clear:both; font-size:11px;}
		
		div#study-holder div#pager { height:20px; position:absolute; top:-10px; right:-1px; z-index:1000; }
		div#study-holder div#pager a { display:block; color:#fff; padding:5px; text-decoration:none; height:10px width:10px; background:url("../images/icons/pager-inactive.png") no-repeat center; float:left; font-size:0px;}
		div#study-holder div#pager a.activeSlide { background:url("../images/icons/pager-active.png") no-repeat center; }

		div#our-staff { clear:both; }

div#sidebar {

	width:175px;
	position:absolute;
	top:0;
	bottom:0;
	float:left;

}

	div#sidebar img#main-logo {	margin:40px 30px 0 30px; opacity:0.3;}
		div#sidebar img#main-logo:hover { opacity:1.0; }
	div#sidebar ul#main-nav { margin:25px; }
		ul#main-nav li { margin:0 0 5px 0; }
		ul#main-nav li a { color:#000; font-size:11px; padding:5px; text-transform:uppercase; text-decoration:none;}
		ul#main-nav li a:hover { background:#000; color:#fff; }
			ul#main-nav ul.subnav { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px #cdcdce solid; }
			ul#main-nav ul.subnav li a { font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; font-style:italic; color:#aaa;}
			ul#main-nav ul.subnav li a:hover { background:#fff; color:#333; }
	
			ul.subnav { display:none; }
				


div#footer {

	float:left;
	background:#f0f0f0;
	padding:0 0 100px 0;
	margin:0 0 -50px 0;
	position:absolute;
	left:0;right:0;
	overflow:hidden;

}

	div#footer div#footer-content {
	
		width:960px;
		overflow:hidden;
		margin:0 0 0 237px;
		padding:25px 0 0 0;
		
	}
	
		div#footer div.column { 
		
			float:left;
			width:144px;
			margin:0 30px 0 0;
		
		}
		
		div#main-content div.column {
		
			float:left;
			width:144px;
			margin:20px 30px 0 0;
		
		}
		
			div.column h3 { color:#777; font-size:11px; line-height:23px; margin:0 0 8px 0; }
			div.column h4 { font-size:24px; color:#000; line-height:30px; margin:0 0 10px 0; }
			div#main-content div.column a { color:#000; font-weight:bold; text-decoration:none; font-size:11px; }
			div#main-content div.column p em { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
			div.column img.icon { margin:0 1px 10px 1px; }
			div.column ul { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; }
			div.column ul li { margin:0 0 5px 0; line-height:18px; padding:0 0 5px 0; border-bottom:1px #ddd solid; }
			div.column ul li a { color:#9b9b9c; text-decoration:none; }
			div.column ul li a:hover { color:#333; }
			
			
			
	img.read-more { background:#666; cursor:pointer; }
	img.read-more:hover { background:#000; }
