/*---COLORS      
gray blue BG #425060
---*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/*---GLOBAL---*/
	/*--Structure--*/
	
	body{background: #424F5F url(images/BG-body.jpg) top center no-repeat;}
	
	#wrapper{
	
	width:936px;
	margin:0 auto;
	padding:0 6px 0 2px;
	min-height:300px;
	
	}
	
	#header{height:152px;}
	
	#logoContainer{
	
	width:205px;
	height:81px;
	padding:44px 0 0 184px;
	float:left;
	}
	
	#logoContainer h1 a{
	
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:205px;
	height:81px;
	background: transparent url(images/logo-ams.png) top left no-repeat;
	}
	
	#topNav{float:right; margin:72px 0 0 0;}
	
	#phone{float:right; margin:72px 12px 0 40px;}
	
	#mainContent{
	height:314px;
	width:756px;
	float:right;
	background: transparent url(images/BG-home-main.png) top left no-repeat;
	}
	
	body.animations #mainContent{
	
	width:606px;
	height:398px;
	background: transparent url(images/BG-swf.png) top left no-repeat;
	
	}
	
	body.animations #mainContent #content{
	
	background: none;
	width:580px;
	height:373px;
	margin:10px 16px 16px 11px;
	padding:0px;
	}
	
	
	#mainContent #content{
	
	width:273px;
	height:178px;
	margin:11px 16px 15px 12px;
	background: transparent url(images/BG-home-main-pic.jpg) top left no-repeat;
	padding:70px 415px 40px 40px;
	
	}
	
	#lowerContent{
	
	clear:both;
	height:177px;
	padding:7px 0 0 0;
	
	}
	
	#lowerContent div{
	
	width:298px;
	height:177px;
	background: transparent url(images/BG-bottom-box.png) top left no-repeat;
	float:right;
	}
	
	
	#lowerContent div div{
	
	float:none;
	margin:8px 12px 12px 9px;
	width:217px;
	height:97px;
	padding:30px;
	background: transparent url(images/BG-bottom-box-inner.png) top left no-repeat;
	
	}
	
	
	#lowerContent .middle{margin:0 17px 0 17px;}
	
	#lowerContent div.middle div{
	
	margin:8px 12px 12px 12px;
	background: transparent url(images/BG-bottom-box-pic.png) top left no-repeat;
	padding:30px 30px 30px 138px;
	width:109px;
	}
	
	body.animations #lowerContent div.first{} 
	
	body.animations #lowerContent div.last{
	
	margin:0 0 0 17px;
	
	width:613px;
	height: 177px;
	background: transparent url(images/BG-bottom-animation.png) top left no-repeat;
	
	} 
	
	body.animations #lowerContent div.last div{
	width:412px;
	height: 87px;
	background: transparent url(images/BG-bottom-animation-inner.png) top left no-repeat;
	padding:30px 150px 40px 30px;
	margin:8px 12px 12px 9px;
	
	}
	
	body.animations #lowerContent div.first div{
	
	background: transparent url(images/BG-bottom-animation-left-inner.png) top left no-repeat;
	width:167px;
	padding:30px 80px 30px 30px;
	margin:12px;
	}
	/*--Typographic--*/
	
	body{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	
	}
	
	#phone p{
	
	font-weight: bold;
	color:#8cacd0;
	
	}
	
	#content h2{font-size: 21px; color:#FFFF00; margin:0 0 5px 0; letter-spacing: 2px;}
	#content h3{font-size: 17px; color: #fff; line-height: 20px; margin:5px 0 10px 0;}
	#content a{font-size: 14px; color:#8CACD0; text-decoration: underline;}
	#content a:hover{color: #fff;}
	
	.first h3{font-size: 18px; color:#41505F; line-height: 22px; margin-bottom: 5px; font-weight: bold;}
	.first a{color:#fff; font-size: 13px;}
	.first a:hover{color:#41505f;}
	
	.middle h3{font-size: 18px; color:#fff; line-height: 22px; margin-bottom: 5px; font-weight: bold;}
	.middle a{color:#8CACD0; font-size: 13px;}
	.middle a:hover{color:#fff;}

	.last h3{font-size: 18px; color:#fff; line-height: 22px; margin-top: 10px; font-weight: normal;}	
	
	body.animations .last h3{margin:0; color: #FFFF00; font-weight: bold;}
	body.animations .last p{ color:#8CACD0; font-size: 16px; margin:5px 0 5px 0;}
	body.animations .last p.fauxLink{font-size: 13px;}
	
	body.animations .first h3{font-size: 18px; color:#fff; line-height: 22px; margin-bottom: 5px; font-weight: bold;}
	body.animations .first a{color:#8CACD0; font-size: 13px;}
	body.animations .first a:hover{color:#fff;}

	
	/*--Forms--*/
	/*--Tables--*/
/*---HEADER---*/
/*---NAV---*/

	/*--Primary--*/ 
	
	#topNav ul{}
	
	#topNav ul li{display: inline; padding:0 8px 0 8px;}
	
	#topNav ul li a{
	
	text-decoration: none;
	color:#8cacd0;
	
	}
	
	#topNav ul li a:hover{color:#fff;}
	
	      
	/*--Secondary--*/  
	/*---CONTENT---*/  
/*---SIDEBAR---*/  
/*---FOOTER---*/

#footer{clear:both; margin:15px 0 40px 0;}


#footer ul{padding:0 0 0 10px}
	
#footer ul li{display: inline; padding:0 3px 0 3px; font-size: 14px; color:#8cacd0;}

#footer ul li.first{padding-left:2px; color:#fff;}
	
#footer ul li a{
	
	text-decoration: none;
	color:#8cacd0;
	
}

#footer ul li a:hover{color: #fff;}


