/* -------------------- MASTER STYLE SHEET -------------------- 
CREATED BY: Ben Shoults (unless otherwise noted)

Layout based on the 960 Grid System
SOURCE: http://960.gs/ 

Eric Meyer Reset (reset.css)
SOURCE: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Clearfix Class (clearfix.css) 
SOURCE: http://www.positioniseverything.net/easyclearing.html */

@import url("reset.css");
@import url("clearfix.css");

/* -------------------- BASIC SELECTOR STYLES -------------------- */
body {background: url(../images/bg.png);
	font: 12px/1.5 'times new roman', times, serif;
	color: #fff;}

#head p {font: 15px/2 'times new roman', times, serif;
	color: #cfe6e8;
	padding: 10px 40px;
	text-align: center;}
	
#head p span {font-size: 16px;
	color: #fff;
	font-style: italic;}
#head p span.span2 {font-size: 18px;}
	
a:link, a:visited {font-size: 13px;
	color: #fff;
	text-decoration: none;}
a:active, a:hover {color: #fff;}

address {font-size: 14px;
	color: #c0dee1;
	font-style: normal;
	padding: 5px 20px;}
	
h2 {font-size: 14px;
	font-weight: normal;
	color: #c0dee1;
	padding: 10px 20px 0 20px;
	text-transform: uppercase;}
	
dl {font: 11px/1.5 Arial, sans-serif;
	color: #fff;
	padding-left: 20px !Important;
	padding-left: 10px;}
dt {float: left;
	width: 115px;}
dd {float: left;
	width: 100px;}
	
#professional {padding: 40px 0 0 20px !Important;
	padding: 40px 0 0 10px;
	margin-top: 30px;
	font-size: 12px;
	font-style: italic;
	color: #c0dee1;}
#aronovLogo {height: 30px;
	width: 135px;
	display: block;
	overflow: hidden;
	background: url(../images/aronovLogo.png) no-repeat;}
#aronovLogo span {display: none;}

#equalHousing {text-align: left;
	margin-top: 15px;
	color: #81b1b5;
	font-size: 10px;
	padding-top: 12px;
	padding-left: 25px;
	font-family: Arial, sans-serif;}

/* -------------------- LAYOUT STYLES -------------------- */
#head-full {height: 275px;
	width: 100%;
	background: url(../images/topBg.png) repeat-x;}
	
#head {width: 800px;
	margin: 0 auto;
	height: 275px;
	background: url(../images/top.png) no-repeat;}
	
#content-full {width: 100%;
	background: url(../images/bottomShadow.png) repeat-x;}
	
#content {width: 800px;
	margin: 0 auto;}
	
#photos {width: 505px !Important;
	width: 475px;
	float: left;
	margin-top: 25px;
	position: relative;
	margin-left: 25px;
	background: url(../images/photoBg.png) no-repeat;}
	
#copy {width: 270px;
	float: left;}
	
h1 {font-size: 20px;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	padding-top: 3px;}
h1#logo {height: 97px;
	width: 226px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/logo.png) 0 10px no-repeat;}
h1 span {display: none;}

#copy {margin-top: 25px;}

#email {height: 20px;
	width: 152px;
	display: block;
	overflow: hidden;
	padding: 12px 20px;
	background: url(../images/button.png) top left no-repeat;}
#email:hover {background-position: bottom left;}


/* -------------------- IMAGE SLIDER STYLES -------------------- */

#slider {margin: 9px;
	position: relative;}
#slider ul, #slider li {margin: 0;
	padding: 0;
	list-style: none;}
#slider, #slider li {width: 425px;
	height: 283px;
	overflow: hidden;}
#prevBtn, #nextBtn {display: block;
	width: 19px;
	height: 23px;
	position: absolute;
	left: -25px;
	top: 135px;}	
#nextBtn {left: 450px;}														
#prevBtn a, #nextBtn a {display: block;
	width: 19px;
	height: 23px;
	background: url(../images/leftArrow.png) no-repeat 0 0;}	
#nextBtn a {background: url(../images/rightArrow.png) no-repeat 0 0;}