/*    
 Desc: Crossgates Communities
 Author: Icoms Technologies
 Date: September 2008
=== === === === === === === === === === */


@import "reset.css";




/* BODYS
=== === === === === === === === === === */
body {
	background-position:top;
	background-repeat:repeat-x;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	background-color:#100B05;

}

#body-home {
	background-image: url(../images/home_bg.jpg);
}


#body-interior {
	background-image: url(../images/interiors_bg.jpg);
	
}







/* ESTRUCTURE - HOME
=== === === === === === === === === === */

#container {
	margin: 0 auto;
	width: 912px; 
	text-align: left;

}


#splash-home {
	height:500px;
	background-image:url(../images/splash.jpg);
	background-repeat:no-repeat;
}

.right-boxes{	
	width:290px;
	margin: 10px 30px 0 0 ;
	float:right;
	font-weight:bold;
	line-height:15px;
	text-align:justify;
	display:inline;

}

/* ESTRUCTURE - INTERIORS
=== === === === === === === === === === */

#content {
	clear:both;
	width:880px;
	margin:auto;
	padding: 13px 0 0 10px;

	

}


#splash-wc {
	height:300px;
	background-image:url(../images/winding_creek_view.jpg);
	background-repeat:no-repeat;
}

#splash-residences {
	height:300px;
	background-image:url(../images/residences_view.jpg);
	background-repeat:no-repeat;
}

#realtors{
	float:left;
	width:260px;
	height:260px;
	margin: 0 25px 0 0;
}

#realtors-int{
	float:left;
	width:260px;
	height:260px;
	margin: 0 0 0 15px;
	display:inline;
}



.realtors-prof{
	float:left;
	width:116px;
	margin: 15px 10px 5px 0;
	
}


.realtors-contact{
	margin: 20px 0 20px 0;
	clear:both;
	height:100px;
}


#explore-other-communities-minisites{
	float:left;
	width:260px;
	height:130px;
}

#explore-other-communities{
	width:260px;
	height:130px;
}


#experience-communities {
	float:right;
	width:260px;
	height:130px;
}

#testimonials{
	float:left;
	width:500px;
	height:130px;
	background: url(../images/testimonials_bg.gif) top left no-repeat;
	margin: 10px 0 0 0;
}


#content-minisites {
	clear:both;
	width:880px;
	margin:auto;
	padding: 13px 0 0 0;
	

}

#left-column{
	width:270px;
	float:left;
	margin: 0 0 0 30px;
	display:inline;

}

#right-column{
	width:570px;
	float:right;
}



.available-properties{

	margin: 30px 0 30px 0;
	height:250px;

}


.gallery{

	margin: 30px 0 30px 0;
	height:430px;
	
}


.gallery-residences{

	margin: 30px 0 30px 0;
	height:600px;
	
}


#contact-left{
	width:450px;
	min-height:300px;
	float:left;
	margin: 0 50px 0 0 ;

}



#contact-right{
	width:350px;
	min-height:300px;
	float:right;

}



#location-map{
	text-align:center;
	margin: 30px 0 30px 0;

}



/* HEADERS
=== === === === === === === === === === */


#logo-header {
	padding: 150px 0 0 0;
    overflow: hidden;
	background-image:url(../images/logo_home.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:150px;
	float:left;
	width:350px;
}

.right-boxes h2{
	padding: 20px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:300px;
	margin: 20px 0 5px 0;
}

#explore-communities-header {
	padding: 20px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:300px;
	margin: 20px 0 5px 0;
	background-image:url(../images/tit_explore-communities.gif);
}


#incredible_location_header {
	background-image:url(../images/tit_incredible_location.gif);
}


#get_in_touch_header {
	background-image:url(../images/tit_get_in_touch.gif);
}


#murry-header{
	padding: 60px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
	background-image:url(../images/murry_logo.png);
    height: 0px !important;
    height /**/:60px;
	width:200px;
	float:right;
}


#content h2{
	padding: 170px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:170px;
	width:850px;
	margin: 7px 0 0 0;
}


#content h3{
	color:#CCC;
	font-size: 16px;
	margin: 30px 0 10px 0;
}


#experience-header {
	background-image:url(../images/experience_header.jpg);
}


#siteplan-header {
	background-image:url(../images/siteplan_header.jpg);
}

#location-header {
	background-image:url(../images/location_header.jpg);
}

#communities-header {
	background-image:url(../images/communities_header.jpg);
}

#inventory-header {
	background-image:url(../images/inventory_header.jpg);
}


#realtor-header {
	background-image:url(../images/realtors_header.jpg);
}

#contact-header {
	background-image:url(../images/contact_header.jpg);
}


#splash-wc h2 {
	padding: 225px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:225px;
	width:255px;
	margin: 0 0 0 20px;
	background-image:url(../images/winding_creek_header.png);
}

#splash-wc h3 {
	padding: 35px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:35px;
	width:850px;
	margin: 40px 0 0 0;
	background-image:url(../images/winding_creek_mnu_title.png);
}


#splash-residences h2 {
	padding: 225px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:225px;
	width:255px;
	margin: 0 0 0 20px;
	background-image:url(../images/residences_header.png);
}

#splash-residences h3 {
	padding: 35px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:35px;
	width:850px;
	margin: 40px 0 0 0;
	background-image:url(../images/residences_mnu_title.png);
}

#realtors-header{
	padding: 34px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:34px;
	width:260px;
	background-image:url(../images/tit_realtors.gif);

}

#get-in-touch-1888{
	padding: 20px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:260px;
	background-image:url(../images/get-in-touch-1888.gif);
	float:right;

}


#explore-other-communities-minisites h4{
	padding: 34px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:34px;
	width:260px;
	background-image:url(../images/tit_explore.gif);

}


#experience-wc{
	padding: 20px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:260px;
	background-image:url(../images/tit_experience_wc.gif);
}

#experience-residences{
	padding: 20px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:20px;
	width:260px;
	background-image:url(../images/tit_experience_residences.gif);
}


#winding-creek-header{
	padding: 225px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:225px;
	width:255px;
	margin: 0 0 20px 15px;
	background-image:url(../images/winding_creek_header.png);
}


#residences-header{
	padding: 225px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:225px;
	width:255px;
	margin: 0 0 20px 15px;
	background-image:url(../images/residences_header.png);
}


#right-column h3{
	color:#FFFF99;
	font-size:20px;
	margin: 20px 0 10px 25px;
}



.available-properties h4{
	color:#CCC;
	font-size: 16px;
	margin: 20px 100px 5px 0;
	float:right;
	width:240px;
		
}

.available-properties h5{
	color:#FFF;
	font-size: 13px;
	margin: 5px 100px 10px 0;
	float:right;
	width:240px;
	
}



#contact-left #murry-header{
	padding: 84px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
	background-image:url(../images/murry_logo_contact.gif);
    height: 0px !important;
   	height /**/:84px;
	width:200px;
	float:none;
	margin: 0 0 20px 0;
}


#contact-right #prudential-header{
	padding: 84px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
	background-image:url(../images/prudential_logo.gif);
    height: 0px !important;
    height /**/:84px;
	width:164px;
	margin: 0 0 20px 0;
	
}






/* NAVG - TOP MENU
=== === === === === === === === === === */

#top-menu {
	overflow: hidden;
	height: 30px;
	float:right;
	margin: 60px 20px 0 0;
	display: inline;

}

#top-menu li{
	display: inline;
}

#top-menu a{
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 30px;
}

#top-menu a:hover{
	background-position: 0 -30px;
}

#thome a {
	width: 60px;
	background: url(../images/btn_home.gif) top left no-repeat;
}



#tsiteplan a {
	width: 93px;
	background: url(../images/btn_siteplan.gif) top left no-repeat;
}


#texperiencie a {
	width: 90px;
	background: url(../images/btn_experience.gif) top left no-repeat;
}

#tcommunities a {
	width: 101px;
	background: url(../images/btn_communities.gif) top left no-repeat;
}

#tlocation a {
	width: 84px;
	background: url(../images/btn_location.gif) top left no-repeat;
}

#trealtors a {
	width: 79px;
	background: url(../images/btn_realtors.gif) top left no-repeat;
}

#tcontact a {
	width: 88px;
	background: url(../images/btn_contact.gif) top left no-repeat;
}






/* NAVG - MINISITE MENU
=== === === === === === === === === === */

#minisite-menu {
	overflow: hidden;
	height: 55px;
	float:right;
	display: inline;
	margin: 0 0 40px 0;

}

#minisite-menu li{
	display: inline;
}

#minisite-menu a{
	float: left;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 55px;
}

#minisite-menu a:hover{
	background-position: 0 -58px;
}

#tavailable-properties a {
	width: 286px;
	background: url(../images/btn_available_properties.jpg) top left no-repeat;
}

#tmodels a {
	width: 286px;
	background: url(../images/btn_models.jpg) top left no-repeat;
}

#tamenities a {
	width: 171px;
	background: url(../images/btn_amenities.jpg) top left no-repeat;
}

#tphoto-gallery a {
	width: 278px;
	background: url(../images/btn_photo_gallery.jpg) top left no-repeat;
}






/* NAVG - EXPLORE OUR  OTHER COMMUNITIES MENU
=== === === === === === === === === === */

#explore-other-communities{
	overflow: hidden;
	height: 80px;
	display: inline;
	float:left;
}

#explore-other-communities li{
	display: inline;
}

#explore-other-communities a{
	float: left;
	padding: 80px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 80px;
}

#explore-other-communities a:hover{
	background-position: 0 -80px;
}

#tother_wc a {
	width: 130px;
	background: url(../images/btn_other_wc.gif) top left no-repeat;
}

#tother_golf a {
	width: 130px;
	background: url(../images/btn_other_golf.gif) top left no-repeat;
}

#tother_residences  a {
	width: 130px;
	background: url(../images/btn_other_residences.gif) top left no-repeat;
}






/* NAVG - SUB NAV MENU
=== === === === === === === === === === */

#subnav-menu {
	overflow: hidden;
	height: 50px;
	float:right;
	display: inline;
	margin: 5px 0 5px 0;
}

#subnav-menu li{
	display: inline;
}

#subnav-menu a{
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 50px;
}

#subnav-menu a:hover{
	background-position: 0 -50px;
}

#subavailable-properties a {
	width: 195px;
	background: url(../images/subavailable-properties.gif) top left no-repeat;
}

#submodels a {
	width: 214px;
	background: url(../images/submodels.gif) top left no-repeat;
}

#subamenities a {
	width: 103px;
	background: url(../images/subamenities.gif) top left no-repeat;
}

#subphoto-gallery a {
	width: 161px;
	background: url(../images/subphoto-gallery.gif) top left no-repeat;
}






/* TYPOGRAPHY
=== === === === === === === === === === */

.left {
	float:left;
}

.right {
	float:right;
}


#content p {
	line-height:18px;
	font-size:15px;
	text-align:justify;
	margin: 10px 0 20px 0;
}

.realtors-prof span{
	display:block;
	color:#FFFFFF;
	margin: 3px;
	font-weight:bold;
}



#experience-communities p{
	margin:0 0 5px 0;
	font-size:11px;
	text-align:justify;
	font-weight:bold;
	
}

#testimonials p{
	font-size:16px;
	margin: 10px 0 0 0;
	line-height:20px;
	text-align:left;

}


#right-column p{
	line-height:18px;
	font-size:14px;
	text-align:justify;
	margin: 20px 0 20px 25px;
}





#contact-left li {
	
	line-height:18px;
	font-size:15px;
		
}


#contact-right li{
	line-height:18px;
	font-size:15px;
	

	
}






/* lINKS
=== === === === === === === === === === */

a {
	color:#FFFF99;
    text-decoration:underline; 

}     

a:hover {
	color:#FFF;
}  


.realtors-prof a{
	color:#999;
	font-weight:bold;
	text-decoration:none;
	margin: 0 0  5px 3px;
	display:block;
}

.realtors-prof a:hover{
	color:#FFFF99;
  
}


#models-floorplans a {
	color:#CCC;
    text-decoration:underline; 
}

#models-floorplans a:hover {
	color:#FFFF99;
}


/*=LISTS
=== === === === === === === === === === */


.available-properties  ul{
	margin: 0 130px 0 0;
	list-style:none;
	float:right;
	
}


.available-properties li{

	margin: 10px 0 10px 0;
	display: block;
	background:  url(../images/arrow.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}



.info-lists {
	margin: 20px 0 0 25px;
	list-style:none;
	font-size:14px;
		
}


.info-lists li{

	margin: 15px 0 15px 0;
	display: block;
	background:  url(../images/arrow.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}






/*=IMAGES
=== === === === === === === === === === */

.available-properties img{
	margin: 20px 10px 20px 25px;
	float:left;
}

.gallery img{
	margin: 20px 10px 20px 25px;
	float:left;
}


#contact-right img{
	float:left;
	margin: 0 20px 0 0;
 
}




/*=FORMS
=== === === === === === === === === === */

#contents-form{
  width: 550px;
  margin: 30px 0 0 0;
    
}



#contents-form legend {

	color:#336633;
	font-size:20px;
	padding:0 0 10px 0;
	font-weight:bold;
		
}

#contents-form label{
	font-size:12px;
	font-weight:bold;
	width:100px;
	margin: 0 20px 0 0;

}

#contents-form input{
	display:block;
	width:300px;
	height:30px;
	border: solid 1px #CCCCCC;
	background-image: url(../images/textfield-bg.gif);
	font-size: 20px;
	color:#333333;
	margin: 10px 0 10px 0;
}
		
#contents-form textarea{
	display:block;
	width:300px;
	height:100px;
	border: solid 1px #CCCCCC;
	background-image: url(../images/textfield-bg.gif);
	background-repeat:repeat-x;
	font-size: 14px;
	color: #333;
	margin: 10px 0 10px 0;
}


	
#contents-form  .btn-login{
	display:block;
	width:104px;
	height:34px;
	border: none;
	background-image:none;
}


#contents-form  .hidden-form{
	border: none;
	background-image:none;
	display:none;
}



		
/*=TABLES 
=== === === === === === === === === === */
#models-floorplans{
	width: 550px;
	font-size:10px;
	margin: 20px 0 20px 25px;

}

#models-floorplans th {
	color: #FFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align:center;
	padding: 6px 6px 6px 12px;
}

#models-floorplans th.gray{
	border-right: 1px solid #232323;
	border-bottom: 1px solid #232323;
	border-top: 1px solid #232323;
	background: #171717 url(../images/bg_tables.png) repeat-x;

}



#models-floorplans td {
	border-right: 1px solid #232323;
	border-bottom: 1px solid #232323;
	border-top: 1px solid #232323;
	padding: 6px 6px 6px 12px;
	color: #F1F1F1;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	background: #336666;
}


#models-floorplans tr.blue {
	background: #336666;
}


#models-floorplans tr.gray {
	background: #171717;
}

#models-floorplans td.gray {
	background: #171717;
}



/*=FOOTER
=== === === === === === === === === === */	
#footer{
	color:#FFFF99;
	clear:both;
	height:40px;
	padding: 20px 0 20px 0;
	font-weight:bold;
	margin: 0 30px 20px 50px;
}

#footer span{
	display:block;
	margin: 20px 0 10px 0;
}


#footer a:link, #footer a:visited, #footer a:active{
	color:#FFFF99;
	text-decoration:none;
}


#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}