/*
* Gatman Services
* @version 1.0
* @copyright (C) 2010. All rights reserved!
* @license http://www.gatman.com Copyrighted Commercial Software
*/



BODY {
	margin: 0px 0px;
	padding: 0px;
	background-color: #1360ab;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-image: url('/images/art/bg1.gif'); background-position: 0px 0px; background-repeat: repeat-x;
	height: 100%;
	}

html {height: 100%; }

#container {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	background-color: #1360ab;
	height: 100%;
	padding-bottom: 2px;
	background-image: url('/images/art/bg-content1.gif'); background-position: 0px 0px; background-repeat: repeat-x;

}


#container table#mainTable {margin: 0px auto; width: 920px; height: 100%; background-color: #FFF;background-image: url('/images/art/bg-table1.gif'); background-position: 0px 0px; background-repeat: repeat-x; }
#container #mainColumn {padding: 60px 20px 0px 20px; }


#headerBlock {width: 100%; height: 170px; }
#blankBlock {float: left; width: 200px; }

#brandingBlock {float: left; width: 676px; }
.brandingBlockLeft {width: 340px; text-align: left; float: left; margin: 0px 0px 0px 30px; }
.brandingBlockRight {width: 305px; text-align: right;float: left; padding: 30px 0px 0px 0px; }
.brandingBlockRight .inquire { font-size: .8em; padding-right: 50px; }
.brandingBlockRight .inquire a{ color: #006699; text-decoration: none; font-weight: normal; font-family: verdana, tahoma, arial, helvetica, sans-serif; }
.brandingBlockRight .inquire a:hover { text-decoration: none; color: #4599CB; font-weight: normal; }



/* Nav */

#leftColumnNav {float: left; width: 195px; background-color: #f1f9ff; height: 318px; border-right: 5px #FFF solid; border-top: 1px solid #f1f9ff; border-bottom: 1px solid #f1f9ff; }
#navContainer {width: 190px; border: 0px solid #FFCC33; margin-top: 10px;}

#leftColumnNav ul { text-align: right; margin: 0px; border: 0px solid #CCC; width: 180px; padding: 0px; float: right;}
#leftColumnNav li { list-style: none; margin: 6px 0px; line-height: 14px; border-bottom: 1px solid #B0D1E8; width: 170px; padding: 0px 4px 0px 0px;}

#leftColumnNav a {text-decoration: none; font-weight: bold; font-family: verdana, tahoma, arial,helvetica, sans-serif; font-size: 11px; color: #006699; display: block; width: 170px; padding: 2px 4px 2px 0px;}
#leftColumnNav a:hover {text-decoration: none; font-weight: bold; font-family: verdana, tahoma, arial,helvetica, sans-serif; font-size: 11px; color: #FFF; display: block; background-color: #82B6DA; padding: 2px 4px 2px 0px;}


#rightColumnSub { float: left; width: 606px; padding: 0px 30px 0px 40px; font-size: .9em;	font-family: arial, helvetica, sans-serif; }
#rightColumnSub h1 {color: #003366; font-size: 1.4em;}
#rightColumnSub h2 {color: #336699; font-size: 1.2em; }
#rightColumnSub h3 {color: #003366; font-size: 1.2em; }
#rightColumnSub h4 {color: #003366; font-size: 1.0em; }


/* Home Center */
#homeCenter { width: 100%; font-family: "Lucida Grande", "Segoe UI", "Bitstream Vera Sans", Tahoma, Verdana, Arial,sans-serif; font-size: .90em; }
#homeCenter h1 {color: #003366; font-size: 1.5em;	font-family: arial, helvetica, sans-serif; }


#homeCenter .enclosure {margin: 20px 0px 0px 0px; }
#homeCenter .enclosure img {border: 0; float: left;}
#homeCenter .enclosure a, #homeCenter .enclosure a:visited, #homeCenter .enclosure a:active { text-decoration: none; }
#homeCenter .enclosure a:hover { text-decoration: underline; color: #1360AB; }
#homeCenter .enclosure  h1 {display: inline; font-size: 1.3em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#homeCenter .enclosure  h2 a {display: inline; font-size: .8em; margin: 0px 0px 0px 10px; padding: 0px; color: #3366cc; text-decoration: underline;}

#homeCenter .enclosure  h4 {color: #1360AB; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px;}



#clearKoteHome {border: 0px solid #FFCC33; padding: 20px 0px 0px 0px; width: 438px; float: left; background-image: url('/images/icons/gray-arrow.gif'); background-repeat: no-repeat; background-position: 215px 10px;}
#clearKoteHome h2 {color: #0053A8; font-size: 1.2em;	font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px; }

#clearGlassHome {border: 0px solid #FFCC33; padding: 20px 0px 0px 0px;  width: 438px; float: left; background-image: url('/images/icons/gray-arrow.gif'); background-repeat: no-repeat; background-position: 130px 10px; }
#clearGlassHome h2 {color: #0053A8; font-size: 1.2em;	font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px; }


#clearKoteHome h1 a, #clearGlassHome h1 a  {color: #3366CC; font-size: .8em;	font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px;  text-decoration: underline;}
#clearKoteHome h1 a:hover, #clearGlassHome h1 a:hover  {color: #3366CC; font-size: .8em;	font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px;  text-decoration: none;}

#clearKoteHome ul, #clearGlassHome ul {list-style-image: url('/images/icons/checkbox.gif'); width: 390px;}


/* Sub Page Center */

#mainCenterContainer {width: ; font-family: arial, helvetica, sans-serif; font-size: .90em; margin: 0px 0px 30px 0px;  border: 0px solid #FFCC33;}
/* Added Line Height*/
#mainCenterInner { padding: 0px 20px; margin: 20px 0px 0px 0px; line-height: 140%; }
#mainCenterInner h1 {color: #0053A8; font-size: 1.5em;	font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px; }
#mainCenterInner h2 {color: #4599CB; font-size: 1.1em; font-family: "Lucida Grande", "Segoe UI", "Bitstream Vera Sans", Tahoma, Verdana,  arial, helvetica, sans-serif; padding: 4px 0px 0px 0px; margin: 0px;}
#mainCenterInner h3 {color: #003366; font-family: arial, helvetica, sans-serif; }
#mainCenterInner h4 {color: #333; font-family: arial, helvetica, sans-serif; }



#mainCenterContainer2 {width: ; font-family: arial, helvetica, sans-serif; font-size: .90em; margin: 30px 0px 30px 0px;  border: 0px solid #FFCC33;}
/* Added Line Height*/
#mainCenterInner2 { padding: 0px 20px; margin: 0px 0px 0px 0px; line-height: 140%;}
#mainCenterInner2 h1 {color: #003366; font-size: 1.5em;	font-family: arial, helvetica, sans-serif; }
#mainCenterInner2 h2 {color: #4599CB; font-size: 1.1em; font-family: "Lucida Grande", "Segoe UI", "Bitstream Vera Sans", Tahoma, Verdana,  arial, helvetica, sans-serif; padding: 4px 0px 0px 0px; margin: 0px;}
#mainCenterInner2 h3 {color: #003366; font-family: arial, helvetica, sans-serif; }
#mainCenterInner2 h4 {color: #003366; font-family: arial, helvetica, sans-serif; }



#mainCenterInner2 #boatList { }
#mainCenterInner2 #boatList ul {list-style: none; margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 10px; float: left;}
#mainCenterInner2 #boatList ul.innerList  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 50px; border: 0px solid #FFCC33;}



#imageBlockRight1 {width: 200px; float: right; margin: 0px 0px 20px 30px; text-align: center; }
#imageBlockRight1 img { margin: 0px 0px 10px 0px; border: 1px solid #CCC;}



#clearGlassList1,#clearKoteList1  { }
#clearGlassList1 ul, #clearKoteList1 ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;list-style-image: url('/images/icons/checkbox.gif'); }

/* Call To Action - Find Out */

.callToActionButton1 {text-align: right; float: right; padding: 10px 30px 0px 0px; }
.callToActionButton2 {text-align: right; float: right; padding: 10px 30px 0px 0px; }


#findOut a.singleRollover {
    display: block;
    width: 157px;
    height: 45px;
    background: url('/images/icons/go-clearkote.png') no-repeat 0 0;
     overflow: hidden;
     text-indent: -10000px;
     font-size: 0px;
     line-height: 0px;
 }

#findOut a:visited.singleRollover {
     background-position: 0 0px;
 }

#findOut a:hover.singleRollover {
     background-position: 0 -45px;
 }

#findOut a:active.singleRollover {
     background-position: 0 0px;
}


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


#findOut2 a.singleRollover2 {
    display: block;
    width: 157px;
    height: 45px;
    background: url('/images/icons/go-clearglass.png') no-repeat 0 0;
     overflow: hidden;
     text-indent: -10000px;
     font-size: 0px;
     line-height: 0px;
 }

#findOut2 a:visited.singleRollover2 {
     background-position: 0 0px;
 }

#findOut2 a:hover.singleRollover2 {
     background-position: 0 -45px;
 }

#findOut2 a:active.singleRollover2 {
     background-position: 0 0px;
}


/* END - Find Out */




/* Contact */

.contactForm1 { }
.contactForm1 select {font-size: .9em; font-family: arial, helvetica, sans-serif; }
.contactForm1 textarea { width: 240px; height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: left;
}

.chooseInterest { text-align: left; border: 1px solid #1360AB; background-color: #f6fafd; font-size: .9em; padding: 10px 0px;}

table.contactForm1 { border: 0px solid #CC9900; width: 830px}

td.fieldName { background-color: #f6fafd; font-size: .9em; border-bottom: 1px solid #CCC; font-weight: bold; color: #1360AB; width: 160px; padding: 2px 0px 2px 10px;}

.textbox1 {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: left;
	width: 240px;
	}


/* END - Contact */




.testimonials p { margin-top: 30px; }
.testimonials br { margin-top: 1px; }
.testimonials h4 { color: #003366; display: inline;}

#fadeshow2toggler {margin: 0px 0px 10px 0px; }
.status {color: #003366; font-family: arial, helvetica, sans-serif; font-size: .9em; margin: 0px 10px 0px 10px; font-weight:bold  }


#highlightBlockSub {margin: 10px 0px 0px 0px; width: 850px; height: 95px; background-image: url('/images/art/highlight-Block.gif'); background-position: 50% 50%; background-repeat: no-repeat; text-align: center;
font-family:   verdana, arial,helvetica, sans-serif; color: #003366; font-weight: bold; font-size: .9em; border: 0px solid #FFCC33; line-height: 140%; letter-spacing: .045em;}


#highlightBlock {margin: 30px auto 0px auto; width: 850px; height: 95px; background-image: url('/images/art/highlight-Block.gif'); background-position: 50% 50%; background-repeat: no-repeat; text-align: center;font-family:   verdana, arial,helvetica, sans-serif;  color: #003366; font-weight: bold; font-size: .85em; border: 0px solid #FFCC33; line-height: 140%; letter-spacing: .045em;}



#highlightBlock2 {margin: 0px auto 0px auto; width: 850px; height: 95px; background-image: url('/images/art/highlight-Block.gif'); background-position: 50% 50%; background-repeat: no-repeat; text-align: center;font-family:   verdana, arial,helvetica, sans-serif;  color: #003366; font-weight: bold; font-size: .85em; border: 0px solid #FFCC33; line-height: 110%; letter-spacing: .045em;}

#highlightBlock2 p {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#highlightBlock2 a, #highlightBlock2 a:link, #highlightBlock2 a:visited, #highlightBlock2 a:active  { font-size: 1.1em; font-family: arial, helvetica, sans-serif; color: #0052b9; text-decoration: underline;}
#highlightBlock2 a:hover  { font-family: arial, helvetica, sans-serif; color: #996600; text-decoration: none;}



/* Gallery */
#photoGallery { color: #333; font-size: .8em; margin-left: -20px; margin-top: -20px;}
#photoGallery a { color: #0000CC;}
#photoGallery .spacer {height: 20px;}

#photoGallery img {border: 1px solid #B0D1E8;}
.galleryContainer {width: 100%; padding: 0px 0px; border: 0px solid #CCC;}
.galleryOutter {margin: 0px 0px; padding: 10px 0px; clear: both; }
.galleryPicOne {width: 400; height: 240px; float: left; margin: 0px 0px 0px 10px; padding: 0px;}
.galleryPicNext{width: 400; height: 240px; float: left; margin: 0px 10px 0px 30px; padding: 0px;}


#photoGallery .thumbGallery1 {width: 198px; text-align: center;  float: left; line-height: 120%;}
#photoGallery .thumbGallery2 {width: 198px; text-align: center; float: left; margin-left: 15px; line-height: 120%;}

#photoGallery .thumbGallery1 div, #photoGallery .thumbGallery2 div {margin: 4px 0px 0px 0px}
#photoGallery .thumbGallery1 img, #photoGallery .thumbGallery2 img {width: 198px; border: 1px solid #CCC;}
#photoGallery .thumbGallery1 span, #photoGallery .thumbGallery2 span {font-weight: bold;}


ul#siteMapList {margin: 30px 0px 0px 0px; padding: 0px 0px 0px 20px; line-height: 22px;}
ul#siteMapList li {margin: 10px 0px;}

/* Footer */

#footerBlock {border: 0px solid #FFCC33;}

#footerBlock h3 {color: #1360AB; font-family: arial, helvetica, sans-serif; font-size: 1.4em; font-style: oblique;}
#footerBlock h4, #footerBlock h5 {color: #003366; font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px;}

#footerBlock .footerBlockLeft {width: 420px; float: left; text-align: left; border: 0px solid #FFCC33; margin: 0px 0px 0px 0px; }
#footerBlock .footerBlockRight {width: 450px; float: left; text-align: right;  border: 0px solid #FFCC33; margin: 0px 0px 0px 0px;  font-size: 11px;}
#footerBlock .footerBlockRight a,#footerBlock .footerBlockRight a:visited { text-decoration: none; font-weight: normal;  font-size: 11px; }
#footerBlock .footerBlockRight a:hover { text-decoration: underline; }