/*
	Arts Executive Search CSS Screen Styles
	
	Table of Contents:
		layout
		colours
			background
			foreground
		look & feel
		forms
		
*/

/* Layout */

#container, #wrapper{
	margin:0 auto;
	width:760px;
}
#footer{
	width:760px;
	margin:0 auto;
}

/* Colors */

body{background-color:#e1e2e3;}
#wrapper{background-color:#fff;}
#header ul{background-color:#ccc;}
#header ul li a{background-color:#8dbbe8;}
#header ul li a:hover{background-color:#ccc;}
#header ul li a.active{background-color:#999;}
#quick-about{background-color:#eaeaea;}
.background, #contactalt{background-color:#efefef;}
.form fieldset.submit ul li a{background-color:#000;}
#wrapper .montage{background-color:#8dbce8;}
#header h2, h2{color:#999;}
#header ul li a, .form fieldset.submit ul li a, .montage h2#question{color:#fff;}
#footer ul li a, #contactalt h2{color:#000;}
h2, #quick-about h2, .montage h2#answer{color:#036;}
a{color:#69c;}
em.form, .form em{color:#8dbbe8;}

/* Look & Feel */

ul{
	list-style:none;
	margin:1em 0;
}
ul li{
	background:url(../assets/bullet_icon.gif) no-repeat scroll left 7px;
	padding-left:1em;
	position:relative; /* Win/IE6 won't show the background-image without this */	
}
a{
	font-weight:bold;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
h2{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0;
}
h2.header{
	height:0;
	font-size:1px;
	padding-top:121px;
	line-height:0.01em;
	overflow:hidden;
}
p.clear{
	clear:left;
}
p.intropara{
	font-size:1.15em;
	margin:1em 0;
}
p.philosophy{
	clear:both;
	font-size:1.15em;
	margin:1em auto;
}
h2#about{background:url(../content_graphics/aboutus_header.jpg) no-repeat scroll left center;}
h2#bio{background:url(../content_graphics/mary_carlson_header.jpg) no-repeat scroll left center;}
h2#choose{background:url(../content_graphics/why_choose_header.jpg) no-repeat scroll left center;}
h2#contact{background:url(../content_graphics/contact_us.jpg) no-repeat scroll left center;}
h2#services{background:url(../content_graphics/services_header.jpg) no-repeat scroll left center;}
#wrapper{
	background-image:url(../assets/dropshadow_right.gif);
	background-repeat:repeat-y;
	background-position:right top;
	padding-right:9px;
	position:relative;
}
#header{
	height:125px;
	margin-bottom:0.5em;
	position:relative;
}
#header h1{
	left:0;
	margin:0;
	position:absolute;
	top:0;
}
#header h2{
	background:url(../assets/tel_icon.gif) no-repeat scroll 0% 50%;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding-left:24px;
	position:absolute;
	right:1.5em;
	top:45px;
}
#header ul{
	bottom:0;
	list-style:none;
	margin:0;
	position:absolute;
	right:0;
	text-align:right;
	width:100%;
	height:1.55em;
}
#header ul li{
	display:inline;
	background:none no-repeat;
	padding:0;
}
#header ul li a{
	background-image:none;
	padding:2px 0.5em;
	text-decoration:none;
	font-weight:bold;
	border-left:2px solid #fff;
}
#header ul li a:hover{
	text-decoration:underline;
}
#content{
	padding:1em 2em 1em 2em;
}
#content .background{
	padding:1em 0;
	margin:1em 0;
}
#quick-about{
	display:block;
  height:11em;
	padding:1em 2em;
}
#quick-about #services{
	border-right:2px solid #fff;
	display:block;
	float:left;
	margin-right:2em;
	padding:1em 1em 1em 0;
	width:29%;
}
#quick-about #chooseus{
	border-right:2px solid #FFFFFF;
	display:block;
	float:left;
	margin-right:2em;
	padding:1em 1em 1em 0;
	width:29%;
}
#quick-about #marycarlson{
	display:block;
	float:left;
	padding:1em 0;
	width:29%;
}
#quick-about h2{
	font-size:1.15em;
	margin:0;
}
#quick-about p{
	margin:0;
}
#quick-about a:hover{
	text-decoration:none;
}
#contactalt {
	margin:2em 0pt;
	padding:1em 2em;
	float:left;
	width:18em;
}
#contactalt h2{
	font-size:1.25em;
	margin:0;
}
#contactalt li{
	padding:0 0 0.15em 2.5em;
	margin:1em 0;
}
#contactalt li#write{background:url(../assets/mail_icon.gif) no-repeat scroll left 2px;}
#contactalt li#call{background:url(../assets/tel_icon_2.gif) no-repeat scroll left 2px;}
#contactalt li#fax{background:url(../assets/fax_icon.gif) no-repeat scroll left 2px;}
#contactalt li#email{background:url(../assets/email_icon.gif) no-repeat scroll left 2px;}
#footer{
	background-image:url(../assets/dropshadow_bottom.gif);
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
	font-size:0.9em;
	padding-right:9px;
	text-align:center;
}
#footer ul{
	border-top:10px solid #8dbbe8;
	list-style:none;
	padding-top:0.5em;
}
#footer ul li{
	background:none;
	border-left:1px solid #000;
	display:inline;
	margin-left:0.5em;
	padding-left:0.5em;
}
#footer ul li.first{
	border:0;
}
#footer ul li a{
	background-image:none;
	font-weight:normal;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer a
{
    color:#000;
    font-weight:normal;
    text-decoration:none;
}
#footer a:hover
{
    text-decoration:underline;   
}

/* Page-specific */

.contact #wrapper, .contact #content{
	float:left;
}
.content h2{
	text-transform:uppercase;
}
.content #content p, .content #content h2, .content #content ul, .content #content ol{
	padding:0 25px;
}	
.content #content a{
	background:url(../assets/link_arrows.gif) no-repeat scroll center left;
	padding-left:2em;
}
.bio p#mc-portrait{
	float:left;
	margin:1.5em 2em 1em 0;
}
.homepage p.philosophy{
	text-align:center;
}
.homepage p.intropara{
	margin:2em 3em;
	text-align:center;
}
.homepage #content{
	margin-top:280px;
}
.homepage .montage{
  height:280px;
	text-align:center;
  top:132px;
	left:0;
	position:absolute;
	width:760px;
}
.homepage .montage#one{background:#8dbbe8 url(../content_graphics/aes_home_01A.jpg) no-repeat scroll 50%;}
.homepage .montage#two{background:#8dbbe8 url(../content_graphics/aes_home_01A.jpg) no-repeat scroll 50%;}
.homepage .montage#three{background:#8dbbe8 url(../content_graphics/aes_home_01A.jpg) no-repeat scroll 50%;}
.homepage .montage#four{background:#8dbbe8 url(../content_graphics/aes_home_01A.jpg) no-repeat scroll 50%;}
.homepage .montage#five{
	background-attachment: scroll;
	background-color: #8dbbe8;
	background-image: url(../content_graphics/aes_home_01A.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}
.homepage .montage h2#question{
	bottom:2.3em;
	font-size:1.4em;
	font-weight:normal;
	left:0;
	margin:0;
	position:absolute;
	width:100%;
}
.homepage .montage h2#answer{
	bottom:0.5em;
	font-size:1.6em;
	font-weight:normal;
	left:0;
	line-height:1.5em;
	margin:0;
	position:absolute;
	width:100%;
}

/* Forms */

em.form, .form em{
	font-weight:bold;
	font-size:1.5em;
	float:none;
}
.form{
	float:left;
}
.form ol{
	list-style:none;
	margin:0;
}
.form li{
	margin:0.25em 0;
}
.form label{
	float:left;
	text-align:right;
	margin:0.15em 1em 0.15em 0;
	width:10em;
}
.form input, .form textarea{
	border:1px solid #999;
	margin:0.15em 0;
	padding-left:0.25em;
	width:16em;
}
.form textarea{width:16.5em;} /* ? */
.form fieldset.submit{
	margin-left:11em;
	width:20em;
}
.form fieldset.submit ul{
	margin:0;
}
.form fieldset.submit ul li{
	background-image:none;
	list-style:none;
	padding-left:0;
}
.form fieldset.submit ul li a{
	background:url(../assets/button.gif) no-repeat scroll left top;
	padding:0.45em 3.9em;
	text-decoration:none;
}
.form fieldset.submit ul li a:hover{
	background-position:left bottom;
	text-decoration:underline;
}
#lblError
{
    color:#f00;
}