/*
|
| TITLE:	SaraMcGee.com -  Master Style Sheet
| AUTHOR:	Erik Smith, erik@pendergraphics.com	
|			
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	November 2, 2006
| MODIFIED: 
|
*/



/* 
---------------------------
Global Elements
---------------------------
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#000;
}

a {
	color:#000000;
}

img {
	border:none;
}

h1 {
	display:none;
}

h2 {
	color:#715812;
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:10px 0 0 25px;
}




/* 
---------------------------
Structure Elements
---------------------------
*/

#wrapper {
	position:relative;
	margin:20px auto;
	width:756px;
	background:#000 url(../../images/sub-bg.jpg);
}

#top-bar {
	width:778px;
	height:41px;
	background:#000 url(../../images/top-bar.png);
	margin:0 0 0 -22px;
	clear:both;
}

#bottom-bar {
	width:756px;
	height:21px;
	background:#000 url(../../images/bottom-bar.jpg);
	clear:both;
	
}




/* 
---------------------------
Left Elements
---------------------------
*/


#left {
	float:left;
	background:#000 url(../../images/logo-sara.png) no-repeat top center;
	width:161px;
	height:452px;
	position:relative;
	top:0px;
	left:8px;
}

#left a {
	color: #EEB945;	
}

#left h3 {
	font-weight:normal;
	text-align:right;
	position:absolute;
	top:275px;
	right:10px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#B68A35;
}

#sig {
	z-index:109;
	position:absolute;
	top:165px;
	left:-54px;
}

#sig img {
	position:absolute;
	z-index:111;
}

#sig a {
	width:247px;
	height:119px;
	display:block;
}


#left span.phone {
	font-weight:normal;
	text-align:right;
	position:absolute;
	top:300px;
	right:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#B68A35;
}




/* 
---------------------------
Right Elements
---------------------------
*/

#right {
	float:left;
	padding:0;
}




/*
------------------------
Main - Homepage Fade Script
------------------------
*/



#rotationImages {
	display: none;
	margin: 45px 0 0 15px;
	padding: 0;
	width: 561px;
	overflow: hidden;	
	border: none;
	z-index: 1;
	height:345px;
}

#rotationImages span {
position:absolute;
z-index:120;
background:#AC9326;
padding:2px 10px 2px 10px;
font-size:10px;
color:#fff;
}


#rotationImages img{
	display: none;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #AC9326;
	z-index: 1;
	cursor: pointer;
}


/*
---------------------------
Form elements
---------------------------
*/

form {
  padding: 50px;
}

label {
  display: block;
  font-weight: bold;
}

input {
  margin-bottom: 10px;
}


/* 
---------------------------
Navigation Elements
---------------------------
*/

#nav {
	width:739px;
	border-left:1px solid #8A6C36;
	border-right:1px solid #8A6C36;
	height:158px;
	background:#fff url(../../images/navbg.jpg) repeat-x;
	clear:both;
	margin:0 0 0 8px;
}

#nav ul li {
	list-style-type:none;
	background:#000;
	width:110px;
	height:135px;
	float:left;
	margin:15px 6px 0 6px;
}

#nav ul li a {
	display:block;
	height:100px;
	width:92px;
	margin:9px 0 0 9px;
}

#nav ul li a.text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#EEB945;
	text-decoration:none;
	position:relative;
	top:-3px;
	text-align:center;
	height:18px;
}
	

#nav ul li a.contact {
	background:#fff url(../../images/contact-sara.jpg) no-repeat;
}

#nav ul li a.life {
	background:#fff url(../../images/life.png) no-repeat;
}

#nav ul li a.buy {
	background:#fff url(../../images/buy.png) no-repeat;
}

#nav ul li a.sell {
	background:#fff url(../../images/sell.png) no-repeat;
}

#nav ul li a.featured {
	background:#fff url(../../images/featured.png) no-repeat;
}

#nav ul li a.search {
	background:#fff url(../../images/search.png) no-repeat;
}



/* 
---------------------------
Footer Elements
---------------------------
*/

#footer {
	margin: -10px auto 20px auto;
	color:#aaa;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:756px;
	text-align:right;
}

#footer a {
	color:#ccc;
}

#footer a:hover {
	color:#fff;
}

#pdgwebsite {
	float: left;
}