/**** Page Layout and Design Styles ****/

/* layouts styles */

.one-third {
	float: left;
	width: 293px;
	margin: 0 0 0 22px;}
	
.two-thirds {
	float: left;
	width: 608px;
	margin: 0 0 0 22px;}

.half-page {
	float: left;
	width: 450px;
	margin: 0 0 0 22px;}
	
.full-page {
	margin: 0 0 0 -20px;
}
	

/* design width and position */

#top-content, #main-content, #footer-content {
	margin: 0 0px;
	width: 800px;
	padding: 0 0px 0px;
}
#slideshow, #page, .home #header-graphic {
	width: 680px;
	margin: 0 -12px 0 -11px;}
	

/* main page structure  */

#main {
	background: #FFFFFF no-repeat 50%;
}
#main-content {padding-bottom: 35px;}



/* content area */

#page{
	background: transparent url("") no-repeat 0 0;
	margin-top: -11px;}
.home #page{
	position: relative;
	z-index: 99;}
#page-top-gap {height: 11px;}
#page-content {
	min-height: 400px;
	margin: 0 0px 0 -20px;
	padding: 15px 0px 0 0;}


/* slideshow */

#slideshow {
	height: 337px;
	margin-top: -4px;
	overflow: hidden;}

	
/* portfolio */

.gallery {
	clip: rect(auto,auto,auto,auto);
	margin-right: 0px;
	width: 800px;
	margin-left: -25px;
}
.two-thirds .gallery {width:630px;} /* stupid IE (version 7 only)  */
.gallery-item {
	float: right;
	width: 135px;
	margin: 15 15 15px 15px;
	height: 109px;
}

.gallery-item2 {
	float: center;
	width: 284px;
	margin: 0 0 0px 0px;
	height: 113px;
}

.gallery-item h5, .gallery-item p {
	margin: 0 0 .65em;
	padding: 0;}
.gallery-image {
	width: 105px;
	height: 79px;
	border: 1px solid #C6C6C6;
}
.gallery-image2 {
	width: 284px;
	height: 213px;
	border: 1px solid #C6C6C6;
}

.gallery-description {
	height: 110px;
	margin: 8px 0 0;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
