﻿* { margin: 0; } 
html { height: 100%; } 
body 
{
    background-image:url(../../links/images/background.gif);
    background-repeat:repeat-x;
    background-color:#fff;
    margin:0;
    padding:0;
    font: normal 12px Arial, Helvetica, Sans-Serif;
    height: 100%;
}

h1  {margin:0 0 5px 0; padding:0px; font-size:24px; color:#cb2025; font-weight:normal;}
h2  {margin:0 0 5px 0; padding:0px; font-size:14px; color:#899c44; font-weight:bold; text-transform:uppercase;}
h3  {margin:0 0 5px 0; padding:0px; font-size:14px; color:#056870; font-weight:bold; text-transform:uppercase;}
h4  {margin:0 0 5px 0; padding:10px 0 0 0; font-size:14px; color:#c2c2c2; font-weight:bold;}
h5  {margin:0 0 5px 0; padding:10px 0 0 0; color:#899c44; font-weight:bold; font-size:12px; text-transform:uppercase;}
h6  {margin:0 0 5px 0; padding:10px 0 0 0; color:#b21616; font-weight:bold; font-size:12px; text-transform:uppercase;}

p   {margin:0px; padding:0px; line-height:18px;}
a {color:#cb2025; text-decoration:none;}
a:hover {color:#899c44; text-decoration:none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
}  
/* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */

.wrapper { 
    position:relative; 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -4em; 
    
} 

.footer, .push { 
    height: 300px; 
    background-image:url(../../links/images/footer.png);
} 

.footer_container{width:980px;margin:0 auto;}
.footer_contact {margin:0 0 7px 0; padding:10px 0 0 0; font-size:18px; color:#c2c2c2; font-weight:bold;float:left;}
.contactus {
	margin:7px 0 0 25px;
}

.footer_nav{ background-image:url(../../links/images/navbar_footer.png); background-repeat:no-repeat; width:505px; height:33px; float:left;}
.footer_nav ul {padding:0; margin:0; white-space:nowrap;}
.footer_nav li {list-style-type:none; float:left; display:inline; margin:0; padding:10px 8px;}
.footer_nav li a {text-decoration:none; font-family:Arial, Hevetica, Sans-Serif; color:#a9a9a9; font-size:10px; text-transform:uppercase;}
.footer_nav li a:hover {color:#FFFFFF;}
#Li1{margin-left:5px;}

.container
{
    width:980px;
    margin:0 auto;
    min-height:800px;
    position:relative;
}

.header {
	margin-top:42px;
	float:left;
}
.logo   {margin-top:30px;}

.navbar {background-image:url(../../links/images/navbar.png); background-repeat:no-repeat; width:660px; height:51px; z-index:900; position:absolute; right:0px; top:50px;}
.navbar ul {margin:0; padding:0; white-space:nowrap;}  
.navbar ul li {height:40px; color:#fff; float:left; text-transform:uppercase; list-style-type:none; font-size:12px;}  
.navbar ul li.text {margin:10px 10px;}
.navbar ul li.divider {margin:6px 0;}
.navbar ul li a {text-decoration:none; color:#ffffff;} 
.navbar ul li a:hover {color:#ff2121;} 

#home {margin-left:30px;}

.slideshow 
{
    float:left;
    margin-top:18px;
}

.band_1
{
    position:relative;
    width:980px;
}

.band_2
{
    position:absolute;
    z-index:2;
}

.band_3
{
    background-image:url(../../links/images/band_mid.jpg);
    width:100%;
    height:200px;
    position:relative;
    z-index:1;
    top:256px;
}

.band_3_text
{
    width:400px;
    height:205px;
    position:absolute;
    z-index:10;
    top:340px;
}

.band_4 
{
    position:relative;
    z-index:3;
}

.mid_text
{
	position:relative;
	z-index:300;
	width:455px;
	line-height:18px;
	padding-top:30px;
}

.col_left
{
    float:left;
    width:437px;
    padding-top:280px;
}

.col_left_wide
{
	float:left;
	width:850px;
	padding-top:280px;
}

.col_right
{
    float:left;
    width:400px;
    padding-top:200px;
    padding-left:27px;
    min-height:400px;
    background-image:url(../../links/images/tabs.png);
    background-repeat:no-repeat;
}

.col_left .feature
{
}

.col_left .feature .thumb
{
    float:left;
    width:104px;
    border-color:#cecece;
    border-style:solid;
    border-width:4px;
}

.col_left .feature .copy
{
	float:left;
	width:310px;
	margin-left:10px;
	min-height:100px;
	border-bottom-color:#cecece;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 18px;
}

.col_left .feature .final
{
    border:none;
}

.thumb_img
{
    float:right;
    width:104px;
    border-color:#cecece;
    border-style:solid;
    border-width:4px;
}

.learnmore
{
    margin:5px;
}

.band_5  {}
.band_6  {padding-top:40px; width:980px; height:120px;}
.navbar_footer {float:left;}
.logo_footer   {float:left; margin-left:40px;}

.address {
	width:225px;
	height:100px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	margin-left:30px;
	float:left;
}

.address a { color:#FFFFFF; text-decoration:none;}
.address a:hover {color:#FF0000; text-decoration:none;}

.callus{margin-top:5px;} 

.band_2_links {position:absolute;top:250px;}

.textfield1 {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px;
	border-top: 5px solid #efefef;
	border-bottom: 5px solid #efefef;
	border-right: 5px solid #efefef;
	border-left: 5px solid #efefef;
	width: 340px;
	margin-top: 7px;
}

.textfield2 {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px;
	border-top: 5px solid #efefef;
	border-bottom: 5px solid #efefef;
	border-right: 5px solid #efefef;
	border-left: 5px solid #efefef;
	width: 340px;
	margin-top: 7px;
}

.selectfield {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	margin-top:8px;
}


.preloadimage {display:none;}

