/***********************************************************************
* file		main.css
* 
* 
* author: 	taopro.com / Andrew T.
* version: 	version 1.4
* since: 	version 1.0
* created:	2-4-10
*
* description:
* Global stylesheet for the Gateway website.
*
*
* This document contains the following sections:
* 	HTML Entities
*	Header Navigation
* 	Container
*		Elements inside contaner
*		Clearfloat
*	Footer
*	Text 
*
*
* Colors:
* #fff		white global-background, navigation global text 
* #f0984a	primary orange 	 
* #7e696d 	primary brown 	
* #e5e1e2 	gray footer background 
* #d88642 	orange footer left rule	
* #999		gray footer text	
* #b9b2b3	gray margin modules, contact/schedule a tour text
* #ff6a0b 	orange global left rule at 70 percent: final color #f0984a color=ff9654	
* #c2b9ba	gray global navigation italic sub heading 	
* #574b4d 	vertical lightbox module background 	
* #3f3436 	service request modules text 	
* #f3ad6e	text fields—service request modules 	 
* #c2bdb5	text legal terms
*
*	
* Fonts:
* Veranda is the standard font
* Font sizes and leading (line-height are one of the following:
* 11px/15px (map instructions)
* 11px/16px (most body copy / featured listing module / margin module)
* 10px/16px (service request, resident and conformation modules / neighborhood image and footer modules)
*
************************************************************************/


/* ****************** */
/* HTML Entities      */
/* ****************** */

/* global attributes */

body {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7e696d;
	margin-top: 0;
	margin-left: 0;
	font-size: 11px;
	line-height: 16px;
}

img {  border-style: none;
} /* removes blue link border on all images */


/* *******************/
/* Navigation Global including link styles */
/* *******************/

/*Rollover line height 500px*/

#navHeader {
	display: block;
	float: left;
	overflow: hidden;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 930px;
	height: 185px;
	cursor:pointer;
	cursor:hand;
}

#navHeader a:link {
	color: #fff;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}

#navHeader a:visited {
	color: #fff;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}

#navHeader a:hover {
	color: #f0984a;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}

#navHeader a:active  {
	color: #f0984a;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}

#nav_gateway {
	width: 330px;
	height: 185px;
	background-image: url(../media/nav/btn_nav_home.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

#nav_about {
	background-repeat: no-repeat;
	background-position: left top;
	height: 185px;
	background-image: url(../media/nav/btn_nav_about.gif);
	width: 150px;
	display: block;
	float: left;
	overflow: hidden;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 0px;
	position: absolute;
	left: 330px;
	z-index: 12;
	line-height: 500;
}

#nav_about:hover {
	background-image: url(../media/nav/btn_nav_about.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_about:active {
	background-image: url(../media/nav/btn_nav_about.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_living {
	background-repeat: no-repeat;
	background-position: left top;
	height: 185px;
	background-image: url(../media/nav/btn_nav_living.gif);
	width: 150px;
	overflow: hidden;
	float: right;
	position: absolute;
	left: 480px;
	top: 0px;
	line-height: 500;
}

#nav_living:hover {
	background-image: url(../media/nav/btn_nav_living.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_living:active {
	background-image: url(../media/nav/btn_nav_living.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_location {
	background-image: url(../media/nav/btn_nav_location.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 185px;
	overflow: hidden;
	width: 150px;
	float: right;
	position: absolute;
	left: 630px;
	top: 0px;
	line-height: 500;
}

#nav_location:hover {
	background-image: url(../media/nav/btn_nav_location.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_contact {
	background-image: url(../media/nav/btn_nav_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 185px;
	overflow: hidden;
	width: 150px;
	float: right;
	left: 780px;
	top: 0px;
	position: absolute;
	line-height: 500px;
}

#nav_contact:hover {
	background-image: url(../media/nav/btn_nav_contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#nav_conact:active {
	background-image: url(../media/nav/btn_nav_contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

#apDivNavTextContact {
	position:absolute;
	left:30px;
	top:20px;
	width:298px;
	height:17px;
	z-index:20;
	font-size: 10px;
	color: #b9b2b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	visibility: visible;
	float: left;
	padding-top: 1px;
}

#apDivNavTextContact a:link {
	text-decoration: none;
	color: #b9b2b3;
	padding-bottom: 2px;
	background-image: url(../media/nav/nav_underline_1px_dot_gray.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#apDivNavTextContact a:visited {
	text-decoration: none;
	color: #b9b2b3;
	padding-bottom: 2px;
	background-image: url(../media/nav/nav_underline_1px_dot_gray.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

#apDivNavTextContact a:hover {
	color: #f0984a;
	padding-bottom: 2px;
	background-image: url(../media/nav/nav_underline_1px_dot_orange.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

#apDivNavTextContact a:active {
	color: #f0984a;
	padding-bottom: 2px;
	background-image: url(../media/nav/nav_underline_1px_dot_orange.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/* text gray ital */
.fontSubhead1 {	
	font-style: italic;
	color: #c2b9ba;
	font-size: 10px;
}
.fontSubhead2 {
	font-style: italic;
}

.fontPad5/* text 5px padding element*/
 {
	font-size: 5px;
}



/* ****************** */
/* Container	      */
/* ****************** */

/* main page container */
.thrColFixHdr #container {
	background-color: #fff;
	width: 780px;
	float: left;
	background-image: url(../media/graphic/orange-ff9654-15-pxl.gif);
	background-repeat: repeat-y;
}


/* ****************** */
/* Elements inside contaner	*/
/* ****************** */
#headTitle {
	height: 80px;
	width: 780px;
	clear: both;
}

#bodyColumn1 {
	width: 285px;
	padding-left: 30px;
	float: left;
	background-position: top;
	color: #7e696d;
}

#bodyColumn2 {
	width: 285px;
	padding-left: 15px;
	float: left;
	color: #7e696d;
	margin-top: 0px;
	padding-top: 0px;
}

/*#TouchBodyColumn2 {
	width: 300px;
	padding-left: 15px;
	float: left;
	color: #7e696d;
	margin-top: 0px;
	padding-top: 0px;
}

*/
#apDivOrangeSideBar {
	width:15px;
	height:90%;
	z-index:20;
	background-color: #ff6a0b;
	filter: Alpha(Opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	left: 0px;
	position: absolute;
}

/* clearfloat */
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ****************** */
/* Footer      		  */
/* ****************** */
.thrColFixHdr #footer {
	height: 125px;
	width: 780px;
	background-color: #e5e1e2;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #d88642;
	position: relative;
	z-index: 25;
	left: 0px;
} 
.lettingBump

/* ****************** */
/* Container	      */
/* ****************** */

/* main page container */

/* ****************** */
/* Elements inside contaner	*/
/* ****************** */
 {
	line-height: 20px;
}
.lettingBumpB {
	line-height: 10px;
}
.h3 {
	font-weight: bold;
}
#subcolumn2 {
	float: left;
	width: 130px;
	margin-left: 15px;
	clear: right;
}
#subcolumn1 {
	width: 132px;
	float: left;
}
.textTerms {
	color: #c2bdb5;
}

/* current page link state */

#navHeader .currentDiv {
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
}

body #navHeader #nav_about .aboCurrentText {
	text-decoration: none;
	color: #f0984a;	
	line-height: normal;
}

body #navHeader #nav_about .aboCurrentText a  {
	text-decoration: none;
	color: #f0984a;
}

body #navHeader #nav_living .livCurrentText {
	text-decoration: none;
	color: #f0984a;	
	line-height: normal;
}

body #navHeader #nav_living .livCurrentText a  {
	text-decoration: none;
	color: #f0984a;
}

body #navHeader #nav_location .locCurrentText {
	text-decoration: none;
	color: #f0984a;	
	line-height: normal;
}

body #navHeader #nav_location .locCurrentText a  {
	text-decoration: none;
	color: #f0984a;
}

body #navHeader #nav_contact .conCurrentText {
	text-decoration: none;
	color: #f0984a;	
	line-height: normal;
}

body #navHeader #nav_contact .conCurrentText a  {
	text-decoration: none;
	color: #f0984a;
}

#bottomSpacer {
	float: left;
	width: 780px;
}
#subHead1 {
	float: left;
}
#subHead2 {
	float: left;
}
#containerx {
	background-color: #FFFFFF;
	float: left;
	height: 600px;
	width: 600px;
}
#subColumnContainer {
	float: left;
}
#emailListContainer {
	float: left;
	line-height: 11px;
}

#touchBodyColumn2a {
	width: 285px;
	padding-left: 15px;
	float: left;
	color: #7e696d;
	margin-top: 0px;
	padding-top: 0px;
}

#applyColumn1 {
	width: 285px;
	padding-left: 30px;
	color: #7e696d;
	float: left;
}
	
	#applyColumn2 {
	width: 285px;
	padding-left: 15px;
	color: #7e696d;
	float: left;
}


#test {
}