@import url("reset.css");
@import url("iconize.css");
/*-----------------------------------------------------------------------------------*/
/*	1.	Defaults
/*	2.	Header & Nav
/*	3.	Footer
/*	4.	Main Content Area
/*	5.	Home Page
/*	6.	Banners
/*	10.	Random Classes
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	Defaults
/*-----------------------------------------------------------------------------------*/
@charset "UTF-8";

fieldset, a img  { border:0; }
a { text-decoration:none; color:#333; overflow: hidden;}

body { font:13px/1.5em 'Open Sans',Arial,sans-serif; background:#FEFEFE; }

#page-mid { background:#FEFEFE url('../imgs/body_bg.jpg') repeat-x; overflow:hidden; min-height:335px;  padding:0 0 80px;}
.inner-wrap { width:980px; margin:0 auto; }
.inner-wrap a { position:relative; }
.inner-wrap a:active { top:1px; }

h1 { color:#23497A; font-size:32px; margin:5px 0 25px; padding:20px 0 25px; background:url('../imgs/hr.png') bottom center no-repeat; }
h2 { color:#23497A; font-size:28px; }
h3 { color:#23497A; font-size:20px; }
h4 { color:#23497A; font-size:14px; }
strong { font-weight:bold; }
p { margin:0 0 1.5em 0;}


/*-----------------------------------------------------------------------------------*/
/*	2.	Header & Nav
/*-----------------------------------------------------------------------------------*/

#page-header { height:136px; background:url('../imgs/header_bg.jpg') repeat-x;  }
#page-header .inner-wrap { position:relative; height:136px; }
#page-header #logo { position:absolute; top:34px; left:0; }
#page-header #navright { position:absolute; top:25px; right:0; width:100%; }

#page-header #contact-wrap { float:right; }
#page-header #contact-wrap .tel-ico { float:left; border-right:1px #7A7A7A solid;  margin:0 20px 0 0;  }
#page-header #contact-wrap .email-ico { float:left; }

.tel-ico { background:url('../imgs/tel_ico.png') no-repeat; padding:0 20px 0 55px;  }
.tel-ico span { display:block; color:#85AE14; }
.email-ico { background:url('../imgs/email_ico.png') no-repeat; padding:0 0 0 65px;  }
.email-ico a { display:block; color:#85AE14; background:none !important; padding:0; }


#page-header ul.nav { position:absolute; right:0; top:68px; clear:both; }
#page-header ul.nav li { float:left; }
#page-header ul.nav li a { display:block; line-height:39px; height:39px; background:url('../imgs/nav.png') repeat; color:#fff; text-transform: uppercase; padding:0 10px; margin-left:3px; }
#page-header ul.nav li a:hover { opacity:0.7; }
#page-header ul.nav li a.active { background:#379919 url('../imgs/nav_active.png') repeat; }
#page-header ul.nav li a.active:hover { opacity:1;}
#page-header ul.nav li a { border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; }


/*-----------------------------------------------------------------------------------*/
/*	3.	Footer
/*-----------------------------------------------------------------------------------*/

#footer { color:#fff; }
#footer h3 { color:#fff; margin:0 0 30px; }
#footer .fleft { width:650px; }
#footer .fright { width:310px; }
#footer-top { background:#075792; padding:40px 0; }
#footer-top .tel-ico { background-position:6px 0; margin-bottom:20px; padding:0 0 0 65px; }
#footer-top .fleft ul { }
#footer-top .fleft ul li { background:url('../imgs/footer_bullet.jpg') no-repeat; height:20px; line-height:20px; width:28.3%; padding-left:5%; float:left; margin:5px 0; }
#footer-top .fleft ul li a { color:#fff; }
#footer-top a:hover { text-decoration: underline; }
#footer-btm { background:#054573; padding:20px 0; }
#footer-btm .fright { text-align:right; line-height:29px; height:29px; }
#footer-btm .fright a { float:right; color:#fff; height:29px; line-height:29px; float:irght; }
#footer-btm .fright span { float:left; height:29px; line-height:29px; display:inline-block; }
#footer-btm .fright img { float:left; margin-left:3px; height:29px; line-height:29px; }
.addsubcolor { color:#85AE14; }

ul#footer-links-wrap { clear:both; margin:45px 0 0; height:145px; background:#FAFAFA; box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); width:32.9%; border:2px #fff solid; width:100%; }
ul#footer-links-wrap { border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; }
ul#footer-links-wrap li { width:33%; height:145px; float:left; background:url('../imgs/footer_item_texture.jpg') repeat-y; }
ul#footer-links-wrap li#item1 { border-right:1px #fff solid; }
ul#footer-links-wrap li#item2 { border-left:1px #ccc solid; border-right:1px #fff solid; }
ul#footer-links-wrap li#item3 { border-left:1px #ccc solid; }
ul#footer-links-wrap li .inner { padding:15px 0 0 25px; position: relative;  height: 103px;}
ul#footer-links-wrap li .inner h3 { margin-bottom:10px; color:#1D8FB4; }

ul#footer-links-wrap li#item1 p{ width:150px; }
#footer-links-wrap .btn { bottom:-13px;  left: 21px; position: absolute;}

/*-----------------------------------------------------------------------------------*/
/*	4.	Sub Page Content Area
/*-----------------------------------------------------------------------------------*/

#subcontent {width:695px; position: relative; margin:20px 0 0; }
#subnav { width:233px; position: relative; margin:20px 0 0;  }
h1#pageTitle { margin:15px 0 25px !important; }
#subcontent h1 { background:none; padding:0 !important; margin:10px 0 25px !important; line-height: 37px; }
#subcontent ul { margin-left:5px; margin-bottom: 30px; }
#subcontent li { background:url("../imgs/arrow.png") no-repeat 0 4px; padding-left:15px; margin:5px 0; }

#two-column-left { width:575px; float:left; }
#subcontent #two-column-left { width:320px; float:left; }
#two-column-right { width:335px; float:right; }

/*-----------------------------------------------------------------------------------*/
/*	5.	Sub Nav
/*-----------------------------------------------------------------------------------*/

#subnav { width:238px; position: relative;  min-height:400px; background:url('../imgs/vr.png') top right no-repeat; }
#subnav h3 { padding:0 0 20px 0; margin:10px 0; }
.subnavright h3 { font-size: 32px; border-bottom: 1px solid #CCCCCC; padding:0 0 20px 8px !important; margin:0; }
#subnav ul#lnav {width: 100%;  margin:0 0 40px 0; position:relative; }
#subnav ul#lnav li { list-style:none; background:url('../imgs/arrow.png') left center no-repeat; padding-left:18px; margin-bottom:10px; }
#subnav ul#lnav li a { font-size:13px;  }
#subnav ul#lnav li a:hover { text-decoration: underline; }
#subnav ul#lnav li ul { margin:0 10px 10px; overflow:hidden; }
#subnav ul#lnav li ul li { border:0; padding:3px; }
#subnav ul#lnav li ul li a {padding:0; font-size:12px;}
#subnav ul#lnav li.active a { color:#319900; }
#subnav img { margin:15px 0; }

/*-----------------------------------------------------------------------------------*/
/*	6.	Home Page
/*-----------------------------------------------------------------------------------*/


#homeWrap h1 { }
#homeWrap img { box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); padding:10px; margin-left:50px !important; }
#homeTemplate #homeWrap h1 { padding:0; margin:0; background:none; }

.column-wrap { width:100%; margin:40px 0 60px; padding:0 0 60px; background:url('../imgs/hr.png') bottom center no-repeat; }
.column-wrap .col { min-height:320px; width:33.3%; float:left; background:url('../imgs/vr.png') right center no-repeat; }
.column-wrap .col h2 { margin:20px 0; font-size:22px; }
.column-wrap .col ul { margin:35px 0; padding:0; }
.column-wrap .col ul li { list-style:none; background:url('../imgs/arrow.png') left center no-repeat; padding-left:18px; margin-bottom:10px; }
.column-wrap .col ul li a:hover { text-decoration: underline; }
.column-wrap .middle { width:29%; padding-left:4%; }
.column-wrap .last { background:none; width:29%; padding-left:4%; }

.btn-prev,
.btn { box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); border:2px #fff solid; background:url('../imgs/btn.jpg') repeat; line-height:34px; height:34px; padding:0 10px; display:inline-block; }

.btn-prev a { color:#319900; background:url('../imgs/prev.png') left center no-repeat; padding-left:25px; }
.btn a { color:#319900; background:url('../imgs/arrow.png') right center no-repeat; padding-right:25px; }

.btn:hover {  }


#homeProject { }
#homeProject ul { margin:0; padding:0; }
#homeProject li { margin:0; padding:0; background:none; }
#homeProject #projectFrame { display:block; background:#fff; box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); padding:10px; height:140px; overflow: hidden; }
#homeProject #projectFrame a { display:block; height:140px; overflow: hidden; }
#homeProject img { width:100%; border:0; }
#homeProject h3 { margin:15px 0; font-style:italic; color:#319900; }
#homeProject h3 a { color:#319900;  } 

#homeProject .btn { width:35%; padding:0 5%; }
#homeProject .btn a { width:100%; padding:0; display:block;  }

.slide .btn { position:absolute; bottom:136px;}

#homeProject #projectFrame,
#homeWrap img,
.btn, .btn-prev { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; }

.hr { clear:both; background:url('../imgs/hr.png') center no-repeat; width:100%; height:8px; margin:25px 0; }

/*-----------------------------------------------------------------------------------*/
/*	6.	Banners
/*-----------------------------------------------------------------------------------*/

#homeSlideshow { overflow: hidden; clear:both; width:100%; position:relative; margin:0; height:425px; background:url('../imgs/banner_bg.jpg') center top no-repeat; }
#homeSlideshow .slide { width:100%; height:425px; position:relative; }
#homeSlideshow .slide div { position:relative; left:0; top:60px; width:740px; }
#homeSlideshow .slide div img { margin:20px 0; }
#homeSlideshow .slide div h4 {  font-size:24px; color:#166EAD;  margin:0; }
#homeSlideshow .slide  a {  }
#homeSlideshow .slide a.main { position:absolute; right:0; }

#homeSlideshow .po {bottom: 58px; position: relative; margin: 0 auto; width: 151px; hieight:17px; text-align: center;}

#homeSlideshow .pl {background:url('../imgs/pl.png') center top no-repeat; width:17px; height:32px; display:block; float:left;}
#homeSlideshow .pr {background:url('../imgs/pr.png') center top no-repeat; width:17px; height:32px; display:block; float:right;}
#homeSlideshow #foo2_pag {background:url('../imgs/pm.png') repeat; float: left; position: relative; width: 117px; height:32px; }
#homeSlideshow #foo2_pag a {background:url('../imgs/bullet1.png') repeat; float: left; position: relative; width: 22px; height:32px; margin:0 2px ; }
#homeSlideshow #foo2_pag a span { display:none;}
#homeSlideshow #foo2_pag a.selected {background:url('../imgs/bullet2.png') repeat;}

#slideshow { width:100%; position:relative; margin:0; height:233px; overflow:hidden; margin:0; }
#slideshow .slide { width:100%; height:233px; }
#slideshow .slide img { border:0; width:100%;}

.slideshow_hr { margin:5px 0 30px !important; padding:0 !important;  }

.html_carousel {}
.html_carousel div.slide {position: relative;}	
.html_carousel div.slide img {	}
.clearfix {	float: none;	clear: both;}

.html_carousel .paginationWrap { position:absolute; bottom:0; width:100%; z-index: 100; text-align:center; height:29px; }
.html_carousel .pagination {  background:#FFF; display: inline-block !important; height:29px; }
.html_carousel .paginationLeft,
.html_carousel .paginationRight { display:inline-block; position:relative; width:16px; height:29px; background-image:url('../imgs/paging_bg.png'); background-repeat:no-repeat;  }
.html_carousel .paginationLeft { background-position:left top; left:4px;  }
.html_carousel .paginationRight { background-position:right top; left:-4px;  }
.html_carousel .pagination a { position:relative; z-index:100;	background:url(../imgs/paging.png) no-repeat -23px 0;	width:23px; height: 27px; margin:2px 2px 0 2px; display: inline-block;}
.html_carousel .pagination a.selected { background-position:0 0; cursor: default; }
.html_carousel .pagination a span { display: none;}


/*-----------------------------------------------------------------------------------*/
/*	7.	List Items
/*-----------------------------------------------------------------------------------*/

ul#listItems { margin:10px 0; padding:0; list-style:none;  }
ul#listItems li { clear:both; list-style:none;    margin: 27px 0 0; padding: 26px 0 0; border-top:1px #ccc solid; overflow:hidden; }
ul#listItems li .title-wrap { margin-bottom:25px; }
ul#listItems li  h2 { font-size:18px;  margin:0 0 10px; }
ul#listItems li .title-wrap h3 { font-size:12px; }
ul#listItems li .txt-wrap { width:450px; float:left; }
ul#listItems li .tn-img-wrap { width:160px; height:160px; margin:0 30px 20px 0; float:left; overflow:hidden; background:#ddd;  }
ul#listItems li .img-wrap { width:200px; height:160px; margin:0 30px 20px 0; float:left; overflow:hidden; background:#ddd; }
ul#listItems li .img-wrap img, ul#listItems li .tn-img-wrap img { width:100%; }
ul#listItems li .btn-wrap { padding:5px 10px; border:1px #ccc solid; color:#333; text-decoration: none; }

ul#selection_menu_wrap { list-style:none; margin:25px 0; padding:0; }
ul#selection_menu_wrap li {  background:#eee; border:1px #ccc solid; width:220px; height:200px; margin:0 0 35px; padding:0; }
ul#selection_menu_wrap li.middle { margin:0 9px 35px; }
ul#selection_menu_wrap li h4 { text-align:center; margin:10px 0;  }
ul#selection_menu_wrap li h4 a { text-decoration: none; color:#23497a; }
ul#selection_menu_wrap li .img-wrap { width:200px; height:115px; overflow:hidden; margin:0 auto; }
ul#selection_menu_wrap li .img-wrap img { width:100%; border:0; }
ul#selection_menu_wrap li .btn { position:relative; top:23px; left:55px; }

ul#selection_menu_wrap li { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; }

.testimonial li { background:none  !important;  }

/*-----------------------------------------------------------------------------------*/
/*	7.	Pagination
/*-----------------------------------------------------------------------------------*/

.paging { position:relative; float:left; clear:both;}
.paging ul {list-style:none; position:relative; float:left; clear:both;}
.paging li {list-style:none; position:relative; float:left; border:1px #ccc solid; border-right:none !important;  padding:13px;}
.paging li.nxt { border-right:1px #ccc solid !important; }
.paging li.num{ width:20px; }

/*-----------------------------------------------------------------------------------*/
/*	7.	Blog Comments
/*-----------------------------------------------------------------------------------*/

ul#listComments { list-style:none; margin:10px 0 30px; border-top:5px #e1e1e1 solid; border-bottom:5px #e1e1e1 solid; padding-bottom:30px; clear: both; }
ul#listComments li { clear:both; padding:35px 0 0; overflow:hidden;  }
ul#listComments li h2 { margin:5px 0;}
ul#listComments li .img-wrap { width:50px; height:50px; float:left; margin-right:15px; overflow:hidden; position:relative; background:#ccc; float:left; }
ul#listComments li .img-wrap { border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; }
ul#listComments li .img-wrap img.profile { width:100%; }
ul#listComments li .img-wrap img.loader { position:absolute; left:21px; top:21px; }
ul#listComments li .title-wrap {  width:100%; float:left; font-size:18px; line-height:50px; height:60px;  }
ul#listComments li .title-wrap small { font-size:11px; }
ul#listComments li .title-wrap a { color:#000; text-decoration: none; }
ul#listComments li .txt-wrap { clear:both; padding:10px 20px; border:1px #ccc solid; margin:10px 0;  }
ul#listComments li .txt-wrap { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;  }

/*-----------------------------------------------------------------------------------*/
/*	7.	Lightbox/Image Gallery
/*-----------------------------------------------------------------------------------*/

.gallery { overflow:hidden; padding:0; margin:0;  }
.gallery h2 { font-size: 14px; font-weight:bold; margin:0 0 10px; padding:0; }
.gallery .fancybox, 
.gallery .fancybox-media { width:125px; height:100px; border:1px #ddd solid; overflow:hidden; position:relative; float:left; margin:0 10px 10px 0; padding:0;}
.gallery .fancybox:hover { border:1px #000 solid; }
.gallery .fancybox img, 
.gallery .fancybox-media img.thumb { width:133px; }
.gallery .play {top:30px; left: 44px; position: absolute; width:46px !important; z-index: 2;}


#galleryImg { padding:10px; box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); background:#fff; margin:0 0 30px; }
#galleryImg a { display:block; width:315px; overflow:hidden; background:none !important; padding:0 !important; }
#galleryImg a img { width:100%; }
#galleryOverview { margin:0 0 30px; overflow: hidden; padding:5px; box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); background:#fff; }
#galleryOverview .ovr1 {overflow: hidden; width:100px; height:69px; float:left;   margin:2.5px;}
#galleryOverview img { cursor: pointer; border:1px #fff solid; float:left; width:100px; }
#galleryOverview img.active { border:1px #319900 solid; }

#galleryOverview,
#galleryImg { border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; }


/*-----------------------------------------------------------------------------------*/
/*	8.	Documents
/*-----------------------------------------------------------------------------------*/

.documents { overflow:hidden; padding:15px; border:1px #D7D7D7 solid; background:#FAFAFA;}
.documents h3 { font-size: 14px; text-transform: uppercase; font-weight:bold; margin:0 0 10px; padding:0; color:#2F75A9; }
.documents a { font-size: 14px; display:block;  margin: 0 0 5px 0; clear:both; }
.documents { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }

/*-----------------------------------------------------------------------------------*/
/*	9.	Enquiry Forms
/*-----------------------------------------------------------------------------------*/

#contact-top h1 { }
#contact-btm { }
#listLocations {  padding:0; margin:20px 0 0; }
#listLocations .fleft { box-shadow:1px 1px 5px rgba(104, 107, 109, 0.75); background:#fff; float:left; height:280px; width:460px; padding:5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; }
#listLocations .map { height:280px; width:460px; }
#listLocations .fright { width:440px; }
#listLocations .fright p { margin:0; background:url('../imgs/home_ico.png') top left no-repeat; padding:0 0 0 65px; }
#listLocations .fright .tel-ico { margin:30px 0; background-position:6px 0;     padding-left: 65px; }

.enquiry { position:relative; float:left; width:100%; margin: 0 0 30px;}
.enquiry h3 { margin:10px 0 30px; }
#validation-msg { border-left:3px #ffdb83 solid; padding:5px 10px; margin:10px 3px; }
.enquiry form { margin: 10px 0 30px; position:relative; }
.enquiry fieldset { border:0; margin:0 0 20px; }
.enquiry fieldset div { width:30%; float:left; }
.enquiry fieldset div.mid { margin:0 5%; }
.enquiry label { display:block; font-size:1em; }
.enquiry input { background:#fff; margin:5px 0; border:1px #ccc solid; padding:2.5% 5%; width:90%; }
.enquiry textarea { border:0; background:#fff;  margin:5px 0; font-size:1.25em; border:1px #ccc solid; padding:1%; width:98%; height:120px; font:0.87em/1.5 arial; }
.enquiry input#contact_btn { position:relative; cursor: pointer; color:#319900; border: 2px solid #fff; box-shadow: 1px 1px 5px rgba(104, 107, 109, 0.75); float:right; width:auto !important; padding:0 10px; line-height:28px; font-size:1em; height:34px; background:url('../imgs/btn.jpg') repeat-x; }
.enquiry input#contact_btn { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; }

.enquiry input#contact_btn:hover { opacity:0.7; }
.enquiry input#contact_btn:active { top:1px; }

#subcontent .enquiry h3 { background:url('../imgs/hr.png') bottom center no-repeat; padding:0 0 25px; margin:0 0 25px; }

h3.reviews { font-size:11px; line-height:17px; }

/*-----------------------------------------------------------------------------------*/
/*	10.	Layout Blocks
/*-----------------------------------------------------------------------------------*/

.fleft { float:left;}
.fright { float: right;}
.content_half { position:relative; width:46%}
.fullwidth { border-top: 1px solid #CCCCCC; float: left; margin: 50px 0 0 0; padding:  0; position: relative;  width: 100%; }
.addMargin { margin-right:5%; }

#relatedWrap { margin:35px 0; }
#relatedWrap h3 { background:url('../imgs/hr.png') bottom center no-repeat; padding:0 0 25px; margin:0 0 25px; }
#relatedWrap { }

/*-----------------------------------------------------------------------------------
/*	10.	Shaire icons/areas (I want more control over these)
/*-----------------------------------------------------------------------------------*/


.share-wrap { clear:both; margin: 30px 0; padding: 13px; background:#eee; }
.share-wrap h4{  border-bottom: 1px solid #CCCCCC; font-size: 24px;margin: 0 0 20px; padding: 0 0 20px; color: #333333; font-weight: 400; line-height: 30px;}



/*-----------------------------------------------------------------------------------*/
/*	10.	Random Classes
/*-----------------------------------------------------------------------------------*/

.removeRmargin { margin-right:0 !important;}
.clear { clear:both;}

.hide { display:none;}

/* Back to Top */
#toTop {background: url("../imgs/totop.png") no-repeat scroll left top transparent; border: medium none; bottom: 6px; display: block; height: 40px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; text-indent: -999px; width: 40px;}
#toTop:hover { background: url("../imgs/totop.png") no-repeat scroll left -40px transparent; display: block; float: left; height: 40px; opacity: 0; overflow: hidden; width: 40px;}
#toTop:active, #toTop:focus { outline: medium none;}

.quk { position:absolute; z-index:100;}
.q1 {  bottom: -30px; right: -6px;}
.q2 { right:12px; bottom:-33px;}
.q3 { right:-8px; bottom:-29px;}

.precnextc { position:relative; float:left; width:100%; clear:both; background: url("../imgs/hr.png") no-repeat scroll center top rgba(0, 0, 0, 0); height: 56px; padding: 40px 0; margin:20px 0 0 0;}
.rp { position:relative; float:left; width:100%; clear:both; background: url("../imgs/hr.png") no-repeat scroll center top rgba(0, 0, 0, 0);  padding: 40px 0; margin:20px 0 0 0;}
.rp h2 { padding:20px 0;}


/*-----------------------------------------------------------------------------------*/
/*	12.	Responsive changes
/*-----------------------------------------------------------------------------------*/
.required { color:red; font-size:10px; }
.required_border { border:1px #990000 solid !important; }

.hidden { display:none; }