/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	
	

}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font-family:Franklin Gothic Book, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;

	

	/*background-size:100% auto;*/
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(../../images/flower_quartr.png);
	background-position:right top;


}
a {
	color:#000;
	text-decoration:underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 1em;
	padding: 0;

}

/* list */
ul, ol {
	margin: 0;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .35em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: normal;
line-height: 1.4em;
}
h1 {
color: #000;
font-size: 143%;
text-transform: uppercase;
}
h2 {
border-bottom-style: solid;
border-bottom-width: 0px;
color:#000;
font-size: 250%;
}
h3 {

	font-size: 150%;
	color:#000;
	margin-bottom:9px;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 1107px;
	margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 160px;
}

/* site logo */
#site-logo {
	position: absolute;
	top: 10px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	font: italic 100%/130% "Times New Roman", Times, serif;
	color: #fff;
	position: absolute;
	top: 55px;
}

/* searchform */
#searchform {
	position: absolute;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	width: 100%;
/*	background: #ccc;*/
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient */
/*	background: #6a6a6a url(../../images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);*/
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
/*	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);*/
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	font-size:15px;
}
#main-nav li:first-child {
	margin-left: 10px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
	color:#CCC;
	/*background: #474747;*/
	/* gradient */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);*/
}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	/*background: #fff;*/
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: 620px;
	float: left;
	min-height:541px;
	/* rounded corner */
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

/* post */
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 280px;
	float: right;
	margin: 30px 0 30px;
	margin-bottom:0;
}
.widget {
	/*background: #fff;*/
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}
.bold{
	font-weight:bold;
}
.text_l_blue{
	color:#368bb3;
}
.italic{
	font-style:italic;
}
.textcenter{
	text-align:center;
}


/* item list */
.list_item {
height: 155px;
padding: 11px 15px 0;
width: 100%;
padding-bottom:0;
}
.list_item_left {
float: left;
height: auto;
width: 132px;
}
.list_item_middle {
float: left;
height: auto;
padding: 10px;
text-align: justify;
width: 58%;
}
.list_item_right {
border-color: #A45603;
border-radius: 10px 10px 0 0;
border-style: solid;
border-width: 1px;
float: left;
height: auto;
margin-left: 13px;
margin-top: 11px;
padding: 10px;
text-align: center;
width: 87px;
}
.img_border{
	box-shadow:0 0 3px #333333;
}
/* end item list */

/************************************************************************************
FOOTER
*************************************************************************************/

/*#footer a {
	color: #fff;
}*/

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/*************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear:both;
	height:0;
}
img{ max-width:100%}
.page-title   { font-size:23px; font-weight:600; border-bottom:2px solid #01577a; padding:0 0 15px; margin:0 0 25px}
ul.divisions    { padding:50px 0 50px}
ul.divisions li  { float:left; width:25%; text-align:center;}
ul.divisions li div{ margin:0 5px; border:1px solid #E9E9E9; box-shadow:3px 3px 3px #d2cfcf}
ul.divisions li figcaption { padding:15px; height:80px}
.service-detail { padding:0 0 50px}
.service-detail figure{ width:25%; padding:0 0 0; float:left; margin:0}
.service-detail article{ width:75%; padding:0 0 0 40px;float:left;}



ul.properties    { padding:50px 0 50px}
ul.properties li  { float:left; width:33.33%; text-align:center;margin: 41px 0;}
ul.properties li div{ margin:0 5px; border:1px solid #E9E9E9; box-shadow:3px 3px 3px #d2cfcf;padding: 0 15px;height: 183px; text-align:center}
ul.properties li figcaption { padding:15px; height:80px}

ul.properties li figure{ margin:-52px 0 20px}
ul.properties li img { max-width:100px}
ul.properties li p { text-align:center}
ul.properties li a { text-decoration:none;transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
ul.properties li a:hover{ color:#fffff;} 
ul.properties li a:hover div{ background:#37a1c7; color:#ffffff}
ul.properties li a:hover div h3{ color:#fff}
.related { padding:15px 0 25px; text-align:center; font-weight:bold}
.related p { text-align:center}
.contact{padding: 50px 0;}
.contact .location{ border:5px solid #E0E0E0; margin-bottom:50px}
.contact .address { padding:80px 0 20px; text-align:center; background: url(../../images/office.jpg) no-repeat center 20px; background-size:50px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0; margin-bottom:30px}
.contact .address h3 { font-size:20px; padding:0 0 15px; margin:0}
.contact ul.contact-info{ padding:0 0 50px}
.contact ul.contact-info li { display:inline-block; padding:2px 59px 20px 50px; font-size:25px;background-size: 30px !important;}
.contact ul.contact-info li.ph{ background:url(../../images/tel.png) no-repeat 0 0;}
.contact ul.contact-info li.mail{ background:url(../../images/email.png) no-repeat 0 0;}
.contact ul.contact-info li.web{ background:url(../../images/web.png) no-repeat 0 0;}
@media screen and (max-width: 800px){
ul.properties li{ width:50%}

}
@media screen and (max-width: 640px){
ul.properties li{ width:100%; float:none}
.page-title{font-size: 15px;}
.top_3 a{font-size: 12px;}
.manu_table_top td{padding-left: 4px;
padding-right: 4px;
}
.manu_table_top{ float:none; width:100%; text-align:center}
.service-detail figure{ text-align:center}
.service-detail figure,.service-detail article{ float:none; width:100%; padding:0 0 10px; }
}