/**
 * aena -- Master Stylesheet
 * 
 * @version 1.1 - center aligned
 * @author Grace Pok (www.gracepok.com)
 * 
 * Color Theme:
 * 	Background - #f4f4f4 (light gray)
 * 	Links - #ff7b33 (orange)
 * 	Text -  
 * 	Borders
 *  Header - #606060 - dark gray
 * 
 * Basic structure:
 * 		2 column fixed layout, width 940
 * 		Utility bar at the top
 * 		Vertical nav
 */

/* -------------------------
 * General Style
 * -------------------------
 */


body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5;
	margin: 0;	padding: 0;	
	font-size: 0.7em;
	
	/* this gives the illusion that the top utilnav bar stretches to the left only */
	background: url('../assets/utilnavbg.gif') top center no-repeat;	
}

p, h1, h2, h3 {
	color: #4d4d4d;
	margin: 0;
	padding: 0;
	line-height:1.5;
}

h2 { font-size: 1.07em; }
h3 { font-size: 1.05em; }

a 			{ color: #606060; text-decoration: none; }
a:link 		{   }    /* unvisited link */
a:visited 	{   }  	/* visited link */
a:hover 	{ color: #ff7b33; }   /* mouse over link */
a:active 	{ color: #ff7b33; }   /* selected link */

span.firmname { color: #ff7b33; }

/* general layout structure
 * ------------------------------------------------------*/

#pagewrapper {  /* Center align */
	width: 940px;
	margin: 0 auto;
}

#utilnav ul{
	height: 20px;
}
#bodywrap { /*contains everything except utilnav + footer */
	width: 940px;
}

#masthead {
	width: 170px;
	float: left;
}
#contentwrap {
	width: 770px;
	margin-top: 30px;  /* match the logo */
	float: left;
}
#footer {
	padding-left: 170px;
	width: 770px;
}


/*
 * Utility Nav -- grey bar at the top
 * ------------------------------------------------------*/

#utilnav ul {
	background-color: #606060;	
	margin: 0; padding: 0;
	padding-left: 0px;
	list-style-type: none; 
	width: 780px;
	text-align: right;
}
#utilnav ul li {

	display: block;
	float: right;

	padding: 0px 10px;
	height: 100%;
}
#utilnav ul li.cur { background-color: #ff7b33; color: white; }

#utilnav ul li a { color: white; }
#utilnav ul li.last {
	margin-left: 100px;
}
#utilnav li a:hover, #utilnav li a:active { color: #ff7b33; }

/*
 * Masthead -- Logo + Navigation 
 * ------------------------------------------------------*/
#logo {
	display: block;
	margin: 30px 0px 20px 14px;
	width: 65px
}
#logo img, #masthead .tagline img {
	border: 0;
}
#masthead .tagline {
	margin: 0px 0 20px 14px;
}

#menudiv, #subnav {
	list-style-type: none; 
	padding: 0;
	margin: 0;
}
#menudiv { height: 280px; }
#menudiv li {
	text-transform: uppercase;
	font-weight: bold;
	border-color: #aaa;
	border-width: 0;
	padding: 4px 0 4px 0px;
}
#menudiv li#contact { border-bottom-width: 1px; }
#menudiv li a 	{ 
	color: #606060; 
	text-decoration: none; 
	padding-left: 14px;   /* + li left padd ==>  */
	background: url('../assets/arrow_aena.gif') no-repeat left 1px ;
}

#menudiv li a:link 		{ color: #606060; }    /* unvisited link */
#menudiv li a:visited 	{ color: #606060; }  	/* visited link */
#menudiv li a:hover 	{ color: #606060; background: url('../assets/arrow_aena.gif') no-repeat left -19px ; }   /* mouse over link */
#menudiv li a:active	{ color: #ff7b33; background: url('../assets/arrow_aena.gif') no-repeat left -19px ; }   /* selected link */
#menudiv li.cur a { color: #888; background: url('../assets/arrow_aena.gif') no-repeat left -19px ; }
#menudiv li a.expand {  /*expanded mode with submenus */
	background: url('../assets/arrow_aena.gif') no-repeat left -38px ;
}
#subnav { margin-top: 3px;}
#subnav li {
	padding: 0px;
	text-transform: capitalize;
	font-weight: normal;
	border: 0;
	line-height: 1.3;
}
#subnav li a, #subnav li a:hover, #subnav li a:active { background-image: none;}
#subnav li.cur a, #subnav li a:hover, #subnav li a:active { color: #ff7b33;  background-image: none;}



/* Body
 * ------------------------------ */
img.pagehead {
	width: 770px;
	height: 340px;
}
#contentwrap h1 {
	margin-top: 15px;
	height: 32px;
	font-size: 1.8em; 
	line-height: normal; /* for IE */
	font-weight: normal;
}
#contentwrap h1 span { /*subheadings under Services */
	color: #909090;	
}
#content { /* scrolling content */
	
	margin-bottom: 15px;
	
}


#textdiv { 
	float: left;
	width: 560px; 
	text-align: justify;
	padding-bottom: 10px;

}
#imagediv { 
	float: right;
	width: 170px; 
	text-align: right;
}
#imagediv img {
	width: 157px;
}
#textdiv p {
	margin-bottom: 1em;
}


/* Footer
 * --------------------------------------- */
#footer  { 	margin-top: 6px; font-size: 0.9em; margin-bottom: 10px;}
#footer p {	width: 300px; float: left; }
#footer .firmname { margin-right: 3em; font-size: 1.1em}
#footer a {float: right;}

/*
 * Utility
 * ------------------------------- */
.clear{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 0px;
	display: block;
	clear: both;
	overflow: hidden;
	height: 0px;
}


.scrolltrack, .scrollhandle, .scrollwrap {
	display: none; width: 0px; height: 0px;
}