/*
Theme Name: Bonsall
Theme URI: http://www.aborg.com/
Description: Bonsall THEME
Version: 1.0
Author: ABORG Computing
Author URI: http://www.aborg.com/
*/
/*RESET CSS
***********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top;background: transparent;font-family:Arial, Verdana, sans-serif;}
body{}
ul{	list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
:focus {outline: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}

/*BODY
***************************************************/
body{
  font-family:arial,verdana,"sans-serif";	
  padding:0;
  margin:0;
  color:#686868;
  background:#DFD2BF url('images/background_bg.jpg') repeat-x top left;
  font-size:14px;
}
/* CLEAR STYLE
***************************************************/
.clear-right{clear:right;}
.clear-left{clear:left;}
.clear-both{clear:both;}

/* HEADER STYLE 
***************************************************/
h1{
	font-size:20px;
	color: #4f5150;
	margin:0px 0px 6px 0px;
	line-height:120%;
}
h2{
	font-size:18px;
	color:#6a5b1a;
	margin:5px 0px 5px 0px;
	line-height:120%;
}
h3{
	font-size:16px;
	color:#776733;
	margin:4px 0px 4px 0px;
	line-height:120%;
}
h4{
	font-size:14px;
	color:#776733;
	margin:3px 0px 3px 0px;
	line-height:120%;
}
h5{
	font-size:13px;
	color:#686868;
	margin:2px 0px 2px 0px;
	line-height:120%;
}
h6{
	font-size:12px;
	color:#686868;
	margin:2px 0px 2px 0px;
	line-height:120%;
}

/* BLOCKQUOTE STYLE 
***************************************************/
blockquote{
	padding:10px 10px 10px 10px;
  	color:#FFF;
	font-size:12px;
	text-align:justify;
}	
div{ background:transparent;
}		
/* PARAGRAPH STYLE 
***************************************************/
p{
	color:#686868;
	padding:0px 0px 17px 0px;
}

/* LINKS STYLE 
***************************************************/
a{
	color:#6da20a;
	text-decoration:none;
}	
a:visited{
	color:#6da20a;
	text-decoration:none;
}	
a:active{
	color:#6da20a;
	text-decoration:none;
}	
a:hover{
	text-decoration:underline;
}

/* LIST STYLE 
***************************************************/
ol{
	padding:0px 0px 15px 0px;
}
ul{
	padding:0px 0px 15px 0px;
	border:none;
}
ul ul{
	padding:5px 0px 5px 8px;
}
	
/*IMAGE STYLE FOR WORDPRESS
********************************************/
img.alignleft, div.alignleft {
	float:left;
	padding:0 7px 7px 0;
}

img.alignright, div.alignright {
	float:right;
	padding:0 0px 7px 7px;
}

img.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.opacity:hover{
   opacity: .7;

}

/*PAGE
***************************************************/
#wrap-page{
}
#page{
	width:1002px;
	margin:0px auto;
}

/*TESTOMONIALS
***************************************************/
#testimonials{
	padding:0px 0px 0px 4px;
}
#testimonials-top{
	background:url('images/testimonials_top_bg.jpg') no-repeat top left;
	width:232px;
	height:80px;
}
#testimonials-content{
	background:#F3E8CC url('images/testimonials_bg.jpg') no-repeat top right;
	width:181px;
	min-height:100px;
	margin:0px 0px 0px 27px;
	padding:12px;
}
#testimonials p{
	font-style:italic;
	color:#666; 
	text-align:justify;
	line-height:130%;
	font-size:12px;
}
#testimonials p.author{
	text-align:right;
}
/*MASTHEAD
***************************************************/
#masthead{
	position:relative;
	height:284px;
	overflow:hidden;	
}
#masthead-404{
	position:relative;
	height:457px;
	overflow:hidden;
	padding:0px 0px 90px 0px;
	background-color:#ECE0C8;
}
#masthead-404 #content{
	width:400px;
	position:absolute;
	top:420px;
	left:200px;	
}
#masthead-404 #content a{
	color:#c79a00;
}
.default{background:url('images/inside_banners/top_banner_index.jpg') no-repeat left top;}
.services{background:url('images/inside_banners/top_banner_services.jpg') no-repeat left top;}
.projects{background:url('images/inside_banners/top_banner_projects.jpg') no-repeat left top;}
.community{background:url('images/inside_banners/top_banner_community.jpg') no-repeat left top;}
.people{background:url('images/inside_banners/top_banner_team.jpg') no-repeat left top;}
.contact{background:url('images/inside_banners/top_banner_contact.jpg') no-repeat left top;}
.page404{background:url('images/inside_banners/404_mockup_banner.jpg') no-repeat left top;}
.projects-child{background:url('images/inside_banners/top_banner_portfolio.jpg') no-repeat left top;}

#logo{
	position:absolute;
	left:37px;
	top:20px;
}	
#top-menu{
	position:absolute;
	right:20px;
	top:15px;
}	
#top-menu li{
	float:left;
	padding:14px 0px 0px 50px;
}
/*BREADCRUMBS
***************************************************/
#breadcrumbs{
	padding:0px 0px 20px 0px;
	font-style:italic;
	color:#929292; 
	font-size:12px;
}
#breadcrumbs a{
	color:#929292; 
	text-decoration:none;
}
#breadcrumbs a:hover{
	color:#6da20a;
	text-decoration:underline;
}
#breadcrumbs strong{
	color:#6da20a;
	font-weight:normal;
}
/*CONTENT WRAP
***************************************************/
#content-wrap{
	padding:40px 0px 40px 0px;
	background-color:#fff;
}
/*INDEX CONTENT
***************************************************/
#index-content{
	background:url('images/index_bg.jpg') repeat-y top left;
	padding:0px 0px 0px 0px;
	min-height:350px;
}
#index-left-content{
	float:left;
	width:630px;
	min-height:300px;
	padding:45px 10px 0px 30px;
}
#index-left-content #content p{
	font-size:16px;
	padding:0px 0px 27px 0px;
	line-height:155%;
	color:#777;
}
#index-right-content{
	float:right;
	width:250px;
	min-height:300px;
	padding:0px 20px 0px 27px;
	font-size:13px;
	line-height:130%;
}
#index-right-content h2{
	color: #6a5b24;
	font-size:18px;
	font-weight:normal;
	padding:0px 0px 16px 0px;
}
#index-right-content a{
	padding:0px 0px 5px 0px;
	margin:0;
	display:block;
}
#news h2{
	/*text-transform:uppercase;*/
}
/*INSIDE 1 COL
***************************************************/
#content-1col{
	float:left;
	width:951px;
	padding:0px 0px 0px 25px;
}	
/*INSIDE 2 COL
***************************************************/
#content-2col{
	background:#fff url('images/inside_2col_bg.jpg') repeat-y top left;
	padding:0px 0px 0px 0px;
	min-height:350px;
}	
#content-col-left{
	float:left;
	width:236px;
	padding:0px 0px 0px 15px;
}	
#content-2col-right{
	float:left;
	width:700px;
	padding:0px 0px 0px 25px;
}
/*INSIDE 3 COL
***************************************************/
#content-3col{
	background:#fff url('images/inside_3col_bg.jpg') repeat-y top left;
	padding:0px 0px 0px 0px;
	min-height:350px;
}
#content-3col-middle{
	float:left;
	width:480px;
	padding:0px 0px 0px 25px;
}
#content-3col-right{
	float:left;
	width:180px;
	padding:68px 25px 0px 40px;
	min-height:350px;
	font-size:13px;
}

/*NAV LEFT
***************************************************/
#nav-left{
	padding:0px 0px 0px 15px;
	min-height:35px;
}	
#nav-left h1{
	color:#666;
	font-size:15px;
	padding:0px 0px 12px 0px;
	text-transform:uppercase;
}
#nav-left h1 a{
	color:#666;
}
#nav-left h1 a:hover{
	color:#6ea408;
}
#nav-left a{
	color:#929292; 
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 0px;
}
#nav-left a:hover{
	color:#6ea408; 
	text-decoration:none;
}
#nav-left li.current-parent a{
	color:#929292; 
	text-decoration:none;
}
#nav-left li.current a{
	color:#6ea408; 
	text-decoration:none;
}
#nav-left li.on a{
	color:#6ea408; 
	text-decoration:none;
}
#nav-left li.on li a{
	color:#929292; 
	text-decoration:none;
}
#nav-left li{
	border:1px solid #f4f1e2;
	border-right:none;
	padding:0px 10px 0px 5px;
	margin:0px 0px 5px 0px;
}
#nav-left li:hover{
	border-right:5px solid #6ea408;
}
#nav-left li.current{
	border-right:5px solid #6ea408;
}
#nav-left li.current-parent{
	border-right:5px solid #6ea408;
}
#nav-left li li:hover{
	border-right:none;
}
#nav-left li li.current{
	border-right:none;
}
#nav-left li ul{
	padding:0px;
	margin:0px;
}
#nav-left .level3{
	padding:0px 20px 0px 30px;
	border:none;
}	
#nav-left .level3 a, #nav-left .level4 a{
	border:none;
}
 #nav-left .level4{
 	display:none;
 }
/*CONTENT
***************************************************/
#content{
	font-size:14px;
	line-height:140%;
}	
#content p{
	color:#696969;
}
#content h1{
	color:#c79a00;
	font-size:22px;
	margin:0px 0px 10px 0px;
}
#content h2{
	color:#6a5b24;
}
#content h3{
	font-weight:bold;
}
#content a{
	color:#6ea408; 
	text-decoration:none;
}
#content a:hover{
    color:#929292; 
	text-decoration:underline;
}
#content a:active{
    color:#929292;
	text-decoration:underline;
}
#content ul{
	padding:0px 0px 0px 25px;
}
#content ul ul{
	padding:0px 0px 2px 20px;
}
#content li{
	list-style-type:disc;
	margin:4px 0px 4px 0px;
}
/*SIDEBAR 
***************************************************/
#sidebar-right p{
	font-size:italic;
	color:#585a57; 
	text-align:justify;
}

/*TABLE 
***************************************************/ 
#table-projects{
	padding:10px 0px 10px 0px;
}
#table-projects td{
	padding:12px 25px 12px 10px;
}

/*FOOTER
***************************************************/ 
#footer-wrap{
	background-color:#fff;
	padding:0px 10px 6px 10px;
}
#footer{
	background:#fff url('images/footer_bg.jpg') repeat-x left top;
	padding:25px;
	font-size:12px;
}
#footer p{
	padding-bottom:6px;
}
#footer h4{
	color:#8c8678; 
	font-weight:bold; 
	font-size:15px;
	padding-bottom:12px;
}
#footer li{
	padding-bottom:2px;
}
#footer a{color:#8c8678; text-decoration:none;}
#footer a:hover{color:#22a0dd; text-decoration:none;}
#footer a.emails{color:#22a0dd; text-decoration:none;}
#footer .col{
	float:left;
	min-height:200px;
	padding-right:12px;
} 
#footer #ftp{width:163px;}	
#footer #services{width:198px;}	
#footer #projects{width:198px;}	
#footer #community{width:163px;}	
#footer #people{width:163px;}	
#footer #contact{width:143px;}
#footer #footer-copyright{
	text-align:center;
}	

/*LOAD IMAGES
***************************************************/ 
#load-images{
	display:none;
}