body,
html{
	margin:0;
	padding:0;
	scrollbar: hidden;
	overflow:hidden;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
	font: normal 11px/18px Arial, Helvetica, Verdana, sans-serif;

}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:160px;
	background: transparent;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;

}
div#header {
	height:100px;
	width:900px;
	margin:0 auto;
	background: url("../images/site_images/stone_header.png") 0 0 no-repeat;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */

div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:100px 0 0 0;
	margin-left:1px;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:17px;
	padding-bottom:160px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}

div#middle_top {
	position: static;
	width:900px;
	margin:0 auto -2px;
	height:30px;
	background: url("../images/site_images/middle_top_bg.png") 0 0 no-repeat;
}
div#middle {
	width:900px;
	margin:0 auto;
	min-height:450px;
/*	height:auto !important; */
	height:450px;
	color:#000;
	overflow : auto;
}
div#middle_bottom {
	position: static;
	width:900px;
	margin:0 auto;
	height:30px;
	background: url("../images/site_images/middle_bottom_bg.png") 0 0 no-repeat;
}

div#sidebar {
	width:350px;
	float:left;
	padding:0 10px 10px;
}

div#section_title {
	width:auto;
	float:left;
	padding:0 0 0;
	margin-left:40px;
}

div#sidebar_content {
	width:350px;
	float:left;
	padding:0 0;
}

div#content {
	padding:26px 10px;
	margin-left:420px;
	width:440px;
}

div#content_content {
	padding:22px 0;
	width:440px;
}

/* no positioning for IE5/Win - the whole page scrolls */

div#footerwrap {
    background: url("../images/site_images/footer_wrapper_bg.jpg") 0 0 repeat-x;
    background-position: bottom;
	width:100%;
	p\osition:absolute;
	bottom:0;
	left:0;
	height:160px;
}
body>div#footerwrap {
	position:fixed;
}

div#footer {
	background: url("../images/site_images/stone_footer.png");
	background-repeat: no-repeat;
	background-position: top;
	height:124px;
	width:900px;
	margin:0 auto -4px;
}

div#copyright {
	position:relative;
	background: url("../images/site_images/copyright_bg.png") 0 0 no-repeat;
	background-repeat: no-repeat;
	background-position: top;
	height:26px;
	width:126px;
	margin:7px auto;
	float:left;
}

div#credits {
    position:relative;
	height:24px;
	width:140px;
	margin:7px auto;
	float:right;
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	color:#ccc;
    background:url("../images/site_images/stone.jpg");
}
div#headerwrap {
background: url("../images/site_images/header_wrapper_bg.jpg") 0 0 repeat-x;
}

div#header {
color:#eee;
	
}

div#footer {
	background:#transparant;
	color:#eee;
}

div#middle {
		background: url("../images/site_images/middle_bg.png") 0 0 repeat;
}

div#sidebar {
		background:transparent;
		margin:0 0 0 30px;
}
div#content {
	background:transparent;
}
h1,
h2 {
	padding:0;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#fff;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}

/* Menu */

a.menu_0 {
	position:relative;
    display: block;
    width: 900px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_1 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_2 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_3 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_4 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_5 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_6 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

a.menu_7 {
	position:relative;
    display: block;
    width: 124px;
    height: 124px;
    text-decoration: none;
    margin:0 0 0 4px;
    float: left; 
}

/* Top Menu */

a.logo {
	position:relative;
    display: block;
    width: 227px;
    height: 60px;
    text-decoration: none;
    margin:12px 0 0 0;
    float: left; 
    top:0;
}

a.design_menu {
	position:relative;
    display: block;
    width: 116px;
    height: 44px;
    text-decoration: none;
    margin:12px 0 0 8px;
    float: left; 
    top:0;
}

a.art_menu {
	position:relative;
    display: block;
    width: 94px;
    height: 44px;
    text-decoration: none;
    margin:12px 0 0 0;
    float: left; 
    top:0;
}

a.sketches_menu {
	position:relative;
    display: block;
    width: 104px;
    height: 44px;
    text-decoration: none;
    margin:12px 0 0 0;
    float: left; 
    top:0;
}

a.about_menu {
	position:relative;
    display: block;
    width: 110px;
    height: 38px;
    text-decoration: none;
    margin:12px 0 0 130px;
    float: left; 
    top:0;
}

a.links_menu {
	position:relative;
    display: block;
    width: 100px;
    height: 38px;
    text-decoration: none;
    margin:12px 0 0 0;
    float: left; 
    top:0;
}

a.contact_menu {
	position:relative;
    display: block;
    width: 106px;
    height: 38px;
    text-decoration: none;
    margin:12px 0 0 0;
    float: left; 
    top:0;
}

/* =hr */
hr {
margin-top:0;
}

/* article formatting */

.title {
	   margin: 0; 
       padding-bottom: 12px;
	   font: 11px Arial, Helvetica, Verdana, sans-serif;
	   font-weight: bold;
	   color: #333333;
	   background-color: inherit;
}

.read { 
       margin: 0;
	   font: 11px Arial, Helvetica, Verdana, sans-serif;
	   font-weight: normal;
       letter-spacing: 0.6px;
       line-height: 14px;
       color: #333333; 
	   background-color: inherit;
}

.read_right { 
       margin: -2px;
	   font: 11px Arial, Helvetica, Verdana, sans-serif;
	   font-weight: normal;
       letter-spacing: 0.6px;
       line-height: 14px;
       color: #333333; 
	   background-color: inherit;
       text-align:left;
}

.summary { 
       margin: 0; 
       padding-right: 0;
	   font: 11px Arial, Helvetica, Verdana, sans-serif;
	   font-weight: normal;
       letter-spacing: 0.6px;
	   color: #333333; 
	   background-color: inherit;
}

.image_text { 
       margin: 0; 
       padding-left: 4px;
       padding-top: 4px;
	   font: 10px Arial, Helvetica, Verdana, sans-serif;
	   font-weight: normal;
       letter-spacing: 0.6px;
       line-height: 14px;
	   color: #666666; 
	   background-color: inherit;
}

textarea { 
 background-color: #ECEDEA;
}

input { 
 background-color: #ECEDEA; 
}

/* Links */

a { text-decoration: none; font-weight: bold; color: #ad0004; }

a:link { color: #ad0004;} 

a:visited { color: #ad0004;}

a:hover, a:active { color: #1f67b1;}