body{
background-image:url(images/body_bg.gif);
background-repeat:repeat-y;
background-position:center;
background-color:#a6aeb4;
}
*{
margin:0;
}
p{
font-family:Arial, Helvetica, sans-serif;
color:#485459;
font-size:13px;
margin-bottom:10px;
}
em{
font-weight:bold;
font-style:normal;
}
br{
clear:both;
}
p a{
font-family:Arial, Helvetica, sans-serif;
color:#485459;
text-decoration:underline;
font-weight:bold;
}
p a:hover{
color:#005e80;
}

#container{
width:760px;
margin:0px auto;
padding:20px 0px;
}
#header{
height:108px;
border-bottom:solid 1px #485459;
}
#header img{
float:left;
}
#header ul{
width:400px;
list-style:none;
float:right;
text-align:right;
line-height:160%;
padding-top:26px;
}
#header li{
text-align:right;
display:inline;
}
#header li a{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#485459;
text-decoration:none;
font-weight:bold;
}
#header li a:hover{
color:#BFC2CC;
}
#content{
border-left:solid 1px #485459;
border-bottom:solid 1px #485459;
display:block;
background-image:url(images/shamanism_dorset_pebbles.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:760px;
}
#content br{
display:block;
clear:both;
}
#leftcol img{
margin-left:-93px;
float:left;
margin-top:30px;
}
#leftcol{
float:left;
padding:20px;
width:430px;
}
#leftcol h1{
background-image:url(images/shamanism_dorset_welcome.gif);
background-repeat:no-repeat;
width:290px;
height:13px;
text-indent:-9999px;
display:block;
margin-bottom:10px;
}
#leftcol h1.shamanism{
background-image:url(images/shamanism_dorset_shamanism.gif);
}
#leftcol h1.whatson{
background-image:url(images/shamanism_dorset_whatson.gif);
}
#leftcol h1.healing{
background-image:url(images/shamanism_dorset_healingtitle.gif);
}
#leftcol h1.readings{
background-image:url(images/shamanism_dorset_readings.gif);
}
#leftcol h1.intouch{
background-image:url(images/shamanism_dorset_intouch.gif);
}
#leftcol h2{
font-family:Arial, Helvetica, sans-serif;
color:#669900;
text-align:center;
float:left;
font-size:13px;
display:block;
margin:80px 0px 10px 60px;
width:190px;
line-height:180%;
border:solid 1px #99cc33;
padding:10px;
}
#leftcol h2 span{
font-weight:bold;
font-size:14px;
}
#leftcol h3{
font-family:Arial, Helvetica, sans-serif;
color:#005e80;
font-size:15px;
margin:18px 0px 6px 0px;
clear:both;
}
#rightcol{
float:right;
padding-top:40px;
}
#rightcol a.orange{
background-image:url(images/shamanism_dorset_coming_soon.gif);
width:225px;
height:84px;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
background-position:top;
outline:none;
}
#rightcol a.blue{
background-image:url(images/shamanism_dorset_healing.gif);
width:225px;
height:84px;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
background-position:top;
outline:none;
}
#rightcol a.intouch{
background-image:url(images/shamanism_dorset_getintouch.gif);
width:225px;
height:84px;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
background-position:top;
outline:none;
}
#rightcol a:hover{
background-position:bottom;
}

#rightcol img{
margin-top:60px;
margin-left:50px;
}

form{
border:solid 1px #485459;
padding:20px;
margin-top:20px;
width:300px
}
form label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#485459;
float:left;
margin-bottom:12px;
width:120px;
clear:both;
}
form input{
float:left;
margin-bottom:12px;
width:150px;
}
form textarea{
float:left;
margin-bottom:12px;
width:150px;
}
form input#submit{
clear:both;
width:auto;
}