/*
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
li{list-style: none;}
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i,  b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }
img { max-width:100%; height:auto !important }
em { font-style:italic;  }
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.IE6 hr{display:none !important;}

html {font-size:100.01%; height: 100%;}

body {background-color: #fff; color:#777; font-family:"Arial Unicode MS", Arial, Sans-serif;  margin:0; height:100%;}
.table {display:table;width:100%;}
div.clear{clear: both; float:left; width: 100%;}

div.wrapper{float:left;  width:100%;  padding: 0; margin: 0 auto; overflow:hidden;}
div.header{width:100%; max-width:970px; margin:0 auto; padding:15px 0 0 0;} 
div.logo{ max-width:970px; margin: 0;  padding: 0px; text-align:center; margin:0 auto; display:inline-block;}
div.logo a { display:block; }
div.mainNav{float:left; width:100%; max-width: 970px; padding: 20px 0 0 0; margin:0px; border-bottom: solid 1px #ccc;}
div.subNav{float:left; width:100%; max-width: 970px; padding: 0px; margin:0px; border-bottom: solid 1px #ccc;}
div.maincontainer{width:100%; max-width:970px; padding: 0px; margin:0 auto;}
div.content-container{float:left; width:100%; margin:0px; padding:0px;}
div.footer-container{float:left;width: 100%; padding: 0; margin: 0;}
div.footer{width:100%; max-width: 970px; margin:0 auto; padding: 0; }
div.bottom{width:100%; max-width:970px; padding: 0px; margin:0 auto;}

/*# Footer Navigation #*/
ul.left-footnav{float:left; width: 400px; margin: 15px 0 15px 0; padding: 0px;}
ul.left-footnav li{float: left; font-size: 12px; padding: 0 5px 0 0;}
ul.left-footnav li a, ul.left-footnav li a:visited{padding: 0 5px 0 0; color: #000; text-decoration: none;}
ul.left-footnav li.last{padding: 0px !important;}

ul.footnav{float: left; width: auto !important; margin: 28px auto 0px auto; padding: 0px;}
ul.footnav li{display:inline-block; font-size: 12px; padding: 0 5px 0 0; color:#000;}
ul.footnav li.last{padding: 0px !important;}
ul.footnav li a, ul.right-footnav li a:visited{padding: 0 0; color: #000; text-decoration: none;}
ul.footnav li span{padding: 0 0 0 10px; color: #000; text-decoration: none; display:inline-block;}


.foot-clear,
.center-ul { float:left; width:100%; clear:both; padding:10px 0; }
.center-ul { text-align:center; }

.foot-clear {font-family: "Arial Unicode MS", Arial, Sans-serif;  }
.foot-clear a:hover { color:#00A99E; }
.footer-address { float:right; color:#000; font-size:13px; }
.footer-address a { color:#000; text-decoration:none; }
.footer-address .footer-add-l { float:left; text-align:right; padding-right:10px; border-right:3px solid #000; }
.footer-address .footer-add-r { float:right; padding-left:10px;}

/*# Home #*/
#home-menu {float: left; width: 100% !important; margin: 0px auto 20px auto; padding:0 0 10px  0px;font-family: "Arial Unicode MS", Arial, Sans-serif;  text-transform:lowercase; border-bottom:1px solid #ccc;text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
#home-menu ul { width:auto; margin:0 auto; }
#home-menu li{display:inline-block; font-size: 12px; padding: 0 5px 0 0;}
#home-menu li a, 
#home-menu li a:visited {padding: 0 5px 0 0; color: #000; text-decoration: none; font-size:16px !important;}
#home-menu li a:hover { color:#00A99E; }
#home-menu li span { display: inline-block; padding: 0 3px; }


/*# Common #*/
div.boxes {float:left; width:100%; max-width: 970px; margin: 0px !important;  padding: 0px !important;}
div.boxes div.box{float:left; overflow: hidden; padding: 0px !important; margin:0px !important; }
div.box h1.heading1{float:left; width: 100%; margin: 0 0 5px 0; padding: 0 !important; border-bottom: solid 1px #545454; line-height: 25px; height: 25px; font-size: 14px; color: #545454; font-weight: normal; text-transform: uppercase;}
div.box h1.heading1 img{padding: 0 0 5px 0;}
div.box div.content{float:left; width: 100%; font-size: 13px; padding: 10px 0 0 0;}

/*# Two Boxed Column #*/
div.two{padding: 0px !important; margin: 0px  !important; height: 200px;}
div.two div.left{float:left; width: 670px !important;}
div.two div.right{float:right; width: 590px !important;}

/*# Three Boxed Column #*/
div.three{height: 280px; padding: 0px !important; margin: 10px 0 0 0  !important;}
div.three div.box{width: 318px !important; height: 280px; padding: 0px 5px 0 5px !important; margin:0 5px 0 0 !important; border-right: solid 1px #E5E5E5;}
div.three div.last{width: 320px !important; margin: 0px !important; float: right; border: none !important;}
div.three div.first{width: 323px !important; padding: 0px 5px 0 0 !important; }

/*# Four Boxed Column #*/
div.four {padding: 0px !important; margin: 10px 0 0 0  !important;}
div.four div.box{width: 310px !important; padding: 0px !important; margin:0 10px 0 0 !important; border-top: solid 1px #545454;  padding: 10px 0 10px 0 !important;}
div.four div.last{margin: 0px !important; float: right; width: 310px !important;}
div.four .t{font-size: 12px; color: #747474; margin: 10px 0 0 0;}
div.four h2{font-weight: bold; font-size: 13px; color: #007ECB; margin: 0 0 10px 0; padding: 0px;}

/*# Home Page Images#*/
div.images{float:left; width: 100%; margin: 0px; padding: 0px;}
div.home-bottom{float:left; width: 100%; margin: 0; padding: 0px; height: 200px; overflow: hidden;}

/*# Main Navigation #*/
ul#nav, ul#nav li, ul#nav ul {float:left; position: relative; list-style: none; margin: 0px; padding:0px; top: 1px; left:0px;}
ul#nav {float:left; position: relative; z-index: 99999; width:100%;}
ul#nav li {float: left; line-height: 25px; vertical-align: middle; width: 25%;}
ul#nav li.hover, ul#nav li:hover { position: relative;z-index: 9999; cursor: default;}
ul#nav li a{float:left; width: auto !important; padding: 0 0 0 10px; }
ul#nav li img{float:left; padding: 0px; display: inline;}

ul#nav {font-weight: bold;}
ul#nav li{ margin: 0px; padding:0px;}
ul#nav li {}
ul#nav a:link,
ul#nav a:visited{ font-weight: bold; text-decoration:none; font-size: 13px;text-transform: lowercase; color: #000;  display: block; }

ul#nav li.highlighted a,
ul#nav li.highlightedfirst a,
ul#nav li.highlightedlast a,
ul#nav li.hover a
{color: #00A99E; border-bottom: solid 3px #00A99E;}

/*# Sub Navigation #*/
ul#subNav, ul#subNav li, ul#subNav ul {float:left;position:relative; list-style: none;margin: 0;padding: 0; top: 1px; left:0px;}
ul#subNav{float:left; position: relative; z-index: 99999;}
ul#subNav li {float: left; line-height: 40px; vertical-align: middle; width: auto !important;}
ul#subNav li.hover, ul#subNav li:hover { position: relative;z-index: 9999; cursor: default;}
ul#subNav li a{float:left; width: auto !important;}
ul#subNav li img{float:left; padding: 0px; display: inline;}

ul#subNav{font-weight: bold;  width: 100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
ul#subNav li{ margin: 0px; padding:0 25px 0 0;}
ul#subNav li.highlightedfirst, ul#subNav li.first{padding: 0 25px 0 0px;}
ul#subNav li.highlightedlast, ul#subNav li.last{padding: 0px !important;}

ul#subNav a:link,
ul#subNav a:visited{ font-weight: bold; text-decoration:none; font-size: 13px;text-transform: lowercase; color: #000;  display: block; }

ul#subNav li.highlighted a,
ul#subNav li.highlightedfirst a,
ul#subNav li.highlightedlast a,
ul#subNav li.hover a {color: #00A99E; border-bottom: solid 3px #00A99E;}

/*# Content Page Common#*/
div.page-content{float:left;  width: 100%; margin:0px; padding: 0px; clear: both;}
div.padded{padding:40px 0 5px 0 !important;}
div.home-padded{padding: 10px 5px 10px 5px !important; border-bottom: solid 1px #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
div.page-content h1.heading1{font-size: 16px !important; color: #000; font-weight: normal; text-transform: lowercase; margin: 0 0 10px 0; font-weight:bold;}
div.page-content div.left{float:left; width: 69% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
div.page-content div.right{float:right; width: 30% !important; padding-bottom:20px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
div.page-content div.right img { max-width:100% !important; width:auto; height:auto; float:right; }
div.page-content p{margin: 0 0 10px 0;}

div.primary-content {float:left; width: 100%; font-size: 12px; color: #777; line-height: 18px; }
div.primary-content strong{font-weight: bold; font-size: 12px;}
div.primary-content h2, div.primary-content h3{font-weight: bold; font-size: 12px; margin: 0 0 10px 0; padding: 0px;}

div.primary-content p { padding:3px 0; }
div.primary-content ul {  margin-left: 25px; padding: 5px 0; }
div.primary-content ol { margin-left: 25px; padding: 5px 0; }
div.primary-content ul li { padding: 3px 0; list-style: disc; }
div.primary-content ol li { padding: 3px 0; list-style: decimal; }
div.primary-content a   { text-decoration:none; }
div.primary-content a:hover { text-decoration:none; }

/*#Project Content Page#*/
div.project{float:left;  width: 100%; margin:0px; padding: 0px;}
div.project div.left{float:left; width: 270px !important; }
div.project div.right{float:right; width: 100% !important;}
div.project h1.heading1{font-size: 12px !important; color: #00A99C !important; font-weight: bold; text-transform: lowercase;}
div.project div.description{font-size: 13px !important; font-weight: normal;}
div.project h2, div.project h3{font-weight: bold; font-size: 12px; margin: 0 0 10px 0; padding: 0px; color: #000!important;;}
div.projectNav{float:left; clear: both; width: 100%;}
ul#projectNav{float:left; width: 100%; border-top: solid 1px #ccc; margin: 0px; padding: 10px 0 10px 0;}
ul#projectNav li{float:left; width:14.28%; max-width: 138.5px; padding: 0 4px 0 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
ul#projectNav li h1.title{float:left; width: 100%;  }
ul#projectNav li a { display:block; }
ul#projectNav li a.plink,
ul#projectNav li a.plink:visited{float:left; background: url(/images/misc/projectnav-whitesquare.aspx) no-repeat 0px 10px;  clear: both; text-decoration: none; text-transform: lowercase; color: #000; font-size: 11px; line-height: 14px; padding: 5px 0 0 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;width:100%;}

ul#projectNav li img {
width:135px;
height:110px;
}
ul#projectNav li img.grey {
 display:block;
}
ul#projectNav li img.colour {
 display:none;
}

ul#projectNav li:hover img.colour,
ul#projectNav li.active img.colour {
 display:block !important;
}
ul#projectNav li:hover img.grey,
ul#projectNav li.active img.grey {
 display:none !important;
}


ul#projectSubNav{float:left; width: 100%; margin: 0px 0px 15px 0; }
ul#projectSubNav li{float:left; width: 30%; margin: 0px; padding: 0px; display: block;  font-size: 11px; line-height: 14px; }
ul#projectSubNav li.last{}
ul#projectSubNav li.highlightedfirst a,
ul#projectSubNav li.highlightedlast a,
ul#projectSubNav li.highlighted a,
ul#projectSubNav li.highlightedfirst a:visited,
ul#projectSubNav li.highlightedlast a:visited,
ul#projectSubNav li.highlighted a:visited
{color: #00A99C !important; background: url(/images/misc/projectnav-whitesquare.aspx) no-repeat 0px 10px;}
ul#projectSubNav li a,
ul#projectSubNav li a:visited{float:left; color: #000; clear: both; text-decoration: none; text-transform: lowercase;  padding: 5px 0 0 15px;position:relative;}
ul#projectSubNav li a:before { content:"- "; position:absolute; left:5px;}

.project-summary h1 { padding-left:15px;  }

/*# Blog Page #*/
div.blog div.callouts{float:right; width: 280px;  margin: 60px 0 0 0;}
div.blog h1.heading1{float:left; width: 100%; font-size: 14px !important; font-weight: bold; text-transform: none !important; border-bottom: solid 1px #00A99C !important; margin: 0 0 30px 0 !important;}
div.blog h1.heading1 span{float:left; color: #fff !important; background-color: #00A99C !important; padding: 10px 25px 10px 25px;}
div.blog ul.list{float:left; width: 100%;margin: 0;}
div.blog ul.list li{float:left;  width: 100%; list-style-type: none; margin: 0 0 20px 0; padding: 0;}
div.blog ul.list li div.content{float:left; padding: 0; width: 560px; displa: block;}
div.blog ul.list li a{text-decoration: none;}
div.blog ul.list li div.summary{float:left; border: none; width: 100%;display: block;font-size: 12px; line-height: 20px; padding: 8px 0 8px 0; font-weight: bold; }
div.blog ul.list li div.detail{float:left; width: 100%;display: block;font-size: 13px; line-height: 20px; padding: 8px 0 8px 0; }
div.blog ul.list li a.link{float:right; background-color: #00A99C !important; text-align:right; width: auto !important; clear: both; color: #000; padding: 2px 15px 2px 15px; font-size: 12px; font-weight: bold; text-transform: lowercase;}
div.blog ul.list li p {margin: 10px 0 0 0; }
div.blog ul.list li ul.points {list-style-type: disc; margin: 0 0 10px 30px; }
div.news ul.list li ul.points li {margin: 5px;}
div.blog ul.list h1.heading1 a{ display:block; color: #000; font-size:14px; padding: 0; margin: 0 0 10px 0;  line-height:16px;} 
div.blog ul.list h2.heading2 a{ display:block; color: #000; font-size:15px; padding: 0; margin: 0 0 10px 0;  line-height:16px;} 
div.blog ul.list h3.heading3{ font-weight: bold; color: #453E46; font-size:12px; padding: 0; margin: 0;  line-height:13px; } 
div.blog ul.list h3.heading3 a{color:#453E46;}
div.blog ul.list span.date{float:left; width: 95px; background-color: #2A2A28 !important; display:block; padding: 10px 0 10px 0; margin: 0 15px 0 0;}
div.blog ul.list span.day{float: left; width: 95px; font-size: 20px; color: #00A99C !important; display: block; text-align:center !important; padding: 0 0 5px 0;}
div.blog ul.list span.month{float: left; width: 95px; margin: 0;font-size: 20px;  color: #00A99C !important; display: block; text-align:center!important;}

p.heading1 {
    font-weight: bold;
    color: #000;
}

/*# Columns#*/
div.column{float:right; width: 280px; padding: 0px; margin: 0 0 30px 0 !important;;}
div.column h1.heading1{float:left; display: block; width: 270px; text-align: left;  color: #fff !important; margin: 0 0 10px 0 !important; padding: 0px;font-size: 13px; padding: 5px !important;  font-weight: bold; border: none !important; background-color: #00A99C !important;}
div.column div.columncontent{float:left; color: #9B969A; width: 280px; font-size: 12px; margin: 0px !important; padding: 0px !important;}
ul.columnlist{float:left; width: 270px; padding:0px 5px 0 5px; margin: 0px !important; font-size: 12px; }
ul.columnlist li{float:left; overflow: hidden; margin: 0px; padding: 0px; width:100%; }
ul.columnlist li.nsep{margin: 0px !important; padding: 0px !important; width:100%;}
ul.columnlist li.sep{margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; width:100%; border-bottom: solid 1px #525252;}
ul.columnlist h2.heading2{float:right; text-indent: 0px; font-size: 12px; margin:0; padding:0;  display:block;  width: 100%; }
ul.columnlist h2.heading2 a{float:left; clear: both;font-size: 12px; width: 100%;  text-decoration:none; margin: 0 0 4px 0; color: #777;}
ul.columnlist h2.heading2 a.commentslink{clear: both;float:left; font-size: 12px; width: 100%;  text-decoration: underline;  margin: 0 0 5px 0; color: #00A99C !important;}
ul.columnlist span.user{float:left; width: 100%; clear: both; display: block; margin: 5px 0 0 0; font-weight:normal; font-size: 11px; color: #ccc !important; }
ul.columnlist span.detail{float:left; width: 100%; clear: both; display: block; margin: 0; padding: 0px; }
ul.columnlist span.date{float:left; width: 100%; padding: 0; margin: 0 0 5px 0;;}
ul.columnlist li a.link{float:left; clear:both !important; width: 100%; color: #9B969C; font-size: 12px; text-align:right; display: block; padding: 10px 0 0 0;text-decoration: none;}
ul.columnlist li a.link img{float:right; clear:both; display: block;}

/*# Post Archives#*/
div.column a.archive {float:left; color: #777; width: 270px; padding:0px 5px 5px 5px; margin: 0px !important; font-size: 12px; text-decoration: none; display:block;  text-decoration: none; margin: 0 0 10px 0 !important;  width:100%; border-bottom: solid 1px #525252;}

/*# Blog comments #*/
div.commentsbox{float:left; margin: 0px; padding: 0px;}
div.commentsbox h1.heading1{float:left; width: 100%; font-size: 14px !important; font-weight: bold; text-transform: none !important; border-bottom: solid 1px #00A99C !important; margin: 0 0 30px 0 !important;}
div.commentsbox h1.heading1 span{float:left; color: #fff!important; background-color: #00A99C !important; padding: 10px 25px 10px 25px;}
div.commentsbox h2.heading2{float:left; width: 100%; display:block; color: #185BAC; font-size:32px;  padding: 0;  margin: 0 0 20px 0;} 
div.commentsbox div.TrackbackPanel{float:left; width: 100%; padding:0px; margin: 0; font-size:12px; font-weight: bold;}
div.commentsbox .BlogCommentsTitle{display:none !important;}
div.commentsbox span.InfoLabel{float:left; width: 100%; padding: 5px 0 20px 0; color: #f00;}
div.commentsbox .CommentDetail{float:left; width: 100%; margin: 5px 0 0 0;}
div.commentsbox span.CommentUserName, div.commentsbox a.CommentUserName{float: left; width: 100%; font-size:13px; margin: 5px 0 0 0; background-color: #00A99C !important; padding: 5px; color: #fff !important; font-weight: bold; text-decoration: none;}
div.commentsbox span.CommentText{float:left; width: 99%; font-size:13px; padding: 10px 0 5px 0; line-height:20px;}
div.commentsbox span.CommentDate{float:left; width:99%; display: block; text-align: right; font-weight: bold; margin: 0 0 5px 0; padding:0; color: #000;}
div.commentsbox .buttonpedding a{float: left; padding: 5px; text-decoration: none; padding: 5px; color: #555;}
div.commentsbox .PostCommentSeparatorLine{float:left; height: 1px;width: 100%;margin: 0 0 10px 0;font-size: 0px; border-bottom: solid 1px #777 !important;}

table.BlogPanel{float:left; width: 100% !important; margin: 0;}
table.BlogPanel table{float:left; width:100%; margin: 0 0 10px 0;}
.BlogLeaveComment{float: left;font-size: 14px; font-weight: bold; color: #fff; background-color: #00A99C !important; padding: 5px 15px 5px 15px;}
table.BlogPanel a{float: left; font-size: 14px; color: #fff; font-weight: bold; background-color: #00A99C !important; padding: 5px 15px 5px 15px; text-decoration:none;}
table.BlogPanel label{float:left; width: 100%; font-size: 12px; color: #000; margin: 0 0 5px 0; text-tranform:lowercase;}
table.BlogPanel span.InfoLabel{font-size: 12px; color: #f00; font-weight: bold; margin: 5px 0 0 0;}
table.BlogPanel .BlogRequiredValidator{float:left; width: 100%;font-size: 12px; margin: 0;}
table.BlogPanel input.TextBoxField, table.BlogPanel textarea {float:left; border: solid 1px #000; background-color: #00A99C !important; padding: 7px 5px 7px 5px; color: #000; font-size: 12px; font-weight:normal; width: 100%; margin: 0 0 8px 0;}
table.BlogPanel span.CheckBoxMovedLeft *{float:left; width:auto !important; padding: 0 0 0 5px; font-weight: normal; font-size: 12px;}

/*# Home Thumbnails #*/
.gallery li { float: left; margin: 0px; list-style-type: none;display: block; width:25%; max-width:239px;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.gallery li a.link { display:block; padding-bottom:75%; }
.gallery li img.grey { position: absolute;left: 0;top: 0;z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s;}
.gallery li a:hover img.grey { opacity:0; }
.gallery li img.color {position: absolute;left: 0; top: 0; }
.gallery li a.alt{ color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; display:block; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding:7px 15px 15px 5px; text-transform:capitalize; font-size:13px; font-weight:bold;}
.gallery li a.alt:hover,
.gallery li:hover a.alt { color:#00A99E }
.gallery.gal-2 li { border-left:4px solid #fff; border-right:4px solid #fff; font-size:13px; text-align:center; }

.gallery li a .over { opacity:0; position:absolute; bottom:20px; left:0; z-index: 17; background: rgba(204, 204, 204, 0.7); color: #000; padding: 5px 10px; width: 85%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.gallery li a:hover .over { opacity:1; }
.gallery li a .over span.alt { font-size:14px; display:block; clear:both; font-weight:bold; text-transform:lowercase;}
.gallery li a .over span.exp { float:right; font-size:12px; display:block; clear:both; font-style:italic; }

/*#News & Contact Details#*/
div.other{float:left; width: 100%; margin: 25px 0 0 0; padding: 15px 0px 15px 0;  border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
div.footer-news{float:left; width: 100%; margin: 0px; padding: 0px;}
div.contact{float:left; width: 240px; margin: 0px; padding: 0px;}
div.info{float:left; width: 720px; margin: 0px; padding: 0px;}
div.info-container{float:left; width: 95%; font-size: 12px !important; margin: 0px; padding:0px !important; text-transform: none !important; border: none !important;}
div.info-container h1{float:left; width: 100%; color: #000!important; font-size: 13px; margin: 0 0 5px 0; padding:0px; text-transform: none !important; border: none !important;}

div.footer-news ul.news{float:left; width: 100%;}
div.footer-news ul.news li{float:left; width:33.3334%; padding: 0 20px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
div.footer-news ul.news h1.heading1{float:left; width: 100%; color: #000!important; font-size: 13px; margin: 0 0 5px 0 !important; padding:0px !important; text-transform: none !important; border: none !important;}
div.footer-news ul.news div.detail{float:left; margin: 5px 0 0 0; padding:0px; font-size: 11px;line-height: 1.6em;}
div.footer-news ul.news a, div.footer-news ul.news a:visited{float:right; display: block; font-size:12px; color: #00A99E !important;}

div.contact h1.heading1{float:left; width: 100%; color: #000!important; font-size: 13px; margin: 0 0 5px 0; padding:0px; text-transform: none !important; border: none !important;}
ul.contact{float:left; width: 100%; height:100px;}
ul.contact li{float:left; max-width: 400px; font-size: 13px; font-weight: bold; color: #00A99C !important; clear: both;}
ul.contact span{padding: 0 0 0 10px; color: #000 !important; font-size: 12px !important; font-weight: normal !important; }
ul.social{float:right; width: auto; clear: both; margin: 0px;}
ul.social li{display:inline;}

.contact-map > div { max-width:100%;  }

/*# News Page#*/
div.news h1.heading1{float:left; width: 660px; font-size: 14px !important; font-weight: bold; text-transform: none !important; border-bottom: solid 1px #00A99C; margin: 0 0 30px 0;}
div.news h1.heading1 span{float:left; color: #fff !important; background-color: #00A99C !important; padding: 10px 25px 10px 25px;}
div.news ul.list{float:left; width: 100%; margin-left:0;}
div.news ul.list li{float:left;  width: 100%; list-style-type: none; margin: 0 0 20px 0; padding: 0;}
div.news ul.list li div.content{ padding: 0; overflow:hidden ;}
div.news ul.list li a{text-decoration: none;}
div.news ul.list li div.summary{float:left; border: none; width: 100%;display: block;font-size: 12px; line-height: 20px; padding: 8px 0 8px 0; font-weight: bold; }
div.news ul.list li div.detail{float:left; width: 100%;display: block;font-size: 13px; line-height: 20px; padding:0 0 8px 0; }
div.news p {margin: 10px 0 0 0; }
div.news ul.points {list-style-type: disc; margin: 0 0 10px 30px; }
div.news ul.points li {margin: 5px;}
div.news ul.list li a.link{float:right; background-color: #00A99C !important; text-align:right; width: auto !important; clear: both; color: #000; padding: 2px 15px 2px 15px; font-size: 12px; font-weight: bold; text-transform: lowercase;}
div.news ul.list h2.heading2 { display:block; color: #000; font-size:14px; padding: 0; margin: 0 0 0;  line-height:16px;}  
div.news ul.list span.date{float:left; width: 95px; background-color: #2A2A28 !important; display:block; padding: 10px 0 10px 0; margin: 0 15px 0 0;}
div.news ul.list span.day{float: left; width: 95px; font-size: 20px; color: #00A99C !important; display: block; text-align:center !important; padding: 0 0 5px 0;}
div.news ul.list span.month{float: left; width: 95px; margin: 0;font-size: 20px;  color: #00A99C !important; display: block; text-align:center!important;}


/*#ContactUs Page Layout#*/
div.contactus{float:left;  width: 100%; margin:0px; padding: 0px;}
div.contactus div.left{float:left; width: 610px !important;}
div.contactus div.right{float:right; width: 460px !important;}
div.contactus h1.heading1{float:left; width: 100%; margin: 0 0 10px 0; padding: 0 !important; border-bottom: solid 1px #545454; line-height: 25px; height: 25px; font-size: 14px; color: #545454; font-weight: normal; text-transform: uppercase;}

div.column h1.heading1{float:left; display: block; width: 270px; text-align: left;  color: #000 !important; margin: 0 0 10px 0 !important; padding: 0px;font-size: 13px; padding: 5px !important;  font-weight: bold; border: none !important; background-color: #00A99C !important;}
div.column div.columncontent{float:left; color: #9B969A; width: 280px; font-size: 12px; margin: 0px !important; padding: 0px !important;}

div.gm_marker h1.heading1{font-weight: bold; font-size: 18px; border: none !important; margin: 0 0 5px 0 !important; padding : 0px !important; background: transparent;}
div.gm_marker h2.heading2{font-size: 13px !important; border: none !important; margin: 0px !important; padding : 0px !important; background: transparent;}
div.gm_marker h3.heading3{ font-size: 12px !important; border: none !important; margin: 0px !important; padding : 0px !important; background: transparent;}

/*# bizform#*/
div.bizform{float: left; width: 270px; padding: 0; margin:0 0 0 10px;}
div.bizform h1.heading1{float:left; width: 100%; font-size: 14px !important;  font-weight: bold; text-transform: none !important; border-bottom: solid 1px #00A99C !important; margin: 0 0 30px 0 !important;}
div.bizform h1.heading1 span{float:left; color: #fff !important; background-color: #00A99C !important; padding: 10px 25px 10px 25px;}
div.bizform fieldset{font-size:12px; position:relative; clear: both; padding: 0 20px 0 0px;}
div.bizform fieldset legend{ border: none;}
div.bizform div{float: left; width: 100%; display: block; margin: 0; }
div.bizform label{float:left; font-weight: normal; color: #000; width: 80px; font-size:12px; display:block;  text-align:left; margin: 0 0 4px 0;}
div.bizform .text-input{float:left; width: 100%; height: 18px; margin: 0 0 10px 0; border: solid 1px #000; background-color: #00A99C !important; padding: 7px 5px 7px 5px; color: #000; font-size: 12px;}
div.bizform .textarea-input{float:left; width: 100%; height: 150px;margin: 0 0 10px 0; border: solid 1px #000; background-color: #00A99C !important; padding: 7px 5px 7px 5px; color: #000; font-size: 12px;}
div.bizform .error{float:left; width: 100px; display: block;  text-align: left; color: #f00;}
div.bizform .FormButton{float:left;margin: 5px 0 0 0;clear: both; padding: 5px 15px 5px 15px; background-color: #000; text-transform: lowercase; color: #fff; border: none !important; font-weight: bold;}
div.bizform span.ErrorLabel{float:left; font-size: 12px; color: #f00 !important; margin: 0 0 10px 0; width: 100%; clear: both; }

.captcha label { width:100px !important; }
.captcha input{ float:left; width: 100%; height: 18px; margin: 0 0 10px 0; border: solid 1px #000; background-color: #00A99C !important; padding: px 5px 0px 5px; color: #000; font-size: 12px;}
.captcha td { vertical-align:top; }

div.map{float:left; width: 100%;}
div.map div{margin: 0 auto; border: solid 3px #000; margin: 10px 0 0 0;}

div.address{float:left; width: 100%; margin: 20px 0 0 0; font-size: 13px;}
div.address br{margin: 0 0 10px 0;}
div.address img.heading1{clear: both !important; display:block; margin: 0 0 10px 0;}

/*# Project Gallery#*/
div.projectimages{float:left; width: 100%; margin: 0px; clear: both;}
div.projectimages #image_wrap {float:left; width: 750px;margin:0px;padding:0px;text-align:center;}

div.imagegallery{float:left; overflow: hidden;width: 100%;}
div.vertical {float:right; position:relative; width: 135px;height: 350px; overflow:hidden; margin: 0 0 0 1px;}
div.vertical div.items {float:left; position:absolute;height:20000em;margin: 0px;}
div.vertical div{height: 380px;}
div.vertical div.item {height:125px;}
div.vertical div.item img {float:left;height:116px;width:135px; margin: 0 0 1px 0;}	

#slide-wrap { float:left; width:100%; position:relative; height:10px; padding-bottom:65%; }
#slide { width:100% !important; height 100% !important; padding-bottom:65%; }
#slide img { width:100% !important; height:auto; }
div#actions{float:right; width: auto !important; margin: 10px 0 0 0;position: absolute;bottom: 20px;right: 20px;z-index: 9999;}
div#actions a.browse {background: url(/images/general/next) no-repeat;display:block;width: 48px;height: 48px;float:left;margin:0px 0 0 10px;cursor:pointer;font-size:0px; text-indent: 9999;}
div#actions a.next{ background-position: 0px 0px;}
div#actions a.next:hover{ background-position:0 -48px; }
div#actions a.next:active{ background-position:0px -48px;  } 
div#actions a.prev{ background: url(/images/general/prev) no-repeat; background-position: 0px 0;} 
div#actions a.prev:hover{background-position:0 -48px;}
div#actions a.prev:active{background-position:0px -48px;}
a.disabled {visibility:hidden !important;} 


.project-summary { float:left; width:100%; padding:10px 0; }
/*# Sitemap #*/

ul.CMSSiteMapList a{ font-size: 13px; font-weight: bold !important; text-decoration: none; color: #777 !important; display: block; padding: 4px 0;}
ul.CMSSiteMapList a:hover{ text-decoration: underline; }

ul.CMSSiteMapList{ padding: 8px 25px; list-style: none;} 
ul.CMSSiteMapList ul{}
ul.CMSSiteMapList ul ul{}
ul.CMSSiteMapList ul ul ul{}

ul.CMSSiteMapList ul a{font-size: 12px; font-weight: normal !important;}
ul.CMSSiteMapList ul ul a{font-size: 12px; font-weight: normal !important;}
ul.CMSSiteMapList ul ul ul a{font-size: 12px; font-weight: normal !important;}

/*# Responsive #*/
@media only screen and (max-width:980px) {
div.page-content h1.heading1 { padding-left:10px; }
div.page-content div.left { padding-left:10px; padding-right:20px; }
div.page-content div.right { padding-right:10px; }
ul#projectNav { padding-left:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; } 
}
@media only screen and (max-width:768px) {
ul#subNav, ul#subNav li, ul#subNav ul { top:0; }
ul#subNav li a { border-bottom:3px solid #fff; }
ul#projectSubNav li { width:50%; }
ul#projectSubNav li:nth-child(odd) { clear:left;}
}
@media only screen and (max-width:720px) {
.gallery li { width:33.33334%; }
ul.footnav { text-align:center;width:100% !important; margin-bottom:20px; }
.footer-address { float:none; width:auto; clear:both; text-align:center; margin-bottom:15px;}
.footer-address .footer-add-l { display:inline-block; float:none; text-align:right;}
.footer-address .footer-add-r { display:inline-block; float:none; text-align:left;}
div.footer-news ul.news li{width:100%; padding: 0 20px 15px 10px; margin-bottom:15px; border-bottom:1px dotted #eee;}
div.footer-news ul.news li:last-child { border-bottom:none; }
div.home-padded { padding:10px 1px !important; }
}

@media only screen and (max-width:670px) {
div.page-content div.left { width:100% !important; padding-left:10px; padding-right:20px; }
div.page-content div.right { width:100% !important; padding:10px; }
div.page-content div.right .main-image { display:none; }
.contact-page div.page-content div.right .main-image { display:block; }
div.page-content div.right img { float:none;text-align:center; margin:0 auto; }
div.page-content div.right .main-image { text-align:center; }
ul#projectSubNav li a {padding: 7px 0 7px 15px;}
ul#projectNav li { width:20%; padding-bottom:15px; }
div#actions a.browse { opacity:0.7; }

}
@media only screen and (max-width:600px){
.gallery.gal-3 li { border-left:4px solid #fff; border-right:4px solid #fff; font-size:13px; text-align:center; }
.gallery.gal-3 a.alt { display:block !important; }
.gallery.gal-3 .over { display:none !important; }
}
@media only screen and (max-width:570px){
ul#projectNav li { width:25% padding-bottom:15px; }
ul#projectNav li { width:25%; }
ul#projectNav li:nth-child(5) { clear:left; }
}
@media only screen and (max-width:480px) {
.gallery li { width:50%; }
.gallery.gal-2 li:nth-child(even) { }
#home-menu { padding:0 0 10px 0px; }
#home-menu li { padding:0; width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; border-bottom:1px solid #f2f2f2;}
#home-menu li:nth-child(2n+1) { border-right:1px solid #f2f2f2; }
#home-menu li:last-child,
#home-menu li:nth-last-child(2) { border-bottom:none; }
#home-menu li a { display:block; line-height:40px; }
#home-menu li span { display:none; }
div.news ul.list span.date{width: auto; padding: 5px 10px; margin: 0 15px 0 0;}
div.news ul.list span.day{width: auto; padding: 0 5px 0  0;}
div.news ul.list span.month{float: left; width: auto; }
div.news ul.list li div.content { float:left; width:100%; }
div.news ul.list h2.heading2 {border-top:1px solid #000; padding-top:10px; }
div.news ul.list li { margin-bottom:15px; padding-bottom:15px; }
div.logo a { display:block; text-align:center; }

ul#projectNav li { width:33.33334%; }
ul#projectNav li:nth-child(5) { clear:none; }
ul#projectNav li:nth-child(4),
ul#projectNav li:nth-child(7) { clear:left; }
.gallery.gal-2,
.gallery.gal-3 {text-align:center; }
.gallery.gal-2 li,
.gallery.gal-3 li { float:none; width:100%; max-width:90%; display:inline-block; text-align:center; margin:0 auto 20px auto; border-bottom:1px dotted #ccc; }
.gallery.gal-2 li img,
.gallery.gal-3 li img { width:100%; height:auto;  }
.gallery.gal-2 li a.alt,
.gallery.gal-3 li a.alt { font-size:16px; padding:15px 7px; font-weight:bold;}

}
#project-select { display:none;}
@media only screen and (max-width:420px) {
ul.footnav li:nth-last-child(2) span { display:none; }
.gallery.gal-2,
.gallery.gal-3 {text-align:center; }
.gallery.gal-2 li,
.gallery.gal-3 li { float:none; width:100%; max-width:90%; display:inline-block; text-align:center; margin:0 auto 20px auto; border-bottom:1px dotted #ccc; }
.gallery.gal-2 li img,
.gallery.gal-3 li img { width:100%; height:auto;  }
.gallery.gal-2 li a.alt,
.gallery.gal-3 li a.alt { font-size:16px; padding:15px 7px; font-weight:bold;}
}

.mobileNav { display:none; }
.EditMode .mobileNav { float:left; width:100%; display:block; }

@media only screen and (min-width:769px) {
.logo { float:right; }
.rel { float:left; width:100%; position:relative; border-bottom:1px solid #ccc; padding-bottom:20px; text-align:center; z-index:999;}

.mobileNav {width:100%; float:left; max-width:400px; position:absolute; top:100%; left:0; z-index:9999;}
.mobileNav * {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mainNav, .subNav { display:none; }

.menu-toggle { text-indent:-9999px; background: url(/images/misc/menu-closed.png) no-repeat center #ccc; background-size: auto 100%; display: block !important; width: 50px; height: 50px; float: right; -webkit-transition: background-image 0.5s ease; -moz-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; z-index:999;}
.menu-toggle.opened { background-image: url(/images/misc/menu-open.png); }
nav { display: none; padding: 0; background: #313131; width: 100%; float: left; }
#nav2, #nav2 ul { line-height: 40px; background:#1a1a1a;}
#nav2 a { display:block; text-decoration:none; }
#nav2 li { padding: 0; width: 100%; border-left: 0px !Important; border-top: 1px solid #707070; text-align: left; }
#nav2 > li > a { padding: 0 10px; color: #fff; font-size: 15px; background: #313131; height: 45px; line-height: 45px;}
#nav2 li ul { position: static; display: none; width: 100%; }
#nav2 li ul li { width: 100% !Important; padding: 0; }
#nav2 li ul li a { display: block; width: 100%; padding: 0 10px; font-size: 15px; background: #525252; color: #fff !important; border- top-color:#a5a5a5;}
#nav2 > .menutop > a { background: url(/images/misc/menu-arrow.gif) no-repeat top right; background-size: auto 100% !important; -webkit-transition: background-image 0.5s ease; -moz-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; }
#nav2 > .menutop > a.opened { background: url(/images/misc/menu-arrow-l2.gif) no-repeat top right; }
.menu-toggle { position: absolute; top: 20px; left: 15px; display: block !Important; }
.menu-toggle img { text-align: right; float: right }
#nav2 > li:hover > a { }
#nav2 .active > a, #nav li:hover { color: #000; background: none; }


}

@media only screen and (max-width:768px) {
div.logo { float:left; width:70%; padding:0 0 15px 15px; }
.mobileNav {width:100%; float:left; margin-top:5px; }
.mainNav, .subNav { display:none; }

.menu-toggle { text-indent:-9999px; background: url(/images/misc/menu-closed.png) no-repeat center #ccc; background-size: auto 100%; display: block !important; width: 50px; height: 50px; float: right; -webkit-transition: background-image 0.5s ease; -moz-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; display:block; }
.menu-toggle.opened { background-image: url(/images/misc/menu-open.png); }
nav { display: none; padding: 0; background: #313131; width: 100%; float: left; }
#nav2, #nav2 ul { line-height: 40px; background:#1a1a1a;}
#nav2 a { display:block; text-decoration:none; }
#nav2 li { padding: 0; width: 100%; border-left: 0px !Important; border-top: 1px solid #707070; text-align: left; }
#nav2 > li > a { padding: 0 10px; color: #fff; font-size: 15px; background: #313131; height: 45px; line-height: 45px;}
#nav2 li ul { position: static; display: none; width: 100%; }
#nav2 li ul li { width: 100% !Important; padding: 0; }
#nav2 li ul li a { display: block; width: 100%; padding: 0 10px; font-size: 15px; background: #525252; color: #fff !important; border- top-color:#a5a5a5;}
#nav2 > .menutop > a { background: url(/images/misc/menu-arrow.gif) no-repeat top right; background-size: auto 100% !important; -webkit-transition: background-image 0.5s ease; -moz-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; }
#nav2 > .menutop > a.opened { background: url(/images/misc/menu-arrow-l2.gif) no-repeat top right; }
.menu-toggle { position: absolute; top: 20px; right: 15px; display: block !Important; }
.menu-toggle img { text-align: right; float: right }
#nav2 > li:hover > a { }
#nav2 .active > a, #nav li:hover { color: #000; background: none; }

#projectSubNav { display:none; }
#project-select { display:block;  padding:0 10px; }
#project-select select { border:1px solid #ccc; background:#fff; width:80%; line-height:30px; height:30px;}

}