/*
Theme Name: Bernard Campbell
Theme URI: http://wordpress.org/
Description: A clean looking design with a focus on usability
Author: Eyesparks
Version: 1.1
Tags: white, clean, fresh, soliciots, clear
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal; color:#10BCC4;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}
/* Type */

.content {padding:30px 0; float:left; width:100%;}

@font-face {
	font-family: 'CopseRegular';
	src: url('copse/Copse-Regular-webfont.eot');
	src: local('☺'), url('copse/Copse-Regular-webfont.woff') format('woff'), url('copse/Copse-Regular-webfont.ttf') format('truetype'), url('copse/Copse-Regular-webfont.svg#webfontWKqJmDgH') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6,
#main-menu ul li,
#services ul li p {font-family:'CopseRegular', Arial, sans-serif;letter-spacing: 0;}
a:hover{
	 color:#10BCC4;
	}

h1 {font-size:28px; margin-bottom:15px;}
h2 {font-size:21px; margin-bottom:15px;}
/*Common*/
.clear {clear:both;}
.floatleft {float:left;margin-right:30px;}
.floatright {float:right;}
a {text-decoration:none;color:#000;}
/*Structure*/
body {
	font-family:Verdana,Geneva,sans-serif;
	background: #F7F4E7;
	font-size:13px;
	line-height:1.3;
	color:#333;}

/* Mobile nav */
.navbar-mobile  {padding:20px 0 0 0;}
.modal { background-color: rgba(255,255,255,0.9); }
.modal .navbar-mobile {padding:15px 0 0 0;}
.navbar-toggle { background-color:#10BCC4; margin-right:0;
}
.icon-bar {background-color:white;}

#header {padding:20px 0;}
#branding {float:left;}

#header #top-menu{
	float:right;
	font-size:12px;
	margin-top:20px;

	}
#header #top-menu ul li {		
	border-right:1px solid #000;
	padding-right:10px;
	margin-right:10px;
	}	
	
#header #top-menu ul li, #header #main-menu ul li{
	display:inline;	
	}
	
#header #main-menu{
	border-bottom:1px solid #ccc;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:30px;
	font-size:16px;
	padding-bottom:20px;

	}
	
#header #main-menu ul li {
	 position:relative;
	 margin-right:48px;
	}
	
#header #main-menu ul li.current_page_item a,
#header #main-menu ul li.current-page-ancestor a,
#header #main-menu ul li a:hover{
	 color:#10BCC4;
	}

#header #main-menu ul li.end {
	 margin-right:0px;
	}	

#wrapper #main {
	margin-top:30px;
	margin-left:60px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;}
	
#wrapper #main #container #content .home {margin-top:60px;}
#wrapper #main #container #content .home p {font-size:19px;}
#wrapper #main #container #content .home h1{margin-bottom:16px;}		
#wrapper #main #container #content .entry-content {
	float:left;}
	p {margin-bottom: 15px;}
	
#pagecontainer, #blogcontainer{
	float:left;
	width:100%;
	}
	
#pagecontainer p, #blogcontainer p{
		line-height:1.3;
		font-size:13px;
		margin-bottom: 15px;
		color:#333;}
	
#primary {float:left; width:230px; padding-right: 70px;}
	
#services { float:left; width:100%; padding:30px 0; border-bottom:1px solid #ccc;}

#services ul{
	float:left;
	width:941px;}

#services ul li{
	float:left;
	display:block;
	background-color:#e3e2d6;
	margin-right:5px;
	padding:4px;
	height:180px;
	margin-top:30px;}

.theservice {
	float:left;
	width:100%;
	display:block;
	background-color:#e3e2d6;
	padding:6px;
}

.theservice p{
 margin:5px 0 10px 0;
 font-size:13px;
}

.theservice img {
	width:100%;
}

#services ul li p {
	margin-left:5px;
	margin-top:5px;
	font-size: 1.0em;
	}

#services ul li.end{
	margin-right:0px;}

#services ul li img{
	width:138px;
	height:138px;
		}	

.news-spacing{
	margin-bottom:60px;
	float:left;
	width:100%;
}

.entry-content {
	float:left;
	width:100%;
}
.entry-content ul {
	margin-left: 0px;
	padding: 0 0 0 20px;
	list-style: circle;
	padding-left:10px;
	text-indent:0px;
	font-size:12px;
	line-height:1.3;
	margin-bottom:15px;
	color:#333333;
	}

.entry-content li {
	margin: 7px 0 8px 15px;
	padding-left: 5px;
	}
	
.alignright	{float:right; margin:0 0 20px 20px;}
.alignleft	{float:left; margin:0 20px 20px 0;}

.recentnews { float: left; padding:40px 0;} 

.recentnews h2 {margin-top:20px; margin-bottom: 10px; color:#10BCC4;} 
.recentnewsarticle {float: left; width: 48%;  padding-right: 10px;} .recentnewsarticle1 {float: right; width: 48%; padding-left: 10px;}

.left {float:left; padding-right: 10px;}

.entry-title {	 color:#10BCC4;} .entry-title a {	 color:#10BCC4;}
/*Navigation*/	


/*Normal Headers*/
.entry-content h1 {
margin-bottom: 10px;
color:#10BCC4;}

/*Blog styles*/


#wrapper #main #blogcontainer #content h2 {
	margin-bottom: 5px}
	
#wrapper #main #blogcontainer .entry-meta {
	margin-bottom:20px;
	font-size:12px;}
	
#wrapper #main #blogcontainer .entry-content{
	margin-bottom:20px;}
	
#wrapper #main #blogcontainer .entry-utility{
	font-size:12px;}

a.profilepic {float:left; width:33%; text-align: center; margin:10px 0; color:#333;}

	
/*Sidebars */

ul.sidelist		{float:left; width:100%; margin:13px 0 20px 0; padding:0; list-style: none;}
ul.sidelist li	{float:left; margin:0; width:100%; border-bottom:1px solid #AEDBD8;}
ul.sidelist li.top	{padding:8px 0; font-weight: bold; color:#49BDC4;}
ul.sidelist li a{float:left; margin:0; width:100%; padding:8px 0px; font-size:0.9em; color:#353E3F;}
ul.sidelist li.current_page_item a {font-weight: bold;}
ul.sidelist li a:hover{text-decoration:underline;}
ul.sidelist span li	a {padding:8px 0; font-weight: bold; color:#49BDC4;}

ul.sidelist	ul		{display:none; font-weight: normal;}
ul.sidelist	li.current_page_parent ul,
ul.sidelist	li.current_page_item ul {list-style:none; float:left; width:100%; margin:0; padding:0; list-style: none; display:block; font-weight: normal;}
ul.sidelist ul li	{float:left; margin:0; border-top:1px solid #AEDBD8; border-bottom: none 0;}
ul.sidelist ul li a{float:left; margin:0; width:100%; padding:8px 10px 8px 20px; font-size:0.9em; color:#353E3F; }
ul.sidelist ul li.current_page_item a{font-weight: bold;}

.boxes {float:left; width: 45%;} .boxes img {max-width: 90%; height: auto;}
		
#blogsidebar {
	float:left; margin-right: 40px; width: 220px;}
	
#blogsidebar h3{
	margin-bottom:5px;}	


#innerpagenav li {margin-top: 10px;}
#innerpagenav li ul{
	 font-size:0.9em;
		}
#innerpagenav li ul li{
	line-height:15px;
	padding-bottom: 10px;
	border-bottom:1px solid #AEDBD8; 
	}

/* Contact */
input[type="text"], input[type="email"], textarea {
  display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 13px;
  padding:5px;
  appearance: none;
  box-shadow: none;
  border:1px solid #ccc;
  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

input[type="text"]:focus {
  outline: #10BCC4;
}

input[type="submit"] {
  background: #10BCC4;
  color: white;
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
}

input[type="submit"]:focus, input[type="submit"]:hover {
  background: #0C8D93;
}

textarea{
	resize: none;
}


/*Footer*/
#footer-widget-area #first, #footer-widget-area #second {
	float:right;
	margin-left:100px;}

.widget_text{
			font-size:9px;} 
			
#footer {
	float:left;
	width:100%;
	margin-top:15px;
	border-top:solid 1px #ccc;
	padding-top:40px;
	line-height:20px;
	font-size:12px;
}
		
	
#footer #site-info {
	float:left;
}	

#contact-info	{float:right; }


/*Slideshow*/
#slideshow {
    float: left;
    position:relative;
    height:300px;
    margin:0;
    width:100%;
    margin:20px 0 0 0;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow img.last-active {
    z-index:9;
}	



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	#slideshow {
		height:240px;
	}
	.theservice { margin-bottom: 30px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#header #main-menu{
	font-size:14px;
	}

	#header #main-menu ul li {margin-right:25px;}
	#slideshow {
		height:180px;
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#header #main-menu ul li {line-height:35px;}

	#slideshow {
		height:150px;
	}
	#innerpagenav, .news-spacing {margin-bottom:35px;}

	.mainnav ul li { font-size:16px; display:block; margin:12px 0; text-align: center; float:left; width:100%;}
	.mainnav ul li.current a:after { bottom:-10px;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#slideshow {
		height:95px;
	}
	#contact-info {float:left;}
	.alignright {float:left; width:100%; margin:0 0 20px 0;}
	.news-spacing {margin-bottom:25px;}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}