/*background*/
body {
	margin: 0;
	font-family: arial, sans-serif;
	background: #000513 url(../images/bg.png) repeat-x;
}
body a img  {
	border: none;
}

p, ul, table{ 
	font-size: 80%;
}

/*structure*/
#container {
	margin: 0 auto;
	width: 966px;
	height: auto;
	position: relative;
}
#login {
	position: absolute;
	top: 2px; right: 0;
}
#login a{
	color: #3781d3;
	font-size: 75%;
	text-decoration: none;
	font-weight: bold;
}

/*top*/
#top {
	height: 136px;
	padding-top: 25px;
	background: url(../images/bg-middle.png) repeat-y center;
}
	#top #logo{
		width: 310px;
		height: 107px;
		background: url(../images/logo.gif) no-repeat 0 10px;
		float: left;
		overflow: hidden;
		display: inline;
	}
	#top #logo a{
		display: block;
		width: 310px;
		height: 107px;
	}
	#top #navigation{
		width: 656px;
		float: right;
		overflow: hidden;
		display: inline;
		margin-top: 7px;
	}
	#top #navigation a{
		background: #001c3e;
		color: white;
		padding: 30px 8px; margin: 0 6px;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		width: 80px;
		height: 30px;
		display: block;
		text-align: center;
		float: left;
		overflow: hidden;
		display: inline;
	}
	#top #navigation a.single{
		padding: 38px 8px 22px 8px;
	}
	#top #navigation a.selected{
		background: #162c68;
	}
	#top #navigation a:hover{
		border: 1px solid #809cbe;
		width: 78px;
		height: 28px;
	}

/*content and lower*/
#content {
	height: auto;
	background: white;
	padding-bottom: 15px;
}
	#content #left{
		width: 262px;
		height: auto;
		float: left;
		overflow: hidden;
		display: inline;
		padding: 7px 0 0 7px;
		background: white;
	}
		#content #left #sub-navigation ul{
			margin: 0 0 110px 0; padding: 0;
		}
		#content #left #sub-navigation li{
			width: 100%;
			list-style: none;
			margin: 0;
			font-size: 110%;
		}
		#content #left #sub-navigation li a{
			color: #393939;
			text-decoration: none;
			padding: 8px 21px;
			display: block;
			width: 100%;
		}
		#content #left #sub-navigation li a.selected, #content #left #sub-navigation li a:hover{
			background: #dcdde0;
		}
		#content #left #quote{
			background: url(../images/quotes.gif) no-repeat left 0;
		}
		#content #left #quote div{
			float: left;
			overflow: hidden;
			display: inline;
			width: 18px; height: 10px;
		}
		#content #left #quote p{
			line-height: 180%;
		}
		#content #left #quote p.who{
			line-height: 120%;
		}
		#content #left #quote strong{
			text-transform: uppercase;
			color: black;
			font-size: 90%;
		}
		#content #left #quote .end-quotes{
			vertical-align: top;
			margin-left: 2px;
		}
		
	#content #right{
		height: auto;
		width: 648px;
		float: right;
		display: inline;
		margin: 0 15px 0 22px; 
		background: white;
	}
		#content #right ul{
			margin: 0; padding: 0;
		}
		#content #right ul li{
			background: url(../images/bullet.gif) no-repeat 0 .75em;
			list-style: none;
			padding: 2px 0 8px 35px;
		}
		#content #right #banner{
			height: 218px;
			width: 618px;
			padding: 0 7px 0 22px; 
			position: relative;
			background: #666;
			margin-top: 7px;
		}
		#content #right #banner h1{ 
			position: absolute;
			bottom: -25px; left: -10px;
			color: white;
			background: #052550 url(../images/header-bg.gif) repeat-x;
			padding: 14px 6px;
			font-size: 140%;
			font-weight: normal;
			text-transform: capitalize;
		}
		#content #right #true-content{ 
			margin-top: 50px;
		}
		#content #right #true-content h2{ 
			margin: 0 0 15px 0;
		}
		#content #right #true-content h3{ 
			font-size: 110%;
			font-weight: bold;
		}
		#content #right #true-content.case-studies-content div{ 
			clear: both; float: left;
			margin-bottom: 10px;
			width: 100%;
		}
		#content #right #true-content.case-studies-content div p{ 
			margin: 0 0 10px 0; padding: 0;
		}
		#content #right #true-content.case-studies-content div p a{ 
			text-transform: uppercase;
		}
		#content #right #true-content.case-studies-content div img{ 
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid black;
		}
		#content #right #true-content.case-studies-content div img.right-img{ 
			float: right;
			margin: 0 0 10px 10px;
			border: 1px solid black;
		}
#footer{
	color: white;
	font-size: 80%;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

/* fonts */
h1 
{}
h2 
{}
h3 
{}

a {
	color: #980000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #00498e;
}

.uppercase h1{text-transform: uppercase !important;}

/**extras**/
.clearfloats {clear: both;}
.float-left {float: left; margin: 0 10px 5px 0; }
.client {margin-bottom:40px;}
.pdf-options a {text-transform: uppercase; font-size: 85%;}
a.view-case-studies {display: block; width: 165px; height: 36px; background: url(../images/view-case-studies.jpg); float: right;}
a.view-case-studies:hover {background: url(../images/view-case-studies-hover.jpg);}
.filler {position: absolute; left: 0; background: white; width: 100%; height: 700px; z-index: -1;}