/*  
Theme Name: SpeedRemovals
author: Design
Description: A portfolio and blog template
*/

body {
xbackground:url(./images/back2.png) repeat-x #FFFFFF;
color:#555555;
text-align:center;
--font-family:'Myriad Pro', Arial, 'Sans Serif';
font-family:'Arial', 'Sans Serif';
font-size:14px;
}

body.inner {
xbackground:url(./images/backInner.png) repeat-x #FFFFFF;

}


#page {
width:960px;
margin:auto;
text-align: left;
}

.alignleft {
width:400px;
border:1px solid blue;
float:left;
display:block;
margin:18px 20px 20px 10px;
}

.alignright {
float:right;
text-align: right;
display:block;
}

a {
color:#000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul#nav li a:hover, h1 a:hover {
text-decoration: none;
}

h1 {
font-size:30px;
}

h2 {
font-size:30px;
color:#A8A8A8;
font-weight:bold;
padding:0 0 20px 0;
}

h2.pagetitle {
font-weight:normal;
}

h2.pagetitle span {
font-weight:bold;
}

h3 {
font-size:18px;
color:#333333;
font-weight:bold;
padding:0 0 22px 0;
line-height:21px;
}

h4 {
font-size:16px;
color:#333333;
font-weight:bold;
padding:0 0 20px 0;
line-height:10px;
}

p {
padding:0 0 20px 0;
line-height:22px;
}

#header {
width:206px;
float:left;
height:auto;
background:url(./images/logobg.jpg) repeat-x #FFFFFF;
}	

.headercontainer
{
width:960px;
height:337px;
}

.navigation
{
width:206px;
height:265px;
float:left;
background:url(./images/navbg.jpg) repeat-x #FFFFFF;

}

.logo3
{
	float:left;
	width:750px;
	height:50px;
	padding-top: 8px;	
	padding-bottom:8px;
}

.headerimage
{
	float:left;
	width:754px;
	height:271px;
	background:url(./images/headerimg.jpg) repeat-x #FFFFFF;
	background-color:#A42914;
}

.headerimage .quote
{
	font-size: 28px;
	font-weight: bold;
	color:white;
	padding-top:228px;
	text-align: center;
}

.quote a
{
	color:white;
}

.homebtn
{
	float:left;
	width:125px;
	height:35px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: gray;
}
.homebtn img
{
	padding-top: 15px;
	padding-left: 20px;	
}
.emailbtn
{
	float:left;
	width:125px;
	height:35px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: gray;	
}

.emailbtn img
{
	padding-top: 16px;
	padding-left: 20px;	
}

.phone
{
	font-size:18px;
	font-weight:bold;
	float:right;
	width:326px;
	height:64px;
	text-align:right;	
}

.phone span
{
	font-size:14px;
	font-weight:normal;
}

#header h1 {
padding:50px 0 0 0;
line-height:22px;
}

#header h1 a {
color:#FFFFFF;
}

#header h1 span {
font-weight:normal;
font-size: 20px;
padding-left:20px;
color: #D9C697;	
}

#menulinks {
width:1000px;
height:61px;
clear:both;
position:relative;
overflow: hidden;
}

ul#nav {
height:61px;
}

ul#nav li {
float:left;
color:white;
width:200px;
line-height:19px;
padding: 5px;
display:block;

}

ul#nav li a {
display:block;
float:left;
color:white;
}

ul#nav li a.active {
background:url(./images/navActive.png) no-repeat 5px bottom;
color:#A42914;
}

ul#nav li a span {
font-size:11px;
color:#655a39;
font-weight:normal;
}

ul#nav li a.active, ul#nav li a:hover {
color:#fff;
font-weight: bold;
}

ul#nav li a.active span, ul#nav li a:hover span {
color:#444444;
}

ul#nav li.rss {
float:right;
margin:0px;
}

ul#nav li.rss a {
background:url(./images/rss.png) no-repeat center center;
width:38px;
}

#mainarea {

overflow: hidden;
}

a.button:hover {
text-decoration: none;
}

#contentarea {
width:383px;
float:left;
display:block;
overflow: hidden;
padding-right:8px;
}

#contentareatemplate {
width:960px;
float:left;
display:block;
overflow: hidden;
padding-right:8px;
}

#contentareaform
{
width:450px;
float:left;
}

.contactdetailquote
{
	padding-top:20px;	
	padding-left:30px;
	width:380px;
	float:right;
}

#contentarea #contentareatemplate, h3
{
	text-align:left;
	padding:15px 0 10px 0;
	font-weight:bold;
	color:#3A4482;
	
}

#contentareatemplate a
{
	color:#3A4482;
}

#contentarea h3
{
	padding:15px 0 10px 0;
	padding:15px 0 10px 30px;
	background: url(./images/icons/homebtn.jpg) left no-repeat;
}

.services
{
	float:left;
	width:280px;
	height:320px;
}

.services h3
{
	text-align:left;
	padding:15px 0 10px 30px;
	font-weight:bold;
	color:#3A4482;
	background: url(./images/icons/servicesbtn.jpg) left no-repeat;
}

.testimonials
{
	float:left;
	width:685px;
	height:auto;
}


.testimonials p
{
	padding: 10px 0 0 0px;
}

.testimonials h3
{
	padding: 0 0 0 30px;
	background: url(./images/icons/testimonialsbtn.jpg) left no-repeat;
	
}

.divide
{
	float:left;
	width:685px;
	height:10px;
	border-top-width: 1px;
	border-top-color: gray;
	border-top-style: dotted;
	
}


.latesttestimonials
{
	
}

ul#latesttestimonials {

}

ul#latesttestimonials li {
clear:both;
padding:0 20px 0 0;
overflow: hidden;

}

ul#latesttestimonials li p.content {
width:325px;
float:left;
display:block;
font-size:11px;
line-height:20px;
padding-top:10px;
}

ul#latesttestimonials span.title {
font-size:14px;
font-weight:bold;
color:#636363;
}

ul#latesttestimonials span.excerpt {
overflow: hidden;
position: relative;
display:block;
height:38px;
width:680px;
}

.excerpt
{
	font-size: 12px;
	color:#636363;
	padding-right:10px;
}

.read
{
	width:660px;
	float:left;
	text-align: right;
	font-size: 12px;
	height:12px;
	padding-bottom: 5px;
}

.testimonialsdiv
{
	width: 685px;
	padding-right:10px;
	float:right;
}

.testimonialsdiv .divider
{
padding-right:10px;
float:left;
width:680px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: gray;
}

ul#twitter {
list-style:none;
}

ul#twitter li {
padding:0 0 15px 0;
line-height:19px;
font-size:13px;
}

ul#twitter li small {
font-size:12px;
font-style:italic;
color:#888888;
}

.contactform {

}

.contactform p {

}

.contactform label, #commentform label {
float:left;
display:block;
width:70px;
}

.contactform input, #commentform input {
width:220px;
border:1px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform textarea, #commentform textarea {
width:300px;
height:120px;
border:1px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform #submit, #commentform #submit {
background:url(./images/arrowButtonGreen.png) no-repeat top right;
height:40px;
line-height:21px;
border:none;
display:block;
margin-left:70px;
padding:0 20px 0 10px;
color:#FFFFFF;
width:130px;
}

#commentform #submit {
width:130px;
}

ul#latestposts p.left {
float:left;
display:block;
width:50px;
padding: 0 10px 0 0;
}

ul#latestposts p.left a.commentsIcon {
background:url(./images/icons/Comment.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:36px;
padding:10px 0 0 0;
font-size:16px;
color:#40362a;
line-height:16px;
display:block;
clear:both;
}

ul#latestposts span.date {
margin-top:2px;
clear:both;
margin-bottom:10px;
}

ul#latestposts li {
clear:both; 
padding:0 0 0px 0;
overflow: hidden;
}

ul#latestposts li p.content {
width:505px;
float:left;
display:block;
font-size:13px;
line-height:24px;
}




ul#latestposts li p.content span {
font-size:20px;
font-weight:bold;

}

ul#latestposts p.content img {
border:5px solid #170f05;
margin:10px 0;
}

ul#latestposts p.content a.button {
margin:10px 0 0 0;
}

.post {

}

.post h2 {
padding:0 0 10px 0;
}

p.meta {
border-bottom:3px solid #f4f4f4;
padding:0 0 10px 0;
margin-bottom:10px;
}

.post .share {
background:url(./images/postShare.png) no-repeat;
width:250px;
height:126px;
margin:20px 0 0 0;
padding:24px 0px 0 280px;
}

.post .share a {
display:block;
float:left;
margin:0 10px 5px 0;
}

.post .comments {
padding:80px 0 40px 0;
overflow: hidden;
}

.post .comments h2.numberOfComments {
padding-left:55px;
line-height:40px;
height:50px;
background:url(./images/icons/Comment.png) no-repeat top left;
}

.post .comments h2.leaveComment {
padding-left:55px;
line-height:50px;
height:50px;
margin-top:60px;
background:url(./images/icons/Comment_add.png) no-repeat top left;
}

.post .comments #commentform {
border:1px solid #CCCCCC;
background:#f4f4f4;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist {
border-bottom:1px solid #CCCCCC;
list-style:none;
padding:0px;
margin:0px;
}

.post .comments ol.commentslist li {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:15px;
overflow: hidden;
}

.post .comments ol.commentslist li.alt {
background:#eaeaea;
}

.post .comments ol.commentslist li h4 {
padding:0px 0px 20px 0px;
}

.post .comments ol.commentslist li .avatar {
float:right;
display:block;
margin:0 0 10px 10px;
}

#sidebar {
width:270px;
float:right;
display:block;
overflow: hidden;
background-color: #DBDBDB;
text-align:right;
padding-right:0px;
}


#sidebaraddress {
width:270px;
float:right;
display:block;
overflow: hidden;
background-color: #EFEFEF;
text-align:right;
padding-top:10px;
}

#sidebaraddress .map
{
	float:left;
	width:120px;
	height:120px;
	background: url(./images/map.jpg) top left no-repeat;
}

#sidebaraddress .addressdetail
{
	text-align:left;
	float:left;
	font-size: 14px;
	padding-left: 10px;	
}

#sidebaraddress .addressdetail span
{
	color:	#A42914;
	font-weight: bold;
}



#sidebar h3
{
	text-align:right;
	padding:10px 10px 8px 5px;
	font-weight:bold;
	color:#3A4482;
	width:150px;
	float:right;
	height:25px;
	background: url(./images/icons/newsbtn.png) left no-repeat;
}


#sidebar .widget h3
{
	text-align:left;
	padding:10px 25px 8px 25px;
	font-weight:bold;
	color:#3A4482;
	width:215px;
	height:25px;
	background: url(./images/icons/newsbtn.png) left no-repeat;
}

#sidebar h5
{
	text-align:right;
	padding:15px 0 10px 0;
	font-weight:bold;
	color:#A42914;
	padding-right:10px;
}

.largemap
{
	width: 450px;
	height: 300px;
	float:left;
}

.contactdetail
{
	height:680px;
	float:right;
}



#blogbar {
float:left;
display:block;
margin:0 20px 20px 0;
overflow: hidden;
}

#sidebar .widget {
margin:0 0 10px 0;
overflow: hidden;
}

#sidebar .widget2 {
margin:0 0 10px 0;
overflow: hidden;
}

ul#catList {

}

li.cat-item {
width:120px;
display:inline;
}

li.cat-item a {
float:left;
display:block;
width:110px;
margin:0 10px 5px 0;
border-bottom:1px solid #d2e7cd;
line-height:24px;
}

ul#servicesList {
list-style: none;
margin:0 0 0 0px;
}

ul#servicesList li {
background: url(./images/icons/servicesBullet.png) top left no-repeat;
font-size:13px;
line-height: 18px;
padding:0 0 5px 30px;
color:#433a2d;
}

ul#servicesList li span {
font-size:14px;
color:#766a58;
}

ul#contactDetails {
list-style: none;
margin:0 0 0 0px;
}


#contactDetails h3
{
	padding:0 0 0 0;
}

ul#contactDetails li {
font-size:18px;
line-height: 20px;
padding:0 0 15px 0;
color:#433a2d;
}

ul#contactDetails li span {
font-size:14px;
color:#766a58;
}

ul#latestpostssidebar {

}

ul#latestpostssidebar li {
clear:both;
padding:0 0px 0 0;
overflow: hidden;

}

ul#latestpostssidebar li p.content {
width:262px;
float:right;
display:block;
font-size:11px;
line-height:20px;
}

ul#latestpostssidebar span.title, p.content a {
font-size:14px;
font-weight:bold;
padding-right:5px;
color:#3A4482;
}

ul#latestpostssidebar span.excerpt {
overflow: hidden;
position: relative;
display:block;
}

.excerpt
{
	font-size: 12px;
	color:#636363;
	padding-right:10px;
}

.dividerdiv
{
	width: 100px;
	padding-right:10px;
	float:right;
}

.dividerdiv .divider
{
padding-right:10px;
float:right;
width:240px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: gray;
}


p.date, span.date {
background:url(./images/date.png) no-repeat;
overflow: hidden;
text-align: center;
width:48px;
height:49px;
padding:2px 0 10px 0;
font-size:19px;
color:#666666;
line-height:13px;
display:block;
float:left;
text-transform: uppercase;
margin-top:8px;
}

p.date span, span.date span {
color:#fff;
font-size:12px;
}

#footer {
width:100%;
clear:both;
overflow: hidden;
position: relative;
height:50px;
background-color: #A42914;
text-align: center;
}

#footer .inner {
width:150px;
height:70px;
text-align: left;
font-size: 11px;
float:left;
padding: 20px 0 0 10px;
}

#footer .inner p {
padding:18px 0 0 20px;
line-height: 18px;
font-size:11px;
color:#fff;
}

#footer .inner a {
color:#fff;
}

#footer .copyright
{
	width:250px;
	padding:18px 0 0 20px;
	height:30px;
	line-height: 18px;
	font-size:11px;
	float:right;
	color:#fff;
}

#footer .inner p a:hover {
color:#FFFFFF;
}

#footer .inner p.left {
float:left;
display:block;
}

#footer .inner p.right {
float:right;
display:block;
text-align: right;
}

#footer .inner p.right a {
display: block;
float:left;
margin:0 0 0 20px;
}

.spacerule {
width:100%;
height:43px;
clear:both;
display:block;
}

#portfoliomainarea {

}

#mainareaphotos
{
	width:1000px;
}

#portfoliomainarea #contentarea {
width:650px;
}

#portfoliomainarea #sidebar {
width:260px;
float:right;
}

#portfoliomainarea h2 {
padding-bottom:20px;
}

ul#portfolioLinks {
list-style: none;
width:240px;
margin:0 0 0px 0px;
float:left;
display:block;
}

ul#portfolioLinks li {
margin-bottom:5px;
}

ul#portfolioLinks a {
display:block;
overflow: hidden;
width:240px;
padding:10px 0 15px 20px;
height:45px;
font-size:16px;
line-height: 15px;
color:#433a2d;
}

ul#portfolioLinks li a span {
font-size:12px;
color:#766a58;
}

ul#portfolioLinks a:hover {
color:#222222;
text-decoration: none;
background:url(./images/portfolioArrowhover.png) no-repeat top left;
}

ul#portfolioLinks a:hover span {
color:#433a2d;
}

ul#portfolioLinks a.active {
background:url(./images/portfolioArrow.png) no-repeat top left;
color:#FFFFFF;
}

ul#portfolioLinks a.active span {
color:#f3e7c9;
font-size:12px;
}

.portfolioItem {
overflow:hidden;
padding:0 0 40px 0;
}

.portfolioItem h3 {
font-size:22px;
}

.portfolioItem .screenshot img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

#contactFormResult {
margin:50px auto;
overflow: hidden;
padding:20px;
border:5px solid #DBC99E;
width:400px;
}





.post .navigation {
padding:10px 0;
overflow: hidden;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry blockquote {
padding:0 0 20px 0;
}

.entry blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.entry blockquote p {
padding:0px;
}

.entry h2.nopadding {
padding:0px;
}

.entry img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

.entry ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.entry ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:30px;
list-style: decimal outside;
}

.entry ul ul, .entry ul ul ul, .entry ul ul ul ul, .entry ol ol, .entry ol ol ol, .entry ol ol ol ol {
padding:0px;
}


.portfolioItem h1, .portfolioItem h2, .portfolioItem h3, .portfolioItem h4, .portfolioItem h5, .portfolioItem blockquote {
padding:0 0 20px 0;
}

.portfolioItem blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.portfolioItem blockquote p {
padding:0px;
}

.portfolioItem h2.nopadding {
padding:0px;
}

.portfolioItem img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

.portfolioItem ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.portfolioItem ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: decimal outside;
}

.portfolioItem ul ul, .portfolioItem ul ul ul, .portfolioItem ul ul ul ul, .portfolioItem ol ol, .portfolioItem ol ol ol, .portfolioItem ol ol ol ol {
padding:0px;
}



#searchform {
	background: url(images/icons/search.jpg) no-repeat;
	width: 361px;
	height: 32px;
	position: absolute;
	top: 36px;
	xright: 0px;
}

.searchheader fieldset {
	border: 0px;
	padding: 10px 3px 3px;
	overflow: hidden;
}

.searchheader fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

.searchheader fieldset input.search-field {
	width: 223px;
	font-size: 14px;
	color: #8b8a8a;
	float: left;
}

.searchheader fieldset input#search-button {
	text-indent: -9999px;
	cursor: pointer;
	width: 24px;
	margin-left: 0px;
	padding-top: 0px;
	float: left;
	
}