@charset "UTF-8";
/* CSS Document */

body{
	font-size:0.75em;
	/*padding:145px 0 0 0;*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) #FFFFFF top left repeat-x;
}

a{
	color:#000000;
	text-decoration:none;
}

a:hover{
		
}

h1, h2, h3, h4{
	padding:0;
	margin:0;	
}


ul{
	padding:0;
	margin:0;
}

ul li{
	list-style:none;
}

p{
	padding:0 0 12px 0;
	margin:0;
	color:#666666;
}

img{
	border:none;
}

#container{
	/*margin: 0 auto 0 auto; 
	text-align:left;
	width:960px;
	z-index:999;
	position:relative;*/
}

#main-content{
	float:left;
	width:100%;
}

#top-content{
	float:left;
	background:url(../images/bg-top-content.gif) #FFFFFF top left repeat-x;
	width:100%;
	height:440px;
}

#middle-content{
	float:left;
	background:url(../images/bg-middle-content.gif) #000000 top left repeat-x;
	width:100%;
	height:400px;
}

#bottom-content{
	float:left;
	background:url(../images/bg-bottom-content2.gif) top left repeat-x;
	width:100%;
	min-height:364px;
}

#header{
	float:left;
	width:900px;
	padding:20px 0 20px 30px;
}

#header #logo{
	float:left;
}

#header #logo img{
	display:none;
}

#header #logo h1{
	float:left;
}

#header #logo h1 a{
	float:left;
	text-indent:-999em;
	background:url(../images/logo.png) top left no-repeat;
	width:244px;
	height:93px;
	display:block;
	overflow:hidden;
}

#header ul{
	padding:50px 0 0 0;
	float:right;
}

#header ul li{
	float:left;
	background:url(//images/divider-link-header.gif) center left no-repeat;
	padding:0 0 0 4px;
}

#header ul li.first{
	background:none;
	padding:0 2px 0 2px;
}

#left-navigation{
	float:left;
	clear:both;
	width:310px;
	padding:7px 0 0 0;
}

#left-navigation ul li a{
	width:242px;
	padding:3px 0 2px 40px;
	display:block;
}

#left-navigation ul li a.active,
#left-navigation ul li a:hover{
	background:url(../images/bg-left-nav.gif) top left no-repeat;
}

div.tout-row{
	float:left;
	width:640px;
}

div.tout-row h2{
	float:left;
	font-weight:normal;
	font-size:36px;
}

div.tout-row p{
	clear:both;
	font-weight:normal;
	font-size:14px;
}

div.tout-left{
	float:left;
	width:295px;
	height:280px;
	margin:0 50px 0 0;
	display:inline;
	position:relative;
}

div.tout{
	float:left;
	width:295px;
	height:280px;
	display:inline;
	position:relative;
}

div.tout-heading{
	float:left;
	width:290px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

div.tout-heading h2{
	float:left;
}

div.tout-left div.tout-heading{
	background:url(../images/line-left-tout.gif) bottom left no-repeat;
}

div.tout div.tout-heading{
	background:url(../images/line-right-tout.gif) bottom left no-repeat;
}

ul.links li a{
	text-decoration:underline;	
}

div.tout-row ul.links{
	position:absolute;
	bottom:0;
}

div.tout-row ul.links li a{
	font-size:14px;	
}

ul.open{
	float:right;
	padding:8px 0 0 0;
}

ul.open li a{
	display:block;
	text-indent:-999em;
	width:27px;
	height:27px;
	overflow:hidden;
}

ul.open li.pink a{
	background:url(../images/icon-plus-pink.gif) top left no-repeat;
}

ul.open li.lime a{
	background:url(../images/icon-plus-lime.gif) top left no-repeat;
}

/* Middle Content Styles */

div.case-study-heading{
	float:left;
	margin:30px 0 0 310px;
	padding:0 0 8px 0;
	width:635px;
	display:inline;
	border-bottom:1px solid #212121;
}

#middle-content div.case-study-heading h2 {
	float:left;
	color:#FFFFFF;
	font-weight:normal;
	font-size:36px;
}

ul.open li.green a{
	
	background:url(../images/icon-plus-green.gif) top left no-repeat;
}

#case-study-container{
	float:left;
	margin:0 0 0 310px;
	padding:0 0 30px 0;
	width:630px;
	display:inline;
}

#case-study-container h3{
	color:#dedede;
	font-weight:normal;
	font-size:30px;
}

#case-study-container h4{
	color:#dedede;
	font-weight:normal;
	font-size:18px;
	padding:0 0 16px 0;
}

#case-study-container p{
	float:left;
	margin:0 0 0 320px;
	color:#FFFFFF;
	font-size:18px;	
}

#case-study-container p.link a{
	float:left;
	color:#FFFFFF;
	font-size:18px;	
	font-weight:normal;
	display:block;
}

div.case-study-image{
	float:left;
	width:300px;
	padding:0px 0px 0px 0px;
}

div.case-study-text{
	float:right;
	width:300px;
	padding:0 0 0 0;
}

/* Footer Navigation Styles */

div.footer-nav{
	float:left;
	padding:25px 0 0 0;
}

div.footer-nav ul{
	float:left;
	padding:0 0 0 45px;
}

div.footer-nav ul li{
	float:left;	
	width:290px;
	padding:0 33px 0 0;
}

div.footer-nav ul li a{
	color:#000000;
	font-size:16px;
}

div.footer-nav ul li ul li a{
	color:#000000;
	font-size:12px;
}

div.footer-nav ul li ul{
	margin:2px 0 0 0;
	padding:10px 0 0 0;
	width:245px;
	border-top:1px solid #373737;	
}

div.footer-nav ul li ul li{
	float:none;	
	padding:0 0 5px 0;
}

div.footer-left{
	float:left;	
}

div.case-study-carousel{
	float:left;
}

#case-study-container ul li,
#case-study-container ul li a{
	float:left;
	color:#FFFFFF;
}

ul.button-right li,
ul.button-left li,
ul.button-right li a,
ul.button-left li a{
	float:none;
	clear:both;
}
