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,
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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;} body {line-height:1;color:black;background:white;} ol, ul {list-style:none;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes:"" "";}

body { font-size:62.5%; background:#245371 url(images/page-bg.jpg) repeat-x top; }

#header { height:140px; background:#DEDCD0 url(images/header-bg.jpg) no-repeat left bottom; position:relative; border-bottom:1px solid #5E605C; }
#logo { position:absolute; bottom:0; left:185px; }

#nav { width:780px; height:85px; background:transparent url(images/nav-bg.jpg) no-repeat; position:absolute; bottom:-85px; left:50px; }

#main-nav { height:55px; position:absolute; left:3px; top:3px; }
#main-nav li { width: 140px; height:55px; float:left; overflow:hidden; margin-left:7px; }
#main-nav li a { display:block; width:100%; height:47px; text-indent:-300px; }

#nav-uvtanning { background:transparent url(images/nav-uvtanning.jpg) no-repeat top; }
#nav-mystictanning { background:transparent url(images/nav-mystictanning.jpg) no-repeat top; }
#nav-theo2bar { background:transparent url(images/nav-theo2bar.jpg) no-repeat top; }
#nav-specials { background:transparent url(images/nav-specials.jpg) no-repeat top; }
#nav-contactus { background:transparent url(images/nav-contactus.jpg) no-repeat top; }

#nav-uvtanning.active { background:transparent url(images/nav-uvtanning-active.jpg) no-repeat; }
#nav-mystictanning.active { background:transparent url(images/nav-mystictanning-active.jpg) no-repeat; }
#nav-theo2bar.active { background:transparent url(images/nav-theo2bar-active.jpg) no-repeat; }
#nav-specials.active { background:transparent url(images/nav-specials-active.jpg) no-repeat; }
#nav-contactus.active { background:transparent url(images/nav-contactus-active.jpg) no-repeat; }

#sub-nav { position:absolute; bottom:12px; left:15px; }
#sub-nav li { float:left; margin-right:25px; font-size:1.2em; }
#sub-nav li a { color:#f5f5f5; text-decoration:none; }
#sub-nav li.active a { border-bottom:1px dotted #f2f2f2; }

#content { width:100%; height:100%; background:transparent url(images/content-wrap-bg.jpg) no-repeat top left; padding-top:100px; }

strong { font-weight:bold; }

#main { width:760px; margin-left:50px; background:transparent url(images/home-main-bg.gif) no-repeat top; position:relative; }
.specials #main { background:transparent !important; }
#main .head { border:0px solid #f00; width:400px; height:70px; margin-bottom:15px; padding-left:15px; }
#main .head h1 { font-size:1.8em; font-family:Georgia, Times, serif; font-weight:normal; color:#fff; margin-bottom:3px; padding-top:10px; }
#main .head p { font-size:1.1em; width:350px; margin:0; }
#main .page-img { position:absolute; top:-15px; right:15px; }
#main .page-img img { display:block; margin-bottom:10px; }
#main .page-img img.with-border { border:5px solid #fff; }
#main .page-img p { width:300px; margin:0; font-size:11px; }
#main h2 { font-size:14px; color:#fff; font-family:Verdana; font-weight:bold; margin-left:10px; margin-bottom:10px; }
#main p { font-family:Verdana; font-size:12px; color:#f2f2f2; line-height:14px; margin-bottom:15px; width:370px; margin-left:10px; }
#main ul { padding-left:25px; margin-bottom:15px; }
#main li { font-size:12px; color:#fff; font-family:Verdana; list-style:disc outside; margin-bottom:10px; }
#main p a { color:#fff;}

#gmap { border:5px solid #fff; background:#fff; }

#bottom-content { width:100%; background:#1A2A3A url(images/bottom-content-bg.gif) repeat-x top; padding-top:20px; font-family:Verdana; }
#bottom-content h2 { margin-left:50px; color:#fff; font-size:16px; font-weight:bold; margin-bottom:10px; }
#bottom-content p { color:#fff; font-size:14px; margin-left:50px; }

#main .promo { width:240px; height:310px; border:1px solid #1A2A3A; border-width:1px 2px 2px 1px; padding-top:10px; float:left; margin:5px; /* margin:0 auto; margin-bottom:15px; */ }
#main .promo h2 { font-size:20px; font-family:Georgia; font-weight:normal; color:#1A2A3A; margin:0; margin-bottom:10px; padding:3px 0; text-indent:5px; }
#main .promo p { font-size:11px; line-height:14px; width:95%; margin:0 auto; color:#1A2A3A; }
#main .promo p a { color:#1A2A3A; font-weight:bold; white-space:nowrap; }
#main .promo p a:hover { background:#fff; color:#333; text-decoration:none; }
.promo-hover { border:1px solid #fff !important; }

#uv-promo { background:#fff url(images/promo-uv.jpg) no-repeat bottom; }
#uv-promo h2 { background:#CFBD7A; }

#mystic-promo { background:#5DBCDA url(images/promo-mystic.jpg) no-repeat bottom; }
#mystic-promo h2 { background:#52A4BF; }

#o2-promo { background:#A1BAB6 url(images/promo-o2.jpg) no-repeat bottom; }
#o2-promo h2 { background:#52A4BF; }

#main .product { width:600px; margin-bottom:20px; border-bottom:1px dotted #ccc; }
#main .product img { float:right; margin-top:-20px; border:1px solid #ccc; }

.inquiry-form { width:370px; font-family:Arial; }
.inquiry-form .input { margin-bottom:10px; clear:both; }
.inquiry-form .input label { font-size:12px; color:#fff; display:block; }
.inquiry-form .input input { width:300px; }
.inquiry-form textarea { width:360px; }
.inquiry-form .input-inline { float:left; margin-right:8px; margin-bottom:10px; }
.inquiry-form .input-inline label { font-size:12px; color:#fff; display:block; }
.inquiry-form .input-inline input { width:auto; }

#footer { clear:both; border-top:1px solid #DEDCD0; padding:10px 50px; color:#DEDCD0; font-family:Verdana; }

.clear { clear:both; }