@charset "utf-8";
/* CSS Document - Pennisular Massage Therapy*/

body {
padding: 0;
margin: 0;
font-family: Trebuchet MS ,Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size: 13px;
background:url(/images/navigation.jpg) repeat-x;
color:#333333;
}

p {margin:0; margin-bottom:15px;}

.container {
width:975px;
margin:0px auto;
text-align:left;
position:relative;}


.content {}

.logo {height:72px; margin-left:210px; clear:both; background:url(/images/head/logo.gif) no-repeat; padding-top:5px;}

.navcontainer {height:52px; margin-left:375px; margin-top:0; z-index:2; position:relative}

.page-dec {position:absolute; top:0; left:-60px; z-index:1}

html>/**/body .navcontainer {margin-top:-13px;}

.navcontainer ul li{
font-family: Trebuchet MS ,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
text-align: center;
text-transform:uppercase;
color:#fff;
height:52px;}

.navcontainer ul li a:link, .navcontainer ul li a:visited{
color:#fff;
text-decoration: none;
display: block;
padding:15px 30px 2px 30px;}

.navcontainer ul li a #contact {background-color:blue; padding-left:-3px;}

.navcontainer ul li a:hover{
color:#000;}

.navcontainer ul li.active { background: url("/images/hover.jpg") no-repeat ;background-position: 50% 0%}

.current {padding-top:0;}

.main {margin-left:210px; font-size:13px; margin-bottom:55px; clear:both;}

.promos {float:left; width:100%;  clear:both; }

.promo1 {float:left; margin-right:15px; background:url(/images/index/back1.gif) no-repeat; width:315px; height: 286px;}
.promo2 {float:left; margin-right:15px; background:url(/images/index/back2.gif) no-repeat; width:315px; height: 286px;}
.promo3 {float:left; background:url(/images/index/back3.gif) no-repeat; width:315px; height: 286px;}

.promo-text {padding:0 13px 0 13px; line-height:15px; margin-bottom:0; margin-top:-5px;}

.side-promo-in {padding:10px 9px 0px 10px;}

.spacer {height:6px; overflow-x:hidden; }

h2 {background:url(/images/h1.gif); padding:4px; padding-top:3px; padding-bottom:3px; font-size:18px; margin:0; color:#fff; font-weight:normal;font-family: Trebuchet MS ,Verdana, Arial, Helvetica, sans-serif;}

.side-promo-in h2 {background:url(/images/h1.gif); padding:1px 3px 1px 3px; font-size:15px; margin:0; color:#fff; font-weight:normal;}
.side-promo-bottom {padding:0; margin:0; background:url(/images/side-promo-bottom.gif) no-repeat; width:185px; height:10px; background-color:#fff}

.promo1 h2, .promo2 h2, .promo3 h2  { margin:11px; margin-right:12px;}

h3 {font-size: 14px; color:#20205d; font-weight:bold; text-transform:uppercase;font-family: Trebuchet MS ,Verdana, Arial, Helvetica, sans-serif; background:url(/images/leaf.gif) top left no-repeat; padding-left:22px;}

h4 {font-family: Trebuchet MS ,Verdana, Arial, Helvetica, sans-serif; color:#a83978;font-size: 15px;margin:0; padding:0; margin-bottom:2px;}

* html h4 {margin-bottom:-11px;}

.extras, .extras2 {position:absolute; left:0; background:url(/images/extras.gif);  width:185px; margin:0; padding:0;}
.extras2 {background:url(/images/extras-bonus.gif);}

.price {background:url(/images/price.gif) no-repeat; width:35px; height:24px; padding:3px 5px 5px 3px; color:#000;}

.mid1 {float:left; width:48%}

.mid2 {float:right; width:48%}

.list{
margin-top:0;
margin-left: 5px;
padding-left: 0;
margin-bottom:10px;
list-style: none;}

.list li {
padding-left: 14px;
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .15em;
margin-bottom:3px;
line-height:15px;}

A:link{ 
color: #06559c;
text-decoration:none;} 

A:visited{ 
color: #4b8db6;text-decoration:none;} 

A:hover{ 
color: #feba04;text-decoration: underline;} 

A:active{ 
color: #4b8db6;text-decoration:none;} 

.footer {text-align:center; color:#999; margin-top:20px; clear:both; }

/*form*/