/*
blue		#008ed6
blue text	#3fbfff
gray		#94b0bb
bg			#c3ced9

*/
/* Eric Meyers Reset CSS rules */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
}
/* fix font weight in safari */
* {
opacity: 0.9999999;
}

html, body {
height: 100%;
background: url(../img/bg_pic.jpg) no-repeat top center #000;
font-family: Helvetica, Arial, Verdana;
font-size: 13px;
color: #333;
}
#wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}
#header {
height:140px;
background: url(../img/bg_header.gif) repeat-x bottom;
}
#header_inside {
position: relative;
width: 760px;
height:100%;
margin: 0 auto;
background: url(../img/bg_header_pic.gif) no-repeat bottom right;
}
#header_inside a h1 {
padding: 0;
text-indent: -9000px;
height:57px;
width: 292px;
position: absolute;
bottom:3px;
background: url(../img/bg_logo.gif) no-repeat top left;
}
#header_inside a:hover h1 {
background: url(../img/bg_logo.gif) no-repeat bottom left;
}
#content {
color: #fff;
position: relative;
padding: 20px 0;
width: 760px;
margin: 0 auto;
overflow: auto;
zoom: 1;
}
.col1 {
float: left;
width: 290px;
}
.col2 {
padding: 10px 0;
float: right;
width: 450px;
background: url(../img/bg_col_tint.png) repeat;
}
* html .col2 {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/bg_col_tint.png',sizingMethod='scale');
}
.col2 p {
padding: 0 20px;
}
#footer, .push {
width: 100%;
height: 180px; /* .push must be the same height as .footer */
}
#footer {
background: url(../img/bg_footer.gif) repeat-x top;
}
#footer div {
margin: 0 auto;
width: 760px;
height: 100%;
}
#footer p {
color: #fff;
line-height: 35px;
position: absolute;
}
#footer h2 {
text-transform: uppercase;
color: #000;
padding: 10px 0 0 0;
margin: 0;
}
#footer h2 span {
color: #fff;
font-weight: normal;
text-transform: none;
}
#footer fieldset {
padding-top: 5px;
}
#footer .contact_left {
color: #fff;
float:left;
width:290px;
}
#footer .contact_left ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .contact_left ul li {
overflow: auto;
zoom: 1;
clear: both;
line-height: 25px;
}
#footer .contact_left ul li label {
float: left;
width:50px;
}
#footer .contact_left ul li input {
float: right;
width:230px;
border: none;
background-color: #94b0bb;
}
#footer .contact_right {
text-align: right;
float:right;
width:450px;
}
#footer .contact_right textarea {
width:450px;
border: none;
background-color: #94b0bb;
}
a:link, a:visited {
color: #008ed6;
}
a:hover, a:active {
color: #94b0bb;
}
p {
margin:5px 0 5px 0;
line-height: 17px;
}
p.firstpara {
color: #3fbfff;
font-size: 15px;
font-weight: bold;
}
h1 {
margin:0px 0px 10px 0px;
padding:3px 0 2px 25px;
color:#000;
font-size:20px;
font-weight:bold;
font-family: Helvetica, arial;
text-transform: lowercase;
}
h2 {
margin: 10px 0 5px 0;
font-family: Helvetica, arial;
color:#000;
font-size:16px;
font-weight:bold;
}
ul {
padding: 0 50px 0 20px;
margin: 10px 0;
}

/* main nav */
.nav {
position: absolute;
bottom: 0;
width:100%;
text-align: right;
}
.nav ul {
margin:0;
padding:0 0 0 10px;
list-style: none;
overflow: hidden;
zoom: 1;
height: 22px;
}
.nav ul li{
margin:0;
padding: 0;
display: block;
float: right;
background-color: #94b0bb;
}
.nav ul li.left{
width: 24px;
background: url(../img/bg_nav.gif) no-repeat top left;
line-height: 22px;
background-color: #94b0bb;
}
.nav ul a, .nav ul span{
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 4px 15px 4px 20px;
font-size: 14px;
line-height: 22px;
color: #fff;
text-decoration: none;
background: url(../img/bg_nav_li.gif) no-repeat top left;
}
.nav ul span {
color: #000;
}
.nav ul a:hover{
color:#000;
background: url(../img/bg_nav_li.gif) no-repeat bottom left #94b0bb;
background-color: #fff;
}
ul.gallery {
list-style: none;
list-style-image: none;
margin: 0;
text-align: left;
}
ul.gallery li {
float: left;
margin: 11px  0 0 11px;
}
ul.gallery li a img,
ul.gallery li a:visited img {
border: 2px solid #008ed6;
}
ul.gallery li a:hover img,
ul.gallery li a:active img {
border: 2px solid #fff;
}