/* DEMO SITE CSS
--------------------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

------------------------------------------------------------------------------------------------------------------------*/

/* Global Imports
------------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "forms.css";

/* Global CSS and Master Reset
------------------------------------------------------------------------------------------------------------------------*/

html, body {
	margin: 0px; 
	padding: 0px; 
	background-color: #4ba0c5;
	font-size: 12px;
	font-family: "Lucida Grande", Lucida Sans Unicode, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: normal;
	height:100%;
	position:relative;
	background-image:url(../images/template/bg.jpg);
	background-repeat:repeat-x;
}

* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	width:100%;
}

.container {
	width: 946px; 
	margin:0 auto;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote { margin: 0pt; padding: 0pt; }

ul, ol {
	list-style-image: none; list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
------------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 21px; color: #8ba3c2; font: Lucida Grande, Lucida Sans Unicode, Trebuchet, Arial, Helvetica, sans-serif; margin-bottom:10px; }
h2 { font-size: 16px; margin-bottom: 17px; color:#484848; }
h3 { font-size: 16px; margin-bottom: 7px; color: #8ba3c2; line-height:20px; }
h4 { font-size: 12px; margin-bottom: 0px; color: #8ba3c2; display:inline;}

p { font-size: 12px; line-height: 1.5em; color:#636363; margin-bottom:10px; }
.blue-bold-text{ color: #8ba3c2; font-weight:bold;}
.grey-bold-text{ color: #484848; font-weight:bold;}
/* Links
------------------------------------------------------------------------------------------------------------------------*/
a { color: #636363; text-decoration: none; outline: none; }
a:active { color: #636363; outline: none; }
a:visited { color: #636363; outline: none; }
a:hover { color: #8ba3c2; outline: none; }

/* Header CSS
------------------------------------------------------------------------------------------------------------------------*/
.header {
	position:relative;
	background-color:white;
}

.logo{
	float:left;
}

.nav{
	width:592px;
	float:left;
	margin-top:55px;
	margin-left:17px;
}

.head-bar{
	background-image:url(../images/template/head-bar-bg.gif);
	height:111px;
	width:100%;
	z-index:1;
	position:absolute;
	top:115px;
	z-index:0;
}

.head-title{
	position:relative;
	z-index:999;
	height:103px;
	padding-top:12px;
}


.shadow-container {
	width:946px;
	left:50%;
	margin-left:-473px;
	height:100%;
	position:absolute;
	background-color:white;
}

.left-shadow{
	background-image:url(../images/template/shadow-left.png);
	background-repeat:repeat-y;
	width: 9px;
	position:absolute;
	z-index:999;
	left:-9px;
	min-height: 100%;
	height: 100%;
}

.right-shadow{
	background-image:url(../images/template/shadow-right.png);
	background-repeat:repeat-y;
	width: 9px;
	position:absolute;
	z-index:999;
	right:-9px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.main-image{ 
	margin-top:3px;
	height:250px;
	width: 947px;
	position:relative;
}


/* Content CSS
------------------------------------------------------------------------------------------------------------------------*/

.content { 
	padding: 23px 0 0 30px; 
	position:relative; 
	z-index:100; 	
	position:relative;
	min-height: 100%;
	height: 100%;
	height: auto !important;
}

.home-left-container{
	float:left;
	width:540px;
}

.contact-left-container{
	float:left;
	width:340px;
}

.about-left-container{
	float:left;
	width:440px;
}


.home-col-left{
	width:200px;
	float:left;
}

.home-col-right{
	width:180px;
	float:left;
	margin-left: 90px;
	margin-top: 33px;
}

.about-col-right{
	width:180px;
	float:left;
	margin-left: 40px;
}

.home-right-img{
	float:right;
	position:relative;
	right:0;
}


.wwd-right-img{
	float:right;
	position:relative;
}
.wwd-right-img1{
	margin-top:-23px;
	float:right;
	position:relative;
}

.wwd-col-left{
	width:550px;
	float:left;
	padding-top:20px;
}

.wwd-col-left1{
	width:550px;
	float:left;
	padding-top:20px;
	margin-top:-20px;
}


.bottom-line{
	width:100%;
	height:3px;
	background-color:#ebebeb;
	margin-left: -30px;
	padding-right:30px;
}


.contact-right-img{
	float:right;
	position:relative;
	right:0;
	margin-top:-23px;
}

.complete-left-col{
	margin-left:-30px;
	margin-top:-30px;
	float:left;
	padding-right:25px;
}

.complete-right-col{
	margin-top:-30px;
	float:right;
}

.complete-container{
	width:515px;
	float:left;
}

/* Footer CSS
------------------------------------------------------------------------------------------------------------------------*/

.footer, .push{
	font-size: 9px; 
	height: 160px;
	padding: 0px 15px;
	position:relative;
	width:916px;
	margin: 0 auto;
	color:#636363;
}

.tcc-link {
	right:80px;
	bottom:74px;
	position:absolute;
	float:right;
}

.qec {
	float:right;
	position:relative;
	padding-bottom:22px;
}

.foot-bar{
	background-image:url(../images/template/foot-bg.jpg);
	background-repeat:repeat-x;
	width:946px;
	margin-left:-15px;
	height:53px;
}