/*////////////////////////////////////////////////////////////////////////////////////////////////////

	author: Peter Roper 
	
	elements [external]		-   	these are core values used across all our sites
	layout					-   	these are the basic build files, which create the skeleton site
	content					-		these are the core values used throughout the site
	
//////////////////////////////////////////////////////////////////////////////////////////////////////

	template	-	layout

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrapper{
width:954px;
margin:0 auto;
padding:0 0 20px 0;
position:relative;
}
/*//////////////////////////////////////////////*/
/*/ header /*/
/*//////////////////////////////////////////////*/
#header{
height:135px;
padding:50px 0 0 0;
position:relative;
}
/*//////////////////////////////////////////////*/
#header h1 a{
width:282px;
height:89px;
position:absolute;
top:73px;
left:0;
}
/*//////////////////////////////////////////////*/
#header p.tagline{
height:50px;
line-height:50px;
font-size:140%;
font-weight:bold;
position:absolute;
top:0;
left:0;
}
/*//////////////////////////////////////////////*/
#header #contact-details{
text-align:right;
position:absolute;
top:92px;
right:10px;
}
#header #contact-details p{
font-size:140%;
font-weight:bold;
}
#header #contact-details p span{
font-size:14px;
letter-spacing:0;
}
#header #contact-details p.call{
font-size:320%;
letter-spacing:-0.5pt;
}
#header #contact-details p a{
text-decoration:none;
}
#header #contact-details p a:hover{
text-decoration:underline;
}
/*//////////////////////////////////////////////*/
/*/ menu /*/
/*//////////////////////////////////////////////*/
#menu{
height:59px;
border-width:0 1px 0 0;
border-style:solid;
list-style-type:none;
position:absolute;
top:0;
right:0;
z-index:10;
}
#menu li{
height:59px;
border-width:0 1px 0 0;
border-style:solid;
float:left;
}
#menu li.current_page_parent,
#menu li.current_page_item{
padding:0 0 10px 0;
}
#menu li a{
height:59px;
line-height:59px;
padding:0 15px;
border-width:0 0 0 1px;
border-style:solid;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
display:block;
float:left;
}
/*//////////////////////////////////////////////*/
/*/ footer /*/
/*//////////////////////////////////////////////*/
#footer{
margin:0 20px 0 21px;
padding:10px 0 0 0;
border-width:5px 0 0 0;
border-style:solid;
position:relative;
}
/*//////////////////////////////////////////////*/
#footer ul{
list-style-type:none;
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#footer p{
height:32px;
line-height:32px;
font-size:140%;
font-weight:bold;
position:absolute;
top:10px;
right:0;
}
/*/ IE6 /*/ *html #footer p{right:20px;}
#footer p a{
text-decoration:none;
}
#footer p a:hover{
text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	template	-	content

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content{
margin:0 0 20px 0;
padding:20px 20px 20px 21px;
border-width:1px 0 0 0;
border-style:solid;
} 
/*/ IE6 /*/ *html #content{height:200px;}
/*//////////////////////////////////////////////*/
.wrapper{
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#content h2,
#content h3{
margin:0 0 15px 0;
font-size:140%;
font-weight:bold;
}
/*//////////////////////////////////////////////*/
#content h2.title{
margin:0 0 25px 0;
font-size:280%;
letter-spacing:-0.5pt;
}
/*//////////////////////////////////////////////*/
#content p{
line-height:18px;
margin:0 0 15px 0;
font-size:140%;
}
/*//////////////////////////////////////////////*/
#content a{
font-weight:bold;
text-decoration:none;
}
/*//////////////////////////////////////////////*/
#content ul{
margin:0 0 15px 20px;
}
#content li{
line-height:18px;
font-size:140%;
}
/*//////////////////////////////////////////////*/
/*/ form /*/
/*//////////////////////////////////////////////*/
input{
font-size:14px;
font-weight:bold;
}
/*//////////////////////////////////////////////*/
#content form label{
margin:0 0 10px 0;
display:block;
}
#content form label span{
height:18px;
line-height:18px;
margin:0 0 4px 0;
font-size:14px;
font-weight:bold;
display:block;
position:relative;
}
#content form label span small{
font-size:12px;
font-weight:normal;
position:absolute;
top:0;
right:0;
}
#content form input,
#content form textarea{
padding:4px;
border-width:2px;
}
#content form label.checkbox{
overflow:hidden;
}
#content form label.checkbox input{
margin:0 5px 0 0;
padding:0;
border:0;
float:left;
}
#content form label.checkbox span{
height:15px;
line-height:15px;
margin:0;
float:left;
}
#content #right form input,
#content #right form textarea{
width:528px;
}
#content form label.checkbox input{
width:15px;
}
/*//////////////////////////////////////////////*/
/*/ button /*/
/*//////////////////////////////////////////////*/
label.button{
border:0;
display:block;
}
#content form label.button{
margin:0;
}
label.button button{
height:30px;
padding:0 5px;
border:0;
font-size:14px;
font-weight:bold;
}
/*//////////////////////////////////////////////*/
/*/ interative menu /*/
/*//////////////////////////////////////////////*/
.menu{
height:32px;
line-height:32px;
margin:0 10px 0 0;
display:block;
list-style-type:none;
overflow:hidden;
float:left;
}
/*//////////////////////////////////////////////*/
.menu h3{
margin:0 10px 0 0;
padding:0 0 0 3px;
font-size:14px;
font-weight:bold;
text-align:center;
display:block;
float:left;
}
.follow h3{
width:93px;
}
.bookmark h3{
width:95px;
}
/*//////////////////////////////////////////////*/
.menu ul{
list-style-type:none;
overflow:hidden;
float:left;
}
.follow ul{
width:170px;
}
.bookmark ul{
width:204px;
}
/*//////////////////////////////////////////////*/
.menu ul li{
float:left;
}
.menu ul li a{
width:32px;
height:32px;
margin:0 2px 0 0;
text-indent:-5000px;
overflow:hidden;
display:block;
float:left;
}
/*//////////////////////////////////////////////*/
/*/ location map /*/
/*//////////////////////////////////////////////*/
#location-map{
margin:0 0 20px 0;
padding:3px;
border-width:5px;
border-style:solid;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	template	-	left

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content #left{
width:291px;
margin:0 0 0 20px;
float:right;
}
/*//////////////////////////////////////////////*/
/*/ get directions /*/
/*//////////////////////////////////////////////*/
#left .container{
margin:0 0 20px 0;
padding:20px;
border-width:1px;
border-style:solid;
}
#left .container h3{
font-size:180%;
}
/*//////////////////////////////////////////////*/
/*/ sidebar /*/
/*//////////////////////////////////////////////*/
#content #left #sidebar ul{
margin:0;
}
/*//////////////////////////////////////////////*/
#left li.widget{
margin:0 0 10px 0;
padding:10px;
list-style-type:none;
}
#left li.widget h2{
font-size:18px;
}
#left li.widget ul{
list-style-type:disc;
list-style-position:inside;
}
#left li.widget ul li,
#left li.widget ul li a{
font-size:14px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	template	-	right

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content #right{
width:540px;
padding:30px;
border-width:1px;
border-style:solid;
float:right;
position:relative;
min-height: 300px ;
}
/*//////////////////////////////////////////////*/
#content #right h3{
padding:10px 0 5px 0;
font-size:180%;
}
/*//////////////////////////////////////////////*/
.trail a{
text-transform:lowercase;
}
#content .trail a:hover{
text-decoration:underline;
}
#content .trail a.current:hover{
text-decoration:none;
}
/*//////////////////////////////////////////////*/
/*/ interative menu /*/
/*//////////////////////////////////////////////*/
#right img{
margin:0 0 10px 0;
padding:2px;
border-width:5px;
border-style:solid;
display:block;
}
#right img.alignleft{
margin:0 15px 15px 0;
float:left;
}
#right img.alignright{
margin:0 0 15px 15px;
float:left;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	index

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ intro /*/
/*//////////////////////////////////////////////*/
#index{
margin:0 0 20px 0;
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#content #index #left,
#content #index #right{
padding:0;
float:left;
}
#content #index #left{
width:291px;
margin:0 20px 0 0;
}
/*//////////////////////////////////////////////*/
#index #left h2.title{
width:291px;
height:90px;
text-indent:-5000px;
overflow:hidden;
}
#index #left p{
margin:0 0 30px 0;
}
#index p a{
width:223px;
height:40px;
line-height:40px;
border-width:1px 0 0 0;
border-style:solid;
font-size:18px;
display:block;
}
#index p a span{
padding:0 50px 0 10px;
display:block;
}
/*//////////////////////////////////////////////*/
#index #right{
width:600px;
height:328px;
border-width:1px;
border-style:solid;
}
#index #right ul{
width:600px;
height:328px;
list-style-type:none;
overflow:hidden;
}
#content #index #right ul{
margin:0;
}
#index #right ul li a{
width:580px;
height:48px;
padding:260px 0 20px 20px;
font-size:28px;
font-weight:bold;
letter-spacing:-0.5pt;
border-width:1px 0 0 1px;
border-style:solid;
display:block;
line-height: 26px ;
}
/*//////////////////////////////////////////////*/
/*/ ctas /*/
/*//////////////////////////////////////////////*/
#ctas{
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#ctas .cta{
width:291px;
margin:0 20px 0 0;
float:left;
}
#ctas .last{
margin:0;
}
/*//////////////////////////////////////////////*/
/*/ cta /*/
/*//////////////////////////////////////////////*/
.cta h2{
height:40px;
line-height:40px;
border-width:0 0 5px 0;
border-style:solid;
text-transform:uppercase;
}
#content .cta h2{
margin:0;
}
#content .cta a:hover{
text-decoration:underline;
}
/*//////////////////////////////////////////////*/
/*/ find us /*/
/*//////////////////////////////////////////////*/
#find-us #location-map{
margin:-5px 0 20px 0;
}
/*//////////////////////////////////////////////*/
/*/ our services /*/
/*//////////////////////////////////////////////*/
#our-services ul{
list-style-type:none;
}
#content #our-services ul{
margin:0;
}
#our-services ul li a{
height:30px;
line-height:30px;
border-width:0 0 1px 0;
border-style:dotted;
text-indent:5px;
display:block;
}
#content #our-services ul li a:hover{
text-decoration:none;
}
/*//////////////////////////////////////////////*/
/*/ latest news /*/
/*//////////////////////////////////////////////*/
#latest-news h2{
padding:0 0 0 26px;
}
/*//////////////////////////////////////////////*/
#latest-news div{
padding:10px 0 0 0;
border-width:0 0 1px 0;
border-style:dotted;
position:relative;
}
/*//////////////////////////////////////////////*/
#latest-news div h3{
padding:0 120px 0 0;
}
#latest-news div a:hover{
text-decoration:underline;
}
#latest-news div small{
font-size:120%;
position:absolute;
top:10px;
right:0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	services

////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.view-price-list a{
width:191px;
height:40px;
line-height:40px;
border-width:1px 0 0 0;
border-style:solid;
font-size:18px;
display:block;
position:absolute;
top:60px;
right:30px;
}
p.view-price-list a span{
padding:0 50px 0 10px;
display:block;
}
/*//////////////////////////////////////////////*/
/*/ price list /*/
/*//////////////////////////////////////////////*/
.price-list{
padding:2px;
border-width:5px;
border-style:solid;
list-style-type:none;
overflow:hidden;
}
#content .price-list{
margin:0 0 20px 0;
}
/*//////////////////////////////////////////////*/
.price-list li{
height:30px;
margin:0 0 1px 0;
padding:0 0 0 400px;
text-indent:10px;
position:relative;
}
#content .price-list li{
line-height:30px;
font-weight:bold;
}
.price-list li strong{
width:399px;
border-width:0 1px 0 0;
border-style:solid;
display:block;
position:absolute;
top:0;
left:0;
}
/*//////////////////////////////////////////////*/
/*/ services menu /*/
/*//////////////////////////////////////////////*/
#services #left{
position:relative;
float:none;
}
#content #services #left{
width:313px;
margin:0;
}
#services #left ul{
width:313px;
padding:20px 0 0 0;
list-style-type:none;
position:absolute;
top:20px;
left:1px;
z-index:100;
}
#content #services #left ul{
margin:0;
}
/*//////////////////////////////////////////////*/
#services #left ul li{
height:40px;
padding:0 0 0 10px;
}
#services #left ul li a{
height:40px;
line-height:40px;
border-width:0 0 1px 0;
border-style:solid;
display:block;
}
#services #left ul li.current_page_item{
padding:0;
}
#services #left ul li.current_page_item a{
border-width:1px 0 1px 1px;
text-indent:10px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	about

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#about #left .widget{
display:none;
}
#about #left #flickr-sidebar{
display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	location

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ get directions /*/
/*//////////////////////////////////////////////*/
#get-directions input{
width:239px;
margin:0 0 10px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	blog

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#blog #right{
padding:20px 30px;
}
/*//////////////////////////////////////////////*/
.post{
margin:0 0 10px 0;
padding:10px 0;
border-width:0 0 1px 0;
border-style:dotted;
position:relative;
}
.post small{
height:30px;
line-height:30px;
padding:0 10px;
font-size:140%;
font-weight:bold;
position:absolute;
top:10px;
right:0;
}
/*/ IE6 /*/ *html .post small{right:30px;} 
/*//////////////////////////////////////////////*/
#comments{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-width:0 0 1px 0;
border-style:dotted;
}
/*//////////////////////////////////////////////*/
/*/ comments /*/
/*//////////////////////////////////////////////*/
ol.commentlist{
list-style-type:none;
}
ol.commentlist li.comment{
}
#content ol.commentlist li.comment{
margin:0 0 40px 0;
font-size:10px;
position:relative;
}
/*//////////////////////////////////////////////*/
ol.commentlist li.comment div.comment-body{
padding:15px 15px 20px 15px;
}
/*//////////////////////////////////////////////*/
div.comment-body div.comment-author{
height:18px;
line-height:18px;
padding:4px 25px 0 0;
font-size:140%;
font-weight:bold;
position:absolute;
bottom:-22px;
left:15px;
}
#right div.comment-body div.comment-author img{
display:none;
}
div.comment-body div.comment-author cite{
font-style:normal;
text-transform:capitalize;
}
div.comment-body div.comment-author span{
}
/*//////////////////////////////////////////////*/
div.comment-body div.comment-meta{
height:12px;
line-height:12px;
font-size:120%;
position:absolute;
bottom:10px;
left:15px;
z-index:100;
}
div.comment-body div.comment-meta a{
}
#content div.comment-body div.comment-meta a{
font-weight:normal;
}
/*//////////////////////////////////////////////*/
div.comment-body p{
}
/*//////////////////////////////////////////////*/
/*/ page nav /*/
/*//////////////////////////////////////////////*/
.wp-pagenavi{
padding:10px 0;
font-size:140%;
font-weight:bold;
overflow:hidden;
}
.wp-pagenavi a,
.wp-pagenavi span{
height:25px;
line-height:25px;
margin:0 5px 0 0;
padding:0 9px; 
border-width:1px;
border-style:solid;
display:block;
float:left;
}
.wp-pagenavi a{
border-width:1px;
border-style:solid;
text-decoration:none;
}
.wp-pagenavi a:hover{
border-width:1px;
border-style:solid;
}
.wp-pagenavi span.pages{
}
.wp-pagenavi span.current{
border-width:1px;
border-style:solid;
}
.wp-pagenavi span.extend{
padding:0 10px;
border:0;
}
#content .post h2.title{ padding-right: 180px ; }