/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: #000;
}
body {
font-size: 12px;
min-width: 760px;
margin:0 auto;
}
p {
padding: 7px 0px 7px 0px;
text-algin: justify;
line-height:135%;
}
a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
h2, h3 {
font-weight: bold;
padding: 8px;
font-size:14px;
}
h1 {
font-size: 1.4em;
color: #B41D15;
padding-bottom: 10px;
}
h2 {
font-size: 1.2em;
color:#3E3E6A;
}
h3 {
font-size: 1.2em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
background: url(../images/faderight.jpg) 100% 100px repeat-y #fff; /*** This is the right column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}
#mainContainer2 {
background: url(../images/fadeleft.jpg) 0 100px repeat-y;  /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts.  ***/
}
/**************************
HEADER
**************************/
#header {
background-image: url('../images/headerbg-new.jpg');
background-repeat: repeat-x;
height:132px;
padding: 0px 10px;
text-align: left;
position: relative;
}
#header img{
border: 0px;
}
#topNav{
position:absolute; top:102px; right:0px;
height:37px;
font-size:12px;
font-weight:600;
width:600px;
}

#topNav ul{
display:block;
margin:0px;
padding: 0px 0px;
}
#topNav li{
display: inline;
list-style-type: none;
padding:0px 10px;

}
.topNavLinks a:link{
color: #ffffff;
text-decoration: none;
}
.topNavLinks a:visited{
color: #ffffff;
text-decoration: none;
}
.topNavLinks a:hover{
color: #C39C5A;
text-decoration: none;
}

/*************************
Sub Header 
**************************/


#subheader {
background:#000;
height:64px;
text-align: center;
border-top:1px solid black;
border-bottom:1px solid black;
}

.subheaderBG{
background-image: url('../images/subheader.jpg');
background-repeat: no-repeat;
background-position: center -50px;
height:64px;
}


#subheader2 {
background-image: url('../images/subheaderbg.jpg');
background-repeat: repeat-x;
background-color:#000;
height:127px;
padding: 0px;
text-align: center;

}

.subheaderBG2{
background-image: url('../images/subheader2.jpg');
background-repeat: no-repeat;
background-position: top center;
height:127px;
padding:3px;
margin:0px auto 0px;
}

#subleft{
float:left;
width: 200px;
height:127px;
line-height:120px;
color:#fff;
font-size:70%;
}
#subcenter{
margin:0px auto 0px;
height:127px;
line-height:50px;
width:100%;
color:#fff;
font-size:70%;
line-height:120px;

}
#subright{
float:right;
height:120px;
width:400px;
color:#fff;
font-size:70%;
line-height:120px;
position: relative; /*** IE needs this  ***/
margin-right: -400px; /** This negative margin-right value is in this example the same as the right column width. ***/
}



.subheadertext{
color:#ffffff;
font-size:11px;
font-weight:normal;

}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 200px; /*** Same width as margin-left for the float-wrap div ***/
padding-right: 200px; /*** Our right column width ***/
position:relative;
}
.inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -200px; /*** Same length as .outer padding-left but with negative value ***/
}

#content {
float: right;
margin-right: -210px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative; /*** IE needs this  ***/
/*** background-image: url('../images/contentimg.jpg');
background-repeat: no-repeat;
background-position: bottom center;***/
min-height:500px;
}
#content2 {
float: right;
margin-right: -210px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative; /*** IE needs this  ***/
background-image: url('../images/contentimg.jpg');
background-repeat: no-repeat;
background-position: bottom center;
min-height:500px;
}



.contentWrap{
padding: 15px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 190px;
padding: 15px 0 0 15px;
position: relative; /*** IE needs this  ***/
}

#left a{
color: #000;
text-decoration:none;
font-size:11px;
font-weight:blold;
}
#left a:hover {
color: #650000;
text-decoration:none;
font-size:11px;
font-weight:blold;
}

#right a {
color: #000;
text-decoration:underline;
font-size:14px;
font-weight:blold;
}
 #right a:hover {
color: #650000;
text-decoration:underline;
font-size:14px;
font-weight:blold;
}



/*************************
RIGHT COLUMN
**************************/
#right {
position:absolute;
top:0; right:0;
width: 190px;
padding: 15px 15px 0 0;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 0px;
}
/**************************
FOOTER
**************************/
#footer {
text-align: center;
background-image: url('../images/footer1bg.jpg');
background-repeat: repeat-x;
background-position:top left;
height:205px;
z-index:0;
}
#footer p {
clear: both;
}
#footerbar{
margin:20px auto 0px;
background-image: url('../images/footerbar.jpg');
background-repeat: no-repeat;
background-position:top center;
height:83px;
font-size:16px;
font-weight:600;

}
#footerbar2{
margin:20px auto 0px;
background-image: url('../images/footerbar2.jpg');
background-repeat: no-repeat;
background-position:top center;
height:83px;
font-size:16px;
font-weight:600;
}

#footerbar6{
margin:20px auto 0px;
background-image: url('../images/footerbar6.jpg');
background-repeat: no-repeat;
background-position:top center;
height:83px;
font-size:16px;
font-weight:600;
}






.footerpadding{
padding:0px 0px 10px 0px;
}
/**************************
FOOTER2
**************************/
#footer2 {
margin:0px auto 0px;
text-align: center;
background-color:#000;
height:135px;
color:#fff;
font-size:70%;
}
.quotes{



}


#footerNav{
padding-top:20px;
height:37px;
margin:0 auto 0px;
font-size:11px;
font-weight:normal;
width:980px;
}

#footerNav ul{
display:block;
margin:0px;
padding: 0px 0px;
}
#footerNav li{
display: inline;
list-style-type: none;
padding:0px 17px 3px 17px;

}
.footerNavLinks a:link{
color: #ffffff;
text-decoration: none;
}
.footerNavLinks a:visited{
color: #ffffff;
text-decoration: none;
}
.footerNavLinks a:hover{
color: #C39C5A;
text-decoration: none;
}

.footerLeft {float:left; color: #fff; font-size: 11px;}
.footerRight{float:right; color: #fff; font-size: 11px;}



/************************
Float divs 
************************/
.floatleft{
float:left;}
.floatright{
float:right;
}
.center{margin:0px auto 0px;}
.contentpadding{
padding:10px 20px 0px 20px;
overflow:hidden;
}
img, div, .pngfix, input { behavior: url("../inc/iepngfix.php") }
#turtle{
background: url(../images/turtle.png);
height:350px;
width:350px;
z-index:100; 
position:absolute;
float:left;
margin:-105px 0px 0px 20px;
}

#warranty{
background: url(../images/finishwarranty.png);
background-repeat: no-repeat;
height:158px;
width:143px;
z-index:100; 
position:absolute;
float:left;
margin:10px 0px 0px 60px;
}

/***************************
Left Navigation Menu Sub Menu
***************************/
.submenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 180px;

}

.submenu li {
background: url(../images/btnBG.jpg) no-repeat bottom left;
display: block;
width: 180px;
height:28px;
padding: 0px 0px 0px 0px;
text-decoration: none;
line-height:28px;
text-align:center;
}


* html .submenu li { /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}

.menuHeader{
background: url(../images/menuHeader.jpg) no-repeat bottom left;
width: 180px;
height:22px;
line-height: 22px;
color:#000;
font-size:11px;
font-weight:bold;
text-align:center;
}
.clearfloats{
clear:both;
}
.red{
color:#980000;
}

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #000000;
background: #E7D1B3;
border: 1px solid #781351
}
textarea {
color: #000000;
background: #E7D1B3;
border: 1px solid #781351

}
.submit input
{
color: #fff;
background: #980000;
border: 2px outset #d7b9c9;
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

.captcha{
border: 1px solid #781351;
width:100px;
height:40px;

}

.rollovertiles{
width:130px;
height:120px;
border:0;

}
.blue{
color:#3E3E6A;
}
.rollovertiles2{
width:200px;
height:165px;
border:0;

}

a.image-link {
	padding: 0;
	border: none;
	margin: 0;
}

a.image-link {
	border: none;
}

a.image-link:hover {
	border: none;
	background: none;
}

.gallery-thumb{
	position: relative;
	padding: 0;
	border: 1px solid #DBBB8D;
}

.warrantybox{
display: block;
width:500px;
height:auto;
}


.hours{position:relative; top:-50px; left:105px; width:70px; height:25px; overflow:hidden;
font-size:10px;}
 .hours p { padding: 0; margin: 0; line-height: 11px; }
.socialIcons {width: 170px; padding:0 0px 30px 7px; margin-top:-20px;}
.socialIcons img {margin: 2px;}



.cta-form{background:url(../images/cta-form-bg.jpg); margin-left:10px; width:180px; padding-top:90px;}

.cta-form form{padding:0 10px; font-size:10px;}
.cta-form input{display:block; border:1px solid #ccc; background:#fff; width:158px; margin-bottom:8px;}
.cta-form textarea{display:block; border:1px solid #ccc; background:#fff; width:158px; height:40px; margin-bottom:8px; font-size:11px;}
.cta-form input.submit{width:55px; height:20px; background:url(../images/cta-submit.jpg) no-repeat transparent; border:none; font-size:0px; text-indent:-9999px; margin-bottom:0; display:inline; cursor:pointer;}

.cta-bottom{height:5px; background:url(../images/cta-form-bg-bottom.jpg); margin-top:10px;}