@charset "utf-8";
/* CSS Document */
/*
-----------------------------
Title: The Pride Office
Designer: Siwat Tongpatanakul
Created: 26 February 2010
Last updated: 27 February 2010
-----------------------------
*/
*
{
	margin:0px;
	padding:0px;
}
body
{
	background-color:#fff;
	background:url(../images/the_pride_web_bgr2.png) repeat-x;
	font-size:14px;
	text-align:center;
	height:100%;
}
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
	border:0px;
	color:#3D393B;
	font-family:Arial, Helvetica, sans-serif;
}
a:link,
a:visited,
a:active,
a:hover { color:#E29334; text-decoration:none;}
a:active, a:focus {outline:none;}
p.spaced {line-height:140%;}

#wrap
{	/*background:url(../images/the_pride_web_bg.jpg) center top no-repeat;
	padding:0px 20px;*/
}

#main_container
{	margin:0 auto;
	text-align:left;
	width:1050px;
}
#menu_container
{	width:1050px;
	height:40px;
	background:url(../images/the_pride_web_body_bg.png);
}
#menu
{	width:734px;
	height:auto;
	padding:0px 0px 0px 676px;
}
#banner_container
{	width:1050px;
	height:95px;
	background:url(../images/the_pride_web_banner.png) no-repeat;
}
#content_wrap
{	width:950px;
}
#content_container
{	width:950px;
	min-height:450px;
	background:url(../images/the_pride_web_body_bg_w.png) repeat-y;
	padding:20px 50px 0px 50px;
}
#footer_a
{	width:950px;
	height:55px;
	background:url(../images/the_pride_web_footerc.png) no-repeat;
	padding:65px 50px 0px 50px;
	clear:both;
}
#footer_b
{	width:950px;
	height:40px;
	background:url(../images/the_pride_web_footerb2.png) no-repeat;
	padding:20px 50px 0px 50px;
}

/*------------ Content Text Colours --------------------------------------------------*/
.headings{font-size:16px; color:#E29334;}
.highlight1{color:#E29334;
}

/*------------ Content Boxes ---------------------------------------------------------*/
#index_panel_a {width:645px; height:auto; float:left; padding-right:10px; border-right:solid 1px #E29334;}
#index_panel_b {width:280px; height:auto; float:right; padding-left:10px;}

#news_divider {border-bottom:solid 1px #FFCC99;}

#content_panel_a {width:430px; height:auto; float:left;}
#content_panel_a_about {width:650px; height:450px; float:left;}

#content_panel_index_wrap {height:950px;}
#content_panel_viewer_wrap {height:450px;}
#content_panel_contact_wrap {min-height:700px;}
#content_separator {height:1px; background:#E29334;}

#content_panel_b {width:450px; float:right;}
#content_panel_b_map {width:520px; height:550px; float:right; padding-top:30px;}
#content_panel_b_about {width:300px; float:right; padding-top:30px;}

#apartment_wrap {height:800px;}
#apartment_wrap img {border-style:none}
#apartment_panel {width:645px; height:auto; float:left; padding-right:10px; padding-left:6px;}
#apartment_title {padding-left:6px}
/*------------ Table Colours --------------------------------------------------------*/

#tables {width:100%}
#tables td, #tables {padding:5px 4px 4px 4px;}
#tables th {font-size:16px; padding:5px 4px 4px 4px; text-align:left; background-color:#E29334; color:#FFFFFF;}
#tables tr.alt td {background-color:#EADBC3;}
#tables tr.alt2 td {background-color:#F4EBDF;}

/*------------ Navigation Bar --------------------------------------------------------*/

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 40px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;} /*--Hover State--*/
ul#topnav a.home {
	background:url(../images/the_pride_web_home.png) no-repeat;
	width:120px;
}
ul#topnav a.about {
	background:url(../images/the_pride_web_about.png) no-repeat;
	width:120px;
}
ul#topnav a.availability {
	background:url(../images/the_pride_web_availability.png) no-repeat;
	width:120px;
}
ul#topnav a.floorplan {
	background:url(../images/the_pride_web_floorplan.png) no-repeat;
	width:120px;
}
ul#topnav a.directory {
	background:url(../images/the_pride_web_directory.png) no-repeat;
	width:120px;
}
ul#topnav a.contact {
	background:url(../images/the_pride_web_contact.png) no-repeat;
	width:120px;
}