﻿/* Aspergantis */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	color: black;
	background-color: #112233;
	}
	
#main-wrapper {
	width:960px; /* widths of columns will change proportionately as this width is changed */
	height:640px;
	margin-left: auto;
	margin-right: auto;
	margin-top:35px;
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color: #eeeecc;
}
h1 {
	font-size: 1.3em;
	color: #710100;
}

h2 {
    display: inline ;
	font-size: 1.1em;
	color: #710100;
}

h3 {
    display: inline ;
	font-size: 1.2em;
	color: #558866;
}

h4 {
    display: inline ;
	font-size: 1em;
	color: #558866;
}

h5 {
    display: inline ;
	font-size: 1.2em;
	color: #710100;
}

h6 {
    display: inline ;
	font-size: 1em;
	color: #558866;
}


#zone-top {
	width: 960px;
}
#zone-bottom {
	width: 960px;
}
#zone-ul {
	width: 320px;
	height: 427px;
	float: left;
}

#zone-ll {
	width: 320px;
	height: 213px;
	float: left;
	background-color:#710100;
}

#zone-ur {
	width: 640px;
	height: 427px;
    float: left;
}

#zone-lr {
	width: 640px;
	height: 213px;
    float:left;
	background-color:#335577;
}

#top-border-margin-left {
		height: 80px;
		
}
#top-border-margin-right {
		height: 80px;
}

#text-inset-ul {
	width:230px;
	height:290px;
	float: right;
	line-height: 1.7em;
	text-align:right;
	margin-top:0px;
	margin-right:10px;
}

#text-inset-ur {
	width:500px;
	height:267px;
	float: left;
	line-height:1.7em;
	text-align:left;
	margin-left: 10px;
}
#text-inset-bio-ur {
	width:560px;
	height:400px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: black;
	line-height:1.3em;
	text-align:left;
	margin-left: 10px;
	margin-top: -20px;
}

#text-inset-contact-ur {
	width:560px;
	height:400px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: black;
	line-height:1.3em;
	text-align:left;
	margin-left: 10px;
}
#text-inset-consulting-ur {
	width:560px;
	height:270px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: black;
	line-height:1.4em;
	text-align:left;
	margin-left: 15px;
}
#text-inset-consulting{
	width:230px;
	height:297px;
	float: right;
	font-size: 1em;
	line-height:1.7em;
	text-align:right;
	margin-top: -18px;
}
#text-inset-technical{
	width:240px;
	height:297px;
	float: right;
	font-size: 1em;
	line-height:1.7em;
	text-align:right;
	margin-top: -18px;
}

#text-inset-customers {
	width:230px;
	height:297px;
	float: right;
	font-size: 1em;
	line-height:1.7em;
	text-align:right;
	margin-top: -18px;
}

#text-inset-lr {
	width:630px;
	float: left;
	line-height: normal;
	text-align:center;
	margin-left:0px;
	margin-top:115px;
	
}

#img-A {
	width:320px;
	height:267px;
	float: left;
	margin-left:10px;
	margin-right:10px;
}

#img-B {
	width:150px;
	height:130px;
	float: left;
	margin-left:10px;
	margin-right:10px;
}

#img-C {
	width:150px;
	height:130px;
	float: left;
	margin-top: 5px;
	margin-left:10px;
	margin-right:10px;
}

#img-D {
	width:230px;
	height:290px;
	float: right;
	text-align:right;
	margin-right:10px;
}
#img-E {
	width:480px;
	height:267px;
	margin-top:65px;
	margin-left:80px;
	float: left;
}

/* connections photo strip */
#img-F {
	width:480px;
	height:90px;
	margin-top:65px;
	margin-left:1px;
	float: left;

}

#img-G {
	width:560px;
	height:267px;
	margin-top:0px;
	margin-left:20px;
	float: left;
}
#img-T {
	width:240px;
	height:290px;
	float: right;
	text-align:left;
	margin-right:10px;
}


#img-logo {
	width:233px;
	float: left;
	margin: 10px 10px 10px 10px;
}

#list ul{
	clear: both;
	margin: 0px 0px 0px 10px;
	list-style:circle;
	line-height: normal;
	font-size: 1.2em;
	color: #335577;
}

/* Menu Main Horizontal */

#menu {
	clear:both;
	width: 630px;
	height: 40px;
	float: left;
	margin: 0 auto;

}

#menu ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
	
}

#menu a {
	display: block;
	float: left;
	margin-left:10px;
	text-align: center;
	height: 25px;
	padding: 40px 11px 0px 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: white;
}

#menu a:hover {
	color: #558866;
	text-decoration: none;
}

#menu #current_page_item a {
	background: url(../images/asp-icon-spot.png) no-repeat center bottom;
}

#menu .hover_item a {
	background: url(../images/asp-icon-spot-w.png) no-repeat center bottom;
}

#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	width: 960px;
	float: left;
	}
#footer-text {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: .8em;
	line-height:2.5em;
	color: #eeeecc;
}
	