/*****CSS RESET*******/

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, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES****/

body { font-family: Arial; font-size: 13px; line-height: 22px; color: #04304A; background: #344A0E; }
a { color: #cbc400; text-decoration: none; }
a:hover { text-decoration: underline; }

#homeBkg { height: 900px; background: url('images/homeBkg.jpg') top center no-repeat; }
#subBkg { height: 900px; background: url('images/subBkg.jpg') top center no-repeat; }
#container { margin: 0 auto; width: 902px; position: relative; }

/****HEADER STYLES*******/

.logo { float: left; width: 902px; height: 98px; margin-top: 35px; }

/*****NAV STYLES*******/

#homeNav { float: left; width: 755px; height: 90px; margin: 65px 0 0 165px; }
#homeAbout a { float: left; width: 116px; height: 90px; background: url('images/homeAbout.png') no-repeat; } 
#homeAbout a:hover { background: url('images/homeAboutRoll.png') no-repeat; } 
#homeCustom a { float: left; width: 144px; height: 90px; background: url('images/homeCustom.png') no-repeat; } 
#homeCustom a:hover { background: url('images/homeCustomRoll.png') no-repeat; } 
#homeChoice a { float: left; width: 139px; height: 90px; background: url('images/homeChoice.png') no-repeat; } 
#homeChoice a:hover { background: url('images/homeChoiceRoll.png') no-repeat; } 
#homeGallery a { float: left; width: 91px; height: 90px; background: url('images/homeGallery.png') no-repeat; } 
#homeGallery a:hover { background: url('images/homeGalleryRoll.png') no-repeat; } 
#homeProcess a { float: left; width: 129px; height: 90px; background: url('images/homeProcess.png') no-repeat; } 
#homeProcess a:hover { background: url('images/homeProcessRoll.png') no-repeat; } 
#homeContact a { float: left; width: 129px; height: 90px; background: url('images/homeContact.png') no-repeat; } 
#homeContact a:hover { background: url('images/homeContactRoll.png') no-repeat; } 

#subNav { float: left; width: 170px; margin: 125px 0 0 19px; }
.subNavDivider { float: left; width: 170px; height: 8px; background: url('images/subNavDivider.jpg') no-repeat; }
#subAbout a { float: left; width: 126px; height: 22px; background: url('images/subAbout.jpg') no-repeat; margin-left: 20px; } 
#subAbout a:hover { background: url('images/subAboutRoll.jpg') no-repeat; } 
#subCustom a { float: left; width: 126px; height: 22px; background: url('images/subCustom.jpg') no-repeat; margin-left: 20px; } 
#subCustom a:hover { background: url('images/subCustomRoll.jpg') no-repeat; } 
#subChoice a { float: left; width: 126px; height: 22px; background: url('images/subChoice.jpg') no-repeat; margin-left: 20px; } 
#subChoice a:hover { background: url('images/subChoiceRoll.jpg') no-repeat; } 
#subGallery a { float: left; width: 126px; height: 22px; background: url('images/subGallery.jpg') no-repeat; margin-left: 20px; } 
#subGallery a:hover { background: url('images/subGalleryRoll.jpg') no-repeat; } 
#subProcess a { float: left; width: 126px; height: 22px; background: url('images/subProcess.jpg') no-repeat; margin-left: 20px; } 
#subProcess a:hover { background: url('images/subProcessRoll.jpg') no-repeat; } 
#subContact a { float: left; width: 126px; height: 22px; background: url('images/subContact.jpg') no-repeat; margin-left: 20px; } 
#subContact a:hover { background: url('images/subContactRol.jpg') no-repeat; } 

/*****FOOTER STYLES*******/

#footer { float: left; width: 902px; margin-top: 10px; text-align: center; color: #fff; font-size: 12px; text-transform: uppercase; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#weather{ float: left; margin-top: -10px; margin-right: 15px; text-align:center; }
.weatherThumb { width: 56px; height: 73px; margin-right: 15px; }
.CCOCThumb { width: 126px; height: 31px; margin-left: 15px; } 

/*****CONTENT STYLES*******/

#homeP { float: right; width: 350px; padding: 10px; text-align: right; margin-top: 40px; }
#homePhotoThumbContainer { float: left; width: 220px; margin: 20px 0 0 55px; }
.homePhotoThumb { width: 220px; height: 147px; margin-bottom: 5px; }
.homePhotoLarge { float: right; width: 455px; height: 304px; margin: 20px 80px; }
#testimonialLink{ position: absolute; top:470px; left: 420px; font-weight: bold; }
#testimonialLink a{ color: #ccc500; }

.mainContent { float: right; width: 530px; height: 260px; margin: 90px 90px 60px 90px; }
.smallContent { float: right; width: 299px; height: 207px; margin: 0 75px 60px 0; }
.smallContent a { color: #000; text-decoration: underline; }
.smallContent a:hover { text-decoration: none; }

.gallery { height: 300px; overflow: auto; }
.thumb { float: left; width: 100px; height: 75px; margin: 10px; }