html,body { height: 100%; }
body { background:#012641 url(/images/bluebg2.jpg) top center no-repeat; background-attachment:fixed; margin:0; padding:0; font-family:Verdana,arial; }
#topShadow { width: 100%; position:fixed; top:0; left:0; right:0; height: 10px; background: transparent url(/images/navbgshiny.png) 0px -56px repeat-x; z-index: 999;}
#fullWidth { width:100%; min-height:100%; margin:0; padding:0; text-align:center; background: transparent url(/images/navbgshiny.png) 0px 95px repeat-x;}
#fixedWidth { max-width:960px; min-height:100%; margin:0 auto; padding: 0; position:relative; text-align:left; border:none; }
*{outline: none;}
img {border: 0;}
.clear {clear: both;}
form{margin:0;padding:0;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/****** NAV *******/

#head {position:absolute; top:0; left:25px; right:0; height: 100px; }
#logo { position:absolute; top:10px; left:-5px; z-index:120; width:145px; height:85px;}
#logo img { width: 100%; border:none; cursor:pointer;}
#head h1 { margin:0; padding:0; width: 475px; height:40px; position:absolute; top: 10px; left: 170px; z-index: 125; background: transparent url(/images/acsglobaltitle.png) top left no-repeat; background-size:100%;}
#head h1 b { display:block; height:1px; overflow:hidden; }
#oldhead h1 { font-style:italic; text-shadow:#000 0px 1px 1px; height:100px; line-height: 3.2em; font-weight:normal; color: #fff; display:inline-block; position:absolute; left:170px; top:0px; margin:0; padding:0 0 0 0px; font-family: "Cuprum","Lucida Sans","Tahoma","Verdana",arial,sans-serif; font-size:30px; z-index:119; }
#oldhead h1 b { font-size: 34px; color: #b4c2d5;}
#slogan br { display: none; }

@media (max-width: 700px) {
	#head {
		left: 0;
	}
	#fullWidth {
		background: none;
	}
	#altnav {
		display: none;
	}
	#navselect {
		position: absolute;
		top: 15px;
		right: 20px;
		padding: 12px 18px;
		color: #fff;
		border: 1px solid #fff;
		font-size: 12px;
		z-index: 1000;
		cursor: pointer;
	}
	#nav {
		position: absolute;
		top: 55px;
		right: -4px;
		width: 180px;
		display: none;
		background: #fff;
		z-index: 1000;
		font-size: 14px;
	}
	#nav.is-on {
		display:block;
	}
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav li {
		display: block;
		margin: 0;
		padding: 10px 20px;
		border-bottom: 1px solid #9BA2A8;
	}
	#nav a {
		text-decoration: none;
		color: #9BA2A8;
	}
	#logo {
		position:relative;
		width: 100px;
		height: 60px;
	}
	#head h1 {
		position: relative;
		width: auto;
		left: 0;
		right: 0;
		background-size: 100%;
		max-width: 400px;
	}
	#slogan { display: none; }
}
@media (min-width: 700px) {
	#navselect { font-size: 0px; }
	#slogan { position:absolute; top: 60px; left:170px; right: 0; font-size:14px; font-family:"Ubuntu",Verdana,arial; color:#b4c2d5; font-style:italic; text-shadow:#000 0px 1px 1px; z-index:118;}
}
@media (min-width: 900px) {
	#slogan { position:absolute; top: 27px; left:691px; width:200px; border-left:1px solid #ccc; padding: 6px 0 6px 38px; height: 30px; font-size:14px; font-family:"Ubuntu",Verdana,arial; color:#b4c2d5; font-style:italic; text-shadow:#000 0px 1px 1px; z-index:118;}
	#head h1 { top: 28px; }
	#slogan br { display: block; }
}

@media (min-width: 700px) {

	#nav {position:absolute; top:65px; right:0px; left:0; height:150px; z-index:100;}
	#navhover { position:absolute;top:100px;left:-150px;width:120px;height:12px;background:#fff;z-index:101;}
	#navselect { position:absolute;top:92px;left:-5000px;width:100px;height:12px;background:#fff;z-index:102;}

	#altnav { display:none; position:absolute; top:5px; right: 40px; font-size:12px; font-family:"Ubuntu",Verdana,arial; color:#999; z-index: 200; text-shadow: #000 0px 1px 2px; }
	#altnav a:link,#altnav a:visited,#altnav a:active { display:inline-block; color: #206eae; text-decoration:none; padding: 3px 10px 6px;}
	#altnav a:hover { color:#5991be; text-decoration:underline; cursor:pointer;}

	ul.topnav{ margin: 30px 0 0 0px; height:54px;list-style:none; min-width:850px;padding:0px;text-align:left;white-space:nowrap;}
	ul.topnav li{text-align:left;display:inline;margin:0;padding:0;position:relative;}
	ul.topnav>li>a{display:inline-block;text-transform:uppercase;padding:19px 18px 18px;border:none;font-family:"Ubuntu","Verdana",arial,sans-serif;font-weight:normal;font-size:14px;text-decoration:none;text-shadow:#fff 0px 1px 0px;}
	ul.topnav>li>a:link,ul.topnav>li>a:visited,ul.topnav>li>a:active{color:#3f4353;}
	ul.topnav>li>a:hover{color:#24262f;}
	ul.topnav>li.active>a { color:#000;  /*#8c0008;*/ }
	ul.topnav li .sub{min-width:180px; text-align:left;z-index:90;position:absolute;left:0;background:#a5aebc url(/images/subnavbg.png) top left repeat-x;float:left;margin-top:1px;color:#444;font-size:11px;font-family:"Ubuntu","Verdana",arial,sans-serif;border:8px solid #fff;border-top:none;/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright:9px;-khtml-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px;/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft:9px;-khtml-border-radius-bottomleft:9px;-webkit-border-bottom-left-radius:9px;
	-moz-box-shadow: 3px 6px 6px #000;
	-webkit-box-shadow: 3px 6px 6px #000;
	box-shadow: 3px 6px 6px #000;}
	ul.topnav li div#subSignIn.sub { left:auto; right:0px;}
	ul.topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px;}

	ul.topnav li .sub ul{list-style:none;margin:0px;padding:5px 0px 10px;width:auto;float:left;border-right:1px solid #b5bfcd;}
	ul.topnav li .sub ul:first-child{border-left:none;}
	ul.topnav li .sub ul:last-child{border-right:none;}
	ul.topnav .sub ul li{display:block;width:auto;padding:0px;margin:0;}
	ul.topnav .sub ul li h2{padding:0;margin:10px 0 0 0;color:#fff; font-size:14px; font-weight:normal;}
	ul.topnav .sub ul li h2 a{color:#fff; font-size:14px;  text-shadow:#333 0px 1px 1px;}
	ul.topnav .sub ul li a{float:none;text-indent:0;height:auto;padding:6px 18px 6px 18px;display:block;text-decoration:none;font-size:13px;color:#111;text-shadow:#ccc 0px 1px 1px;}
	ul.topnav .sub ul li a:hover{color:#840813;background:#ccc;text-shadow:none;}

	#signInLink { display:none; }
	#navSignIn { width: 150px; padding: 10px; font-size: 12px;}
	#navSignIn b { display:inline-block; padding:10px 0px; color:#fff; font-size:14px; font-weight:normal; text-shadow:#333 0px 1px 1px; }
	#navSignIn label { font-size:12px; color: #222;}
	#navSignIn input#login { width:140px; padding:4px; border:1px solid #ccc; margin-bottom: 10px; font-size:14px; font-family:"Ubuntu",arial; color:#444;}
	#navSignIn input#pass { width:140px; padding:4px; border:1px solid #ccc; font-size:14px; color:#444 ;}
	#navSignIn br { clear:both;}

}
@media (min-width: 900px) {
	ul.topnav>li>a{ padding:19px 28px 18px; }
}
/**** HOME CONTENT ******/
a:link, a:visited, a:active { color:#acbdd2; }
a:hover { color: #d6dfea; }

#home { overflow:auto; padding:0 24px 24px; border-bottom:1px solid #06162c; }
#homeframe { position:absolute; top: 155px; left:-18px; width: 570px; height:400px; z-index: 15; background: transparent url(/images/homeframe.png) top left no-repeat;}
#homeframe img {
	margin: 50px 0 0 50px;
    width: 500px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
}
#hometitle { position:absolute; top: 155px; right:0; z-index: 14; width:400px;}
#hometitle h2 { font-family:arial,sans-serif; position:absolute; width:400px; height:400px; font-size:25px; line-height:1.0; color:#86b5df; margin: 0; padding:0;}
#hometitle h2.title1 { background: transparent url(/images/hometitle1.png) top left no-repeat; background-size: 100%;  }
#hometitle h2.title2 { background: transparent url(/images/hometitle2.png) top left no-repeat; background-size: 100%; }
#hometitle h2 span { display:block; height:1px; overflow:hidden;}
#hometitle h2 b { color:#d1dbe6; }

@media (max-width: 700px) {
	#hometitle, #homeframe { position: relative; width: 100%; height: auto; margin: 0; background: none; }
	#homeframe img { width: 100%; height: auto; margin: 0; border: 10px solid #fff; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 10px 10px rgba(0,0,0,0.4); }
	#hometitle h2 { width: 100%; max-width: 430px; }
}

#homecontent {
	font-family: "Cabin","Lucida Sans","Verdana",arial,sans-serif; font-size:15px; text-shadow: #000 0px 1px 3px; line-height:1.6;
	padding:550px 0px 100px; color:#fff; }
#homecontent h2 { font-family: "ACSFont","Lekton","Tahoma","Verdana",arial,sans-serif; font-weight:normal; font-size:48px; line-height:1.2; color:#fff; text-shadow:#000 1px 4px 10px; margin: 0 0px 14px; padding:0;}
#homecontent h3 { font-family: "ACSFont","Lekton","Tahoma","Verdana",arial,sans-serif; font-weight:normal; font-size:32px; line-height:1.2; color:#b4c2d5; margin: 32px 0px 8px; padding:0; }

#homecontent p { margin:0 0px 14px; padding:0; text-align:justify; line-height:1.6; }

.feature { font-size: 0; }
.feature .project { display: inline-block; width: 200px; height: 250px; vertical-align: top; margin-left: 20px; }
.feature .project img { border:8px solid #fff; float:left; margin:0 13px;padding:0; width:180px; height:150px; border-radius: 8px; }
.feature .text {  padding: 0 21px 0 21px; text-align:center; font-size:14px; line-height:1.4;}
.feature .text b { font-size: 16px;}
#homecontent .feature h3 { font-family: "Cabin","Lucida Sans","Tahoma","Verdana",arial,sans-serif; font-size:18px; line-height:1.2; color:#fff; margin: 0; padding:0; text-shadow: #000 0px 1px 1px; }
.feature br { clear:both;}
.feature .bottom { position:absolute; height:30px;  width:952px; left:0px; bottom:-30px; background: transparent url(/images/featuredprojects2.png) bottom left no-repeat;}
@media (min-width: 1000px) {
	.feature { margin: -20px -20px 0; width:952px; padding: 50px 40px 0 15px; background: transparent url(/images/featuredprojects2.png) top left no-repeat; position:relative; }
}
@media (max-width: 700px ) {
	.feature .bottom { display: none; }
}

#widebar { margin-top:30px; background: transparent url(/images/sidebarRepeatX.png) top left repeat-x; height:250px; margin: 0px 20px; position:relative;}
#widebar h3 { font-family: "Cabin","Lucida Sans","Tahoma","Verdana",arial,sans-serif; font-size:16px; line-height:1.2; color:#fff; margin: 0; padding:35px 0 16px 0; text-shadow: #000 0px 1px 1px; text-align:center; }
#widebar div.left { width:30px; height:250px; background: transparent url(/images/sidebarCorners.png) top left; position:absolute; top:0; left:-30px;}
#widebar div.right { width:30px; height:250px; background: transparent url(/images/sidebarCorners.png) top right; position:absolute;top:0;right:-30px; }


/**** SUBPAGE CONTENT ******/
#subpage { font-family: "Cabin","Lucida Sans","Verdana",arial,sans-serif; overflow:auto; padding:0 24px 24px; color: #fff; text-shadow: #000 0px 1px 3px;}
#subpage h2 { font-family: "ACSFont","Lekton","Tahoma","Verdana",arial,sans-serif; font-weight:normal;  font-size:48px; line-height:1.2; color:#b4c2d5; margin: 0 0px 14px; padding:190px 0 0;}
#subpage #content {  font-size:15px; line-height:1.7;	padding:0px 360px 100px 0px; color:#fff;  }
#subpage #content h3 { font-family: "ACSFont","Lekton","Tahoma","Verdana",arial,sans-serif; font-weight:normal; font-size:32px; line-height:1.2; color:#b4c2d5; margin: 32px 0px 12px; padding:0 0 5px 0; border-bottom: 1px solid #b4c2d5;}
#subpage #content h4 { font-size: 19px; font-weight:bold; margin:0; padding:0; }
#subpage #content hr {  border:none; border-top:1px solid #18457d; background:#b4c2d5; height:1px; margin: 14px 0; padding: 0; }
#subpage #content p { margin:0 0 14px 0; padding:0; text-align:justify; line-height:1.6;}
#subpage #content ul.textList li { padding-bottom: 12px;}
#subpage #content ul.textList li strong { font-size:17px;}
#subpage #content img { width: 100%; box-sizing: border-box; height: auto;}



#subpage #sidebar { position:absolute; top:245px; right:-20px; z-index: 15; background: transparent url(/images/sidebarRepeatY.png) top left repeat-y; width:320px; margin: 30px 0px; }
#subpage #sidebar h3 { font-family: "Cabin","Lucida Sans","Verdana",arial,sans-serif; color:#fff; font-size:18px; font-weight:normal; line-height:1.2; padding: 0; margin:0 0 16px 0; text-align:left; }
#subpage #sidebar div.top { height:30px; width:320px; background: transparent url(/images/sidebarCorners.png) top left; position:absolute; top:-30px; left:0px;}
#subpage #sidebar div.bottom { height:30px; width:320px; background: transparent url(/images/sidebarCorners.png) bottom left; position:absolute;bottom:-30px;left:0px; }
#subpage #sidebar div.sidebarContent { padding: 0px 28px; font-family: "Ubuntu","Lucida Sans","Tahoma","Verdana",arial,sans-serif; color:#f3f3f3; font-size:13px; line-height:1.6; }
#subpage #sidebar hr { border:none; background:#193e6e; height:1px; margin: 14px -18px; padding: 0;}
#subpage #sidebar ul { margin: 0; padding:0 0 7px 14px;list-style-type: square; line-height:1.6;}
#subpage #sidebar p { margin:0; padding:0 0 7px;}

@media (max-width: 700px) {
	#subpage #content { padding: 0 0 60px 0; }
	#subpage #sidebar { position: relative; top: 0; right: 0; margin-bottom: 60px; }
}

img.rounded {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}
img.white-border { border: 8px solid #fff; }

a:link img:hover.white-border, a:visited img:hover.white-border, a img:hover.white-border { border-color: #acbdd2;}

/******* FOOTER *******/

#footer { background: #3b464f; border-top: 1px solid #222; position: relative;	margin-top: -24px; height: 34px;	line-height:34px; line-height: 24px; clear:both; text-align:center; overflow:hidden;}
#footer span { display:inline-block; padding: 5px 10px 5px 10px; font-size:11px; font-family: "Ubuntu",Verdana,arial,sans-serif; color:#ccc; border-right:1px solid #4c5760;}
#footer span:last { border:none;}

@media (max-width: 700px) {
	#footer { height: auto; }
	#footer span { display: block; border: none; }
}
#slider {
	margin: 50px 0 0 50px;
    width: 500px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 500px; /* important to be same as image width or wider */
    position: absolute;
	top: 0px;
	margin:0;padding:0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font-size: 12px;
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 500px;
	text-align:center;
    color: #fff;
    text-shadow:#000 0px 1px 1px;
display: none;
}

#slider .sliderImage span strong {
    font-size: 14px;
}
#slider .top {
	top: 0;
	left: 0;
}
#slider .bottom {
	bottom: 0;
    left: 0;
}
#slider .below { top:310px; left:0;}
#slider ul { list-style-type: none;}

.mailto {  }
.mailto i { display:none; }