/*CSS*/

body { 
	font-size: 76%; 
	color: #64635f; 
	margin: 0; 
	padding: 0;
	font-family:  Verdana, Helvetica, sans-serif; }

/* ---- TYPOGRAPHY ----------------------*/

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	color: #64635f; 
	font-family: Arial, verdana, sans-serif; }
h1 { 
	font-size: 2em; 
	font-weight: normal;
	margin-bottom: .5em; 
	}

h2 { 
	font-size: 1.6em; 
	margin-bottom: .3em; 
	font-weight: normal; }
h3 { 
	font-size: 1.2em; }
h4 { 
	font-size: 1.1em; 
}
a { 
	color: #4870a8;
	text-decoration: none;}
a:hover { 
 	color: #0f2f6f;
	text-decoration: underline;
}
	
.hilite1 { color: #333; background: #dceaff; text-decoration: none; padding: .1em .3em; }
.hilite2 { color: #333; background: #dceaff; text-decoration: none; padding: .1em .3em; }
.hilite3 { color: #333; background: #dceaff; text-decoration: none; padding: .1em .3em; }

p { font-size: 1.0em; line-height: 1.6em; margin: 0em 0em 1em; color: #64635f;  }

/* .twitter_update_list { font-size: .90em; line-height: 1.6em; margin: 0em 0em 1em; color: #64635f; } */

em { font-family: "Times New Roman", Times, serif; font-style: italic; }

ul, ol { line-height: 1.5em; }
ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0; }
ul li { margin-bottom: .2em; font-size: .95em;}

dl {  }
dt { font-weight: bold; margin-bottom: .2em; color: #4B4545; }
dd { margin-left: 2em; margin-bottom: 2em; }
tt { font-size: 120%; }

strong { color: #333; font-weight: bold; }
a.more {background: #fff; text-decoration: none; font-weight: bold;   }

.left { float: left; }
.leftImg { float: left; margin: 0 10px 5px 0}
.rightImg { float: right; margin: 0 0 5px 10px}
.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


/* ---- GENERAL ELEMENTS ----------------*/

hr { border: none; background: url("../images/dotline_h.gif") repeat-x; height: 1px; }
a img { border: none; }
.clear { clear: both; height: 1px; font-size: 1px; }
/* Clear those Floats
----------------------------------------------- */

.clearfix:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */




/* ---- Shell Layout ---------------------- */


html, body { height: 100%; }
body { margin: 0; padding: 0; background: white; }

#wrapper { 
	width: 850px; margin: 0 auto; padding: 0 0 25px;	
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

#header {
	height: 140px;
	width: 850px;
	position: relative;
	background: url("../images/topbluebar.gif") no-repeat left -5px;		
	}

#header h1 {
	/* background: url("../images/logo.gif") no-repeat top left; */	
	background: url("../images/aet-logo.gif") no-repeat top left;
	display: block;
	margin-top: 20px;
	float: left;
}
#header h1 a {
	display: block;
	width: 304px;
	height: 110px;
	text-decoration: none;
	text-indent: -3000px;
}
#header ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	position: absolute; 
	right: 0px; 
	top: 70px; 
	width: 416px;
	height: 30px;
	display: block;
	background: #fff url(../images/nav.gif) 0 0 no-repeat;	
}
#header ul li { 
	position: absolute; 
	top: 0; 
	margin: 0; 
	padding: 0;
	 }
#header ul li a { display: block; height: 30px; text-indent: -3000px; }

#nav1 	{ left: 0px; width: 36px; }
#nav2	{ left: 50px; width: 144px; }
#nav3 	{ left: 210px; width: 70px; }
#nav4 	{ left: 295px; width: 52px; }
#nav5 	{ left: 363px; width: 51px; }


#nav1	a:hover, #nav1 .current{background: url(../images/nav.gif) 0px -30px no-repeat; }	
#nav2	a:hover, #nav2 .current{background: url(../images/nav.gif) -50px -30px no-repeat; }	
#nav3 	a:hover, #nav3 .current{background: url(../images/nav.gif) -210px -30px no-repeat; }	
#nav4 	a:hover, #nav4 .current{background: url(../images/nav.gif) -295px -30px no-repeat; }	
#nav5 	a:hover, #nav5 .current{background: url(../images/nav.gif) -363px -30px no-repeat; }	
	


#content { background: white; padding: 0 0 20px; position: relative; }
#mainContent { display:block; min-height: 50px; padding: 15px; background: url("../images/dotline_v.gif") repeat-y  }
#sidebar { float: left; width: 250px; display: block;}
#sidebar p { margin-left: 5px;}
#sidebar h4{ background: url("../images/graybar.gif") no-repeat; text-indent: 35px; padding: 9px 0; width: 250px; color: #00376c; text-transform:uppercase; font-size: .9em;}
#sidebar ul {
	margin: 0 0 15px 5px;
	text-align: left;
	list-style: none;
}

#sidebar li a {
	display: block;
	width: 100%;
	text-decoration: none;
	text-indent: 20px;
	background: url(../images/checkmark.gif) no-repeat left top;

}
#sidebar li a:hover{ 
	text-decoration: underline;	
}
	
#sidebar li a.on {
	text-decoration: none;
	color: #000;
}
#sideNav { margin-bottom: 15px;}
#picture {
	position: absolute;
	top: 350px;
	float: left;
}

#bodyContent { float: right; width: 530px;}
#bodyContent li{ 
	margin-left: 5px;
	padding-left: 5px;
	list-style: none;	
	}

#bodyTextNew ul {
	font-size: 12px;
	margin-left: 25px;
	text-align: left;
	list-style:outside;
}
	
	
a.blocklink { color: #333; background: #dceaff; text-decoration: none; padding: .1em .3em; border-bottom: solid 1px #9ab8e7;}
a.blocklink:hover { color: #2b5597;}
#footer { 
	position: relative; 
	background: url("../images/footer.gif") no-repeat;
	padding: 10px 0; 
	text-align: center;
	font-size: .85em; 
	line-height: 1.3em; 
	clear: both; 
}
#footer a { color: #496fa9; }
#footer a:hover { color: #ffa54e; }



.pullquote {
	width: 150px;
	float:right;
	font: 115% bold Arial, Helvetica, sans-serif; 
	color: #fff;
	line-height:130%;
	margin:10px;
	background: #48618c url(../images/quoteClose.gif) no-repeat bottom right  !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 15px;
}
.pullquote:first-letter {
	background: url(../images/quoteOpen.gif) no-repeat left top  !important;
	padding:5px 2px 10px 25px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.testimonial1 {
	font: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.note {
	font: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.tinyred {
	font-size: 9px;
	color: #FF0000;
}

/* ---- FORM -------------------------- */

.form_wrapper{
	width: 650px;
	margin: 50px 0 0 0;
	float: left;
	clear: left;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family : 'Trebuchet MS', Tahoma, Arial, san-serif; 
	color : #666;             
	font-size : 100%;          
	background: #fff;         
	border : 1px solid #999;  
	margin : 2px 2px 2px 10px;
	padding : 4px;
}

input {
	height : 1.6em;
	border : 1px solid #999;  
	padding : 2px;
}
span.checkbox {
	float: left;
	display: block;
}
span.checkbox input{
	border: 1px solid #fff;  
	height: 1.0em;
}
select{
	height : 2em; !important
	padding-left : 4px;
	padding : 2px;
}
option {
	height : 1.4em;
}

textarea {
	font-size : 100%;          
	margin-top : 8px;
	width : 90%;
	padding : 4px;
}

#bodyContent form ul{
	list-style-type: none;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #cecece;
}

#bodyContent form ul:hover{
	/* background-color: #efefef; */
	/* border-bottom: 1px solid #cecece; */
}

#bodyContent form ul li{
	list-style-type: none;
	padding: 3px 0;
	margin: 0;
	clear:both;
}

#bodyContent form label {
	display: block;
	width: 200px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding-right: 8px;
	font-size: 95%;
}

#bodyContent form .text_field{
	width: 290px;
}

#bodyContent form .cap_field{
	width: 150px;
}

#bodyContent form .select_field {
	width: 296px;
}

#bodyContent  form ul li.submit {
	padding: 15px 0 0 162px;
}

#bodyContent  h2 {
	display:block;
	margin-top: 25px;
}

#bodyContent  h3 {
	display:block;
	margin-top: 15px;
}

#bodyContent  li {
	font-size: 1.1em;
	display: block;
	text-decoration: none;
	text-indent: 20px;
	background: url(../images/checkmark.gif) no-repeat left top;
}

#bodyContent  td {
	font-size: .9em;
	background-color: #EEEEEE;
}

#bodyContent  em {
	font-size: 1.2em;
}

#bodyContent  td.white {
	font-size: .9em;
	background-color: #FFFFFF;
}

#bodyContent .bigQuote {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style: italic;
	text-align: center;
	margin-top: 14px;
}

input:focus, textarea:focus, select:focus, input.focus, textarea.focus, select.focus, input:hover, textarea:hover, select:hover, input.hover, textarea.hover, select.hover {
	color : #000;               	/* onFocus "Font" color code */      
	background : #eaf2fe;       	/* onFocus "Background" color code */
	border : 1px solid #4b618b;	/* onFocus "Border" color code */
	cursor : text;
}

textarea:focus, textarea.focus, textarea:hover, textarea.hover {
	cursor : text;
}

select:hover, select:focus, select.focus {
	cursor : pointer;
}

input.button {
	margin-left: 220px;
	width : 25%;
	color : #fff;              
	font-weight : bold;        
	padding-bottom : 10px;
	background : #2e5393;        
	border: none;
	height: 2em;
}

.button:hover, .button:focus {
	cursor : pointer; 
	background : #0d2d6f;       
	color : #fafafa;            
}



/* ---- PORTFOLIO -------------------------- */

#portfolio-all {
	float: left;
	width: 210px;

}
#portfolio-all a{
	text-decoration: underline;
}
#portfolio-all .note {
	font: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
#portfolio-feature {
	float: right;
	width: 300px;
}
#thumbs{
	float: left;
	list-style: none;
	padding: 0.5em 0 70px 0;
	overflow: none;
}
#thumbs li{
	float: left;

	margin: 0;
	padding: 0;
	text-indent: 0;	
	list-style: none;
	background-image: none;
}
#thumbs img{
	width: 80px;
	height: 80px;
}
#thumbs li a {
	display: block;
	margin: 0 8px 8px 0;
	padding: 5px;
	border: solid 1px #dedede;
}
#thumbs li a:hover, #casestudy a:hover{
	padding: 5px;
	border: dotted 1px #4b618b;
}
#casestudy a {
	float: left;
	margin: 10px 0;
}
#casestudy a {
	padding: 5px;
	border: solid 1px #dedede;
}
#cs-solution{
	float: left;
	width: 250px;

}

#cs-other{
	float: right;
	width: 250px;

}
.nextprev{
	margin-top: 20px;
	display: block;

}


#bodyContentForm { float: right; width: 530px;}
#bodyContentForm li{ 
	margin-left: 15px;
	padding-left: 15px;
	list-style: square;	
	}
	
#bodyContentForm form ul{
	list-style-type: none;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #cecece;
}

/* #bodyContentForm form ul:hover{
	background-color: #efefef;
	border-bottom: 1px solid #cecece;
}*/

#bodyContentForm form ul li{
	list-style-type: none;
	padding: 3px 0;
	margin: 0;
	clear:both;
	
}

#bodyContentForm form label {
	display: block;
	width: 200px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding-right: 8px;
	font-size: 95%;
}

#bodyContentForm form .text_field{
	width: 290px;
}

#bodyContentForm form .cap_field{
	width: 150px;
}

#bodyContentForm form .select_field {
	width: 296px;
}

#bodyContentForm  form ul li.submit {
	padding: 15px 0 0 162px;
}