/**********************************************************************
This CSS will produce a two column layout with a header and footer.
**********************************************************************/
body, html
{
	margin:0;
	padding:0;
	background:#C1C495;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}


/***************************************
           STRUCTURAL DIV STYLES
***************************************/
#container
{
	position:relative;
	border:4px solid #FFFFEA;
	width:760px;
	text-align:left;
	margin:20px auto 0 auto;
	background: #E8E7B3;
}

#maincontent
{
	position:relative;
	margin:0;
	padding: 205px 20px 50px 20px;
	width:auto;
	min-width:200px;
	min-height:350px;
	background: url(../Images/background_content.gif) 0 190px repeat-x;
}

#content 
{
	margin-left:160px;
}

#header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:6;
	color: #C1C495;
	font-size:12px;
}

div.headerclass1
{
	background: #FFFFEA url(../Images/background_header.jpg) top left no-repeat;	
}

div.headerclass2
{
	background: #FFFFEA url(../Images/background_header2.jpg) top left no-repeat;	
}

div.headerclass3
{
	background: #FFFFEA url(../Images/background_header3.jpg) top left no-repeat;	
}

div.headerclass4
{
	background: #FFFFEA url(../Images/background_header4.jpg) top left no-repeat;	
}

#logo
{
	position:absolute;
	top:40px;
	left:55px;
	display:block;
}
#logo img 
{
	width:175px;
	height:85px;
	border:none;
}

#headercontent
{
	padding-top:165px;
	text-align:center;
	text-transform:uppercase;
}

#footer
{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:5;
	text-align:center;
	clear:both;
	color:#C1C495;
	padding-bottom:10px;
	font-size:12px;
}

#copyright
{
	text-align:center;
	padding:5px 0;
	font-size:11px;
	color: #FFFFEA;
}

/***************************************
          NAVIGATION STYLES
***************************************/

#nav
{
	height:26px;
	padding:0;
	margin:5px 0 -5px 0;
	line-height:25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:0;
}
html>body #nav /* this ensures that the nav bar looks the same in IE 5.0 */
{
	margin:0;
}

#nav li
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	background:none;
}

#nav a
{
	height:15px;
	margin:0 10px 0 0;
	padding: 0 0 0 10px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0 -3px;
	border-right:1px solid #C1C495;
	line-height:normal;
} 

#nav a:hover
{
	background-position: 0 -23px;
}

#nav a span
{
	visibility:hidden;
	font-size:13px;
}

#nav .whatisstaging
{
	background-image: url(../Images/tab_whatisstaging.gif);
}
#nav .beforeandafter
{
	background-image: url(../Images/tab_beforeandafter.gif);
}
#nav .aboutus
{
	background-image: url(../Images/tab_aboutus.gif); 
}
#nav .servicesandfees
{
	background-image: url(../Images/tab_servicesandfees.gif); 
}
#nav .contactus
{
	background-image: url(../Images/tab_contactus.gif);
	border-right: none; 
}

#footernav a 
{
	color: #3E4025;
	margin:0 10px;
	text-decoration:none;
}

/***************************************
          CONTENT BLOCK STYLES
***************************************/
.block
{
	padding:10px;
	background: #FFFFD7 url(../Images/background_block.gif) top left repeat-x;
	border:2px solid #FFFFEA;
	border-bottom-color:#FFFFFF;
	border-top-color:#FFFFFF;
	margin:10px;
	width:200px;
	font-size:12px;
	width:224px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:200px;
} 
html>body .block {
  width:200px;
} 

.block h3
{
	margin:0;
	color: #3E4025;
	font-weight:normal;
}

.block .blockcontent
{
}

.sectionimage
{
	border:2px solid #FFFFEA;	
	margin:0 10px 40px 0;
	float:left;
}

/***************************************
           HEADER STYLES
***************************************/
h1
{
	margin:0 0 7px 0;
	font-family:"Trajan","Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	color: #3E4025;
}

h2
{
	font-family:"Trajan","Times New Roman", Times, serif;
	font-size:18px;
	text-align:center;
	margin:	10px 50px 10px 50px;
	color: #999966;
}

h3
{
	font-weight:normal;
	margin: 5px 0 5px -10px;
}

/***************************************
         CONTENT BODY STYLES
***************************************/

#maincontent p
{
	margin:0 0 15px 0;
	line-height:1.4em;
}

#maincontent li
{
	line-height:1.4em;
	margin:0 0 5px 0;
	background: url(../Images/bullet_house.gif) left 3px no-repeat;
	padding-left:20px;
	list-style:none;
}

#maincontent ul
{
	margin:10px 0 15px 10px;	
}

#maincontent ul ul
{
	margin:0 0 10px 10px;	
}
/***************************************
           sIFR STYLES
***************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash .block h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}