/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
*/

	body	{ 
		margin: 0px; 
		padding: 0px; 
		background-color: #27416e;
		background-image: url(http://www.real-estate-st-george.com/wp-content/themes/default/interface/page-bg.png);
		background-repeat: repeat-x;
		font-family: arial;
		font-size: 13px;
		line-height: 18pt;
		background-position: 0% 10px;
		min-width:1000px; 
		border:0;
		width:100%;
		color: #000;
		}
	html, body {
		height: 100%;
		}
	p{
		margin:15px 0;
		}
	
	a {
		color:#7d1818;
		text-decoration:none;
		outline: none;
		}
	a:visited{color:#7d1818;}
	a:active{color:#7d1818}
	a:hover {
		color:#000;
		text-decoration:underline;
		}
	.clearboth{clear:both}
	#container{
		width: 975px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(http://www.real-estate-st-george.com/wp-content/themes/default/interface/dropshadow.png);
		padding: 0 42px;
		min-height: 100%;
		margin-bottom: -110px;
		position: relative;
		}
	#mainbodyinner{
		background-image: url(http://www.real-estate-st-george.com/wp-content/themes/default/interface/header.jpg);
		background-repeat: no-repeat;
		}
	
	#navbar ul{margin-left:-15px; margin-top:15px;padding-bottom:20px;}
	#navbar li{
		float:left;
		border-left: 2px solid #000;
		padding:0 15px;
		list-style:none;
		font-size: 14px;
		font-weight:bold;
		}
		#navhome{border-left:0px!important;}
		
	#banners{
		padding-top:65px;
		position:relative;
		}
		
	#maincontent{
		float:left;
		width:708px;
		padding: 0 20px;
		padding-bottom:20px;
		}
		#maincontent p{
			margin:15px 0;
			}
	#sidebar{
		float:right;
		width:227px;
		padding-bottom:20px;
		text-align:center;
		}
		#sidebar_content{
			padding:0 20px;
			font-size:12px;
			line-height:14px;
			}
		#searchour{
			float:right;
			z-index:3;
			position:absolute;
			left:713px;
			border:0;
			}
		#susanlogo{
			float:right;
			z-index:3;
			position:absolute;
			border:0;
			top:175px;
			left: 785px;
			}
		
	#footer {
		font-size:9px;
		text-align:center;
		height: 110px;
		position: relative;
		width: 955px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 10px;
		background-color:#fff;
		border-top:1px solid #afafaf;
		}
		#footer p{padding-top:20px;}
	.clearfooter {
		height: 110px;
		clear: both;
		}
	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */