/*
--------------------------------------------------------------
Theme Name: Office7
Theme URI: http://brings-online.com/demo/wp-theme-office7/
Description:  Responsives CMS Theme, zum Beispiel für kleinere Unternehmen, Handwerksbetriebe oder Freiberufler
Version: 2.0
Author: sb | brings-online.com
Author URI: http://brings-online.com 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.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, img, ins, kbd, q, s, samp, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;	font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

html { height: 100%;}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { 
	background:url(images/body-noise.png) top left repeat; color: #4f4f4f; font-family:Tahoma, Geneva, sans-serif;
	font-size: 100%; line-height: 1.5em; text-rendering: optimizeLegibility; border-top:3px solid #777; }


@media screen and (max-width: 800px) {
body { font-size:93%;}	
	}



/* =========================  structure =========================  */ 

#topline { width:100%; padding:0; margin:0; background:url(images/trans.png) top left repeat; position:relativ; top:0; left:0; }
.topcontent {max-width:840px; margin:0 auto; padding:2px 0; text-align:right;}

#wrapper {max-width:840px; margin:1.5% auto; padding:0px 20px; text-align:left; border-radius:4px; }
#header {margin:0; padding:0;}
#logo {min-height:60px; margin:0; padding:0;}

#page {margin:0; padding:0;}
#content {padding:13px 10px 10px 0;}
#sidebar {padding:10px 0 10px 20px; border-left:1px dotted #ddd; box-sizing:border-box; font-family: 'PT Sans Narrow', Tahoma, Geneva, sans-serif;}
.bottomline { font-family: 'PT Sans Narrow', sans-serif; text-align:center; font-size:.7555em; line-height:1.3em; border-top:1px dotted #ddd; padding:1% 0 0 0;}


/* =========================  grid =========================  */ 

.col-840 { width:100%; margin:1% 0;}
.col-240 {float:left; width:32.333%;  margin:1% 0 1.2% 1.5%; }
.col-600 {float:left; width:66.1555%; margin:1% 0 1.2% 0;}
.col-260 {float:left; width:32.3333%;  margin:1% 1.5% 1% 0; }

.fr {margin-right:0 !important;}
.fl {margin-right:1.5% !important;}

.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}


.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}
.col-ohc2 {}
.col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}


.col-otc:nth-child(3n+3) {margin-right:0 !important;}


.cr {margin-right:0 !important;}
.ct {margin-top: 0 !important;}
.mr { margin-right:25px;}


/* ======================= content grid ====================== */ 

.columns {margin:0; padding:10px 0;}
.columns p {padding:5px 15px 5px 0;}

.col1-1 { width:100%; }
.col1-2 {width:50%;}
.col1-3 {width:33.233333%;}
.col1-4 {width:25%;}
.col2-3 {width:66%;}
.col3-4 {width:75%;}

.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: inline; float:left;}
.inner { padding:0 30px 0 0;}

/* =========================  font =========================  */ 

a { text-decoration:none;}
a {color:#3c6f9c;}
p {font-size:.875em; margin:0; padding:6px 0 10px 0; }
ul li { font-size:.855em;}
h1, h2, h3, h4 { font-family: 'PT Sans Narrow', sans-serif; line-height:1.6em;}
h1 {font-size:1.655em;}
h2 {font-size:1.355em;}
h3 {font-size:1.2em; line-height:1.3em; margin-top:5px;}
h4 {font-size:1.1em; line-height:1.3em; margin-top:5px;}
h5 {font-size:1em; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}

h1.logotitle { font-size:1.8em; line-height:1.1em; margin:0; padding:0;}
h1.logotitle a { color:#4f4f4f;}
h2.logosubtitle {font-size:.9em; line-height:1.2em; margin-left:2px;}

h1.post-title {font-size:1.455em;}

/* =========================  top menu =========================  */ 

.topcontent ul { margin:0; padding:0; list-style:none; font-family: 'PT Sans Narrow', sans-serif;}
.topcontent ul li { display:inline; font-size:.8em; margin:0 5px; padding:0;}
.topcontent ul li a { color:#777; }
.topcontent ul li a:hover { color:#c30000 }


/* =========================  footer menu  =========================  */ 

.footermenu { text-align:center; border-top:1px dotted #ddd; padding:4px 0 0 0;}
.footermenu ul { margin:0; padding:0; list-style:none; font-family: 'PT Sans Narrow', sans-serif;}
.footermenu ul li { display:inline; font-size:.9em; margin:0; padding:0 10px; border-right:1px dotted #ddd;}
.footermenu ul li:last-child { border-right:none;}
.footermenu ul li a { color:#777; }
.footermenu ul li a:hover { color:#c30000 }
.footermenu ul li.current-menu-item a {color:#c30000}


/* =========================  homepage boxen =========================  */ 

#homepage-box {border:3px double #e2e2e2; padding:0; margin:0; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:100px; }


.slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden;  }
.slideshow div {padding:0; margin:0;}
.slideshow img {width:100%; height:auto;  margin:0; padding:0; display:block;}
.pager-bullets { text-align:center;}
.pager-bullets span { font-size:1.5em; color:#999; display:inline-block; margin:0 2px 5px 0; cursor:pointer; }
.pager-bullets .cycle-pager-active {color:#c30000;}


#infoboxen .boxcontent { border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box; border-radius:3px; padding:3%; background: #f7f7f9;}
#infoboxen .boxcontent:hover {}
#infoboxen .boxcontent h3 { border-bottom:1px dotted #fff; line-height:1.4em; font-size:1.1em; text-transform:uppercase; margin:0 0 3px 0; padding:0 0 4px 0;}
#infoboxen .boxcontent p {font-size:.7755em; line-height:1.6em; padding:2.5% 0;}
#infoboxen .boxcontent a.boxbutton {text-align:center; color:#fff; font-size:.85em; display:block; margin:2% 0 0 0; border-radius:3px;  padding:5px 0;}

#infoboxen .info-icon { float:left; margin:0 5px 0 0; width:auto; }


/* =========================  page content   =========================  */ 


.headerimage {border:3px double #e2e2e2; padding:0; margin:0; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.headerimage img {width:100%; height:auto; display:block;}

.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 15px 10px 0; text-align:center; border-radius:3px; border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box;}
.gallery img {width:100%; height:100%;}
.gallery-caption {font-size:12px; color:#777; text-align:center; margin:0; padding:0;}


#content table { width:100%; background:#fff; margin:5px 0 25px 0; padding:0; border:1px solid #e5e5e5;  border-radius:2px;  -moz-border-radius:2px; -webkit-border-radius:2px; box-sizing:border-box;}
#content table td { color:#777; border-bottom:1px solid #e5e5e5; font-size:.8222em; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:6px; margin:0;}
#content table td:last-child { border-right:none;}
#content table td:first-child { border-left:none;}
#content table thead td {padding:6px; font-size:.9855em; line-height:24px; color:#4f4f4f; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
#content table tr:last-child td { border-bottom:none;}
#content table tr:nth-child(odd) { background:#f5f5f5;}


#content ul { margin:15px 0 15px 15px; padding:0; list-style:none;}
#content ul li { line-height:1.6em;  padding-left:5px; margin:5px 0;  list-style-image:url(images/listbullet.png);}

#content ul.checklist { margin:15px 0 15px 22px; padding:0; list-style:none;}
#content ul.checklist li { line-height:1.5em; padding-left:7px; margin:7px 0;  list-style-image:url(images/listbullet-check.png) ;}


blockquote { padding:0 0 0 20px; margin:30px 30px 25px 0;}
blockquote:before {font-family: "fontello";  content: '\e819'; font-size:48px; color:#999; margin-right:30px; float:left; }
blockquote p { padding:0; margin:0; line-height:1.6em; font-style: italic;}



img.alignleft {float:left; margin:5px 25px 10px 0; width:auto; height:auto; }
img.alignright {float:right; margin:5px 0 10px 25px; width:auto; height:auto;}
img.alignnone {margin:0; padding:0; height:auto;}

img.alignright, img.alignleft {padding:2px; background:#f6f6f6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:2px solid #fff; outline:1px solid #e2e2e2;}

#infoboxen img.alignright {float:right; margin:0 5px 0 10px; width:auto; height:auto; background:none; border:none; outline:none;}

#content ul.check { margin:5px 0 15px 0px !important; padding:0; list-style:none;  }
#content ul.check li { list-style:none; line-height:1.5em; margin:5px 0;}
#content ul.check li:before {font-family: "fontello";  content: '\e80f'; margin-right:10px;}

#content ul.standard { margin:5px 0 15px 15px; padding:0;  }
#content ul.standard li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}

#content ul.plus { margin:5px 0 15px 0px !important; padding:0; list-style:none; }
#content ul.plus li { list-style:none; line-height:1.5em; margin:5px 0;}
#content ul.plus li:before {font-family: "fontello";  content: '\e81d'; margin-right:10px; }

#TB_caption {font-size:12px; padding:5px 0 20px 5px; line-height:1.6em;}
#TB_window { border-radius:2px; padding-bottom:25px;}
#TB_Image {border:none;}

table#icontable {font-size:.925em;}
table#icontable i {font-size:16px;}


/* =========================  blog page content   =========================  */ 


.post-nav { margin:20px 0; padding:3px 0; font-size:.7em;}
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav .current {background:#7a7a7a; color:#fff;}
.post-nav a {color:#c30000; text-decoration:none;}

.meta-category {margin-top:15px; font-size:.7em; padding:3px 5px; background:#f6f6f6; border-radius:3px;}
.meta-category a {color:#c30000; text-decoration:none;}

.blog-teaser { margin:10px 0 25px 0; padding:0; }
.blog-teaser h2 {font-size:1.2em; margin:0; padding:10px 0 5px 0;}
.blog-teaser h2 a {color:#454545;}
.blog-teaser h2 a:hover {color:#c30000;}
.blog-teaser p {margin:0; padding:0;}
.blog-teaser a.more {font-size:11px; font-style:italic; color:#c00; text-decoration:none;}

.blog-thb { max-width:250px; max-height:165px; float:right; margin:10px 0 6px 15px; padding:3px; background:#f6f6f6; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff;}
.blog-thb img { width:100%; height:auto;}

.meta {font-size:.8em;  }
.meta-single {font-size:.7775em; color:#666; margin:0 0 25px 0; padding:0 0 3px 0; border-bottom:1px dotted #e2e2e2; }
.archive-meta {margin:5px 0; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:.92em; line-height:1.4em;}


.catdescription {margin:5px 0; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:1em; line-height:1.6em;}



.searchlist-entry {border-bottom:1px solid #ccc; padding:10px 0; margin:10px 0; width:100%;}
.searchlist-entry a { text-decoration:underline;}

.page-nav { margin:10px 0; padding:5px 15px; border-top:1px dotted #ccc; font-size:.8em; color:#666;}
.page-nav .left { float:left; width:50%; text-align:left;}
.page-nav .right { float:right; width:50%; text-align:right;}
.page-nav a { color:#666; text-decoration:none;}



/* ======================== comments  ============================ */



#comments {  margin:60px 10px 25px 0; width:100%; padding:20px 0; border-top:1px dotted #ddd;}

ol.commentlist { margin:15px 0 0 0; list-style:none; padding:0; }
ol.commentlist li a { color:#454545; text-decoration:none;}
ol.commentlist li { color:#303030; font-size:.9em; line-height:1.6em; border:1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:5px 8px 0 8px; margin:9px 0;}
ol.commentlist li:nth-child(even) { background:#f6f6f6;}
ol.commentlist .commentmetadata { font-size:.9em; }
ol.commentlist .reply { text-align:right; width:100%; font-size:.7222em; }
ol.commentlist .reply a {color:#c30000;}
.commentlist .says { display:none;}
.commentlist cite { font-style:normal;}
ol.commentlist li img { float:left; clear:left; border:3px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 30px;}
.commentlist ul.children li { border:3px solid #e3e3e3; padding:5px 10px 0 10px;}


#respond { margin:35px 0 0 0; padding:0 0 15px 0; background:url(images/icons/pencil.png) top left no-repeat; }
#respond h4 { font-size:1.1em; margin:0px 0 5px 55px; padding:0; font-weight:normal;}
#respond .memberbox { padding:5px 0 0 55px;}
#respond .inputbox { padding:10px 0 0 0;}
#respond .textbox {margin:5px 10px 5px 0;}
#respond label { }
#respond input {  width:240px; padding:3px; margin:2px 0 0 0; border:1px solid #e0e0e0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#respond textarea {  padding:5px; height:130px; width:100%; margin:0; border:1px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box;}
#respond #submit {cursor:pointer;font-size:12px;  width:auto; padding:5px 12px; color:#000; border:1px solid #e0e0e0;  background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #f8f8f8 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 ); }
#respond a { color:#454545; text-decoration:underline;}
#respond a:hover { color:#000; text-decoration:underline;}
#respond .memberbox { font-size:.8em; margin:5px 0;}

#cancel-comment-reply {float:right; width:100px; margin:-35px 0 0 0; line-height:1.2em; }






/* =========================  contactform   =========================  */ 

.contactform { margin:10px 0; padding:0;  }
.contactform label { font-size:.7em; display:block; margin:7px 0 0 0;}
.contactform input {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.85em; box-sizing:border-box;}
.contactform select {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box;}
.contactform textarea {font-family:Verdana, Arial, sans-serif;  width:97%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.85em; box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus { border:1px solid #999;}
.contactform button { cursor:pointer; color:#fff; margin-top:15px; border:none; font-size:.8em;  padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.contactform button:hover {color:#fff;}

.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#c00;}

.selected-offer { margin:15px 15px 15px 0; padding:3px 8px; background:#f6f6f6; border:3px double #fff; border-radius:3px; font-size:.9em;}


/* =========================  shortcodes   =========================  */ 

#map-canvas { width:100%; margin:35px 0; border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box; border-radius:3px; overflow:hidden;}
#map-canvas iframe {width:100%; height:auto }
#map-canvas small { font-size:.7em; padding-left:5px;}

#sidebar #map-canvas { max-width:250px; overflow:hidden;  margin:15px 0;}

.contentbutton { margin-bottom:15px;}
.contentbutton a { font-size:.8555em; line-height:2em; color:#fff; padding:3px 20px; width:auto; border-radius:3px; display:inline-block;}



/* =========================  standard button   =========================  */ 


.button-orange {border:1px solid #CE9456; background: #fbe5cd;
background: -moz-linear-gradient(top, #fbe5cd 0%, #ffa13d 7%, #e1831f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe5cd), color-stop(7%,#ffa13d), color-stop(100%,#e1831f));
background: -webkit-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: -o-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: -ms-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: linear-gradient(to bottom, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe5cd', endColorstr='#e1831f',GradientType=0 );}
.button-orange:hover {background:#ffa13d; }


.button-green {border:1px solid #98B109; background: #f4fda2;
background: -moz-linear-gradient(top, #f4fda2 0%, #c7db11 7%, #8fa900 82%, #8fa900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4fda2), color-stop(7%,#c7db11), color-stop(82%,#8fa900), color-stop(100%,#8fa900));
background: -webkit-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: -o-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: -ms-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: linear-gradient(to bottom, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fda2', endColorstr='#8fa900',GradientType=0 ); }
.button-green:hover { background:#8fa900; }

.button-green2 {  border:1px solid #3f7232; background: #cfe5c7;
background: -moz-linear-gradient(top, #cfe5c7 0%, #558e44 7%, #3f7232 62%, #357526 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe5c7), color-stop(7%,#558e44), color-stop(62%,#3f7232), color-stop(100%,#357526));
background: -webkit-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: -o-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: -ms-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: linear-gradient(to bottom, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe5c7', endColorstr='#357526',GradientType=0 );}
.button-green2:hover { background:#3f7232;  }

.button-blue1  { border:1px solid #4A5A6A;
background: #afc1d7;
background: -moz-linear-gradient(top, #afc1d7 0%, #7b879d 7%, #4a5666 66%, #4a5666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afc1d7), color-stop(7%,#7b879d), color-stop(66%,#4a5666), color-stop(100%,#4a5666));
background: -webkit-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: -o-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: -ms-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: linear-gradient(to bottom, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc1d7', endColorstr='#4a5666',GradientType=0 ); }
.button-blue1:hover  { background:#7b879d;  }

.button-blue { border:1px solid #00689D; background: #78c0e8;
background: -moz-linear-gradient(top, #78c0e8 0%, #0083c7 7%, #006599 61%, #006599 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c0e8), color-stop(7%,#0083c7), color-stop(61%,#006599), color-stop(100%,#006599));
background: -webkit-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -o-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -ms-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: linear-gradient(to bottom, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c0e8', endColorstr='#006599',GradientType=0 );}
.button-blue:hover { background:#0083c7;  }

.button-blue2 { border:1px solid #6587AD; background: #c0daff;
background: -moz-linear-gradient(top, #c0daff 0%, #91afd1 7%, #7c9abf 18%, #6587ad 77%, #6587ad 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0daff), color-stop(7%,#91afd1), color-stop(18%,#7c9abf), color-stop(77%,#6587ad), color-stop(100%,#6587ad));
background: -webkit-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -o-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -ms-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: linear-gradient(to bottom, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0daff', endColorstr='#6587ad',GradientType=0 );}
.button-blue2:hover { background:#91afd1; }


.button-brown { border:1px solid #97816E; background: #f2e5d5;
background: -moz-linear-gradient(top, #f2e5d5 0%, #dcc3ad 7%, #caac92 10%, #9c8671 61%, #9c8671 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e5d5), color-stop(7%,#dcc3ad), color-stop(10%,#caac92), color-stop(61%,#9c8671), color-stop(100%,#9c8671));
background: -webkit-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: -o-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: -ms-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: linear-gradient(to bottom, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e5d5', endColorstr='#9c8671',GradientType=0 );}
.button-brown:hover { background:#9c8671; }

.button-red1 { border:1px solid #AB4F4E; background: #fe908f;
background: -moz-linear-gradient(top, #fe908f 0%, #db7173 7%, #bd4048 63%, #bd4048 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe908f), color-stop(7%,#db7173), color-stop(63%,#bd4048), color-stop(100%,#bd4048));
background: -webkit-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -o-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -ms-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: linear-gradient(to bottom, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe908f', endColorstr='#bd4048',GradientType=0 );}
.button-red1:hover { background:#bd4048; }

.button-red {  border:1px solid #A70000; background: #ff3300;
background: -moz-linear-gradient(top, #ff3300 0%, #cc0001 7%, #aa0000 59%, #990100 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3300), color-stop(7%,#cc0001), color-stop(59%,#aa0000), color-stop(100%,#990100));
background: -webkit-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -o-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -ms-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: linear-gradient(to bottom, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#990100',GradientType=0 );}
.button-red:hover { background:#cc0001;  }

.button-red2 {  border:1px solid #701A1A; background: #e80413;
background: -moz-linear-gradient(top, #e80413 0%, #a90329 7%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e80413), color-stop(7%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80413', endColorstr='#6d0019',GradientType=0 );}
.button-red2:hover { background:#a90329; }


.button-grey { border:1px solid #979493; background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #d5d6d1 7%, #a2a19d 45%, #9d9996 52%, #959490 57%, #928e8b 61%, #928e8b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(7%,#d5d6d1), color-stop(45%,#a2a19d), color-stop(52%,#9d9996), color-stop(57%,#959490), color-stop(61%,#928e8b), color-stop(100%,#928e8b));
background: -webkit-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: -o-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: linear-gradient(to bottom, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#928e8b',GradientType=0 );}
.button-grey:hover { background:#999; }

.button-black { border:1px solid #393737; background: #c6c5c1;
background: -moz-linear-gradient(top, #c6c5c1 0%, #8c8885 6%, #7f7e7c 9%, #706c69 20%, #666563 25%, #5e5a59 32%, #3f3e3c 50%, #2e2c2d 61%, #2e2c2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c5c1), color-stop(6%,#8c8885), color-stop(9%,#7f7e7c), color-stop(20%,#706c69), color-stop(25%,#666563), color-stop(32%,#5e5a59), color-stop(50%,#3f3e3c), color-stop(61%,#2e2c2d), color-stop(100%,#2e2c2d));
background: -webkit-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -o-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -ms-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: linear-gradient(to bottom, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c5c1', endColorstr='#2e2c2d',GradientType=0 );}
.button-black:hover { background:#3f3e3c; }



/* =========================  header search   =========================  */ 

#topsearch form#searchform {  margin:0; padding:0; max-width:240px; }
#topsearch input#searchinput {font-family: Verdana, Geneva, sans-serif; border:1px solid #eee; font-size:11px; padding:8px 2px; margin:4px 0 0 0; font-style:italic; width:185px; float:left;  color:#333; border-radius:5px; display:none;    }
#topsearch .searchbutton { float:right; width:44px; height:44px; padding:0; margin:0; border-radius:100%; background:#ccc url(images/zoom.png); text-align:center; }
#topsearch .searchbutton:hover { background:#c30000 url(images/zoom.png); }
#topsearch input#searchsubmit { width:44px; height:44px; border:none; padding:0; margin:-2px 0 0 0; cursor:pointer; background:none;}





/* =========================  sidebar search   =========================  */ 

#sidebar form#searchform {  margin:0; padding:0; }
#sidebar input#searchinput {font-family: Verdana, Geneva, sans-serif; border:1px solid #eee; font-size:11px; padding:8px 4px; margin:4px 0 0 0; font-style:italic; width:185px; float:left;  color:#333; border-radius:5px; }
#sidebar .searchbutton { float:right; width:40px; height:40px; padding:0; margin:0; border-radius:40px; background:#ccc url(images/zoom.png); text-align:center; }
#sidebar .searchbutton:hover { background:#c30000 url(images/zoom.png); }
#sidebar input#searchsubmit {border:none; width:40px; height:40px; display:block; padding:0; margin:0;  cursor:pointer; background: none;}





/* ========================= sidebar   =========================  */ 

#sidebar p { font-size:1em;}
.sidebarbox {margin:0 0 10px 0; padding:5px 0; }


.sidebarbox ul { margin:0; padding:0; list-style:none; font-size:1.1em;  }
.sidebarbox li { margin:0; padding:0; border-bottom:1px solid #D8D9D7; border-top:1px solid #fff;  }
.sidebarbox ul li a { text-decoration:none; display:block; padding:7px 0 7px 5px; color:#444; }
.sidebarbox ul li:hover { }
.sidebarbox ul li:hover a { color:#c30000; }

.sidebarbox ul li ul li a { color:#444; padding:3px 0 3px 15px; background:url(images/sidebar-subnav-bullet.jpg) left no-repeat;}
.sidebarbox ul li ul li:hover a { color:#c30000; }

.sidebarbox li:last-child { border-bottom:none;}
.sidebarbox li:first-child { border-top:none;}

.sidebarbox li.current-menu-item a, .sidebarbox li.current-cat a, .sidebarbox li.current-menu-parent a, .sidebarbox li.current_page_parent a {color:#c30000;}
.sidebarbox li.current-menu-item a:hover, .sidebarbox li.current-cat a:hover {}

.sidebarbox ul li ul { display:none; font-size:1em;  }
.sidebarbox ul li ul li { border-bottom:1px dotted #D8D9D7; }
.sidebarbox ul li.current-menu-item ul, .sidebarbox ul li.current_page_parent ul, .sidebarbox ul li.current-menu-ancestor ul { display:block; margin:0 0 10px 0;}


.sidebarbox ul li.current-menu-item ul li a, 
.sidebarbox ul li.current_page_parent ul li a, 
.sidebarbox ul li.current-menu-ancestor ul li a 
{color:#444; }
.sidebarbox ul li.current-menu-item ul li a:hover, 
.sidebarbox ul li.current_page_parent ul li a:hover, 
.sidebarbox ul li.current-menu-ancestor ul li a:hover 
{color:#c30000;  }
.sidebarbox ul li ul li.current-menu-item a, 
.sidebarbox ul li ul li.current-menu-item a, 
.sidebarbox ul li ul li.current-post-parent a, 
.sidebarbox ul li ul li.current-menu-item a 
{color:#c30000;  }

#sidebar .tagcloud {background:#f6f6f6; padding:5px; border-radius:4px;}
#sidebar .tagcloud a {color:#7a7a7c;}
#sidebar .tagcloud a:hover {color:#c30000;}

.sidebarbox img {width:100%; height:auto; border:1px solid #e2e2e2; padding:1px; background:#fff;}
.sidebarbox img.efvEditorimg{border:0 none;height:5px;width:5px;}

div.efvEditordiv table tr {border-bottom:1px solid #e2e2e2;}
div.efvEditordiv table tr td.efvEditorback span{padding-right:10px;}

/* ============= project data ============= */

.pro-data { background:#f8f8f8; padding:5px; border-radius:2px; }

.pro-data table { width:100%; margin:5px 0; padding:0; border:none;  border-radius:2px;  -moz-border-radius:2px; -webkit-border-radius:2px; box-sizing:border-box;}
.pro-data table td { color:#5d5d5d; font-size:.9em; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:5px 0; margin:0;}
.pro-data table th {color:#5d5d5d; font-size:1.2em; padding-bottom:10px; }
.pro-data table td:last-child { border-right:none; padding-left:10px;}
.pro-data table td:first-child { border-left:none; padding-right:10px; width:40%;}
.pro-data table tr:last-child td { border-bottom:none;}
.pro-data table tr:nth-child(even) { }
.pro-data table tr:first-child td { border-top:none;}

.pro-data ul.check { margin:-5px 0 0 5px !important; font-size:1.1em;  }
.pro-data ul.check li { border-top:none !important; border-bottom:none !important;}




#calendar_wrap {margin:0; position:relative;  }
#wp-calendar {empty-cells: show; margin:0; width: 100%; padding:0; font-size:.8em;}
#wp-calendar #next a {text-align: right; background:none; }
#wp-calendar #prev a {text-align: left; background:none;}
#wp-calendar a {display: block; }
#wp-calendar caption {display:none;}

#wp-calendar th {padding: 3px 0; text-align: center;  border:1px solid #ddd; background-color: #f6f6f6; color:#7a7a7c; }
#wp-calendar td {padding:3px; text-align: center; border:1px solid #ddd;	}
#wp-calendar td.pad:hover { background-color: #eee; }


/* =========================  social media icons  =========================  */ 

.smicons {margin:15px 35px 0 0;}
.smicons span { background:#ccc; width:40px; height:33px; padding-top:7px; display:inline-block; border-radius:40px; margin:7px 6px 7px 0; text-align:center;}
.sidebarbox .smicons img { width:24px; height:24px; border:none; background:none;}
.smicons span:hover {background:#c30000; }
.smicons a:hover {background:none; border:none; text-decoration:none; }









/* ============================ Main Menu  
=========================== */


/* nav style */ 

.toggleMenu { display:  none; width:100%;  text-align:left; text-indent:10px; height:28px; line-height:28px; color:#777; font-size:.9em; text-transform:uppercase; background:#efefef url(images/nav-icon.png) right no-repeat; margin:5px 0 10px 0;}  

.nav {width:100%; font-size:.975em; font-family: 'PT Sans', Arial, sans-serif; text-transform:uppercase; padding:0; margin:0: letter-spacing:.025em; height:47px;  list-style: none;
*zoom: 1;
border-radius:3px; border:1px solid #e5e5e5;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 3%, #e5e5e5 57%, #d9d9d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#efefef), color-stop(57%,#e5e5e5), color-stop(100%,#d9d9d9));
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 3%,#e5e5e5 57%,#d9d9d9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#efefef 3%,#e5e5e5 57%,#d9d9d9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 3%,#e5e5e5 57%,#d9d9d9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 3%,#e5e5e5 57%,#d9d9d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 );}


.nav:before, .nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav li {position: relative; padding:7px 8px; margin:0; border-right:1px solid #d7d7d9;}
.nav li a {padding:4px 10px; color:#333; border:1px solid transparent;}
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a, .nav li a:hover {border-radius:2px; color:#fff; }
.nav > li {float: left;}
.nav > li > a {display: block;}

.nav li ul 
{position: absolute; z-index:105; left:0; top:47px; margin:0; padding:0 0 2px 0; display: block; visibility: hidden;  opacity:0; transition:opacity 400ms linear;  white-space:nowrap; min-width:180px;  width: auto;  list-style: none;  background:#E3E3E3; border-radius:0 0 3px 3px;}
.nav li:hover ul { visibility: visible; opacity:1;}

.nav li ul li { display: list-item;  list-style: none; float: none;  font-size:1em; padding:2px 8px; margin: 0; border-right:none !important; border-bottom:1px solid #ccc; text-transform:none; }
.nav li ul li a { display:block; color:#333;}
.nav li ul li a:hover {color:#c30000;}
.nav li ul li:last-child { border-bottom:none;}
.nav ul li ul li ul {top: 0; left:0; margin:-1px 0 0 0; }
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a {color:#333; }


@media screen and (max-width: 640px)  {
    .active {display: block;}
.nav {height:auto; margin:0; border:none;  }
.nav li { float:none !important; display:block; padding:3px 7px; margin:0; border-right:none !important; border-bottom:1px solid #f6f6f6;  } 
.nav li.current-menu-item a { background:none; color:#333;}

.nav li ul { position:absolute; z-index:105; left:0; top:0; margin:0; padding:0 0 2px 0; display: block; visibility: hidden;  opacity:0; transition:opacity 300ms linear;  white-space:nowrap; min-width:180px;  width: auto; }
.nav li:hover ul { position: relative !important; visibility: visible; opacity:1;}
.nav li a.parent { background: url(images/downarr.png) right no-repeat;}
	   
}

@media screen and (max-width: 800px)  {
   
}


/* nav button */ 

#topmenu ul.red > li.current-menu-item > a, #topmenu ul.red > li.current_page_parent > a, #topmenu ul.red > li > a:hover { border:1px solid #A70000; 
background: #ff3300;
background: -moz-linear-gradient(top, #ff3300 0%, #cc0001 7%, #aa0000 59%, #990100 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3300), color-stop(7%,#cc0001), color-stop(59%,#aa0000), color-stop(100%,#990100));
background: -webkit-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -o-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -ms-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: linear-gradient(to bottom, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#990100',GradientType=0 );}
#topmenu ul.red li ul li:hover a, #topmenu ul.red li ul li.current-menu-item a {color:#cc0001; }

#topmenu ul.red1 > li.current-menu-item > a, #topmenu ul.red1 > li.current_page_parent > a, #topmenu ul.red1 > li > a:hover {border:1px solid #AB4F4E; 
background: #fe908f;
background: -moz-linear-gradient(top, #fe908f 0%, #db7173 7%, #bd4048 63%, #bd4048 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe908f), color-stop(7%,#db7173), color-stop(63%,#bd4048), color-stop(100%,#bd4048));
background: -webkit-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -o-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -ms-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: linear-gradient(to bottom, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe908f', endColorstr='#bd4048',GradientType=0 );}

#topmenu ul.red2 > li.current-menu-item > a, #topmenu ul.red2 > li.current_page_parent > a, #topmenu ul.red2 > li > a:hover {border:1px solid #701A1A;
background: #e80413;
background: -moz-linear-gradient(top, #e80413 0%, #a90329 7%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e80413), color-stop(7%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80413', endColorstr='#6d0019',GradientType=0 );}

#topmenu ul.blue > li.current-menu-item > a, #topmenu ul.blue > li.current_page_parent > a, #topmenu ul.blue > li > a:hover {  border:1px solid #00689D; 
background: #78c0e8;
background: -moz-linear-gradient(top, #78c0e8 0%, #0083c7 7%, #006599 61%, #006599 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c0e8), color-stop(7%,#0083c7), color-stop(61%,#006599), color-stop(100%,#006599));
background: -webkit-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -o-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -ms-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: linear-gradient(to bottom, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c0e8', endColorstr='#006599',GradientType=0 );}


#topmenu ul.blue1 > li.current-menu-item > a, #topmenu ul.blue1 > li.current_page_parent > a, #topmenu ul.blue1 > li > a:hover { border:1px solid #4A5A6A;
background: #afc1d7;
background: -moz-linear-gradient(top, #afc1d7 0%, #7b879d 7%, #4a5666 66%, #4a5666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afc1d7), color-stop(7%,#7b879d), color-stop(66%,#4a5666), color-stop(100%,#4a5666));
background: -webkit-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: -o-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: -ms-linear-gradient(top, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
background: linear-gradient(to bottom, #afc1d7 0%,#7b879d 7%,#4a5666 66%,#4a5666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc1d7', endColorstr='#4a5666',GradientType=0 ); }
#topmenu ul.blue1 li ul li:hover a {color:#4a5666; }

#topmenu ul.blue2 > li.current-menu-item > a, #topmenu ul.blue2 > li.current_page_parent > a, #topmenu ul.blue2 > li > a:hover {border:1px solid #6587AD; background: #c0daff;
background: -moz-linear-gradient(top, #c0daff 0%, #91afd1 7%, #7c9abf 18%, #6587ad 77%, #6587ad 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0daff), color-stop(7%,#91afd1), color-stop(18%,#7c9abf), color-stop(77%,#6587ad), color-stop(100%,#6587ad));
background: -webkit-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -o-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -ms-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: linear-gradient(to bottom, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0daff', endColorstr='#6587ad',GradientType=0 );}



#topmenu ul.orange > li.current-menu-item > a, #topmenu ul.orange > li.current_page_parent > a, #topmenu ul.orange > li > a:hover{ border:1px solid #CE9456; background: #fbe5cd;
background: -moz-linear-gradient(top, #fbe5cd 0%, #ffa13d 7%, #e1831f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe5cd), color-stop(7%,#ffa13d), color-stop(100%,#e1831f));
background: -webkit-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: -o-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: -ms-linear-gradient(top, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
background: linear-gradient(to bottom, #fbe5cd 0%,#ffa13d 7%,#e1831f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe5cd', endColorstr='#e1831f',GradientType=0 );}



#topmenu ul.green > li.current-menu-item > a, #topmenu ul.green > li.current_page_parent > a, #topmenu ul.green > li > a:hover {border:1px solid #98B109; background: #f4fda2;
background: -moz-linear-gradient(top, #f4fda2 0%, #c7db11 7%, #8fa900 82%, #8fa900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4fda2), color-stop(7%,#c7db11), color-stop(82%,#8fa900), color-stop(100%,#8fa900));
background: -webkit-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: -o-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: -ms-linear-gradient(top, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
background: linear-gradient(to bottom, #f4fda2 0%,#c7db11 7%,#8fa900 82%,#8fa900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fda2', endColorstr='#8fa900',GradientType=0 );}


#topmenu ul.green2 > li.current-menu-item > a, #topmenu ul.green2 > li.current_page_parent > a, #topmenu ul.green2 > li > a:hover {border:1px solid #3f7232; background: #cfe5c7;
background: -moz-linear-gradient(top, #cfe5c7 0%, #558e44 7%, #3f7232 62%, #357526 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe5c7), color-stop(7%,#558e44), color-stop(62%,#3f7232), color-stop(100%,#357526));
background: -webkit-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: -o-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: -ms-linear-gradient(top, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
background: linear-gradient(to bottom, #cfe5c7 0%,#558e44 7%,#3f7232 62%,#357526 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe5c7', endColorstr='#357526',GradientType=0 );}



#topmenu ul.brown > li.current-menu-item > a, #topmenu ul.brown > li.current_page_parent > a, #topmenu ul.brown > li > a:hover {border:1px solid #97816E; background: #f2e5d5;
background: -moz-linear-gradient(top, #f2e5d5 0%, #dcc3ad 7%, #caac92 10%, #9c8671 61%, #9c8671 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e5d5), color-stop(7%,#dcc3ad), color-stop(10%,#caac92), color-stop(61%,#9c8671), color-stop(100%,#9c8671));
background: -webkit-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: -o-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: -ms-linear-gradient(top, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
background: linear-gradient(to bottom, #f2e5d5 0%,#dcc3ad 7%,#caac92 10%,#9c8671 61%,#9c8671 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e5d5', endColorstr='#9c8671',GradientType=0 );}


#topmenu ul.black > li.current-menu-item > a, #topmenu ul.black > li.current_page_parent > a, #topmenu ul.black > li > a:hover {border:1px solid #393737; background: #c6c5c1;
background: -moz-linear-gradient(top, #c6c5c1 0%, #8c8885 6%, #7f7e7c 9%, #706c69 20%, #666563 25%, #5e5a59 32%, #3f3e3c 50%, #2e2c2d 61%, #2e2c2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c5c1), color-stop(6%,#8c8885), color-stop(9%,#7f7e7c), color-stop(20%,#706c69), color-stop(25%,#666563), color-stop(32%,#5e5a59), color-stop(50%,#3f3e3c), color-stop(61%,#2e2c2d), color-stop(100%,#2e2c2d));
background: -webkit-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -o-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -ms-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: linear-gradient(to bottom, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c5c1', endColorstr='#2e2c2d',GradientType=0 );}


#topmenu ul.grey > li.current-menu-item > a, #topmenu ul.grey > li.current_page_parent > a, #topmenu ul.grey > li > a:hover {border:1px solid #979493; background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #d5d6d1 7%, #a2a19d 45%, #9d9996 52%, #959490 57%, #928e8b 61%, #928e8b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(7%,#d5d6d1), color-stop(45%,#a2a19d), color-stop(52%,#9d9996), color-stop(57%,#959490), color-stop(61%,#928e8b), color-stop(100%,#928e8b));
background: -webkit-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: -o-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
background: linear-gradient(to bottom, #fefefe 0%,#d5d6d1 7%,#a2a19d 45%,#9d9996 52%,#959490 57%,#928e8b 61%,#928e8b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#928e8b',GradientType=0 );}



/* ========== reference data ========== */ 

.ref-data {margin:25px 0;}

#gallery { margin:5px 0 0 0; padding:0; width:100%; position:relative;}
#gallery em {display:none; font-size:32px; color:#eee; position:absolute; top:5%; left:3%; z-index:600;  background: rgba(102,102,102, 0.5);  padding:5px 0 5px 8px; border-radius:5px; }
#gallery:hover em {display:block;}

.ref-slideshow { width:100%; min-height:290px;  position:relative; overflow:hidden;}
.ref-image-box { padding:4px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; background:#f8f8f8; border:1px solid #e3e3e3; box-sizing:border-box;}

.ref-image-box img { width:100%; height:auto; display:block;}
.ref-image-box p { font-size:.855em; line-height:1.5em; padding:7px 0 0 0; margin:0;}
#page-entry .ref-image-box a { text-decoration:none; border:none;}
#page-entry .ref-image-box a:hover { text-decoration:none; border:none;}

#page-entry .ref-data table { width:100%;}
#page-entry .ref-data table td {border-bottom:1px solid #e5e5e5;   padding:6px; margin:0;}

#page-entry .ref-data table td.key {width:140px; color:#666; font-size:.925em; border-right:1px solid #ccc;}
#page-entry .ref-data table th { background:#f6f6f6;}

#page-entry .ref-data ul { margin:0 0 0 10px; padding:0;}
#page-entry .ref-data a { color:#c00; text-decoration:none;}


.cycle-pager { text-align: center; width: 100%; margin:0; padding:0;}
.cycle-pager span { font-size: 30px; padding:0 2px; display: inline-block; color: #ebebeb; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #c00;}
.cycle-pager > * { cursor: pointer;}


.reference-box { margin:15px 0 15px 10px; padding:10px 0; max-width:290px; }
.reference-box p { font-size:.8em; line-height:1.5em; margin:0 0 10px 0; padding:3px;}
.reference-box h3 { font-size:1.1em; line-height:1.35em; margin:0 0 0 0; padding:3px;}
.reference-box h3 a { color:#454545;}
.ref-thumb-image-box {max-width:290px; margin:0 20px 6px 0; padding:4px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; background:#f8f8f8; border:1px solid #e3e3e3; box-sizing:border-box;}
.ref-thumb-image-box img { width:100%; height:auto;  display:block;}

.reference-box a.boxbutton {text-align:center; color:#fff; font-size:.8em; padding:7px 15px; margin:20px 0 0 0; border-radius:2px;  }


#filters { margin:5px 35px 5px 0; text-align:right;}
#filters button { background:#999; border:none; padding:5px; font-size:.9em; color:#fff; cursor:pointer;}
#filters button:hover { background:#c30000;}
#filters .is-checked { background:#c30000;}

/* ================== service ==================== */

.service-button { margin:15px 0;}

.service-button .input-icon { width:24px; float:left; font-size:1em; height:34px; color:#999; padding:0 10px; margin:0; border-radius:3px 0 0 3px; border:1px solid #dcdcdc; border-right:none; cursor:pointer; }
.service-button input#request { font-size:.9em; width:auto; float:left; height:36px; color:#666; padding:0 15px; margin:0; border-radius:0 3px 3px 0; border:1px solid #dcdcdc; cursor:pointer;}

.service-button input#request, .service-button .input-icon {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 35%, #f7f7f7 57%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(57%,#f7f7f7), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
}

.service-button .input-icon .icon-mail-alt:before {
 width: 1em;
  float:none !important;
  margin: 0px !important;
  text-align: center;
  font-variant: normal;
  font-size:24px;
  text-transform: none;
  line-height: 1.455em !important;

}


.service-box { margin:15px 10px 15px 0; padding:10px 0; border-bottom:1px dotted #ccc; }
.service-box p { line-height:1.5em; margin:0 0 10px 0; padding:3px;}
.service-box h2 { font-size:1.1em; line-height:1.35em; margin:0 0 0 0; padding:3px;}
.service-thb { float:left; max-width:150px; margin:0 20px 6px 0; padding:2px; border-radius:2px; background:#fff; border:1px solid #e3e3e3; box-sizing:border-box; overflow:hidden;}
.service-thb img { width:100%; height:auto;  display:block;}
.service-box a.boxbutton {text-align:center; color:#fff; font-size:.8em; padding:7px 15px; margin:20px 0 0 0; border-radius:2px; }





/* =========================  media queries   =========================  */ 


@media screen and (max-device-width: 768px) and (orientation: portrait) { 
#topsearch input#searchinput {width:160px; font-size:10px;}
#infoboxen .boxcontent { padding:2%; }
#infoboxen .boxcontent p {font-size:.7em; line-height:1.6em; padding:2.5% 0;}
#infoboxen img.alignright {float:right; margin:0 5px 0 0px; }
}

@media screen and (max-width: 800px) {
#topsearch input#searchinput {width:160px; font-size:10px;}
}  

/* =========================  */

@media screen and (max-width: 600px) { 

#logo img {max-width:300px; height:auto; display:block;}
#topsearch input#searchinput {width:180px; font-size:10px; border:1px solid #ccc;}
.blog-thb { max-width:180px; max-height:125px;}

table, thead, tbody, th, td, tr { display: block; }
thead tr { position: absolute; top: -9999px; left: -9999px;}
tr { border: 1px solid #ccc; }
td { 	border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
}
td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
} 

/* =========================  */	

@media screen and (max-width: 480px) { 

.col-240 {float:none; width:100%;  margin:2% 0; }
.col-600 {float:none; width:100%; margin:2% 0;}
.col-260 {float:none; width:100%;  margin:2% 0; }
.fr {margin-right:0 !important;}
.fl {margin-right:0 !important;}


#logo img { max-width:400px; height:auto; display:block;}

#topsearch input#searchinput {max-width:170px; font-size:10px; display:inline-block;}
#topsearch .searchbutton { margin:0 important!; float:right;  }

#sidebar { border-left:none; padding:10px 0;}
#sidebar .sidebarbox ul { background:#eee; padding:5px;}
#infoboxen .boxcontent {margin:3px 0;}
.blog-thb { float:none; margin:0 0 10px 0; }  
   
}  

/* =========================  */

@media screen and (max-width: 479px)  { 

#wrapper {padding:0 10px;}

.col-240 {float:none; width:100%;  margin:3.5% 0; }
.col-600 {float:none; width:100%; margin:2.5% 0;}
.col-260 {float:none; width:100%;  margin:2.5% 0; }
.fr {margin-right:0 !important;}
.fl {margin-right:0 !important;}
.col-otc, .col-ofc, .col-ohc, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4  { width:100% !important; display:block; float:none !important; margin:1.5% 0;}
.col-otc, .col-ofc, .col-ohc, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4  {margin-right:0 !important;}

#logo img {width:100%; max-width:300px; height:auto; display:block;}
#topsearch form#searchform {width:100%; max-width:300px important!;}
#topsearch input#searchinput {width:220px; font-size:10px; 
#topsearch .searchbutton { margin:0 important!; float:right;  }

#sidebar { border-left:none; padding:10px 0; }
#sidebar .sidebarbox ul { background:#eee; padding:5px;}

#map-canvas {max-width:300px !important; overflow:hidden;}

.formcolumn {width:100%; margin-right:0; float:none;}

.blog-thb { float:none; margin:0 0 10px 0; }  
.footermenu ul li { font-size:.8555em; margin:0; padding:0 6px; }
img.alignleft {float:none !important; margin:10px 0px 10px 0px;  }
img.alignright {float:none !important; margin:10px 0px 10px 0px; }
#infoboxen img.alignright {float:right !important; margin:0 5px 0 10px; width:auto; height:auto; background:none; border:none; outline:none;}

	


}