html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#c2c0ae;
	font-family:arial,sans-serif;
	font-size:0.9em;
	color:#592D00;
}

/* layout */

div.bg_wrapper{ background:url(../media/body_bg.gif) repeat-y; width:770px;margin:0 auto;}

div.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:756px;
	background: #B5B391 url(../media/top_r_bg.jpg) top right no-repeat;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	border-left:1px #666 solid;
	border-right:1px #666 solid;
}

div.container2 {
	width:720px;
	background:#efefef url(../media/bg.gif);
	margin:0 auto;
	padding-top:3px;
	border:1px #666 solid;
}

div.header {
	padding:0;
	background:#dedede;
	/*border-bottom:6px double gray;*/
	position:relative; height:185px;}
	
div.main{ width:510px; float:right; padding:10px;}

div.nav { width:175px; float:left; background:#AFAFA3 url(../media/bg_nav.gif); margin-left:5px;}
	
div.footer {
	position:relative;
	width:720px;
	height:40px;
	line-height:40px;
	/*left:18px;*/
	/*bottom:0;*/ /* stick to bottom */
	background:#dedede;
	/*border-top:6px double gray;*/ text-align:left; font-size:0.8em;}
	
div.footer p {padding:1em;margin:0; position:relative;}
div.footer img {margin:3px 14px; position:absolute; right:5px; top:-5px;}
div.footer span{ position:absolute; right:5px; bottom:1px; line-height:12px; text-align:right;}

#floatleft_logo{ float:left; margin-left:8px; margin-top:2px;}
#floatleft{ float:left;}
#floatleft_img{ float:left; margin-right:10px;border:1px solid #592D00;}
#floatright{ float:right;}
div.clear {clear: both; overflow: hidden; height: 1px;}

div#block { display:block; width:175px; height:100px; background:#ccc; border-top:3px solid #fff;border-bottom:3px solid #fff;}

/* work pics */
div#work_pics{ margin:1px auto; width:506px; text-align:center; font-size:0.7em;}
div#work_pics img {border:2px solid #AFAFA3; margin:0 4px;}

/* main pics */
div#main_pics{ margin:1px; width:200px; text-align:right; font-size:0.7em; float:right;}
div#main_pics img {border:2px solid #AFAFA3; margin:0 4px;}

/* example thumbs */
#thumbs{ float:left; margin:3px; border:1px solid #592D00;}
#thumbs1{ float:left; margin:3px 3px 3px 41px; border:1px solid #592D00;}
#thumbs2{ float:left; margin:3px 3px 3px 43px; border:1px solid #592D00;}

/* view examples */
#view{ background:#ccc; border:1px solid #592D00; padding:3px;}
#view:hover{ background:#AFAFA3; border:1px solid #592D00; padding:3px;}

/* examples popup */
div#example{ position:relative; margin:0; padding:8px;}
div#example img{ border:1px solid #592D00; }
div#example span{ position:absolute; bottom:1px; right:4px; background:#fff; padding:2px;border:1px solid #592D00;}

/* general styling */

p { padding:2px;}
#header_text { font-size:0.9em; color:#592D00; float:right; padding:3px 22px 3px 5px; text-align:right;} /* larger right margin */
#header_text1 { font-size:0.9em; color:#592D00; float:right; padding:3px 5px;; text-align:right;}

h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; border-bottom:1px solid #ccc;} 

p.introduction:first-letter {font-size : 3em;font-weight : bold;float : left;width : 1em; font-family:Georgia, "Times New Roman", Times, serif;}

/* links */
a:link {color: #660000;text-decoration: none;}
a:hover {color:#006699;text-decoration: none;}
a:visited {color:#660000;text-decoration: none;}

/* left nav bar */
div.nav ul {list-style-type: none; width:157px; padding:3px 0 2px 1px; margin:10px auto; border-bottom:1px solid #666; border-left:1px #666 solid;border-right:1px #666 solid;}
div.nav ul li { line-height:18px; text-indent:2px; font-weight:bold; color:#000; /*background-color:#AFAFA3;*/font-variant:small-caps; font-size:1.1em;}
div.nav ul li a {display: block;width: 155px; font-weight:normal; text-decoration: none; color: #660000; background:#f0f0f0; font-variant: normal;font-size:0.9em; border-bottom:1px solid #999; border-top:1px solid #fff;}
div.nav ul li a:hover {background: #AFAFA3 url(../media/bg_nav.gif); color:#000; width:155px;}
div.nav ul li a:visited {color:#660000;}