/* ------------------------ GLOBAL STYLES ------------------------ */

* {margin: 0; padding: 0;}

body {background-color: #eaeaea; font-family: Helvetica, Arial, sans-serif; color: #121212;}

a img {border: none;}

a:link, a:visited, a:active {outline: none; color:#C53C32;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.no_padding {padding: 0;}
.wrap_image {padding: 0px 10px 0px 0px; float:left;}
.lg {display:inline-block; float:left; margin: 0px 25px 20px 0px;} /*large image*/


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

h1 {font-size: 20px; font-family: Helvetica, Arial, sans-serif; margin: 0px 0px 10px;}
h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 10px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}

ul, li, p {padding-bottom: 5px; font-family: Times; font-size: 12px;}

p {margin-bottom: 10px;}

#content_wrapper ul {margin:0 0 10px 20px;}


/* ------------------------ LAYOUT ------------------------ */

#container {position: relative; width: 960px; height:auto; margin: 0 auto;}

#content_wrapper {width: 960px; height: auto; padding: 25px 5px 0px 0px; font-family: Times; font-size: 12px;}

#content_display {padding: 15px 0 0 70px;}

.border_top {border-top: 1px solid #a6a6a6; padding-top: 20px; overflow: hidden;}

.half {width:450px; float:left;}
.quarter {width: 225px; float: left; padding-right: 10px;}
.quarter.shorter {width: 150px;}
.quarter_img {width: 330px; float: left;}

.img_col {width: 476px; padding-right: 25px;}



/* ------------------------ MAIN NAVIGATION ------------------------ */

#selected_page {background-position: 0 -34px;}		

#nav_wrapper {width: 890px; height: 34px; padding-left: 70px; border-bottom: solid 1px #a6a6a6;}
	
	#nav_wrapper ul {width: 880px; height: 34px; list-style: none; padding: 0px;}
	#nav_wrapper ul li {float: left; padding: 0px 10px 0px 0px;}
		#nav_wrapper ul li a {display: block; width: 195px; height: 34px; background-position: 0 0; text-indent: -9999px;}
		#nav_wrapper ul li a:hover, 
		#nav_wrapper ul li a#selected_page {background-position: 0 -34px;}
			.home {background-image: url(../images/nav_home.jpg);}
			.about {background-image: url(../images/nav_about.jpg);}
			.contact {background-image: url(../images/nav_contact.jpg);}
			.subject {background-image: url(../images/nav_sub.jpg);}
				

/* ------------------------ HEADER STYLES ------------------------ */

#header {position: relative; width: 100%; height: 100px; border-bottom: solid 5px #000000;}
#header p {position:absolute; top:43px; right:8px; text-transform:uppercase; color:#3a3a3a; font-size:10px;}
	
#subscribe {position: absolute; top: 60px; right: 0px;}
	input#email_address {position: absolute; right: 60px; width: 149px; height: 25px; padding: 3px 0 0 9px; border-collapse: collapse; border: solid 1px #9cdf78; font-family: Times; font-size: 20px; color: #bdbcbc;}
	input#clientLogin {background:url(../images/btn_clientLogin.jpg) no-repeat; border: none; border-collapse:collapse; cursor:pointer; width:60px; height:30px;}

#logo {margin-left:90px; margin-top:56px;}
#mediagenesis {position:absolute; top:44px;}

/* ------------------------ FOOTER STYLES ------------------------ */		

#footer {width: 100%; height: 60px; background-color: #121212; margin-top: 23px;}

#footer div {width: 760px; height: auto; margin: 0 auto; overflow: hidden; padding: 0px 100px 0px;}

#footer ul {float: left; width: 270px; list-style: none; padding: 15px 0 0 0;}
	#footer ul li {display: inline; background: url(../images/g_footerDivider.jpg) no-repeat right 5px; line-height: 18px;}
	#footer ul li a {color: #ffffff; text-decoration: none; font-size: 9px; letter-spacing: 0.3px; text-transform: uppercase; padding: 0 7px;}
	#footer ul li a:hover {text-decoration: underline;}
			
#footer p {float: right; width: 468px; color: #ffffff; font-size: 10px; font-style: italic; letter-spacing: 0.5px; padding: 20px 0 0 0; margin: 0px;}
	#footer p a {color: #ffffff;}