/* General */
html {overflow-y: scroll;}
body{
	margin:0;
	padding:0;
	background:url(../i/bg.jpg) #5e7b8f repeat-x;
	color:#e9e9e9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/* Content Elements */
h1{font:25px serif;font-weight:normal;margin:0;padding:0;color:#eee;border-bottom:3px #ccc solid;font-style:italic;letter-spacing:-0.02em;}
img{border:none;}
a{color:#cfdce4;outline:none;text-decoration:underline;}
a:hover{color:#2c373f;}
.grbl{font-weight:bold;color:#455560;}
.white{font-weight:bold;color:#fff;}
.ltbl{font-weight:bold;color:#0082c8;}
.red{font-size:13px;font-weight:bold;color:#F00;text-transform:uppercase;background:#FFC;}
.blue{
	color:#00F;

}

/* Container */
#cont{width:855px;margin:90px auto 60px auto;padding:0;}
#contentarea{width:855px;margin:0;padding:20px 0;}
#cont h1{border:none;}
#cont h2, .content h3{font-size:14px;margin-bottom:0;padding:0;color:#3cb6f7;}
#cont p{text-align:left;}
#cont .tag1{font-size:18px;color:#3cb6f7;text-align:left;}
.thumb{width:187px;height:100px;}
.portfolio{width:350px;float:left;margin:2px 18px 108px 0;-moz-box-shadow: 1px 1px 5px #000;-webkit-box-shadow: 1px 1px 5px #000;box-shadow: 1px 1px 5px #000;}
.description{width:460px;float:right;background:#3a4851;padding:12px;}
#inner{width:600px;float:right;background:#3a4851;padding:12px;}
#inner img{margin:12px;-moz-box-shadow: 1px 1px 5px #000;-webkit-box-shadow: 1px 1px 5px #000;box-shadow: 1px 1px 5px #000;}
#inner h3{font-size:14px;color:#fff;margin:22px 0 0 0;padding:0;}
#company{width:700px;float:right;background:#3a4851;padding:12px;}
#company img{margin:12px;-moz-box-shadow: 1px 1px 5px #000;-webkit-box-shadow: 1px 1px 5px #000;box-shadow: 1px 1px 5px #000;}
#company h3{font-size:14px;color:#fff;margin:22px 0 0 0;padding:0;}
.add{width:274px;float:right;padding:0 12px 0 12px;}
.add h4{margin:10px 0 0 12px;padding:0;font-size:13px;color:#fff;}
.add ul{list-style:none;margin:0 0 0 12px;padding:0;font-size:11px;}
.add ul li a{display:block;width:180px;color:#3cb6f7;text-decoration:none;padding:0;}
.add ul li a:hover{color:#fff;text-decoration:none;}
.callaction{margin:5px;padding:0;width:330px;height:67px;background:url(../i/calltoaction.png) no-repeat;text-indent:-9999px;}
.slogan{margin:5px;padding:0;width:465px;height:48px;background:url(../i/slogan01.png) no-repeat bottom;text-indent:-9999px;}
#services{width:855px;height:157px;background:url(../i/services_pagetop.jpg) no-repeat top;text-indent:-9999px;}
#careers{width:855px;height:246px;background:url(../i/careers.jpg) no-repeat top;text-indent:-9999px;}
#header{width:855px;height:147px;background:url(../i/header02.jpg) no-repeat top;text-indent:-9999px;}
#about{width:855px;height:251px;background:url(../i/about.jpg) no-repeat top;text-indent:-9999px;}
#markets{width:847px;height:300px;background:url(../i/markets_bkgrnd.jpg) no-repeat top center;}
#markets a{
	display:inline-block;
	width:250px;
	height:25px;
	color:#fff;
	font-size:15px;
	outline:none;
	background:#3a4851;
	text-decoration:none;
	text-align:center;
	filter:alpha(opacity=80);
	opacity:.8;
	margin:250px 0 5px 20px;
	letter-spacing:0.1em;
	border-top:3px solid #fff;
	text-transform:uppercase;
	padding-top:8px;
	font-family: Verdana, Geneva, sans-serif;
}
#markets a:hover{background:#2d3a42;filter:alpha(opacity=10);opacity:1.0;border-top:3px solid #49a5e0;}
#markdesc {width:825px;min-height:200px;background:#3a4851;padding:12px;}
#markdesc img{margin:0 20px 20px 0;-webkit-box-shadow: 1px 1px 5px #000;box-shadow: 1px 1px 5px #000;}

/* Header and Logo */
.hd h1 a{margin:0 0 0 -45px;padding:0;display:block;width:89px;height:89px;background:url(../i/maas_logo.gif) no-repeat;text-indent:-9999px;position:absolute;top:36px;left:50%;z-index:9999;-moz-box-shadow: 0px 2px 5px #232e34;-webkit-box-shadow: 0px 2px 5px #232e34;box-shadow: 0px 2px 5px #232e34;}

/* Navigation */
.nav1{margin:0 0 0 -427px;padding:3px 0 0 0;width:370px;height:21px;color:#9eacb5;position:absolute;top:73px;left:50%;z-index:9999;text-transform:uppercase;font-size:12px;border-top:1px solid #344048;}
.nav2{margin:0 0 0 55px;padding:3px 0 0 0;width:370px;height:21px;color:#9eacb5;position:absolute;top:73px;left:50%;z-index:9999;text-transform:uppercase;font-size:12px;border-top:1px solid #344048;}
.nav1 a, .nav2 a{display:inline-block;width:120px;height:18px;color:#9eacb5;outline:none;text-decoration:none;text-align:center;padding-top:3px;}
.nav1 a:hover, .nav2 a:hover, .nav1 a.active, .nav2 a.active{color:#b2c3ce;background:#1a2328;}

/* Homepage Content */
#fadeshow{margin:95px auto 0 auto;z-index:100;}

/* Page Headers */
.header{width:998px;height:161px;margin:0 auto;}
.header h1.company{width:998px;height:161px;background:url(../i/company.jpg) no-repeat;text-indent:-9999px;border:none;}
.header h1.clients{width:998px;height:161px;background:url(../i/clients.jpg) no-repeat;text-indent:-9999px;border:none;}

/* Side Nav */

.sidenav{float:left;width:225px;float:left;}
.sidenav h3{
	margin:13px 0 0 0;
	padding:0;
	font-size:15px;
	color:#CCC;
}
.sidenav ul{list-style:none;margin:0 10px 0 0;padding:0;font-size:11px;}
.sidenav ul li a{display:block;width:200px;color:#3cb6f7;text-decoration:none;padding:0;}
.sidenav ul li a:hover{color:#fff;text-decoration:none;}
.sidenav ul li a.active{display:block;width:222px;color:#455560;text-decoration:none;border-top:1px #bbb solid;padding:12px 10px 12px 0;}

/* Footer */
.ft{clear:both;width:865px;height:96px;margin:20px auto 0 auto;border-top:1px solid #697d8a;color:#1c2429;}