/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Roboto:400,500,300|Raleway:500|Roboto+Condensed);

html, body {
	margin: 0px;
	padding: 0px;
	/*height: 100%;*/
}

body {
	font-family: 'Roboto', Arial, Calibri, sans-serif;
	color: #FFF;
	font-size: 15px;
	line-height: 1.4em;
	background-color: #000000;
	font-weight: 300;
}
.image-right-noborder {
	padding: 0px;
	float: right;
	margin-right: 0px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.image-right-withborder {
	float: right;
	margin-left: 20px;
	margin-top: 5px;
	padding: 1px;
	margin-bottom: 20px;
	margin-right: 0px;
	border: 1px solid #6A6A6A;
}
.image-holder {
	text-align: center;
	display: block;
	height: 200px;
	width: 200px;
	padding: 1px;
	border: 1px solid #6A6A6A;
}

.image-label {
	float: left;
	width: 204px;
	text-align: center;
	display: block;
	color: #F4F4F4;
	font-size: 13px;
	text-transform: uppercase;
	background-color: transparent;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.image-left-noborder {
	padding: 0px;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}
.image-left-withborder {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	padding: 3px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 1px solid #BEBEBE;
}

.boldred {
	color: #FF0000;
	font-weight: bold;
}
.boldblack {
	color: #001F57;
	font-weight: bold;
}
h1 {
	font-family: "Trebuchet MS", Arial, Calibri, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0.5em;
	text-align: left;
	display: block;
	text-transform: uppercase;
}
h2 {
	font-family: "Trebuchet MS", Arial, Calibri, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0.5em;
	padding-bottom: 0em;
	color: #EAEAEA;
	text-transform: uppercase;
}
h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0.5em;
	color: #EAEAEA;
	text-transform: capitalize;
}
h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: 400;
}
h6 {
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	text-transform: capitalize;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 0px;
	font-family: 'Roboto Condensed', sans-serif;;
}
a {
	font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #D4D4D4;
}
.current {
	color: #BFBFBF;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: justify;
	line-height: normal;
}

blockquote {
  margin: 1.5em 0 1.5em;
  padding: 0 2.5em 0 2.5em;
  position:relative;
}
blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.3em;
  line-height: 0.1em;
}

blockquote:after {
  color: #ccc;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}
ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul li > ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -4px;
}

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
	position:relative; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 2em;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;    /* border-top:2px solid #666; */
	font-size: 14px;    /* background:#f6f6f6; */
}
ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
    position:absolute;
	top:-2px;
	left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:12px;
	padding:3px;
	/* border-top:2px solid #666; */
    color:#fff;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	background-color: #2A2A2A;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {
	margin-bottom:0;
}

ul > li {
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 20px;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #2A2A2A;
	line-height: normal;
}
ul > li > ul > li {
	background-image: url(../images/bullet4.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 12px;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #2A2A2A;
	line-height: normal;
	margin: 0px;
}
/* TO TOP */
#toTop {
	border: none;
	bottom: 32px;
	display: none;
	height: 38px;
	left: 56.7%;
	margin-left: 489px;
	overflow: hidden;
	position: fixed;
	text-decoration: none;
	text-indent: -999px;
	width: 38px;
	z-index: 20;
	opacity: .9;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	-webkit-transition: all .1s ease .1s;
	-moz-transition: all .1s ease .1s;
	-ms-transition: all .1s ease .1s;
	-o-transition: all .1s ease .1s;
	transition: all .1s ease .1s;
	background-image: url(../images/toTop.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#toTop:hover {
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	box-shadow: inset 0 0 6px #2d3690;
	-webkit-box-shadow: inset 0 0 6px #2d3690;
	-moz-box-shadow: inset 0 0 6px #2d3690;
	background-image: url(../images/toTop-hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* WRAPPER - CONTENT */
#wrapper {
	padding: 0px;
	width: 1078px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
#header {
	height: 44px;
	width: 1078px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
	margin-top: 40px;
	padding-bottom: 15px;
}
#header #navigation {
	height: 44px;
	width: 1078px;
	clear: both;
	float: right;
}

#content {
	clear: both;
	width: 1078px;
	padding-top: 26px;
	padding-bottom: 26px;
	overflow: hidden;
	float: right;
	height: auto;
	position: relative;
}
#content-left {
	float: left;
	width: 134px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -3000px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3000px;
	padding-left: 0px;
}
#content-left .logo-wrapper {
	float: left;
	width: 134px;
	height: 176px;
}
#content-left .submenu-wrapper {
	float: left;
	width: 134px;
	min-height: 300px;
	margin-top: 42px;
	overflow: hidden;
}
#content-left .submenu-wrapper a {
	color: #BFBFBF;
}
#content-left .submenu-wrapper a:hover {
	color: #FAFAFA;
}
#content-left .submenu-wrapper a.current {
	color: #FFFFFF;
}

#content-left .address-wrapper {
	float: left;
	width: 134px;
	margin-top: 60px;
	height: 144px;
	display: block;
	overflow: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	line-height: normal;
	position: absolute;
	bottom: 30px;
	left: 0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
#content-left .address-wrapper {
	bottom: 27px /* Only works in IE10 */
}
}

#content-left .address-wrapper .align-right {
	text-align: right;
	float: right;
}
#content-left .address-wrapper .bullet5 {
	background-image: url(../images/bullet5.png);
	background-repeat: no-repeat;
	display: block;
	height: 4px;
	width: 12px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
	background-position: center center;
}

#content-left .address-wrapper .street {
	float: left;
	width: 134px;
	display:block;
	text-align: justify;
	letter-spacing: 1.8px;
}
#content-left .address-wrapper .street1 {
	float: left;
	width: 134px;
	display:block;
	text-align: justify;
	letter-spacing: 2px;
}
#content-left .address-wrapper .city {
	float: left;
	width: 134px;
	display:block;
	text-align: justify;
	letter-spacing: 2px;
}
#content-left .address-wrapper .phone {
	float: left;
	width: 134px;
	display: block;
	margin-top: 0px;
}
#content-left .address-wrapper .fax {
	float: left;
	width: 134px;
	display: block;
}

#content-left .address-wrapper .aaib-wrapper {
	float: left;
	width: 134px;
	display:block;
}
#content-left .address-wrapper .aaib-wrapper .aanumber {
	text-align: left;
	display: block;
	float: left;
}
#content-left .address-wrapper .aaib-wrapper .ibnumber {
	text-align: right;
	display: block;
	float: right;
}

#content-left .address-wrapper .urlsite {
	float: left;
	width: 134px;
	margin-top: 27px;
	display: block;
	text-align: justify;
}


#content-right {
	float: right;
	width: 909px;
	min-height: 702px;
	margin-left: 35px;
}
#content-right .content-top-full {
	float: right;
	width: 909px;
}

#content-right .content-btn-full {
	float: right;
	width: 909px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content-right .content-btn-full .records-navigation-wrapper {
	float: right;
	height: 32px;
	width: 909px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 32px;
	overflow: hidden;
}
.records-navigation-wrapper .record-count {
	float: left;
	width: 530px;
}
.records-navigation-wrapper .record-pages {
	float: right;
	height: 32px;
	width: 360px;
}



#content-right .maincontent-wide {
	float: right;
	width: 909px;
}
#content-right .maincontent-wide .principals-wrapper {
	float: right;
	height: auto;
	width: 909px;
	padding-bottom: 30px;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-info {
	float: left;
	width: 650px;
	margin-right: 37px;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-info .principals-name {
	font-size: 16px;
	font-weight: 700;
	float: left;
	width: 650px;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-info .principals-describe {
	line-height: normal;
	text-align: justify;
	display: block;
	padding-bottom: 15px;
	float: left;
	width: 650px;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-info .principals-link {
	text-align: left;
	float: left;
	width: 650px;
}

#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-pics-wrapper {
	float: right;
	width: 200px;
	padding: 9px;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-pics-wrapper .principals-thumb {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 200px;
	width: 200px;
	padding: 1px;
	border: 1px solid #6A6A6A;
}
#content-right .maincontent-wide .content-btn-full .principals-wrapper .principals-pics-wrapper .principals-thumb img {
	width: 100%;
	height: auto;
}






#content-right .maincontent {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 582px;
}
#content-right .maincontent .content-top {
	float: left;
	width: 582px;
}
#content-right .maincontent .content-btn {
	float: left;
	width: 582px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content-right .maincontent .content-btn .grid2 {
	float: left;
	width: 582px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#content-right .maincontent .content-btn .grid2 .grid3 {
	padding: 4px;
	height: 110px;
	width: 110px;
	border: 1px solid #D4D4D4;
}
#content-right .maincontent .content-btn .grid2 .grid3 .grid-thumb {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 110px;
	width: 110px;
}

#content-right .maincontent .content-btn .grid2 .grid4 {
	float: right;
	width: 440px;
	margin-left: 12px;
}
#content-right .maincontent .content-btn .grid2 .grid4 .grid-name {
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	width: 440px;
	font-size: 16px;
}
#content-right .maincontent .content-btn .grid2 .grid4 .grid-describe {
	width: 440px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	display: block;
	font-size: 14px;
}
#content-right .maincontent .content-btn .grid2 .grid4 .grid-link {
	height: 24px;
	width: 440px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 24px;
	font-weight: 500;
	color: #D4D4D4;
}

#content-right .maincontent .content-btn .grid2 .grid4 .grid-thumb {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 110px;
	width: 110px;
	margin: 0px;
	padding: 0px;
}
#content-right .sidepicture {
	float: right;
	width: 277px;
	min-height: 405px;
	margin-left: 46px;
	margin-top: 0px;
}
#content-right .sidepicture .pagepicture {
	height: 373px;
	width: 277px;
	text-align: center;
	display: block;
	float: right;
	margin-top: 50px;
	padding: 1px;
	border: 1px solid #6A6A6A;
}
#content-right .sidepicture .pagepictitle {
	float: right;
	height: 32px;
	width: 281px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #F4F4F4;
	font-weight: 400;
}
.service-types0 {
	float: left;
	height: 320px;
	width: 254px;
	padding-top: 20px;
}
.service-types1 {
	float: left;
	height: 320px;
	width: 254px;
	margin-right: 73px;
	margin-left: 72px;
	padding-top: 20px;
}
.service-types2 {
	float: right;
	height: 320px;
	width: 254px;
	padding-top: 20px;
}
.service-type-thumb {
	padding: 1px;
	height: 250px;
	width: 250px;
	border: 1px solid #6A6A6A;
	float: left;
	overflow: hidden;
}
.service-type-image {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 250px;
	width: 250px;
	position: relative;
}
.service-type-image img {
	height: 100%;
	width: 100%;
}

.service-type-name {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	display: block;
	height: 32px;
	width: 270px;
	padding-top: 9px;
	padding-bottom: 9px;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;

}
.portfolio-wrapper0 {
	float: left;
	height: 300px;
	width: 204px;
	margin-top: 20px;
	overflow: hidden;
}
.portfolio-wrapper1 {
	float: left;
	height: 300px;
	width: 204px;
	margin-top: 20px;
	overflow: hidden;
	margin-right: 32px;
	margin-left: 30.5px;
}
.portfolio-wrapper2 {
	float: left;
	height: 300px;
	width: 204px;
	margin-top: 20px;
	overflow: hidden;
	margin-right: 30px;
}
.portfolio-wrapper3 {
	float: right;
	height: 300px;
	width: 204px;
	margin-top: 20px;
	overflow: hidden;
}
.portfolio-thumbs {
	padding: 1px;
	height: 200px;
	width: 200px;
	border: 1px solid #6A6A6A;
}
.portfolio-thumb-pic {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 200px;
	width: 200px;
}
.portfoilio-thumb-pic img {
	height: 100%;
	width: 100%;
}
.portfolio-info-wrapper {
	float: left;
	width: 204px;
	margin-top: 10px;
	height: 60px;
}

.portfolio-name {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	display: block;
	width: 204px;
	font-family: 'Roboto', sans-serif;
}
#project-details p {
	line-height: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.portfolio-location {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 204px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #EAEAEA;
}
#content-left-wrapper {
	float: left;
	width: 480px;
	margin-top: 0px;
	margin-right: 10px;
}

#content-right-wrapper {
	float: right;
	width: 410px;
	margin-left: 9px;
	margin-top: 0px;
}


/* ITEMS LISTINGS */
#content-right-wrapper #items-listing-wrapper {
	float: right;
	width: 404px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
#items-listing-wrapper #item-pics-wrapper {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 404px;
}
#item-pics-wrapper .item-large-image-wrapper {
	padding: 1px;
	height: auto;
	width: 400px;
	border: 1px solid #6A6A6A;
}
#item-pics-wrapper .item-large-image-wrapper .item-large-thumb {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 400px;
}
.item-large-image-wrapper .item-large-thumb img {
	height: auto;
	width: 400px;
}

#item-pics-wrapper .item-extra-images-wrapper {
	height: 90px;
	width: 404px;
}
.item-extra-images-wrapper .item-extra-thumbs0 {
	padding: 1px;
	height: 60px;
	width: 60px;
	border: 1px solid #6A6A6A;
	margin-top: 10px;
	float: left;
	margin-right: 21px;
	margin-left: 0px;
	background-color: transparent;
}
.item-extra-images-wrapper .item-extra-thumbs1 {
	padding: 1px;
	height: 60px;
	width: 60px;
	border: 1px solid #6A6A6A;
	margin-top: 10px;
	float: left;
	margin-right: 21px;
	margin-left: 0px;
	background-color: transparent;
}
.item-extra-images-wrapper .item-extra-thumbs2 {
	padding: 1px;
	height: 60px;
	width: 60px;
	border: 1px solid #6A6A6A;
	margin-top: 10px;
	float: left;
	margin-right: 21px;
	margin-left: 0px;
	background-color: transparent;
}
.item-extra-images-wrapper .item-extra-thumbs3 {
	padding: 1px;
	height: 60px;
	width: 60px;
	border: 1px solid #6A6A6A;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	background-color: transparent;
}
.item-extra-images-wrapper .item-extra-thumbs4 {
	padding: 1px;
	height: 60px;
	width: 60px;
	border: 1px solid #6A6A6A;
	margin-top: 10px;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	background-color: transparent;
}

.item-extra-images-wrapper .item-extra-thumbs0 .extra-thumb {
	text-align: center;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	display: table-cell;
}
.item-extra-thumbs0 .extra-thumb img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.item-extra-images-wrapper .item-extra-thumbs1 .extra-thumb {
	text-align: center;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	display: table-cell;
}
.item-extra-thumbs1 .extra-thumb img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.item-extra-images-wrapper .item-extra-thumbs2 .extra-thumb {
	text-align: center;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	display: table-cell;
}
.item-extra-thumbs2 .extra-thumb img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.item-extra-images-wrapper .item-extra-thumbs3 .extra-thumb {
	text-align: center;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	display: table-cell;
}
.item-extra-thumbs3 .extra-thumb img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.item-extra-images-wrapper .item-extra-thumbs4 .extra-thumb {
	text-align: center;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	display: table-cell;
}
.item-extra-thumbs4 .extra-thumb img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}


/* these styles are for the demo, but are not required for the plugin */
.zoom {
display:inline-block;
cursor: pointer;
}
/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background-image: url(../images/icon.png);
}
.zoom img {display: block; }
.zoom img::selection { background-color: transparent; }



/* FOOTER */
#footer {
	width: 1078px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 24px;
	clear: both;
	line-height: 24px;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #D2D2D2;
	font-size: 13px;
	font-family: 'Roboto Condensed', sans-serif;
}
#footer .footer-copy {
	float: left;
	height: 24px;
	width: 600px;
}
#footer .footer-social {
	float: right;
	width: 450px;
	margin-left: 28px;
	height: 24px;
	overflow: hidden;
}
#footer .footer-social .social-icon {
	float: right;
	height: 24px;
	width: 24px;
	display: inline-block;
	margin-left: 5px;
}