/*-----------------------------------------------------------------------------
[Client Name] Screen Stylesheet
version:  1.0
date:     10/07/09
author:   [Jay Johnson]
website:  [fdgcreative.com]
version history:[_css/screen.css]
-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
*{margin:0; padding:0; border:0}

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear{clear:both; display:none}

.right{float:right}

.left{float:left}

.hidespan{display:none}

/* Set up the document
-----------------------------------------------------------------------------*/
body{font:62.5%/1.5 Georgia,"Times New Roman",Times,serif; background:#9ccd56 url(../_images/bg.gif) top center; color:#000; text-align:center; padding:25px 0}

#top-shadow{background:url(../_images/top-shadow.png) no-repeat; height:8px; width:916px; margin:0 auto}

#wrapper{width:916px; /* Set page width here - you can also use percentage */text-align:left;  margin-left:auto; margin-right:auto; background:url(../_images/body-shadow.png) repeat-y}

#container{display:block; padding:20px 53px}

#bottom-shadow{background:url(../_images/bottom-shadow.png) no-repeat; height:8px; width:916px; margin:0 auto}

a{ color:#12A0C6; }

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size:2.2em; /* Equivalent to 22pt */}

h2{font-size:2.0em; /* Equivalent to 20pt */}

h3{font-size:1.8em; /* Equivalent to 18pt */}

h4{font-size:1.6em; /* Equivalent to 18pt */}

h5{font-size:1.4em; /* Equivalent to 14pt */}

p, q, cite{font-size:1.2em; /* Equivalent to 12pt */}

li, dd, dt{font-size:1.2em; /* Equivalent to 12pt */}

.blueTitle{color:#92D7E6; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.blogTitle {color: #4BAF54; font-size:1.5em;}

.blogDate {font-size:.8em;}


/* Header
-----------------------------------------------------------------------------*/
#header{display:none;}

#header h1{display:block; width:100px; height:92px; background:url(../_images/logo.gif) no-repeat; float:left; margin-right:18px}
#header h1 span{display:none}

.headings{height:30px; display:block; padding:0 10px; margin-bottom:10px; background-image:url(../_images/headings.gif); background-repeat:no-repeat;}

#header-traditional-western-massage{background-color:#12A0C6; background-position:10px -25px; width:396px;}
#header-traditional-chinese-therapy{background-color:#12A0C6; background-position:10px -55px; width:380px;}
#header-waxing-services{background-color:#12A0C6; background-position:10px -85px; width:214px;}
#header-nail-services{background-color:#12A0C6; background-position:10px -115px; width:174px;}
#header-skincare-serices{background-color:#12A0C6; background-position:10px -145px; width:220px;}
#header-spa-body-treatments{background-color:#12A0C6; background-position:10px -175px; width:274px;}
#header-spa-packages{background-color:#12A0C6; background-position:10px -205px; width:186px;}
#header-eastern-therapy{background-color:#12A0C6; background-position:10px -235px; width:220px;}
#header-videos{background-color:#12A0C6; background-position:10px -265px; width:86px;}
#header-products{background-color:#12A0C6; background-position:10px -295px; width:125px;}

#header-happy-hour{background-color:#92D7E6; background-position:10px -415px; width:150px;}

#header-monthly-specials{background-color:#9FCDD4; background-position:10px -475px; width:228px;}

#header-partners{background-color:#8CC753; background-position:10px -535px; width:120px;}

#header-news-media{background-color:#4CAF54; background-position:10px -595px; width:172px;}
#header-press-releases{background-color:#4CAF54; background-position:10px -625px; width:198px;}
#header-blog{background-color:#4CAF54; background-position:10px -655px; width:64px;}
#header-newsletter{background-color:#4CAF54; background-position:10px -685px; width:155px;}
#header-photo-gallery{background-color:#4CAF54; background-position:10px -715px; width:192px;}

#header-contact-us{background-color:#8EC97E; background-position:10px -775px; width:144px;}
#header-location{background-color:#8EC97E; background-position:10px -805px; width:118px;}

#header-about-us{background-color:#0A7CA1; background-position:10px -865px; width:118px;}
#header-facilities{background-color:#0A7CA1; background-position:10px -895px; width:122px;}
#header-testimonials{background-color:#0A7CA1; background-position:10px -925px; width:170px;}
#header-in-the-news{background-color:#0A7CA1; background-position:10px -955px; width:150px;}

/* Navigation
-----------------------------------------------------------------------------*/
#nav ul li{display:inline; float:left}
#nav ul li a{display:block; width:92px; height:92px; margin-right:8px; background-image:url(../_images/nav.gif); background-repeat:no-repeat}

#nav-about-us{background-color:#0c7ca1; background-position:0 52px}
#nav-spa-menu{background-color:#13a0c6; background-position:-100px 52px}
#nav-happy-hour{background-color:#92d7e6; background-position:-200px 52px}
#nav-monthly-specials{background-color:#9fcdd4; background-position:-300px 52px}
#nav-news-media{background-color:#4caf54; background-position:-400px 52px}
#nav-partners{background-color:#8cc753; background-position:-496px 52px}
#nav-contact-us{background-color:#8ec97e; background-position:-596px 52px}

/* Footer
-----------------------------------------------------------------------------*/
#footer{clear:both; color:#7A7B7D; text-align:center; letter-spacing:3px; padding-top:10px}

/* Homepage
-----------------------------------------------------------------------------*/
#video{background:#bfbf7b; width:444px; height:276px; float:left}

#welcome{background:#e7e248; width:330px; height:240px; float:left; padding:18px}

#home_left_col{width:443px; float:left; border-right:1px solid #cdced0; color:#58585a}

#home_left_col div{border-bottom:1px solid #cdced0; padding:10px 0; clear:left}

#home_left_col img{padding:0 20px 0 0}

#home_right_col{width:366px; float:left; color:#58585a}

#home_right_col div{border-bottom:1px solid #cdced0; padding:10px 0}

#home_right_col img{padding:0 20px}

#monthly-specials-heading{background:url(../_images/monthly-specials.gif) no-repeat #9fcdd4 center; height:30px; width:217px; display:block; padding:0 10px; margin-bottom:10px}
#happy-hour-heading{background:url(../_images/happy-hour.gif) no-repeat #13a0c6 center; height:30px; width:142px; display:block; padding:0 10px; margin-bottom:10px}
#spa-menu-heading{background:url(../_images/spa-menu.gif) no-repeat #13a0c6 center; height:30px; width:110px; display:block; padding:0 10px; margin-bottom:10px}
#gift-certificates-heading{background:url(../_images/gift-certificates.gif) no-repeat #8cc753 center; height:30px; width:212px; display:block; padding:0 10px; margin-bottom:10px}

/* Your template
-----------------------------------------------------------------------------*/
#content{clear:both; padding-top:10px; font-size:1.2em}

#sub-nav{display:none;}

#sub-nav a{height:17px; display:block; margin-bottom:1px; width:210px; background-image:url(../_images/spa-menu-links.gif)}

#sub-nav a:hover{background-color:#15b5e0}

#sub-nav a span{display:none}

#sub-nav h2{display:none}

#header-image{width:600px; height:240px; float:left; background-color:#000}

#sub_left_col{display:none;}

#sub_right_col{width:779px; float:left; color:#58585a; padding:0 10px 0 20px;}


#sub-nav-about{width:210px; height:240px; float:left; background-color:#13a0c6}

#sub-nav-about a{height:17px; display:block; margin-bottom:1px; width:210px; background-image:url(../_images/about-us-links.gif)}

#sub-nav-about a:hover{background-color:#0f9fce}

#sub-nav-about a span{display:none}
#sub-nav-about h2{display:none}

/* Forms
-----------------------------------------------------------------------------*/
input.text{padding:3px; border:1px solid #999}

input{border:1px solid #666;}

/* Tables 
-----------------------------------------------------------------------------*/
table{ border-spacing:0; border-collapse:collapse}

td{ text-align:left; font-weight:normal}