﻿
/*   ELEMENTS  */

body 
{
    background-color:#fff;
    font-size:62.5%;
    font-family:Tahoma;
    padding:0;
    margin:0 0 0 15px;
    color:#97714C;
}

h1, h2, h3 {clear:both;}
h1, #nav a {color:#64A1B1;}
h1 {font-size:2em;margin:1em;}
h2 {font-size:1.1em;margin:0.5em;}

ul, li
{
    list-style:none;
}

li {margin-bottom:3em;}
ul ul li {margin-bottom:1em;}

li h2 {margin-bottom:1em;}

p
{
    line-height:2em;
    margin:15px;
    padding:15px;
}


/*  COMMON SECTIONS  */

#nav 
{
    clear:both;
    border-bottom:2px dotted #85D7EC;
    width:500px;
    margin-bottom:20px;
}

#nav ul
{
    padding:0;
    margin:0;
}

#nav li
{
    display:inline;
    padding-left:5em;
}

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active
{
    text-decoration:none;
    font-size:1.2em;
    line-height:3em;
    display:inline-block;    
}

#nav a:hover
{
    color:#436B76;
}

#logo
{
    float:left;
    border:0;
    margin: 0 30px 30px 0;
}

#content
{
    font-size:1.2em;
    width:500px;
    letter-spacing:0.1em;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active
{
    text-decoration:none;
    border-bottom:1px dotted #64A1B1;
    color:#64A1B1;
}

#default #content a
{
    font-size:1.7em;
    line-height:1.7em;
}

#content a:hover
{
    color:#436B76;
}




/* PAGE SPECIFIC */

#default
{
    background:url(images/grass.jpg) center top no-repeat;
}

#default div
{
    text-align:center;
    margin:0;
    padding:0;    
    position:absolute;
    top:0;
    left:50%;
    margin-left:-350px;
    width:700px;
    height:400px;
}


#default div img
{
    margin:15px 70px 0 0;
}

#default div #location
{
    margin-right:100px;
}

#default div a:link,
#default div a:visited,
#default div a:hover,
#default div a:active
{
    font-size:2.5em;
    color:#DED2C7;
    text-decoration:none;
    margin-right:80px;
    padding-bottom:200px;
    padding-top:200px;
    line-height:400px;
    vertical-align:middle;
    
}


#default div a:hover
{
    color:#97714C;
}





body#location
{
    background:url(images/bambooLeaves.jpg) right top no-repeat;
}

address
{
    font-size:1.5em;
    font-style:normal;
    line-height:1.5em;
    margin-top:30px;
}

#phone
{
    font-size:1.8em;
    line-height:1.5em;
}

body#location p
{
    clear:both;
}





body#services
{
    background:url(images/smile.jpg) bottom right no-repeat fixed;
}






body#policies
{
    background:url(images/StonesFlower.jpg) bottom right no-repeat fixed;
}



#default #footer
{
    position:absolute;
    top:99%;
    left:53%;
    margin-top:-1.5em;
}

#default #footer a:link,
#default #footer a:visited,
#default #footer a:hover,
#default #footer a:active,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
    font-size:1em;
    line-height:1em;
    padding:0;
    color:#FF8C26;
    text-decoration:none;
}

#footer
{
    color:#bbb;
    font-size:1em;
    margin-top:40px;
}

#default #footer a:hover,
#footer a:hover
{
    text-decoration:overline;
}

/* lightbox */
#lightbox{
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:10px solid #64a1b1;
	background:#fff;
	color:#97714C;
	padding:10px;
	
    font-family:Tahoma;
}
#lightbox h2
{
    font-size:2.3em;
    color:#64a1b1;
    margin:1em
}
#lightbox p
{
    font-size:1.2em;
}
#lightbox .price
{
    float:right;
    clear:right;
    font-size:1.2em;
    padding-right:6em;
}
#lightbox table
{
    width:60%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #eee;
}
#lightbox tr
{
    font-size:1.2em;
}
#lightbox th
{
    font-size:1.2em;
    color:#846b54;
    background-color:#ded2c7;
}
#lightbox td
{
    border-bottom:1px dotted #eee;
}
.lbAction
{
    position:relative;
    top:360px;
    font-family:Tahoma;
    font-size:1.2em;
    color:#555;
    padding-left:25px;
    margin-left:20px;
    background:url(images/close.gif) no-repeat left;
}
#overlay{
	background-color:#fff;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
