@charset "utf-8";
/* CSS Document */

/*******************************************************
		PROJECT: 

		DESCRIPTION:
		This CSS file comprises layout elements for
		all site pages.
		
		CREATED: 08

*******************************************************/



/*******************************************************
	BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #312A4E;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #E3E2E3 url(../m/bg-body.jpg) repeat top left;
	margin: 0; padding: 0 0 12px 0;
}

p {
	font-size: .7em;
	line-height: 1.4em;
	margin: 0 0 1.2em 0;
}

h2 {
	color: #333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin: 0 0 .7em 0;
}


h3 {
	color: #3B436B;
	font-size: 1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height: 1.4em;
	margin: 0 0 .7em 0;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #3B436B;
	font-size: .8em;
	line-height: 1.3em;
	margin: 0 0 1.0em 0;
}



/* ANCHOR TAGS */

a:link {
	color: #8D3536;
}

a:visited {
	color: #660000;
}

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

a:active {
	color: #8D3536;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.6em 1.1em;
	padding: 0;
}

ul.section-list {
	margin-left: 0;
}

li {
	font-size: .7em;
	margin: 0 0 .6em 0;
	line-height: 1.2em;
	padding: 0 0 0 12px;
	background:url(../m/li-square.gif) no-repeat 0px 5px;
	list-style: none;
}

ol li {
	background-image: none;
	list-style-type:decimal;
	padding-left: 0;
	margin-left: 18px;
}

li ul, li ol {margin: 6px 0 12px 18px;}
li ul li, li ol li {font-size: .97em;}

li ul li {background-image:url(../m/li-square-blue-open.gif);}







/*******************************************************
	_FORMS
*******************************************************/
form {
	margin: 0;
	padding: 6px 0;
}

fieldset {margin: 0;padding: 0;border: 0;background-color: #EEEEEF;}

table {
	margin: 0 0 24px 0;
}

td {
	font-size: .7em;
	padding: 4px;
}

tbody td {
	background-color: #F7EFD7;
}

thead td {
	background-color:#E1D19F;
}

fieldset h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
/*	font-weight:normal;*/
	margin: 0;padding: 2px 0 0 0;
}

textarea, input, select {font-size: .7em;font-family:Arial, Helvetica, sans-serif;}

div.formCol1, div.formCol2 {float: left;}
div.formCol1 {width: 170px;margin: 0 16px 0px 0;text-align: right;}
div.formCol2 {width: 230px}

form div.clear {
	padding: 12px 0 0 0;
	margin: 0 0 12px 0;
/*	border-bottom: 1px dotted #999;*/
	border-bottom: 1px solid #FFF;
}

div#contact-form {width: 450px;	padding: 2px;margin: 0 auto;border: 1px solid #E0E1E2;}

div.submitForm {padding: 0 0 0 186px;}
div.reqMsg {padding: 0 0 12px 186px;font-size:.7em;}
.req, div.reqMsg {color:#990000;}

.errorMsg {
	color: #600;
	font-weight:bold;
}

.invalid {
	background-color:#FFCCFF;
}







/*******************************************************
	_MAIN CONTAINERS
*******************************************************/

div#global {
	width: 756px;
	text-align:left;
	margin: 4px auto 0 auto;
	background: #FFF url(../m/bg-global.jpg) repeat-y top left;
}



div#main {
	float: left;
	width: 562px;
	margin: 0 0 0 0;
	min-height:200px;
}

div#main-content {
	padding: 0 6px 0 29px;
}




/*******************************************************
	_LEFT
*******************************************************/
div#left {
	float: left;
	display:inline;
	width: 172px;
	min-height:396px;
	margin: 0 0 0 11px;
	background:url(../m/bg-left.jpg) no-repeat top left;
}

div#left a {
}


/* Sub nav */
div#nav-sub {
	height: 115px;
	margin: 14px 0 18px 18px;
}

div#nav-sub ul {
	margin: 0;padding: 0;
}


div#nav-sub li {
 	width: 142px;
	height: 11px;
	position: relative;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: .7em;
	line-height:.7em;
	background-image:none;
}

div#nav-sub li span {
	top: 0px;
	left: 0px;
 	width: 142px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

div#nav-sub ul li a {
 	width: 142px;
	height: 11px;
	display: block;
	cursor:pointer;
}

li#nav-sub-il span {background-image:url(../m/nav/sub-illinois.gif);}
li#nav-sub-nation span {background-image:url(../m/nav/sub-nation.gif);}


body#page-practice div#nav-sub {padding-top: 58px;height: 59px;}

body#page-practice-il li#nav-sub-il,
body#page-practice-nation li#nav-sub-nation {height: auto;}

div#nav-sub a {color: #FFF;text-decoration: none;}
div#nav-sub a:hover {color: #FFF;text-decoration: underline;}

div#nav-sub ul li ul {margin: 0;padding: 6px 0 3px 16px;}
div#nav-sub ul li ul li, div#nav-sub ul li ul li a {
	font-size: 1.0em;
	line-height: 1.0em;
	margin-bottom: 2px;
	width: 132px;
	height: auto;
}


div#left div.contactInfo {
	padding: 0 0 0 28px;
}











/*******************************************************
	_TOP
*******************************************************/

div#top {
	padding: 0 11px 0 11px;
	background:url(../m/bg-top.jpg) no-repeat top left;
}



/* MAA logo */
h1 {
 	width: 204px;
	height: 71px;
	position: relative;
	float:left;
	margin: 16px 0 0 0;
	padding: 0;
	font-size: .8em;
	line-height:1.4em;
}

h1 span {
	top: 0px;
	left: 0px;
 	width: 204px;
	height: 71px;
	background: url(../m/logo-michael-alexander.jpg) no-repeat top left;
	position: absolute;
	z-index:1;
}

h1 a {
 	width: 204px;
	height: 71px;
	display: block;
	cursor:pointer;
}



/* Full-Service */
p#top-mid {
 	width: 343px;
	height: 71px;
	position: relative;
	float:left;
	margin: 16px 0 0 0;
	padding: 0;
	font-size: .8em;
}

p#top-mid span {
	top: 0px;
	left: 0px;
 	width: 343px;
	height: 71px;
	background: url(../m/top-mid.jpg) no-repeat top left;
	position: absolute;
	z-index:1;
}





/* Contact */
p#top-contact {
 	width: 164px;height: 58px;
	position: relative;
	float:left;
	display:inline;
	margin: 23px 0 0 6px;
	padding: 0;
	font-size: .6em;
}

p#top-contact span {
	top: 0px;
	left: 0px;
 	width: 164px;height: 58px;
	background: url(../m/top-contact.gif) no-repeat top left;
	position: absolute;
	z-index:1;
}

p#top-contact a {
 	width: 164px;height: 58px;
	display: block;
	cursor:pointer;
}




/* NAV */
ul#main-nav {
	height: 40px;
	display:block;
	margin: 0;
	padding: 0 0 0 308px;
	background: url(../m/top-nav-bg.jpg) no-repeat top left;
}

ul#main-nav li {
	height: 40px;
	position:relative;
	font-size: .6em;
	line-height: 40px;
	display: block;
	float:left;
	padding: 0;
	margin: 0;
}

ul#main-nav li span {
	top: 0px;
	left: 0px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

ul#main-nav li a {
/*	color: #FFF;*/
/*	height: 40px;
	display: block;*/
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
}



li#nav-home span {background-image:url(../m/nav/nav-home.jpg);}
body#page-home li#nav-home span {background-image:url(../m/nav/a/nav-home.jpg);}
li#nav-home, li#nav-home span, li#nav-home a {width: 67px;}

li#nav-practice span {background-image:url(../m/nav/nav-practice.jpg);}
body#page-practice li#nav-practice span {background-image:url(../m/nav/a/nav-practice.jpg);}
li#nav-practice, li#nav-practice span, li#nav-practice a {width: 99px;}

li#nav-clients span {background-image:url(../m/nav/nav-clients.jpg);}
body#page-clients li#nav-clients span {background-image:url(../m/nav/a/nav-clients.jpg);}
li#nav-clients, li#nav-clients span, li#nav-clients a {width: 73px;}

li#nav-testimonials span {background-image:url(../m/nav/nav-testimonials.jpg);}
body#page-testimonials li#nav-testimonials span {background-image:url(../m/nav/a/nav-testimonials.jpg);}
li#nav-testimonials, li#nav-testimonials span, li#nav-testimonials a {width: 84px;}

li#nav-leadership span {background-image:url(../m/nav/nav-leadership.jpg);}
body#page-leadership li#nav-leadership span {background-image:url(../m/nav/a/nav-leadership.jpg);}
li#nav-leadership, li#nav-leadership span, li#nav-leadership a {width: 86px;}

li#nav-contact span {background-image:url(../m/nav/nav-contact.jpg);}
body#page-contact li#nav-contact span {background-image:url(../m/nav/a/nav-contact.jpg);}
li#nav-contact, li#nav-contact span, li#nav-contact a {width: 101px;}






/*******************************************************
	_HEADER
*******************************************************/
h2#pageTitle {
 	width: 562px;
	height: 123px;
	position: relative;
	margin: 0 0 16px 0;
	padding: 0;
	font-size: .7em;
	line-height:.9em;
}

h2#pageTitle span {
	top: 0px;
	left: 0px;
 	width: 562px;
	height: 123px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

h2#pageTitle a {
 	width: 562px;
	height: 123px;
	display: block;
	cursor:pointer;
	text-decoration:none;
}

body h2#pageTitle span {background-image: url(../m/h-blank.jpg);}
body#page-practice h2#pageTitle span,
body#page-practice-il h2#pageTitle span,
body#page-practice-nation h2#pageTitle span {background-image: url(../m/h-practice-areas.jpg);}
body#page-leadership h2#pageTitle span {background-image: url(../m/h-leadership.jpg);}
body#page-clients h2#pageTitle span {background-image: url(../m/h-clients.jpg);}
body#page-contact h2#pageTitle span {background-image: url(../m/h-contact.jpg);}
body#page-error h2#pageTitle span {background-image: url(../m/h-page-not-found.jpg);}
body#page-news h2#pageTitle span {background-image: url(../m/h-news.jpg);}



/*******************************************************
	_HOME
*******************************************************/
div#home-feature {
	background: #6D80A6 url(../m/home-feature.jpg) no-repeat top left;
	width: 734px;
	min-height: 90px;
	margin: 0 0 0 11px;
	padding: 93px 0 0 0;
}

div#home-feature p {
	color: #FFF;
	width: 300px;
	margin: 0 0 0 33px;
}

div#home-feature a {color: #FFF;}

div.feat-btm {
	height: 9px;
	font-size: 1px;
	line-height: 1px;
	background: url(../m/home-feature-btm.jpg) no-repeat top left;
	margin: 0 0 12px 11px;
}


div#home-content {
	background:url(../m/home-2col-bg.jpg) no-repeat top left;
	min-height: 314px;
	margin: 0 0 0 18px;
}

div.homeCol1 {
	width: 230px;
	margin: 23px 33px 0 27px;
	float: left;
	display: inline;
}

div.homeCol2 {
	width: 215px;
	margin: 23px 20px 0 0;
	float: left;
	display: inline;
}

div.homeCol3 {
	width: 195px;
	margin: 23px 0 0 0;
	float: left;
	display: inline;
	background:url(../m/pic-il-bg.jpg) no-repeat 105px 28px;
}

img.sub-head-serv {
 	display: block;
	margin: 0 0 4px 3px;
}

img.sub-head-exper {
 	display: block;
	margin: 0 0 4px 0;
}

img.sub-head-cont {
 	display: block;
	margin: 0 0 12px 0;
}




/*******************************************************
	_CLIENTS
*******************************************************/
div.client-list {
	float: right;
	width: 200px;
	margin-left: 16px;
	background:url(../m/bg-client-list.jpg) no-repeat top left;
	padding: 18px 18px 0 18px;
}

div.client-list ul {
	margin-left: 6px;
}

div.client-list ul li {
/*	line-height: 1.5em;*/
}

div.testimonials-list {
	float: left;
	width: 250px;
}

p.quote {
	margin: 0 0 6px 0;
}

p.quoter {
	font-weight: bold;
	margin: 0 0 28px 25px;
}

blockquote {
	padding: 0 0 0 25px;
	margin: 0 0 6px 0;
	font-size:.7em;
	text-align:justify;
	background: url(../m/quoleft.gif) no-repeat top left;
}

blockquote div {
	padding: 0 25px 0 0;
/*	background: url(../m/quoright.gif) no-repeat bottom right;*/
}




/*******************************************************
	_NEWS
*******************************************************/
div.newsItem {
	margin: 0 6px 24px 0;
}

div.newsItem h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	margin: 0 0 .1em 0;
}

p.datePost {
	margin: 0 0 2px 0;
	color:#99A;
}

p.datePost span.date {
	font-weight: bold;
}









/*******************************************************
	_FOOTER
*******************************************************/
div#footer {
	text-align:center;
	padding-top: 24px;
	margin-top: 24px;
	background:url(../m/bg-footer-top.jpg) no-repeat top left;
}

div#footer p.legalese {
	color:#A7A7AE;
	margin: 0 0;
	padding-bottom: 32px;
	background:url(../m/bg-btm.jpg) no-repeat bottom left;
}

div#footer p.footer-contact {
	line-height:1.4em;
	color:#686670;
	margin: 0 16px 16px 16px;
}


div#footer a {color: #425473;}
div#footer ul {	margin: 0 16px 16px 16px;}
div#footer li {display: inline;margin: 0 12px 0 0;padding: 0;background-image: none;}










/*******************************************************
	MISC
*******************************************************/
div.section {padding-bottom: 24px;}

div.col1, div.col2 {
	float: left;
	display: inline;
	width: 45%;
}

div.col1 {margin-right: 24px;}


div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}

img.imgRt {
	float: right;
	margin: 0 0 16px 16px;
	display: block;
}

img.imgLt {
	float: left;
	margin: 0 16px 8px 0;
	display: block;
}


div.dot-h {
	height: 1px;
	line-height:1px;
	font-size:1px;
	margin: 12px 0;
	background: url(../m/dot-h.gif) repeat-x top left;
}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.hide {display: none;}