html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: url(images/bg-gradient.jpg) #e7f6ff repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/******CONTAINER DIV**********/

#container {

	background: url(images/main-bg.png) no-repeat;
	width: 1020px;
	min-height: 797px;
	overflow: hidden;
	margin: 0 auto;

}

/*********HEADER*************/

#header {

	width: 1020px;
	height: 220px;

}

h1.mainHeading {

	text-indent: -9999px

}

#logo {

	width: 226px;
	height: 150px;
	margin-left: 40px;
	float: left;
	overflow: hidden;

}

#logo a{

	text-decoration: none;
	border: none;

}

#nav {

	width: 717px;
	height: 178px;
	float: right;
	background: url(images/nav-bg.png) no-repeat;
	color: white;
	padding-top: 55px;
	padding-left: 15px;
	font-size: 14px;

}

#nav ul li{
	
	display: inline;
	margin-left: 16px;

}

#nav ul li a {

	color: white;
	text-decoration: none;

}

#nav ul li a:hover {

	color: #b9defc;
	text-decoration: none;

}

#nav ul li a.current {

	color: #b9defc;
	text-decoration: none;

}

/*********FORM STYLE********/

#request-form {

	margin-bottom: 20px;

}

.register-form{

	margin-left: 20px;
}

.input1 {

	font-size: 12px;
	color:#777777;
	width: 280px;
	background: url(images/input2.png) no-repeat;
	border: none;
	margin-top: 5px;
	padding: 7px 0 10px 7px; 

}

.input2 {

	width: 129px;
	background: url(images/input1.png) no-repeat;
	border: none;
	margin: 3px 5px 3px 0;
	font-size: 12px;
	padding: 7px 0 10px 7px; 
	color: #777777;
}

.input3 {

	width: 129px;
	background: url(images/input1.png) no-repeat;
	border: none;
	margin: 3px 0;
	font-size: 12px;
	padding: 7px 0 10px 7px;
	color: #777777;
}

.input3r {

	width: 129px;
	background: url(images/input1.png) no-repeat;
	border: none;
	font-size: 12px;
	padding: 7px 0 10px 7px; 
	color: #777777;

}

.input4 {

	width: 280px;
	height: 40px;
	background: url(images/textarea.png) no-repeat;
	border: none;
	margin: 3px 0;
	font-size: 12px;
	padding: 7px 0 10px 7px;
	color: #777777;
	overflow-x: hidden;
	overflow-y: hidden;
}

.submit {

	margin-top: 0px;
	margin-right: 7px;
	float: right;
	*margin-top: -20px;

}

#name {

	padding: 10px;

}

.select {

	background: url(images/select.png) no-repeat;
	float: left;
	border: none;
	width: 191px;
	height: 28px;
	padding-top: -5px;
	color: #777777;
	display: block;
	}
	

.submit-row {

	width: 280px;

}

.referral-label{


}

/*********CONTENT************/

#leftContent {

	background: url(images/left-sheet.png) no-repeat;
	height: 511px;
	width: 340px;
	margin: 10px 0 0 75px;
	padding-top: 12px;
	float: left;
	
}

p.leftP {

	font-size: 11px;
	padding: 9px 0 3px 20px;
	color: #2e2e2e;
	line-height: 1.2;

}

#map {

	margin: -10px 0 0 0;

}

#map img {

	margin: 10px 20px;

}

#map img a:hover {

	background: url(images/map.png) no-repeat;

}

h1.bannerHeading {

	background: url(images/heading-banner-bg.png) no-repeat;
	padding: 8px 0 15px;
	margin-left: -35px;
	text-indent: 55px;
	color: white;
	text-shadow: 2px 2px 2px #000;

}

#rightContent {

	background: url(images/right-sheet.png) no-repeat;
	width: 537px;
	height: 360px;
	float: left;
	margin: 10px 0 0 25px;

}

h1.rightHeading{

	background: url(images/rightHeader.png) no-repeat;
	color: white;
	margin-left: 200px;
	margin-top: 10px;
	padding: 8px 0 17px 60px;
}

h1.rightHeading-home {

	background: url(images/rightHeader.png) no-repeat;
	color: white;
	margin-left: 200px;
	margin-top: 10px;
	padding: 8px 0 17px 60px;
}

p.rightP {

	font-family: Arial;
	font-size: 13px;
	color: white;
	padding: 15px 50px 0 20px;
	line-height: 1.3;

}

#thumbs {

	margin: 30px 0px 0px 20px;

}

.roca-logo{

	margin: 15px 20px 0 105px;

}

.equinox-logo{

	margin: 0 0 0 35px;

}

#thumbs img {

	margin-right: 15px;

}

#unitTypes {

	margin: 22px 0 0 8px;

}

#unitTypes img {

	margin: 0;
}

img.ads {

	margin: 12px 0 0 25px;

}

.apartment-type{

	margin: 0 0 0 0;

}

.flash {

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

#flash {

	margin: 15px 0 0 25px;

}

#contact-deets {

	margin: 0 0 0 16px;;

}



/*********FOOTER************/

#footer {

	background: url(images/footer-bg.png) no-repeat;
	width: 1020px;
	height: 50px;
	margin: 0 auto;

}

.footerP {
	
	font-family: Arial;
	font-size: 12px;
	color: #8c8c8c;
	padding: 13px 0 0 56px;
	float: left;

}

.footerRight {
	
	font-family: Arial;
	font-size: 12px;
	color: #8c8c8c;
	padding: 13px 60px 0 0px;
	float: right

}

.footerP a {

	color: #8c8c8c;
	text-decoration: none;

}

.footerRight a {

	color: #8c8c8c;
	text-decoration: none;


}