/*
	File: 			global.css
	Description:	Stylesheet for all aspects of Stoney River Homes.
	Company: 		Stoney River Homes
	Author:			Captured Living
	Copyright:		Copyright 2008. All Rights Reserved.
*/

/* ========== Page Attributes ========== */
* 
{
	margin: 0;
	padding: 0;
}

html
{
	height: auto;
	background:url(../images/global/body_bg.jpg) repeat top center;
	color: #fff;
}

body
{
	margin: 0 auto;
	width:100%;
	color: #000;
	text-align:center;
	font:12px "Century Gothic",Arial, Helvetica, sans-serif;
}

/* ========== Headers ========== */
h1
{
	margin:0 auto;
	width:950px;
	height:100px;
	border:0;
}

h1 a, h1 img
{
	border:0;
	float:left;
}

h1 p
{
	margin:60px 0 0 0;
	color:#4f4d46;
	font:24px "Century Gothic", Arial, Helvetica, sans-serif;
	float:right;
}

h2
{
	font:24px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#baaa71;
}

div.tidbit h2
{
	font: 16px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#fff;
}

h3
{
	color:#baaa71;
	font:20px "Century Gothic", Arial, Helvetica, sans-serif;
	text-align:left;
}

h4
{
	color:#baaa71;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-align:left;
	margin:5px 0;
}

h5
{
}


/* ========== Sections ========== */
#header
{
	margin:0;
	width:auto;
	height:150px;
	background:url(../images/global/head_bg.jpg) repeat top center;
	text-align:center;
	
}

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

#left_content
{
	margin:0 0 15px 0;
	height:auto;
	float:left;
}

#main_content
{
	margin:0 0 15px 0;
	width:575px;
	color:#000;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
	text-align:left;
	float:right;
}

div.tidbit
{
	background:url(../images/global/side_bg.jpg) repeat;
	border:1px #fff solid;
	padding:10px;
	clear:left;
}

#gallery_main
{
	margin:25px 0 100px 0;
	clear:both;
	width:100%;
	height:600px;
}

#flashcontent {
	height: 650px;
	margin-bottom:50px;
}

#footer
{
	margin-top:25px;
	border:1px #fff solid;
	color:#fff;
	background:url(../images/global/foot_bg.jpg) repeat top center;
	font:12px "Century Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
	height:50px;
	width:100%;
	z-index:5;
	clear:both;
}
#footer p
{
	margin:0 0 0 300px;
	padding:20px 0 0 0;
}

#address_card
{
	background:url(../images/global/side_bg.jpg) repeat;
	color:#fff;
	font:14px/20px "Century Gothic", Arial, Helvetica, sans-serif;
	border:1px #fff solid;
	margin-bottom:-50px;
	padding:10px 25px;
	width:250px;
	height:80px;
	z-index:10;
	position:relative;
	float:left;
	clear:both;
}

/* ========== Navigation ========== */
ul#navigation
{
	background: url(../images/global/side_bg.jpg) top left;
	margin-top:15px;
	border:1px #fff solid;
	padding:10px 0;
	color: #fff;
	font: 16px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-align: left;
	list-style: none;
	width:300px;
	height:305px;
	float:left;
	clear:left;
}

ul#navigation li
{
	display: block;
	height:35px;
	width:300px;
}

ul#navigation li a
{
	background: transparent;
	display:block;
	padding:10px 25px;
	color: #fff;
	text-decoration: none;
}

ul#navigation li a:hover
{
	background:url(../images/global/head_bg.jpg) repeat;
	color: #4f4d46;
}

/* ========== SubNavigation ========== */

ul.sub_navigation
{
	background: url(../images/global/side_bg.jpg) top left;
	margin:25px 0;
	border:1px #fff solid;
	padding:10px 0 15px 0;
	color: #fff;
	text-transform:capitalize;
	text-align: left;
	list-style: none;
	width:300px;
	float:left;
	clear:left;
}

ul.sub_navigation li
{
	display: block;
	height:25px;
	width:300px;
}

ul.sub_navigation li.title
{
	font: 16px "Century Gothic", Arial, Helvetica, sans-serif;
	padding:10px 25px;
}

ul.sub_navigation li a
{
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
	background: transparent;
	display:block;
	padding:5px 30px;
	color: #fff;
	text-decoration: none;
}

ul.sub_navigation li a:hover
{
	background:url(../images/global/head_bg.jpg) repeat;
	color: #4f4d46;
}


/* ========== SubMenu ========== */

div#main_content ul.sub_menu
{
	background: url(../images/global/head_bg.jpg) top left;
	margin:25px 0;
	padding:5px 0 0;
	border:1px #fff solid;
	color: #4f4d46;
	text-transform:capitalize;
	text-align: left;
	list-style: none;
	width:595px;
	height:25px;
}

div#main_content ul.sub_menu li
{
	display: inline;
	margin:5px 0 0 0;
}

div#main_content ul.sub_menu li a
{
	font: 15px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #4f4d46;
	padding:5px 10px 7px 10px;
	text-decoration: none;
}

div#main_content ul.sub_menu li a:hover
{
	background:url(../images/global/side_bg.jpg) repeat;
	color: #fff;
}
/** **/

div#gallery_main ul
{
	background: url(../images/global/head_bg.jpg) top left;
	margin:25px 0;
	padding:5px 0 0;
	border:1px #fff solid;
	color: #4f4d46;
	text-transform:capitalize;
	text-align: center;
	list-style: none;
	width:100%;
	height:25px;
}

div#gallery_main ul li
{
	display: inline;
	margin:5px 0 0 0;
}

div#gallery_main ul li a
{
	font: 15px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #4f4d46;
	padding:5px 10px 7px 10px;
	text-decoration: none;
}

div#gallery_main ul li a:hover
{
	background:url(../images/global/side_bg.jpg) repeat;
	color: #fff;
}

/* ========== Lists ========== */
div.article ul, div.article ol
{
	margin:5px 15px 10px 25px;
}

div.article ol li
{
	margin:10px 0;
}


/* ========== Links ========== */
#footer a
{
	color:#baaa71;
	text-decoration:none;
}
#footer a:hover
{
	color:#fff;
	text-decoration:underline;
}

#main_content a
{
	color:#baaa71;
	font-weight:bold;
	text-decoration:none;
}

#main_content a:hover
{
	color:#baaa71;
	text-decoration:underline;
}


/* ========== Text Attributes ========== */
div.article
{
	font: 12px/18px Arial, Helvetica, sans-serif;
	padding:10px 10px 15px 10px;
	margin:0 0 15px 0;
	border-bottom:2px #fff solid;
	color:#fff;
	text-align:left;
}

div.article p
{
	margin:5px 0 10px 0;
}

div.meta
{
	font:10px Arial, Helvetica, sans-serif;
	width:425px;
	color:#eee;
	padding:5px 0;
	text-align:left;
}


/* ========== Image Properties ========== */
#banner
{
	background:url(../images/global/side_bg.jpg) repeat;
	margin:15px 0 25px 0;
	width:100%;
	border:1px #fff solid;
	padding:15px 10px;
	text-align:center;
}

#banner img
{
	border:1px #b7a86f solid;
}

#main_content img
{
	border-bottom:1px #b7a86f solid;
}

div.tidbit img
{
	margin:10px 0 0 0;
}

div.tidbit a img
{
	border:1px #b7a86f solid;
}

div.tidbit a:hover img
{
	border:1px #fff solid;
}

/* ========== For Sale Properties ========== */
.home
{
	border-bottom:2px #fff solid;
	padding:0 0 10px 0;
	margin:5px;
	clear:both;
}

.floor
{
	border-bottom:2px #fff solid;
	padding:0 0 10px 0;
	margin:5px;
	clear:both;
}

.floor a
{
	display:inline;
}


div.home b
{
	color:#baaa71;
}

div.clear
{
	margin:5px 0;
	clear:both;
}

div.clear2
{
	height:50px;;
	clear:both;
}

.home img
{
	border:1px #fff solid;
	margin:0 0 5px 0 0;
	padding:10px;
	background:url(../images/global/head_bg.jpg) repeat;
	float:left;	
}

.floor img
{
	border:1px #fff solid;
	width:150px;
	height:150px;
	margin:0 0 5px 0 0;
	padding:10px;
	background:url(../images/global/head_bg.jpg) repeat;
}

div.floor div.info
{
	margin:0 5px 5px 0;
	width:230px;
	float:right;
}

div.home div.house_information
{
	margin:0 5px 5px 0;
	width:230px;
	float:right;
}

.price
{
	color:#b7a86f;
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
}

div.block
{
	display:block;
	height:30px;
}

form label
{
	float:left;
	clear:left;
	width:100px;
}
form input
{
	float:left;
	width:200px;
}
form .submit
{
	margin-left:25px;
	width:100px;
}