body, html {background-color: #535468;
		background-image: url("../graphics/backdrop-main.png");
		background-position: center top;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif; color: #000000;
		text-align: center;
		height: 100%;padding: 0;
margin: 0;
border: 0;
	}
body {font-size: 70%;}
		
/* Main Container  */		
	#main-container {
			width: 100%;
			margin: 0 auto; 
			text-align: center;
		}
  * html #main-container { }
/* END Main Container */		

/* Header */			
	#header {
			text-align: center;
			height: 300px;
			margin: 0 auto; 			
		}
  * html #header {height: 300px;}		
	#header-content {
			background: url("../graphics/backdrop-header.jpg") top center;
			text-align: center;	
			width: 800px;		
			height: 300px;
			margin: 0 auto; 				
			padding: 250px 0px 0px 0px;			
		}
	* html #header-content {padding: 245px 0px 0px 0px;}	
	#header-content a {font-size: 1.0em; color: #FFFFFF; text-decoration: none;}			
	#header-content a:hover {color: #F26521;}		
/* END Header */	

/* Content */	
	#content {background: url("../graphics/backdrop-content.jpg") top center; repeat: no-repeat;
			text-align: center;
			width: 800px;
			min-height: 900px;
			margin: 0px auto; 	
			padding: 0px 0px 0px 0px;	
		}
  * html #content {height: 900px;}
/* END Content */	

/* Content Textbox */ 
	#text-box {
			text-align:justify;
			width: 600px;
			min-height: 890px;
			padding: 5px 75px 5px 100px;
		}
	* html #text-box {width: 775px; height: 870px;}
	#textbox a {color: #FFFFFF; text-decoration: }
	#textbox a:hover {color: #99AABB; text-decoration: none;}
	#text-box.center {text-align: center;}
/* END Content Textbox */ 		
		
/* Portfolio Insert */
	.portfolio-insert {background: url("../graphics/backdrop-portfolio-insert.gif") top no-repeat;
			color: #CCCCCC; font-size: 1.2em;
			text-align: center;
			width: 225px;
			height: 300px;	
			float: right;
			margin: 15px 0px 0px 15px;
			padding: 20px 0px 5px 0px;
		}
	* html .portfolio-insert {height: 330px;}	
/* END Portfolio Insert */		

/* Portfolio Insert Switch Mechanics */ 
	.contentslide {
			height: 245px;
			padding: 0px 0px 0px 0px;
		}
	* html .contentslide {height: 175px;}	
	.contentslide .contentdiv{
			display: none;
		}
	.view-portfolio {
			margin: -9px 0px 0px 0px;
		}			
/* END Portfolio Insert Switch Mechanics */

/* Gallery */
	#gallery-container {
			width: 700px;
			height: 600px;	
			margin: 0px auto;
			padding: 15px 0px 0px 0px;
		}
	.gallery-sidebar {
			font-size: 1.1em; color: #CCCCCC; letter-spacing: 0.1em; text-transform:uppercase;
			text-align: center;
			width: 200px;
			height: 600px;
			margin: 0px auto;
			padding: 95px 0px 0px 0px;
			float: left;	
		}	
	.gallery-stage {
			width: 475px;
			height: 425px;
			float: right;	
			padding: 0px 25px 0px 0px;
		}	
/* END Gallery */

/* Lightbox Image Controls */ 	
	#lightbox {background-color: #EEEEEE;		
			padding: 10px;
			border: 2px solid #666;
		}
	#lightboxDetails {padding-top: 0.4em;}	
	#lightboxCaption{float: left;}
	#keyboardMsg {float: right;}
	#lightbox img{border: none;} 
	#overlay img {border: none;}		
/* END Lightbox Image Controls */ 			

/* Menu System Mechanics */
	#menu {
			width: 750px; 
			height: 70px;
			margin: 0 auto;
			text-align: center; 
			padding: 10px 0px 0px 0px;
		}
	* html #menu {padding: 0px 0px 0px 0px;}	
	.menu-item {margin: 0px 15px 5px 15px;}			
/* Menu System Mechanics */

/* Footer */ 
	#footer {background: url("../graphics/backdrop-footer.jpg") top no-repeat;
			color: #FFFFFF;
			text-align: center;
			width: 100%;
			height: 100px;
			padding: 10px 0px 0px px;
		}
	* html #footer {}

	#footer-content {
			text-align: center;	
			width: 800px;		
			height: 100px;
			margin: 0 auto; 				
			padding: 5px 0px 0px 0px;
		}
	#footer-content a {color:#FFFFFF;}		
/* END Footer */ 
	
.clear {clear: both;}