body {
	margin:0px;
	background-color:#FCFAE1;
	text-align:center;
	font-family:verdana;
	font-size:small;
	color: #4C1B1B;
}
img {
	border:0;
}
div#container {
	margin-left:auto;
	margin-right:auto;
	width:792px;
	/* turn off centering so elements don't inherit centering from body */
	text-align:left;
	position:relative;
}

div#container h1 {
	font-size: 18px;
	
}

/* top header */
div#headertop {
	height:20px;
	background: url('images/background-header-top.jpg') repeat-y;
}
div#headermid {
	height:10px;
	background: url('images/background-header-mid.jpg') no-repeat;
}
div#header {
	height:46px;
	background: url('images/background-header.jpg') repeat-y;
	padding-left:255px;
	padding-top:20px;
	color:#FCFAE1;
}
div #header a {
	color:#FCFAE1;
	font-weight:bold;
	font-family:"garamond";
	font-size:16px;
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
}
div #header a:hover {
	text-decoration:underline;
	color:#BD8D46;
}

/* main body of page */
div#main {
	background: url('images/background-main.jpg') repeat-y;
	float:left;
	width:792px;
}
div#leftcol {
	margin-left:32px;
	width:207px;
	padding-top:210px;
	float:left;
}
div#maincol {
	float:left;
	margin-left:40px;
	margin-top:20px;
	width:460px;
}
div#maincol a {
	color:#4C1B1B;
}
div#logo {
	position:absolute;
	top:1px;
	left:32px;
}	
div#footer {
	clear:both; 
	
}
ul#design-nav {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#design-nav li {
	background: url('images/nav-button.jpg') 0px -38px no-repeat;
	width:200px;
	height:37px;
	margin-bottom:15px;
	vertical-align:middle;
}
ul#design-nav li a {
	background: url('images/nav-button.jpg') top left no-repeat;
	overflow:hidden;
	color:#F9F7DE;
	font-family:"garamond";
	font-weight:bold;
	font-size:17px;
	display:block;
	text-decoration:none;
	width:200px;
	height:37px;
	vertical-align:text-bottom;
}
ul#design-nav li a span {
	display:block;
	padding-left:30px;
	padding-top:7px;
}
ul#design-nav li a:hover {
	background-image:none;
	color:#ffffff;
	
}
div#prev {
	float:left;
	width:17px;
	height:120px;
	padding-top:35px;
	background:url('images/carousel-left.jpg') no-repeat;
}
div#next {
	float:left;
	width:17px;
	height:120px;
	padding-top:35px;
	background:url('images/carousel-right.jpg') no-repeat;
}
div.carousel {
	float:left;
}
div.carousel ul li {
	background: url('images/carousel.gif') no-repeat;
	padding:10px;
}
ul.portfolio {
	list-style:none;
}
div.portfolio {
	overflow-y:scroll;
	height: 300px;
	width: 420px;
	overflow-x:hidden;
}