/* Home page styles */


/*  ID's for positioning  */
html, body { margin:0; padding:0; }
body {	
	background:url("http://www.sageartsstudio.com/design/imgs/BG2.jpg") #000;
	background-repeat:repeat-x;
	background-position:40% 20%;
	}
div#container { width:800px; height: 100%; margin: 0 auto; border-left:1px dotted #656E67; border-right:1px dotted #856246; }
div#header { height:334px; width:800px; padding:0; margin:0; background:url("imgs/content_bg.png");/*transparent;    */  }
div#content { background:url("imgs/content_bg.png"); }
div#right { width:580px; float:right; clear:none; left:45%; padding-top:20px; }
div#left { clear:none; width:175px; padding-top:20px; border-right:1px dotted #656E67; text-align:left; padding:10px; }
div#footer { 
	clear:both; 
	width:800px; 
	height:20px; 
	border-top:1px dotted #656E57; 
	border-bottom:1px dotted #656E57; 
	padding-bottom:5px; 
	}
div#ovrhdr { 
	position:absolute; 
	z-index:100; 
	top:0; 
	width:800px; 
	height:300px; 
	margin: auto 0; 
	padding:20px 0 0 40px;
	}

/*  Classes for white space (left and right sides)  */
.left { text-align:left; padding:0 10px; }
.right { text-align:left; padding: 0 20px; }
.footer { text-align:center; color:#BAC6CE; }
div#news { 
	float:right; 
	clear:none; 
	width:145px; 
	padding:10px; 
	margin:5px 5px 5px 8px; 
	border:1px dotted #656E67; 
	background:url("imgs/content_bg.png");
	}

	/*  Specific tags for padding and margins (top and bottom) */
h1 { padding:5px 0 20px 0; margin:0; }
h2 { padding:10px 0 12px 0; margin:0; }
h3 { padding:5px 0 10px 0; margin:0; }
p { padding:10px 0; margin:0; }

	/*  Specific classes for color and font treatment */
h1 { font: bold 14pt/15pt Georgia; color:#B09178; }
h2 { font: bold 12pt/13pt Georgia; color:#BAC6CE; }
h3 { font: bold 12pt/13pt Georgia; color:#BAC6CE; }
p { font: 10pt/11pt Georgia; color:#B09178; }
a { color:#BAC6CE; text-decoration:none; font:bold 9pt/16pt Georgia; text-align:left; }
a:hover { color:#fff; font:bold 9pt/16pt Georgia; }
	
	/*  Special Classes  */
li.first { margin-top:20px; }
li { padding:3px 0; }
ul,li a { list-style:none; text-indent:0; padding:0 0 0 20px; margin:0; }
ul,li a:hover { text-align:left; text-indent:10px; padding:0; margin:0; }
div#ovhdr img { padding:20px 0 20px 0; }
div#footer p { color:#5D6A78; }
div#links { 
	margin:0; 
	text-align:center; 
	width:400px; 
	height:60px; 
	}
	div#links img {	border:1px solid #656E67; }
p.last { padding-bottom:50px; }