/* -----------main styles----------- */
body {
	background: #2D1A0A;
	font: 12px/140% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
hr {
	background-color: #A8A8A8; /*Netscape 6/7, Mozilla */
	color: #A8A8A8; /* IE */
	height: 1px;
	border: 0;
}
h3 {
	color:#765C38;
	font: 18px/140% Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
}

/* -----------layout----------- */
#shell {
	border-left: 1px solid #FFFFFF;
	margin: 16px auto;
	text-align: left;
	width: 768px;
}
#main {
}

/* -----------topper----------- */
#topper {
	padding: 0;
	margin: 0;
}
#topper h2 {
	 padding: 96px 0 0 0;
    overflow: hidden;
    background-image:  url("../img/topper.jpg");
    background-repeat: no-repeat;
    margin: 0;
    height: 0px !important;
    height /**/:96px;
}

/* -----------nav -----------*/
#topper ul {
	padding: 0;
	margin: 0;
	position: absolute;
	list-style: none;
}
#topper li {
	display: block;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
/* home link*/
#topper #homelink {
	left: 710px;
	top: -60px;
}
#topper #homelink a:link, #topper #homelink a:visited, #topper #homelink a:hover, #topper #homelink a:active {
	color: #F3F3F3;
	text-decoration: none;
}
#topper #homelink a:hover {
	color: #FFF;
}

/* flash */
#flashnav {
	top: -28px;
	left: 443px;
	float: left;
}
	
/* contactlink */
#contactlink a:hover {
	background-position: 0 -20px;
	}
#contactlink a:active, #contactlink a:selected {
	background-position: 0 -40px;
	}
#contactlink {
	overflow: hidden;
	top: -85px;
	left: 660px;
	width: 85px;
}
#contactlink a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	margin: 0;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	border: 1px solid white;
	background: url(../img/contact.gif) top left no-repeat;
	width: 85px;
	top: -85px;
}


/* -----------footer----------- */
#footer {
	clear: both;
	margin: 0;
	padding: 0;
}
#footer img {
	margin: 0;
	padding: 0;
}

/* ----------- h2 image replacement -----------*/
#main h2 {
	 padding: 52px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0;
    height: 0px !important;
    height /**/:52px;
}

/*-----------page specific-----------*/
/* home */
#home .copyright {
		font: 10px/140% Arial, Helvetica, sans-serif;
		color: #919090;
		text-align: right;
		width: 750px;
		margin: 0 auto;
}

/* design */
#design #shell {
	background: url(../img/peach-bg.gif);
}
#design #main h2 {
    background-image:  url("../img/design.gif");
}

/* about us */
#aboutus #shell {
	background: #EED6B5 url(../img/peach-bg.gif) repeat-x;
}
#aboutus #main h2 {
    background-image:  url("../img/aboutus.gif");
}

/* production */
#production #shell {
	background: url(../img/peach-bg.gif);
}
#production #main h2 {
    background-image:  url("../img/production.gif");
}

/* portfolio */
#portfolio #shell {
	/*background: url(../img/peach-bg.gif);*/
	background: url(../img/grey-bg.gif);
}
#portfolio #main h2 {
    background-image:  url("../img/portfolio.gif");
}

/* frames */
#peachframe {
	background: #EFD7B6;
	text-align: left;
	margin: 5px;
	padding: 0;
}
#greyframe {
	background: #E9EAE3;
	text-align: left;
	margin: 5px;
	padding: 0;
}
#thumbframe {
	/*background: #EFD7B6;*/
	background: #E9EAE3;
	margin: 0;
	padding: 0;
	text-align: center;
}
#thumbframe table {
	margin: 0 auto;
	text-align: center;
}
#thumbframe td {
	text-align: center;
	/*background: #F7E8D4;*/
	border: 1px solid #885B1E;
	padding: 14px;
}
#imageframe {
	/*background: #EFD7B6;*/
	background: #E9EAE3;
	margin: 15px;
	padding: 0;
	text-align: center;
}
#imageframe p {
	text-align: left;
}
#imageframe p img {
	text-align: center;
}
.portfolionav a:link, .portfolionav a:visited {
	color: #765C38;
	font: bold 12px/160%  Arial, Helvetica, sans-serif;
} 

#wrap {
	padding: 10px; 
	width: 750px;
}

.portfolio td {
	vertical-align: top;
}

.portfolio li {
	list-style-type: none;
}



.fullsize img {
	display: block;
	margin: auto;
}

.thumb {
	width: 80px;
	height: 80px;
	float: left;
	padding: 4px;
}



.thumbnails {
	display: block;
	padding-top: 20px;
	margin: auto;
	margin-right: 10px;
}

.fullsize {
	width: 100%;
}


.col_left {
	width: 180px;
	padding: 8px;
	float: left;
}

.col_right {
	width: 550px;
	float: left;
}

.portfolio ul {
	margin-top: 0px;
	padding-left: 10px;
	*margin-left: 5px !important;
}

.subcategory {
	font: 14px georgia;
	color:#765C38;
}