/* ************************************************************************** */
/* CSS Document for Soakology - Foot Soak and Teahouse                        */
/* All images and themes are berein copyright to Soakology                    */
/* Unauthorized use of Soakology images or themes may result in legal action  */
/* http://www.soakology.com                                                   */
/* ************************************************************************** */


body
{
	background: url(http://www.webdesignofmaine.com/vip/soakology/images/background_3.jpg) repeat left top;
	color: #502904;		
}

td
{
	color: #502904;
	font-size: 12px;
	font-family : Verdana, Helvetica, sans-serif;
}

img { margin:0px; padding:0px; border:0px; }

h1
{
font-size: 18px;
color: #502904;
font-family : Verdana, Helvetica, sans-serif;
margin-left: 20px;
}

h2
{
font-size: 18px;
color: #502904;
font-family : Verdana, Helvetica, sans-serif;
margin-left: 0px;
}

h3
{
font-size: 14px;
color: #502904;
font-family : Verdana, Helvetica, sans-serif;
margin-left: 20px;
vertical-align: middle;
}


p
{
color: #502904;
font-family : Verdana, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 20px;
line-height: 1.5em;
}

.hline{border-top:1px dotted #cccccc; padding:0px;margin:7px 0 0px 0;}
/*
a:link
{
color: #007b71;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #013933;
text-decoration: underline;
font-weight: bold;
}

a:visited
{
color: #007b71;
text-decoration: none;
font-weight: bold;
}

a:active
{
color: #007b71;
text-decoration: none;
font-weight: bold;
}
*/

#content
{
	background-color: #fff;
	width: 820px;
	text-align: left;
    padding: 0px 0px 0px 0px;
	border: 5px solid #6d3e04;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #6d3e04;
	margin-top: 20px;
}


#header
    {
	font-weight: normal;
	background-color: #fff;
    color: #660099;
    padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
}

#nav
{
height: 38px;
width: 788px;
border-top: 0px solid #ffffff;
border-bottom: 1px solid #eeeeee;

}

#navlist {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/

}

.navlist ul
{

margin-top: 10px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
white-space: nowrap;
text-style: bold;
}
.navlist li
{

display: inline;
list-style-type: none;
margin-top: 0px;

}

.navlist a:link, .navlist a:visited
{
color: #CC3300;
background-color: #FFCABE;
margin-top: 0;
margin-left: 0;
}

.navlist a:hover
{
color: #FFFFFF;
background-color: #FF3300;
margin-top: 0;
margin-left: 0;
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 10px;;
font-weight: bold;
background-color: #fff;
color: #6d3e04;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 10px 0;
background-color: #fff;
/* color: #007b71; */
color: #007b71;
font-weight: bold;
text-decoration: underline;
float: center;
padding-right: 15px;
padding-left: 15px;
height: 0px;
position: relative;
border-bottom: 3px solid #ffffff;

}

#navcontainer ul li a:hover
{
position: relative;
color: #013933;
background: url('http://www.webdesignofmaine.com/vip/soakology/images/bg_link.gif') repeat left top;
font-weight: bold;
text-decoration: none;
height: 0px;
margin: 0px;
border-bottom: 3px solid #f8eed4;
}







#descriptions
{
position: relative;
margin-top: 0px;
height: 76px;
font-size: 12px;
background: url('http://www.webdesignofmaine.com/vip/soakology/images/foot_sanctuary_teahouse_2.gif') no-repeat top center;

}


#desc-foot
{
float: left;
width: 180px;
margin-left: 15px;
background: #ff0000;
}
#desc-foot p
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
}

#desc-tea
{
float: left;
width: 180px;
margin-left: 15px;
background: #ff00ff;
}
#desc-tea p
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
}

#bottom-wrap
{
margin-top: 10px;
height: 175px;
background: url('http://www.webdesignofmaine.com/vip/soakology/images/bg_water.gif') repeat bottom center;
line-height: 1.5em;
font-size: 12px;
}

#bottom-wrap a:link
{
color: #007b71;
text-decoration: underline;
font-weight: normal;

}
#bottom-wrap a:hover
{
color: #013933;
text-decoration: underline;
font-weight: bold;

}
#bottom-wrap a:visited
{
color: #007b71;
text-decoration: underline;
font-weight: normal;

}
#bottom-wrap a:active
{
color: #007b71;
text-decoration: underline;
font-weight: normal;

}





/* main */
.main {
	border-top: 4px solid #FFF;
	background: url('img/bgmain.gif') repeat-y;
}


/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
}














#bottom-c1
    {
float: left;
width: 170px;
margin-left: 10px;

/*
margin-top: 5px;
margin-left: 0px;
padding-left: 25px;
padding-right:10px;
*/
}
#bottom-c1 h2, #bottom-c1 p
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
}


#bottom-c2
    {
float: left;
width: 180px;
margin-left: 10px;
/*
margin-top: 5px;
margin-left: 0px;
padding-right:15px;
*/
}
#bottom-c2 h2, #bottom-c2 p
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
}


#bottom-c3
    {
float: left;
width: 220px;
margin-left: 10px;
/*
margin-top: 5px;
margin-left: 0px;
padding-right:15px;
*/
}
#bottom-c3 h2, #bottom-c3 p
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
}


#bottom-c4
    {
float: left;
width: 180px;
margin-left: 15px;
/*
margin-top: 5px;
margin-left: 0px;
padding-right:0px;
*/
}
#bottom-c4 h2, #bottom-c4 p
{
margin-left: 20px;
margin-right: 0px;
margin-top: 20px;
}

#bottom-subpage-1
    {
float: left;
width: 250px;
margin-left: 15px;
}
#bottom-subpage-1 h2, #bottom-subpage-1 p
{
margin-left: 20px;
margin-right: 0px;
margin-top: 20px;
}

#bottom-subpage-2
    {
float: left;
width: 250px;
margin-left: 15px;
}
#bottom-subpage-2 h2, #bottom-subpage-2 p
{
margin-left: 20px;
margin-right: 0px;
margin-top: 20px;
}

#bottom-subpage-3
    {
float: left;
width: 250px;
margin-left: 15px;
}
#bottom-subpage-3 h2, #bottom-subpage-3 p
{
margin-left: 20px;
margin-right: 0px;
margin-top: 20px;
}

#home-mid
{
	font-weight: normal;
	background-color: #fff;
    color: #660099;
    padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: left;
}
.mid-left
    {
	position: relative;
	font-weight: normal;
	background-color: #fff;
    color: #502904;
    padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: left;
	width: 600px;
	left: 0;
	top: 0;
}
html>body #mid-left
{
height: auto;
min-height: 300px;
}

.mid-right
    {
	position: absolute;
	font-weight: normal;
	background: #ffffff url('http://www.soakology.com/images/right_side_more.gif') no-repeat left top;
    color: #660099;
    padding: 40px 0px 0px 0px;
	top: 0px;
	right: 10px;
	font-size: 11px;
	text-align: left;
	width: 200px;
	height: 250px;
}
html>body #mid-right
{
height: auto;
min-height: 250px;
}


.mid-right ul
{
}

.mid-right li
{
color: #cccccc;
display: circle;
margin-right: 5px;
padding: 3px;
}

.mid-right a:link
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
padding: 3px;
}
.mid-right a:hover
{
color: #013933;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
padding: 3px;
background: #fff;
}
.mid-right a:visited
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
padding: 3px;
}
.mid-right a:active
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
padding: 3px;
}



.middle
    {
	position: relative;
	font-weight: normal;
	background-color: #fff;
    color: #660099;
    padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: left;	
	min-height: 300px;
}
html>body #middle
{
height: auto;
min-height: 300px;
}

.middle h1
    {
	margin-top: 10px;
}
.mid-left h1
    {
	margin-top: 10px;
}
.middle a:link
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}
.middle a:hover
{
color: #013933;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
}
.middle a:visited
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}
.middle a:active
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

.middle ul
{
}

.middle li
{
color: #cccccc;
display: circle;
margin-right: 5px;
line-height: 1.5em;
}


#footer
    {
	position: relative;
	font-weight: normal;
	background: url('http://www.webdesignofmaine.com/vip/soakology/images/background_bottom.gif') no-repeat center bottom;
    color: #a57b06;
    padding: 0px 0px 0px 0px;
	font-size: 10px;
	height: 70px;
	text-align: right;	
	vertical-alignment: bottom;
}

#footer p
{
	position: relative;
	top: 50px;
	text-align: right;
	font-size: 10px;
	color: #a57b06;
	line-height:1.0em;
	margin-left:0px;
	margin-right:0px;
}

#footer a:link
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 10px;
}
#footer a:hover
{
color: #993300;
text-decoration: underline;
font-weight: normal;
font-size: 10px;
}
#footer a:visited
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 10px;
}
#footer a:active
{
color: #007b71;
text-decoration: none;
font-weight: normal;
font-size: 10px;
}

.redtext
{
color: #ff0000;
}


.whiteback
{
    background-color: #fff;
	width: 750px;
	height: 584px;
}
.three-boxes
    {
	position: relative;	
	width: 780;
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
}

html>body .three-boxes
{
height: auto;
min-height: 80px

}

.single-box
    {
	float: left;
    width: 250px;
	height: 100%;
    margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-botton: 0px;
	text-align: left;
}


.quote
{
text-align: right;
color: #666666;
}

.quote-mini
{
position: relative;
top: -10px;
text-align: right;
color: #666666;
font-size: 9px;

}


.foot-soak
{
text-align: center;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 10px;
line-height: 1.5em;
}

.foot-sanctuary
{
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 10px;
line-height: 1.5em;
}

/* TABLES */

td.dotted
{
border-top: 0px;
border-bottom: 1px dashed #cccccc;
border-left: 0px;
border-right: 0px;
}

/* LINKS */


.single-box a:link, .single-box a:visited, .single-box a:active
{
color: #007b71; text-decoration: underline; font-weight: normal; font-size: 10px;
}
.single-box a:hover
{
color: #013933; text-decoration: underline; font-weight: bold; font-size: 10px;
}




a.title:link, a.title:visited, a.title:active {color: #000066; text-decoration: none; font-weight:bold; font-size:12px;}
a.title:hover {color: black; text-decoration: underline; font-weight:bold; font-size:12px;}

a.boxlink:link, a.boxlink:visited, a.boxlink:active {color: #000066; text-decoration: none; font-weight:normal; font-size:10px;}
a.boxlink:hover {color: black; text-decoration: underline; font-weight:normal; font-size:10px;}

a.go:link, a.go:visted, a.go:active {color: #ffffff; text-decoration: none; font-weight:bold; font-size:10px;}
a.go:hover {color: #000066; text-decoration: none; font-weight:bold; font-size:10px;}

a img {border-width: 0;}
a#pic img {border: 1px solid white;}
a#pic:hover img {border: 1px solid blue;}
a#pic:visited img {border: 1px solid white;}

/* FORM ELEMENTS */

input, select, textarea {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}