/* CSS Document */

body {
font-family: "Century Gothic", Verdana, Arial; 
line-height: 160%;
font-size: 12px;
margin:0;
background: white;
}

td {
font-family: Verdana, Arial; 
line-height: 160%;
font-size: 14px;
}

/* styles for stroop on facebook */
#facebook{
 width: 500px;
 background: white;
 padding: 20px;
}

#main_wrapper{
width: 930px;
padding: 0 32px;
text-align: center;
margin: auto; 
}
#maincontainer {width: 930px; color: #636363; text-align: left; margin: auto; letter-spacing: 2px;}
#header_wrapper {width: 100%; background: #E48217; height: 145px; background: url('../images/headbg.jpg') repeat-x 0 0;}
#header { width: 960px; height: 145px; margin: auto; text-align: left;}
#nav {float: left; width: 170px; margin-left: 0px; padding-left: 10px;}
#maincontent {float: right; width: 670px; padding-left: 20px; padding-right: 20px; color: #636363; margin-top:15px;}


#navigation {width: 180px; list-style: none; margin-left: 0px; padding-left: 0px; text-indent: 0.5em;}
#navigation li {list-style: none; text-align: left; display: block; width: 200px; line-height: 30px; padding: 5px 0px; margin: 0px; border-bottom: #bdbdbd 1px solid;}
#navigation li a {text-decoration: none; font-size: 11px;}
#navigation li a.current {text-decoration: underline; color: #51792B;}

#navigation li.listheading {list-style: none; text-align: left; font-weight: bold; font-size: 11px; display: block; width: 200px; line-height: 30px; padding: 5px 0px; margin: 0px; color: #1a1a1a;}
#navigation li.listsub {list-style: none; text-align: left; font-weight: normal; font-size: 10px; display: block; width: 200px; line-height: 30px; padding: 5px 0px; margin: 0px; color: #1a1a1a; border: none;}

#footer {clear: both; width: 930px; height: 100px; padding-top: 30px; text-align: center;}

#sidebar,p, #content{
 color: #636363;
}

p,ul{
margin: 0;
padding: 5px 0;
}
.red {
color: red;
}

.highlight {
color: #555555;
font-size: 14px;
}

.strapline {
font-size: 14px;
color: white;
}

.logo { 
text-align:left;
padding-left: 25px; 
padding-top: 25px; 
}

.feed {
border-bottom: #636363 1px solid;
margin-bottom: 5px;
}

.feed a{
color: #555555;
font-weight: bold;
font-size: 14px;
}

.feed a em{
font-weight: normal;
font-size: 10px;
}

.testimonial img{
 margin: 0;
 margin-left: 10px;   
}

.testimonial{
 padding-left: 50px;
 background: url('../images/quote_left.jpg') no-repeat 0 0;   
}

.buffer {
margin: 10px;
}

.post{
 background: url('../images/postbg.jpg') no-repeat 0 0;
 padding: 25px 20px;
}

a {
color: #454545;
}

a:hover {
color: #51792B;
}

a:visited {
color: #5f5f5f;
}

h1 {
font-size: 20px;
line-height: 27px;
color: #51792B;
margin:0;
margin-bottom:7px;
}

h2{
font-size: 14px;
line-height: 16px;
color: #7BC238;
margin: 10px 0;
}

h3 {
font-size: 14px;
line-height: 14px;
color: #636363;
margin:0;
margin-bottom:7px;
}



.button {
font-weight: bold;
background: #555555;
color: white;
border: none;
}

.delete_button{
background: url('../images/delete_button.png') no-repeat 0 0;
border: none;
color: white;
font-weight: bold;
width: 150px;
height: 60px;
padding: 10px;
}

.centered{
text-align: center;
}

.dropLeft{
float: left;
}

.dropRight{
float: right;
}

hr{
display: none;
}

.hide{
 display: none;
}

.cleared{
 clear: both;
}

#mainbox, #mainbox2{
 width: 670px;
 text-align: left;
}

#mainbox img, #mainbox2 img{
 margin: 0;
 border:0;
}

#classifieds4u, #surrealists, #chatbot, #tfs, #storksak, #propertymates, #oldbridge, #emmaus{
 margin-bottom: 7px;
 width: 670px;
 height: 235px;
 clear: both;
}

.portfolio_image{
 width: 300px;
 float: left;
 border: 5px #CFCFCF solid;
 padding: 5px;
}

.portfolio_text{
 width: 315px;
 height: 215px;
 float: right;
 padding: 10px 15px 15px 15px;
}

.portfolio_bg1{
 background: url('../images/portfolio_text_bg.jpg') 0 0 no-repeat;
}

.portfolio_bg2{
 background: url('../images/portfolio_text_bg.jpg') 0 0 no-repeat;
}

.portfolio_bg3{
 background: url('../images/portfolio_text_bg.jpg') 0 0 no-repeat;
}

.portfolio_bg4{
 background: url('../images/portfolio_text_bg.jpg') 0 0 no-repeat;
}

.portfolio_text p{
 background: transparent;
 width: 215px;
 padding: 40px 60px 40px 40px;
}

.portfolio_text h2{
 background: transparent;
 color: white;
 margin:0;
 margin-left: 40px;
}