/**********************
******** MAIN DESIGN 
**********************/

/*background & structure*/
body{
	margin:0px;
	font-family: sans-serif;
	background: url(../images/left-wing.jpg) repeat-x;
}
#container{
	width:950px;
	margin:0px auto;
}
#right-wing {
	width: 40%;
	height: 215px;
	position: absolute;
	right: 0;
	z-index: -3;
	background: white url(../images/right-wing.jpg) repeat-x;
}

/*typography*/
p{margin: 5px 0;line-height: 140%;}
#right-content ul{line-height: 140%;}
a{color: #3e84c2; font-weight: bold;}
#right-content a:hover{text-decoration:underline;}
#left-content h1{background: url(../images/left-nav-top-bg.jpg) repeat-y; color:#544c45; text-transform: uppercase; font-size: 100%; font-weight: bold; padding: 0 10px 0 31px; font-family: verdana; margin-top: 5px;}
#right-content h1{font-size: 200%; color: #695a4d; text-transform: uppercase; margin: 30px 0 5px 0; font-weight: normal;}
h2{font-style: italic; color: #473a2f; font-size: 110%; font-weight: bold; margin: 20px 0 5px 0;}
h3{}

/*top styles */
#top{
	width: 100%; height: 215px;
	text-transform: uppercase;
	position: relative;
	background: url(../images/top-bottom-border.jpg) bottom repeat-x;
	margin-left: -40px;
}
#top #logo{
	width: 153px; height: 181px;
	background: url(../images/logo.gif) no-repeat;
	position: absolute; top: 0; left: 0;
	z-index: 3;
}
	#top #logo a{
		width: 153px; height: 121px;
		display: block;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -99999px;
		padding-top: 50px;
	}
	/*navs*/
	#top #global-nav{
		width: 100%; height: 46px;
		float: left;
		font-weight: bold;
		padding-top: 10px;
	}
	#top #global-nav #links{
		float: right;
		padding-top: 5px;
	}
		#top #global-nav #links a{
			color: #79736e;
			font-size: 65%;
			display: block;
			margin-right: 20px;
			float: left;
		}
			#top #global-nav #links a.selected{
				text-decoration: underline;
			}
			#top #global-nav #links a.twit{
				background: url(../images/twit.gif) no-repeat;
				padding: 0 0 1px 17px;
			}
	#top #global-nav #search{
		float: right;
		background: url(../images/search.gif) no-repeat;
		width: 145px; height: 22px;
		margin-right: 1px;
	}
		#top #global-nav #search input{
			border: 0;
			background: none;
			padding: 0 0 0 6px;
			margin: 3px 0 0 0;
			color: #79736e;
			text-transform: uppercase;
			font-size: 65%;
			font-weight: bold;
			float: left;
			width: 116px;
		}
		#top #global-nav #search input.button{
			border: 0;
			background: none;
			width: 23px; height: 22px;
			float: left;
			padding: 0;
		}
	.outside-link {background: #e7e7e7;padding: 4px; margin-top: -4px;}
	/*top absolutes*/
	#top #main-nav{
		width: 797px; height: 28px;
		padding-bottom: 4px;
		position: absolute; top: 56px; left: 153px;
		z-index: 1;
	}
	#top #main-nav li{
		float: left;
		overflow: hidden;
		width: 9.95em;
		background: #414e16;
		margin: 0 3px 0 0;
		position: relative;
		padding-right:2px;
		}
		#top #main-nav li.bigger{
			width: 14.31em;
		}
		#top #main-nav li.last{
			margin: 0 0 0 0;
		}
		#top #main-nav li a{ 
			color: white;
			font-size: 70%;
			font-weight: normal;
			display: block;
			padding: 5px 0 4px;
			float: left;
			letter-spacing: .4pt;
			width: 100%;
			text-align: center;
		}
			#top #main-nav li a:hover, #top #main-nav li a.selected { 
				color: #414e16;
				background: #f3f3f3 url(../images/nav-hover.jpg) repeat-x;
				height: 20px;
				display: block;
				border-left: 1px solid #c9c9c9;
				border-right: 1px solid #c9c9c9;
				border-bottom: 2px solid #efefef;
				padding: 5px 0 4px 0;
			}
	#top #drop-shadow {
		width: 166px; height: 125px;
		position: absolute;
		top: 82px; left: 0;
		z-index: 2;
	}
	#top #drop-shadow img{
		position: absolute;
	}
	#top #banner-image-top {
		background: white url(../images/banner-image-border.jpg) repeat-x;
		position: absolute;
		top: 82px; right: 0;
		z-index: -1;
		width: 83.8%; height: 6px;
		overflow: hidden;
	}
	#top #banner-image {
		float: left; height: 122px; width: 500px;
	}
		#top #banner-image img{
			width: 1000px; height: 122px;
			position: absolute;
			top: 88px; left: 0;
			z-index: -2;
		}
	#top #contact-us{
		background: white url(../images/contact-us.gif) no-repeat;
		width: 257px; height: 41px;
		position: absolute;
		top: 174px; right: -50px;
	}
		#top #contact-us a{
			background: url(../images/contact-us.gif) no-repeat;
			display: block;
			width: 209px; height: 41px;
			text-indent: -99999px;
		}
	#top #fade-left{
		width: 71px; height: 28px;
		position: absolute;
		left: 0; top: 181px;
	}
	#top #fade-right{
		width: 94px; height: 86px;
		position: absolute;
		right: -50px; top: 88px;
	}
/*content styles*/	
#content{
	font-size: 70%;
}
#content #left-content{
	float: left;
	display: inline;
	margin-top: -5px;
	width: 221px;
	position: relative;
	}
	#content #left-content ul#left-nav {
		padding: 10px 0;
		font-size: 90%;
		background: url(../images/left-nav-bg.jpg) repeat-y;
		margin-top: -3px;
		}
		#content #left-content  ul#left-nav li {
			margin: 12px 0; padding: 0;
		}
		#content #left-content ul#left-nav a{
			color: #544c45;
			display: block;
			width: 91%;
			padding: 5px 10px;
			margin: 1px 0;
		}
		#content #left-content ul#left-nav a:hover, #content #left-content ul#left-nav a.selected {
			background: #414e16;
			color: white;
			border-top: 1px solid #646e41;
			border-bottom: 1px solid #646e41;
			padding: 4px 10px;
		}
	#content #left-content #left-nav-top{
		background: url(../images/left-nav-top.jpg) no-repeat;
		width: 100%; height: auto;
		padding-top: 14px;
	}
	#content #left-content #left-nav-bottom{
		background: url(../images/left-nav-bottom.jpg) no-repeat;
		width: 100%; height: 237px;
	}
#content #right-content{
	float: left;
	display: inline;
	overflow: hidden;
	width: 657px;
	padding: 0 7px 20px 25px;
	color: #403124;
}
	#content #right-content #contact-form {
		width: 441px;
		float: left;
		}
		#content #right-content #contact-form .halfed{
			width: 210px;
			float: left;
			display: inline; overflow: hidden;
			margin-right: 20px;
		}
		#content #right-content #contact-form label{
			color: #473a2f;
			font-size: 100%;
			font-weight: bold;
			clear: left;
			margin: 7px 0 3px;
			float: left;
			width: 100%;
			display: inline; 
		}
		#content #right-content #contact-form textarea{
			border: 1px solid #ccc;
			padding: 6px 2px;
			width: 428px;
			float: left;
			display: inline; overflow: hidden;
			height: 100px;
			clear: left;
		}
		#content #right-content #contact-form input{
			border: 1px solid #ccc;
			padding: 6px 2px;
			width: 198px;
			float: left;
			display: inline; overflow: hidden;
		}
			#content #right-content #contact-form input.small{
				width: 53px;
				clear: left;
				margin-right: 5px;
			}
			#content #right-content #contact-form input.medium{
				width: 69px;
				clear: none;
			}
			#content #right-content #contact-form input.button{
				width: 149px; height: 39px;
				background: url(../images/submit.jpg);
				border: 0;
				text-indent: -9999px;
				color: transparent;
				text-transform: capitalize;
				cursor: pointer;
				float: right;
				margin: 10px 3px 0;
				display: inline; overflow: hidden;
			}
#content #right-content .back{
	margin: 20px 0 -15px 0;
	display: block;
	font-size: 110%;
	text-transform: uppercase;
	background: url(../images/back-bg.gif) no-repeat 0 2px;
	padding-left: 12px;
}
#content #right-content .right-image{
	float: right;
	position: relative;
	margin: 0 0 20px 20px;
	width: 193px;
}
	#content #right-content .right-image h1{
		font-size: 150%;
	}
	#content #right-content .right-image p.caption{
		position: absolute;
		width: 119px; height: 20px;
		bottom: 0; right: 0;
		text-align: left;
		margin: 0;
		line-height: 80%;
		padding: 5px 0 0 14px;
		background: white;
		display: none;
	}
#content #right-content ul {
	margin: 5px 0;
}
#content #right-content ul li{
	background: url(../images/list-arrow.gif) no-repeat 35px 10px;
	padding: 5px 0 5px 50px;
}
#content #right-content .case-study-right {
	float: right;	
	background: url(../images/case-study-right-middle.jpg) repeat-y;
	margin: -35px -6px 10px 10px;
	display: inline;
	overflow: hidden;
	}
	#content #right-content .case-study-right ul li {
		background: transparent url(../images/list-arrow.gif) no-repeat scroll 9px 8px;
		padding: 2px 0 2px 20px;
	}
#content #right-content .case-study-right .content {
	background: url(../images/case-study-right-top.jpg) no-repeat;
	padding: 10px 15px 0 15px;
	width: 177px;
}
#content #right-content .case-study-right .bottom {
	float: left;
}
/*footer styles*/
#footer{
	display: none;
}


/*extras*/
.clear {clear: both;}
.download-pdf {float: right; margin: 0 0 10px 10px;}
.clear-none {clear: none !important;}
.no-right-margin {margin-right: 0 !important;}
.red {color: red;}