/*
Theme Name: BHD Responsive 2013
Theme URI: http://www.brianharte.com
Version: 1.0
Author: brian harte
*/



/* Overal setup */
* { margin:0; padding:0; }

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: rgb(255,255,255);
  overflow-y: scroll;
  }

 body {    	background: #fff url(images/bg.png) ;  padding: 0; margin:  0  ;  }


 /*
BASE TYPOGRAPHY
--------------------------------------------- */

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('fonts/texgyreadventor-italic-webfont.eot');
    src: url('fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('fonts/texgyreadventor-bold-webfont.eot');
    src: url('fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'serifa_std45_light';
    src: url('fonts/serifastd-light-webfont.eot');
    src: url('fonts/serifastd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/serifastd-light-webfont.woff') format('woff'),
         url('fonts/serifastd-light-webfont.ttf') format('truetype'),
         url('fonts/serifastd-light-webfont.svg#serifa_std45_light') format('svg');
    font-weight: normal;
    font-style: normal;

}





body {
  font-size: 75%/1.5em ;
   font-family: 'TeXGyreAdventorRegular', arial, sans-serif; color: #19222a ;

  }

p, td { font-size: 0.875em; padding-bottom:.750em;line-height:1.75em;font-family: 'serifa_std45_light', arial, sans-serif; color: #19222a;  }

h1, h2, h3, h4, h5, h6 {
  -moz-font-feature-settings: "liga=1, kern=1";
  -ms-font-feature-settings: "liga" 1, "kern" 1;
  text-rendering: optimizeLegibility;
   font-weight: normal;
  }




ul, ol {
  margin-left: 1.5em;
  }

ul {
  list-style-type: solid;
  }


ol {
  list-style-type: lower-roman;
  }
h1 {font-size:  2.2em  ; line-height:1em; padding:0.625em 0 0   0 ;color: #19222a;	   font-family:serifa_std45_light, Arial, Helvetica, sans-serif;font-weight:100;  }
h2 {font-size:  1.250em  ; line-height:1.250em; padding:0.625em 0 0.313em 0 ;color: #e85724;	  font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; letter-spacing:-1;text-transform:uppercase; font-weight:100; }


h3 { font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;color: #e85724 ; margin:0px;
padding:0em 0 0.313em 0 ;  line-height: 1.5em;
  font-size: 1.3em;
  }

h4 {font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;color: #f27a39 ;	 text-transform:uppercase;
  line-height: 1.12382em;
  margin: 0 0 1.3em;
  font-size: 1.2em;
  }

h5 {
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.5em;
  margin: 0 0 1.5em;
  font-size: 1em;
  }

h6 {
  font-weight: bold;
  margin: 0 0 1.5em;
  }






#wrap{z-index:0;width:100%;clear:both;}




 ul{ margin-left: 0;     padding-left: 20px;   font-family: 'TeXGyreAdventorRegular', arial, sans-serif;}


/* links */
a { background: inherit; color: #E57A2A; text-decoration: none; }
a:hover { background: inherit; color: #f27a39; text-decoration: underline; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {   text-decoration: none; }

a img {border:none;}
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; margin: 10px 0 0 20px;}
.clearfloat {  	clear:both;    height:0;    font-size: 1px;    line-height: 0px;padding:0px;margin:0px;}

/* alignment classes */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.center {	text-align: center; }


/* alignment */
.alignleft,
img.alignleft { display: inline; float: left;   margin: 4px 20px 20px 0px;border:0px hidden;
	  }
.alignright,
img.alignright { display: inline; float: right; margin: 4px 0px 20px 20px;border:0px hidden;
	  }
.aligncenter,
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;border:0px hidden;
	  }

img.farright,
a img.farright { width: 220px; float: right; margin-left: 510px; }
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.clearfloat {  	clear:both;    height:0;    font-size: 1px;    line-height: 0px;padding:0px;margin:0px;}

 .imgfloatleft  { float: left; border: 10px solid #ccbdc7;margin:0 10px 20px 0 ;}
 .imgfloatright  { float: right; border: 10px solid #ccbdc7;margin:0 0 20px 20px ;}

.imgfloatpadding10{margin:0 10px 10px 0; float: left; border: 10px solid #ccbdc7; }


.widgetleft { display: inline; float: left;   margin: 10px 1px 0px 1px;padding:0px;border:0px hidden;width:330px;
	  }
.widgetleft img { text-align:center;
	  }



   /*   navs */
 .floater{ width:100%;  position:fixed; top:0px; z-index:999;   display:block; clear:both;    }

#globalnav-holder    { width:100%;  height:4.688em;  background: #182028    ;  padding: 0; margin:  0  ;z-index:20; position:relative; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4); display:block;    }
    #fixednav{background:transparent;display:none;}
#sticky-globalnav-holder    { width:100%;  height:4.688em;  background: #182028    ;  padding: 0; margin:  0  ;z-index:20;    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4); display:block;    }
#mobilenav{display:none;}
 #globalnav ,  #stickynav    {width:80%;         padding: 0; margin:  0   ;z-index:21;     }

 #logo h1{width: 46px; height:60px;display:block;  padding: 0; margin:  0  ;float:left;  line-height:0em;}

 #logo h1 a { line-height:0em;display:block; 	width: 46px; height:60px;background:transparent url( images/logo.png) no-repeat ;  text-indent:-9009px;float:left; margin: 5px 0 0 1em;padding:0px;position:relative;}


 #access { 	background: transparent;  background: transparent;  	width: 80%;   	float:left;margin:1.563em 0 0 1.250em ;display:block;}
#access .menu-header,
#access .menu-header ul,
div.menu ul { 	list-style: none; 	margin: 0px 0 0 0 ;}
#access .menu-header li,
div.menu li {  float:left;margin:0 0 0 0 ; display:inline;}
#access a { display:block; 	font:0.875em ;outline:none;color:#f2ebeb;text-decoration:none; height:2.813em; padding:0.125em  1em 0 1em; font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px;
 }

#access ul ul {
	display:none;
	position:absolute;
	top:4.688em;
 	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 30%; min-width:400px; overflow:hidden;
	z-index: 99999;background:#969499 url(images/bg.png); margin:0 ;padding:0;

	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}



#access ul ul li { 	width:100%;min-width: 180px;	height:auto !important;  margin:0 0 0 1em;	 }
#access ul ul ul { 	left:100%; 	top:0;}
#access ul ul a {  font-size:0.75em ; 	 color:#fff !important; 	height:auto !important; 	line-height:0.875em; 	 	padding :1em 0 1em 1em; 	width: 100%;margin:0px;	}

#access li:hover > a  { 	 color:#fff !important;    }

#access .sub-menu li:hover > a  {  	   color:#fff !important; background:#f09745  ;width: 100%;margin:0px;	  }

#access ul li:hover > ul { 	display:block;}
/*#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {  color:#fff !important; background:#f09745; }

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { 	color:#fff;background:#f09745 ;}*/

.secondlevel{   font-weight:bold; }
.thirdlevel{  font-size:.75em;margin:-10px 0 0 0;text-transform:none ;font-weight:lighter;}

#access .sub-menu li.current_page_item > a,
#access .sub-menu li.current-menu-ancestor > a,
#access .sub-menu li.current-menu-item > a,
#access .sub-menu li.current-menu-parent > a {  color:#fff !important; }



 /* home content */


/*   jQuery FlexSlider v2.0  */


  /* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;}
*/.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}



/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px;   position: relative;  zoom: 1;}
.flex-viewport {max-width:1250px;   -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 70%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 1em; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


 #bigad-outer{ width:100%;    height:360px;   padding: 0; margin:  0 0  0 0 ;    display:block;clear:both;z-index:5;   }

 #bigad-holder{ width:100%;    height:300px;  background: #e75724  url(images/bg.png) ;position:relative;  padding: 0; margin:  0 0  0 0 ;    display:block;clear:both;z-index:5;   }
 #bigad{ width:95%;  max-width:1250px;     background: transparent  ;position:relative;  padding: 0; margin:  0 auto ;   display:block;clear:both;z-index:6;   }
.ad-leftcolumn{width:50%;   max-width:1050px;     background: transparent ;display:block;float:left;z-index:2;margin:0 0 0 2%;}
 .ad-head h2{ color:#fff;font-size:2.5em;line-height:1em; display:block;  }
  .ad-subhead h3{ color:#fff;font-size:1.000em;line-height:1.625em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif;   padding: 0; margin:  0  ;   }

 .ad-rightcolumn{ width:44%;  max-width:1050px;max-height:400px;float:right;margin: 0 2% 0 0;z-index:3;display:block;}
 .slider-exmp{margin-top:1%; float:right;display:block; width:420px;height:420px;}

.learnmore-btn { margin-top:4%;width:116px!important;height:36px; }


#recentprojects-wrapper { width:90%; min-width:320px; max-width:1250px;     background: transparent  ;    padding: 0; margin:  0 auto ;  display:block;    }



.recentprojects-proj {
list-style-type: none;
margin: 0;
padding: 0;
}




.recentprojects-proj li   {
width:23%;  display:block;float:left;margin:0 1%   ;
background:#fff;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0;
	overflow: hidden;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}

.recentprojects-proj li a {              position: relative;            background: transparent ;display:block; z-index:2; text-decoration:none;}
.recentprojects-proj li a img {     width:100%;height:auto;}

.recentprojects-proj li a span {                 display: none;             }
.recentprojects-proj li a:hover span {  	 display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: transparent url(images/thumb_spanBG.png);  }





.caption h3 {
color: #fff; font-size:1.5em; line-height:1em;font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; letter-spacing:1;text-transform:uppercase;
	margin: .5em .250em 0 .5em;

	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
	text-align: left;
	cursor: default; color:#fff; font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;
 letter-spacing:1;text-transform:uppercase; text-decoration:none;
 }

 .caption p {
	font-size: .7em;
 	padding:  .1250em .1250em 0 2.5em;

	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
	text-align: left;
	cursor: default;   font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;
 letter-spacing:1;text-transform:uppercase;
 }




#recentprojects-wrapper h4{ margin:5px 0px 0px 0px;padding:0px;}


 #homecontent-wrapper { width:90%; min-width:320px; max-width:1250px;     background: transparent  ;  padding: 0; margin:  0 auto ;  display:block;    }
 .hm-service-index {width:48%;   margin:1%; padding:0; background:#c8c8ca url(images/bg.png); display:block; float:left; z-index:2;-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 	overflow: hidden;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}


 .hm-service-index p  { display:block;   margin:0 2em 0 2em;}

.home .hm-service-index p { display:none;}
 .hm-service-thumb {width:100%;  height:auto;display:block; 	padding: 0px ; margin:1em auto;
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
 -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}

 .hm-service-index h2 { font-size:1.813em;margin:0 0 0 1em;}
 .hm-service-index h3 { font-size:1.188em;color:#969499;text-transform:uppercase;margin:0 0 .5em 1.625em;}

  .hm-service-index ul , .contentEmp ul{   padding:0;margin:0 0 0 1em;}

 .hm-service-index li, .contentEmp li{  color:#19222a;font-size:1.000em;line-height:1.625em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif; list-style:none;margin:0 0 .5em 1em;padding:0;}
 .hm-service-index li a {  color:#19222a;}
  .hm-service-index li a:hover {  color:#e85724; }



/* footer */

#footer-calltoaction{ width:100%;  min-width:300px; max-width:1250px; background: transparent  ;position:relative;  padding: 0; margin:  25px auto ;   display:block;clear:both;text-align:center; }
 #footer-calltoaction h2{font-size:2.250em;margin:0px;padding:0;line-height:1em; }
  #footer-calltoaction h3{  color:#2d3032;font-size:1.500em;line-height:1.500em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif;  margin:0;padding:0;font-weight:100;}
    #footer-calltoaction h3 a{  color:#2d3032; }
    #footer-calltoaction h3 a:hover{  color:#f27a39; }
   #footer-calltoaction h4{  color:#f27a39;font-size:1.875em;  }
.cta-label{  color:#2d3032;font-size:.700em; }


 #footcontainer {	 padding: 0; background: #182028   ; margin: 0 ;	width:100%;  min-height:120px;}

#footer{width:95%; min-width:320px;max-width:1300px;margin:  0 auto ; padding: 0;}

 #footmenu{width:40%; min-width:320px;max-width:700px;margin:  0  ; padding: 0; 	display:block; 	float:left;margin:25px 0 0 0px ;}
#footmenu .menu-header,
#footmenu .menu-header ul,
div.menu ul { 	list-style: none; 	margin: 0px 0 0 0 ;}
#footmenu .menu-header li,
div.menu li {  float:left;margin:0 10px 0 0 ; display:inline;}
#footmenu a { display:block; 	font-size:0.813em ;outline:none;color:#646466;text-decoration:none;  padding:2px 5px ; font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:0px;  }
#footmenu ul ul { 	display:none;  }

#footmenu li:hover > a  {color:#fff;  }

#footlogo {width:23%;	min-width: 225px; height:70px;display:inline;  padding: 0;	  margin:0px auto;float:left; }
 #footlogo h1 a { display:block; width:100%;	min-width: 225px; height:70px;background:transparent url( images/biglogo.png) no-repeat  ; background-position:right; text-indent:-9009px;  margin: 0 auto;padding:0px}

#copyright   {	 width:34%; min-width:320px;max-width:700px;float:right;margin:30px 0 0 0px ; }

#copyright p {  text-align:right; display:block; 	font-size:0.750em ;outline:none;color:#646466;text-decoration:none;  padding:0px ; font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:0px;}


#hometowns{ width:100%;display:block; min-height:75px;clear:both;margin:2em 0 0 0;}
#hometownmap{ width:10%;display:block; float:left;}
#hometownmap img{  display:block; float:right;}
 #hometowntext{  width:85%; display:block; margin:10px 0 0 5px;float:left;}

 #hometowns p{   font-size:.7em;line-height:1.5em;color:#646466; }

/* single page */
 .postMeta { font:10px Arial;margin-bottom:5px;color:#999; }
  .postMeta span.date { padding:0 2px 0 0; }
 .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
  .postMeta span.comments a,
  .postMeta span.date a{ color:#999; }
.post.single { line-height:1.4em;  padding:0px 3px; }
/*
.post.single .entry {   line-height:24px; padding-bottom:25px;width:100% ; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:4px solid #999; }
.post .entry a:hover img { border-color:#eee; }
.post.single h3 {   }
.post.single p { margin: 1em 0; } */
 .post.single p strong { font-weight: bold; }

.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li, .entry ul li { margin: 0; color: #666; line-height: 1.4em; font-size:1.175em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif;}



 #post-2{width:260px;}






/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:0.750em; margin:3px 0; padding:0; }

ol.commentlist h5 small { display:block; }
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }



/* form */
 .contact-form {width:95%; max-width:450px;  margin: 1% 1% 3% 1%; padding:2% 0 0 3%; background:#c8c8ca url(images/bg.png); display:block;  z-index:2;-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 	overflow: hidden;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}

  input, textarea{width:95%;margin:0 auto;     padding: 5px 3px;
 }
INPUT.wpcf7-form-control.wpcf7-quiz{width:100px;}


#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }
 .wpcf7 img{max-width:16px;max-height:16px;}
  INPUT.wpcf7-form-control.wpcf7-submit{ margin:0;width:116px;height:36px;  background: #e75724  url(images/bg.png) ;  display:block; 	font-size:1.25em ;outline:none;color:#f2ebeb;text-decoration:none;   font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px;border:0px hidden;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0;
	overflow: hidden;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}


 /*--subpages --*/
 #subpage-wrapper {  width:100%;  margin: 0 0 0 0  ; padding: 0;display:block;clear:both; }
   #subpagehead-bar   {  width:100%;   min-height:10em;  background: #e75724  url(images/bg.png) ;position:relative;  padding: 0; margin:  0 auto ;
    display:block; z-index:1;
  }
  #subpagehead   { width:90%;  margin:  0 auto ; padding: 2em 0 0 0 ;text-align:center; }
  #subpagehead h2 {color:#ecf7fa;font-size:2.500em;text-transform:uppercase; line-height:1.1em; letter-spacing:.09em; margin:    0 0  0;   padding: 0 0 0 0 ; }
    #subpagehead h3 {color:#fff; font-size:1.20em;line-height:1.625em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif; list-style:none;margin:0;padding:0;}
    #subpagehead h3 a {color:#fff; }
    #subpagehead h3 a:hover {color:#f09745; }

   #subpage-content-holder{width:95%; min-width:280px;max-width:1500px; min-height:600px;margin:  0 auto ; padding: 0 1% 0 1%;display:block; }
 #subpagecontentmain{width:48%;  padding: 0 ; background:transparent;float:left;margin:1% 1% 0 1% ;display:block;}
 #subpagecontentmain p {   padding: 0 ;  margin:0 ; }

    #pages_second_column{width:48%;  padding: 0 ; background:transparent;float:left;margin:1% 1% 0 1% ;display:block;}

      #pages_second_column img { width:100%;height:auto;}

    #bloghead   { width:85%; min-width:320px;max-width:1300px; height:85px; margin:  0 auto ; padding: 0 0 0 0 ; }
    #bloghead h2 {color:#ecf7fa;font-size:32px;text-transform:uppercase; line-height:32px; letter-spacing:.09em; margin:  0  0 0  0;   padding: 10px 0 0 0 ; }

  #page_third_column{width:100%; }
.contentEmp   {width:22%;  min-height:400px; margin:1% .5%; padding: 1% 1% 0 1%;   background:#c8c8ca url(images/bg.png); display:block; float:left; z-index:2;-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 	overflow: hidden;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}
/*  .contentEmp p{ display:block;   margin:0 1.5em 0 1.5em;}
*/
  .contentEmp h4{ font-size:1.188em; text-transform:uppercase;margin-bottom:.5em; }

 .wp-caption-text{ width:155px ;position:relative;top:-120px;left:20px;color:#fff;font-weight:bold;font-size:12px;line-height:12px;}
 a.ssb img {border:0px;}


 #blogindexcontentmain{ width:70%;  padding: 0 ; background:transparent;float:left;margin:0.833em 1.6em 0px 0;display:block;}
 #blogindexcolumn2{ width:25%;  padding: 0 ; background:transparent;float:left;margin:0.833em 1.6em 0px 0;display:block;}
 .blogindexpost{width:100%;  padding: 0 ; background:transparent; margin:0.833em  1.6em 0px 0;display:block;}
 .blogindexthumb{ width:20%;  padding: 0 ; background:transparent;float:left;margin:0.833em 1.6em 0px 0;display:block;}
  .blogindexthumb img{ width:100%;height:auto;}

  .blogindexexcerpt{ width:70%;  padding: 0 ; background:transparent;float:left;margin:0 1.6em 0px 0;display:block;}


/* sidebar related */
#subpagesidebar {width:15%; float:left;   padding: 0;	  margin:1em 0 0 0; }





/***********************************************************************************

Portfolio

************************************************************************************/

   #portfolio-content-holder{width:100%;  min-height:600px; margin:  0   ; padding: 0; }

  #portfolionavbar {width:100%;  min-height:3em; 	  margin:0; background:#d4d4d8 url(images/bg.png);display:block;}
 #portfolionavbar h2 {    padding: 0;	  margin:0; font-size:1.800em;line-height:.8em;}
 #portfolionavbar h3 {    padding: 0;	  margin:0; color:#969499;text-transform:uppercase;font-size:1.200em;line-height:.8em;}



#portfoliokey {width:125px;  padding: 0;	  margin:0 1em 0 1em;float:left; }


.portfolioprojects {         list-style-type: none;         margin: 0;         padding: 0;     }

 #portfoliocontentmain{width:1000px; padding: 0 ; background:transparent; margin:  1em auto;display:block;}

ul.filterable-grid li {list-style:none;
width:225px; height:140px;
	float:left;  }

.portfolioprojects li   {
 display:block;
float:left;
margin:10px   ;
background:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
 overflow: hidden;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}

   .portfolioprojects  li a {              position: relative;            background: transparent ;display:block; z-index:2; text-decoration:none;}
   .portfolioprojects li a img {     width:100%;height:auto;}

   .portfolioprojects  li a span {                 display: none;             }
   .portfolioprojects  li a:hover span {  	 display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: transparent url(images/thumb_spanBG.png);  }







.clickfordetails{color:#bcbabf;font-size:.4em;text-align:center;}

/* Filter Styling */
ul.filter ul {   margin:0;padding:0;}
ul.filter li { list-style:none;margin:.875em 1em 0 0;padding:0.063em 0.375em ;	float:left;  background:#a4a4a5 url(images/bg.png);  border-top-left-radius: 4px; border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }
 ul.filter li a {  color:#fff;font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;  font-size: 1em;text-transform:uppercase;text-decoration:none;letter-spacing:1;padding:0;margin:0}



 #relatedpostsholder{width:100%;     margin:0; background:#d4d4d8 url(images/bg.png);display:block;}

 #relatedposts{width:90%;  padding: 1em;	  margin:0 auto; background:transparent;display:block;}
  #relatedposts h2{ 	  margin:0  ;padding: 0;}

   #relatedposts ul {         list-style-type: none;         margin: 0;         padding: 0;     }

   #relatedposts ul li   {background:#fff;         padding:.3em;    border-top-left-radius: 4px;   border-top-right-radius: 4px;   border-bottom-right-radius: 4px;   border-bottom-left-radius: 4px;   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);width:20%; min-width:120px; height:auto;float:left;display:inline;margin:2% 2% 2% 0%;}
      #relatedposts ul li img  {width:100%;height:auto;}

  #portfoliosingle-nav{width:95%; padding: 0 ; background:transparent; margin:  0 auto ;display:block;}

#portprev  {   width:20%;height:3em; 	 		float:left; display:block;background:transparent;margin:.5em 0 0 0; }
  #portprev a {  width:5em; display:inline; padding:0 .375em .063em .375em;		text-align:center;  background:#a4a4a5 url(images/bg.png);  border-top-left-radius: 4px; border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;color:#fff;font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;  font-size: 1em;text-transform:uppercase;text-decoration:none;letter-spacing:1;}

#portnext  {   width:20%;	height:3em; 	 text-align:right; display:block;float:right; margin:.5em 0 0 0; }
  #portnext a {  flight:right; width:4em;  display:inline;padding:0 .375em .063em .375em;		text-align:right;  background:#a4a4a5 url(images/bg.png);  border-top-left-radius: 4px; border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;color:#fff;font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;  font-size: 1em;text-transform:uppercase;text-decoration:none;letter-spacing:1;}

#portback  {    width:60%;	height:3em; 	text-align:center; display:block;float:left;margin:.5em 0 0 0; }
  #portback a {margin:0 auto;width:9em; display:inline; padding:0 .375em .063em .375em;	text-align:center;  background:#a4a4a5 url(images/bg.png);  border-top-left-radius: 4px; border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;color:#fff;font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif; font-weight:100;  font-size: 1em;text-transform:uppercase;text-decoration:none;letter-spacing:1;}


   #projectdetail_col1{width:40% ;display:block;float:left;margin: 2% 0% 0% 0%;padding:0;}
   #projectdetail_col1 img{width:100% ;height:auto; 	-moz-border-radius: 8px;
	border-radius: 8px;

 ;}

  #projectdetail_col2{width:40% ; display:block;float:left;margin: 1% 0 0 2%;padding:0;}
    #projectdetail_col3{width:14% ; display:inline;float:left;margin:1% 0 0 2%; padding:0;}
	    #projectdetail_col3 h2{line-height:1em;}

#projectdetail_col3 ul{  margin:0;padding:0;margin:0 0 0 3px;}

#projectdetail_col3 li{  color:#666;font-size:.80em; font-family:serifa_std45_light, Arial, Helvetica, sans-serif; list-style:none;margin:0 0 .625em 0;padding:0; text-transform:uppercase;}



.content_black{width: 90%;max-width:1000px;
	padding: 0px;background:#000 ;  margin:0 auto;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
 overflow: hidden;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);}



.portmain_content{ width:60%;max-width:650px; float:left; margin:1em .8em ;
}
.portmain_content img{ width:100% ;height:auto;}

 .projectdescription{width:33%;float:left; margin:1em .8em .3em 0 ;}
 .projectdescription p{ color:#999;
}
 .projectdescription h3{   color:#CCCCCC; margin:.5em 0 0 0;
}

#beforebhd {width:100%;    background: #ccc  ;position:relative;  padding: 0; margin:  25px auto ;   display:block;clear:both;text-align:center;opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */ }

#beforebhd h2{font-size:2.250em;margin:0px;padding:0;line-height:1em;color:#A0A0A1; }
#beforebhd h3{  color:#2d3032;font-size:1.500em;line-height:1.500em;font-family:serifa_std45_light, Arial, Helvetica, sans-serif;  margin:0;padding:0;font-weight:100;}
#beforebhd h3 a{  color:#2d3032; }
#beforebhd h3 a:hover{  color:#f27a39; }

#beforebhd p{  max-width:1100px;margin:0 auto}


/*  woocommerce mods */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#e2571e !important;

background-color:#e2571e !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#e2571e !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:red !important;

background-color:#e2571e !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#e2571e !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #e2571e !important;

color:white !important;

text-shadow: transparent !important;

border-color:#e2571e !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #e2571e !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#e2571e !important;

}

/* #Media Queries
================================================== */





@media screen and (min-width:1300px){
    #portfoliocontentmain{width:1200px;  }
        ul.filterable-grid li {  width:280px; height:176px;  }

}

@media screen and (min-width:1600px){
body {  font-size:110%;         }

    #portfoliocontentmain{width:1550px;  }
        ul.filterable-grid li {  width:280px; height:176px;  }


}

@media screen and (min-width:1900px){
body {  font-size:120%;         }

    #portfoliocontentmain{width:1720px;  }
        ul.filterable-grid li {  width:320px; height:220px;  }

	}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 966px) {
  	   #globalnav-holder    {  height:65px;   }


body {  font-size:80%;         }

 #logo {width: 46px; height:60px;display:block;  padding: 0;	  margin:2px 0px  ;float:left; }
  #logo h1  { line-height:0px;}

 #logo h1 a { display:block; 	   text-indent:-9009px;  margin: 0 0 0 20px;padding:0px}

  #mobilenav ul   { display: none ;}
nav .menu-header select {
display: block;
background: url('images/select-arrows.png') no-repeat scroll right center #e85724;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 1px 10px 2px 10px;
margin: 15px 10px  0 0px ;
border: 1px solid #e85724;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 40%; color:#F1F9FC;
position:absolute;
top:3px;
right:3px;
font-family:TeXGyreAdventorBold, Arial, Helvetica, sans-serif;
}


#bigad{ width:100%;    padding: 0 0 0 0 ;  margin:0 auto  ;  }



#copyright   {	 width:320px;  	 clear:both;	float:none;display:block;  margin:  0 auto ;}
#copyright p  {	  text-align:center; 	 }

    #portfoliocontentmain{width:800px;  }
 ul.filterable-grid li {  width:180px; height:112px;  }

}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		body {  font-size:90%;         }

	  #portfoliocontentmain{width:700px;  }
 ul.filterable-grid li {  width:210px; height:132px;  }
 /* footer */

 #footmenu{ width:480px;  padding: 0; 	 clear:both;	float:none;display:block; 	margin:  0  auto ;text-align:center;}
 #footmenu a {   	font-size:1.25em ;   }

#footlogo {width: 225px; height:70px;display:block;  clear:both;	float:none;margin:  0 auto 2em auto;}
     .contentEmp   {width:46%;  min-height:250px; margin:1%}

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
 .ad-leftcolumn{width:40%;    }
  .slider-exmp{ width:380px;height:380px;}


    }

	/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	body {  font-size:80%;         }
  	   #globalnav-holder    {  height:65px;display:block;overflow:hidden;   }


 /* Navigation */
  	   #hide-globalnav , #floatingbar-holder {display:none;}


 #mobilenav       { width:95%;   height:65px;  background: #182028 /* url(images/navbg.png)0 0 repeat-x*/ ;  padding: 0; margin:  0 auto  ;z-index:20;display:block;}


	 .ad-leftcolumn, .ad-rightcolumn{ width:90%;float:none;clear:both;margin:0 auto;  }
 .slider-exmp{margin:0 auto; margin-top:1%; float:none;display:block; width:100%;height:auto;}
 .recentprojects-proj li   { width:46%;   margin:1%; }

  	 .home .hm-service-index  { width:90%;float:none;clear:both;margin:1em auto; display:block;  }
	    	  .hm-service-index  { width:90%;float:none;clear:both;margin:0em auto 1em auto; display:block;  }
		   #subpagehead-bar   {      min-height:5em;   }

	    #subpagehead   {   padding: .625em 0 0 0 ; }
		  #subpagehead h2 {    padding: 0 0 .5em 0 ; }

	    #subpagehead h3  {   display:none; }

	   #subpagecontentmain{width:100%;float:none;}
    #pages_second_column{width:100%;float:none;}
      #pages_third_column{width:100%;float:none;}

	  	   #subpagecontentmain img{max-width:280px;}
.contentEmp{min-height:100px;}
#portfoliokey {width:80px;  	  margin:0 0em 0 .7em;  }
 	  #portfoliocontentmain{width:320px;  }
 ul.filterable-grid li {  width:280px; height:176px;  }
 .recentprojects-proj li a:hover span,   .portfolioprojects  li a:hover span {                 display: none;            }
     #projectdetail_col1{width:90% ;display:block;float:none;margin: 2% auto 0 auto;padding:0;}
    #projectdetail_col2{width:70% ; display:block;float:left;margin: 0% 0 2% 2%;padding:0;}
    #projectdetail_col3{width:25% ; display:block;float:left;margin:0% 0 2% 2%; padding:0;}


.portmain_content{ width:90% ;display:block;float:none;margin: 2% auto 0 auto;padding:0;}
   .projectdescription{width:90% ;display:block;float:none;margin: 2% auto 0 auto;padding:0;}

   .contentEmp   {width:90% ;display:block;float:none;margin: 2% auto 0 auto; }

   #blogindexcontentmain, #blogindexcolumn2, .blogindexthumb,  .blogindexexcerpt{ width:100%;  float:none; }


/* footer */

 #footmenu{ width:320px;  padding: 0; 	 clear:both;	float:none;display:block; 	margin:  0  auto ;text-align:center;}

#footlogo {width: 225px; height:70px;display:block;  clear:both;	float:none;margin:  0 auto 2em auto;}

 #footmenu a {   	font-size:.8em ;   }

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

  .flex-direction-nav a { top: 30%;  }
   #bigad-outer{    height:500px;       }
    #bigad-holder{      height:420px;     }

.slider-exmp{ width:280px;height:280px;}

     }



	/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
  	body {  font-size:70%;         }

 /* Navigation */

  	   #hide-globalnav , #floatingbar-holder {display:none;}

#mobilenav       { width:95%;  height:65px;   background: #182028 /* url(images/navbg.png)0 0 repeat-x*/ ;  padding: 0; margin:  0    ;z-index:20;display:block;}

		   #subpagehead-bar   {      min-height:10em;   }
		   		  #subpagehead h2 {    padding: 0 0 0 0 ; }

		#subpagehead h3  {   display:block; }

  .slider-exmp{margin:0 auto; margin-top:4%; float:none;display:block; width:70%;height:auto;}

	 .ad-leftcolumn, .ad-rightcolumn  { width:90%;float:none;clear:both;margin:0 auto; display:block;  }
  .hm-service-index {width:46%;   clear:none; float:left; margin:1%; }
	  #portfoliocontentmain{width:480px;  }
 ul.filterable-grid li {  width:210px; height:132px;  }

 .portmain_content{ width:90% ;display:block;float:none;margin: 2% auto 0 auto;padding:0;}
   .projectdescription{width:90% ;display:block;float:none;margin: 2% auto 0 auto;padding:0;}
     #blogindexcolumn2,   .blogindexexcerpt,    .blogindexthumb{ width:100%;  float:none; }
 #blogindexcontentmain{ width:80%;  float:none;margin:0 auto; }
   .contentEmp   {width:46%;float:left; min-height:250px;  margin:1%}


 /* footer */

 #footmenu{ width:390px;  padding: 0; 	 clear:both;	float:none;display:block; 	margin:  0 auto   ;text-align:center;}
  #footmenu a {   	font-size:1.25em ;   }

#footlogo {width: 225px; height:70px;display:block;  clear:both;	float:none;margin:  0 auto 2em auto;}

     .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

#bigad-outer{    height:540px;       } .slider-exmp{ width:380px;height:380px;}

   }