﻿/* Page
----------------------------------------------------------------------------------------------------*/
html, body  {
	background: #FFFFFF;
	margin:0px; 
	padding:0px;
	height:100%
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_shadow1 {
	background: url('../img/bg-ds-content.jpg') top center repeat-y;
}
.container_shadow2 {
	background: url('../img/bg-ds-footer.jpg') bottom center no-repeat;
}
.container_main {
	width: 1020px;
	height:100%;	
	margin-left: auto;
	margin-right: auto;
	padding:0px 0px 25px 0px;
}
.container_header {
	width: 1020px;
	height:232px;
	background: url('../img/bg-ds-header2.jpg') top center no-repeat;
	text-align:left;
}
.container_content {
	width: 1020px;
	text-align:left;
	height:100%;
	min-height:400px;
	position:relative;
	overflow:;

}
.main_content, .container_content_contact, .container_content_general {
	display:inline;
	width:740px;
	text-align:left;
	float:right;
	height:100%;
	
}

.main_content
{
	margin:20px;
}

.container_content_contact {
	background: url('../img/bg-contact.gif') bottom center no-repeat;
}
.general_col1 {
	margin:40px;
}
.container_footer {
	width: 1020px;
	background:#2c4346;
	padding: 10px 0px 10px 0px;
	text-align:left;
}



/* Header > Topnav
----------------------------------------------------------------------------------------------------*/
.header_col1{
	position:relative;
	width: 1020px;
	height:232px;
	background: url('../img/bg-header-2.jpg') top center no-repeat;
	overflow:hidden;
}
#header_logo {
	position:absolute;
	top:38px;
	left: 0px;
	width:230px; 
	height:100px;
}
.header_rotation_img { 
	position:absolute;
	top:28px;
	left: 270px;
	width:520px; 
	height:140px;
	overflow:hidden;
}
.header_rotation_img .active { 
	display:block;
}
.header_rotation_img > div { 
	position:absolute;
	top:0; 
	left:0;
	width:520px; 
	height:140px;
	display:none;
}
.header_rotation_img div {
	color:#FFFFFF;
	font-family: "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "Helvetica Neue", sans-serif;
	font-size: 32px;
	font-weight: 900;
	letter-spacing:-1px;	
	line-height:1;
}
.header_rotation_img p {
	margin-bottom:15px;
} 
.header_rotation_img ul {
	width: 10000px;
	display:inline;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.header_rotation_img li {
	display:inline;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

.header_rotation_nav{
	position: absolute;
	width: 1020px;
	height:41px;	
	top:191px;
	z-index:3;
}
.header_nav_bg{
	position: absolute;
	width: 1020px;
	height:41px;
	top:282px;	
	/*background:#141f21;*/
	/*opacity: 0.1;*/
	/*-moz-opacity: 0.1;  older Gecko-based browsers */
	/*filter:alpha(opacity=10);  For IE6&7 */
	z-index:2;
}

/* Image Rotation Nav */
.header_nav_col1 {
	display:inline;
	float: left;
	position: relative;
	width: 560px;
	margin: 0px 0px 0px 40px;
}
.header_nav_col1 h4 {
	display:inline;
	float: left;
	position: relative;
	margin: 0 0 0 2px;
	padding: 15px 8px 0 0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
}
.header_nav_col1 ul {
	display:inline;
	float: left;
	position: relative;	
	list-style: none;
	margin: 13px 0 0 0;
	padding: 0;
}
.header_nav_col1 li {
	display:inline;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0px 0px 2px 0px;
	border: 1px solid #8f9798;
}
.header_nav_col1 li a{
	margin: 0;
	padding: 0px 5px 0px 5px;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
	font-weight:bold;	
	background:none;
}
.header_nav_col1 li:hover{
	color:#FFFFFF;
	background:#626c6e;
}
.header_nav_col1 li.active{
	background:#626c6e;
}



/* Top Nav */
.header_nav_col2 {
	display:inline;
	float: left;
	position: relative;
	width: 400px;
	margin: 0px 0px 0px 20px;	
}
.header_nav_col2 ul {
	margin: 12px 0 0 2px;
	padding: 0;
}
.header_nav_col2 li {
	display:inline;
	list-style: none;
	margin: 0;
	padding: 10px 20px 1px 0px;
}
.header_nav_col2 li a {
	display:inline-block;
	color:#FFFFFF;
	font-size:16px;
	font-weight:900;
	line-height:16px;
}
.header_nav_col2 li a:hover {
	color:#6A8386;
	border-bottom:medium #FFFFFF solid;
	padding-bottom:10px;
}

.header_nav_col2 li a.active {
	border-bottom:medium #FFFFFF solid;
	padding-bottom:10px;
}


/* Breadcrumb Navigation
----------------------------------------------------------------------------------------------------*/

.breadcrumb
{
	display:inline;
	width:760px;
	text-align:left;
	float:right;
	height:100%;
	margin:0px;
}

.breadcrumb ul
{
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0;
}

.breadcrumb li
{
	display:inline;
	margin:0px 2px 15px 0px;
	font-style:italic;

}

.breadcrumb a
{
	color:#4CA0C7;
	font-size:11px;
}



/* Intro
----------------------------------------------------------------------------------------------------*/
.sub_col, .intro_col2, .intro_col3, .intro_col4 {
	display:inline;
	float: left;
	height:100%;
	
} 
.sub_col{
	position: absolute;
	width: 240px;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 00px 0px;
	background-color:#2C4346;
}

.sub_links {
	padding:10px;
}

.intro_col2, .intro_col3, .intro_col4
{
	position:relative;
	width:230px;	
	padding:0px 10px 0px 5px;
}



.pr
{
	float:right;
	margin-top:10px;
	padding:5px
}

.pleasereview
{
	width: 1120px;
	margin-top:40px;
	margin-right:auto;
	margin-left:auto
}


/* Contact
----------------------------------------------------------------------------------------------------*/
.contact_col1, .contact_col2, .contact_col3{
	display: inline;
	float: left;
	position: relative;
	padding:0px 0px 25px 0px;
}
.contact_col1 h2, .contact_col2 h2, .contact_col3 h2{
	margin:0px 0px 8px 0px;
}
.contact_col1{
	width: 460px;
	margin: 45px 0px 0px 40px;
}
.contact_col2{
	width: 220px;
	margin: 45px 0px 0px 20px;
}
.contact_col2 .indent{
	display:inline-block;
	width: 15px;
	font-weight:bold;
}
.contact_col3{
	width: 220px;
	margin: 45px 0px 0px 20px;
}

/* Newsletter
----------------------------------------------------------------------------------------------------*/
.news_col1,.news_col2,{
	display: inline;
	float: left;
	position: relative;
}
.news_col1{
	width: 280px;
	margin: 10px 0px 0px 10px;
}
.news_col2{
	width: 280px;
	margin: 10px 10px 0px 10px;
}
.container_news {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 0px 25px 0px;
}
.container_news_header {
	width: 600px;
	height:323px;
	background: url('../img/bg-ds-header2.jpg') top center no-repeat;
	text-align:left;
}
.container_news_content, {
	
	float: left;
	position: relative;
	width: 600px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}
.container_news_footer {
	width: 600px;
	background:#FFFFFF;
	padding: 10px 0px 10px 0px;
	text-align:center;
}
.header_news_col1{
	position:relative;
	width: 600px;
	height:200px;
	overflow:hidden;
}
table.news {
margin: 0px 0px 0px 0px; 
		
}


/* Footer
----------------------------------------------------------------------------------------------------*/
.footer_col1{
	display:inline;
	float: left;
	position: relative;
	margin: 0px 0px 0px 40px;
	font-size:11px;
	color:#FFFFFF;
}
.footer_col1 a{
	color:#FFFFFF;
	font-weight: normal;
}
.footer_col1 a:hover{
	color:#CCCCCC;
}
.footer_col2{
	display:inline;
	float: right;
	position: relative;
	margin: 0px 40px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
}
.footer_col2 a{
	color:#FFFFFF;
	font-weight: bold;
}
.footer_col2 a:hover{
	color:#CCCCCC;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

/*
	The following rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* Twitter widget
----------------------------------------------------------------------------------------------------*/
.twtr-hd
{
	visibility:hidden!important;
	padding: 0px 10px 0px 10px!important;
}

.twtr-ft
{
	visibility:visible!important;
	margin-top: 0px;
}

