/* CSS Document
Site Design: Randy Verbeck
CSS Author: Randy Verbeck
*/


body {
	font-family:Garamond, Georgia, serif;
	font-size:14px;
	font-weight: normal;
	color:#39352A;
	padding: 0;
	margin: 0;
	background-color:#39352A;
	background-image: url(Images/b.gif);
	background-repeat: repeat-x;
	}
	
/**** Navigation ****/	

ul.menu_tabbed {
	list-style: none;
	border-bottom: 1px #B8B3A4 solid;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	}	
ul.menu_tabbed li {
	margin-top: 15px;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	}	
ul.menu_tabbed li a {
	color:#A7A396;
	text-decoration: none;
	background:#524B3B;
	border: 1px #B8B3A4 solid;
	border-bottom: none;
	padding: 5px 16px;
	}	
ul.menu_tabbed li.selected a {
	color:#AD543B;
	background:#39352A;
	border: 1px #B8B3A4 solid;
	border-bottom: 1px #39352A solid;
	padding: 10px 16px 5px 16px;	
	}	
ul.menu_tabbed li a:hover {
	padding: 10px 16px 5px 16px;	
	}
		
	
/**** Content ****/	
	
#container {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

#header {
	width: 960px;
	min-height: 20px;
	border-bottom: 1px solid #39352A;
}

#body {
	width: 960px;
	min-height: 100px;
	padding-left: 40px;
margin-top: 15px;
margin-bottom: 15px;
}

/**** Footer ****/

#footer {
	width: 960px;
	min-height: 40px;
	margin-top: 30px;
	padding-top: 15px;
}

.footer {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 9px;
	padding-left: 40px;
	color:#CCC;
}

/**** Top Frame Line ****/

#top {
	z-index: 2;
	position: fixed;
	top: 0;
	width: 100%;
	height: 2px;
	background-color: #AD543B;
}

/**** Portfolio Content ****/
.thumbleft {
	float: left;
	width: 300px;
	min-height: 50px;
	padding-left: 0px;
	margin-bottom: 30px;
}

.thumbright {
	float: right;
	width: 300px;
	min-height: 50px;
	margin-bottom: 30px;
}

.thumbmiddle {
	display: inline;
	float:left;
	margin-left: 30px;
	width: 300px;
	min-height: 50px;
	margin-bottom: 30px;
}


.foliopic {
	width: 630px;
	min-height: 20px;
	margin-bottom: 20px;
}

.foliotext {
	clear: left;
	float: right;
	width: 300px;
	min-height: 282px;
	margin-bottom: 20px;
}

.arrow {
	clear: left;
	float: right;
	width: 30px;
	height:30px;
	padding-top: 10px;
	padding-right: 120px;
}

.left {
	clear:both;
	width: 300px;
	min-height: 50px;
	margin-bottom: 30px;
}


/*** Image Borders ****/

.imgborder {
	border: 4px solid #ACAD73;
}

.imgborder2 {
	border: 4px solid #ACAD73;
	margin-bottom: 5px;
	margin-top: 5px;
}

/**** List Styles ****/

ul {
	padding: 0;
	margin:0;
}

.title ul {
	padding:0;
	margin:0;
}

.thumbleft ul, .thumbright ul, .thumbmiddle ul, .left ul {
	padding: 0;
	margin:0;
}


li {
	list-style: none;
	margin:0;
	padding:0;
}

.title li {
	font-family:Georgia, serif;
	font-weight: normal;
	font-size: 35px;
	color: #AD543B;
	letter-spacing: normal;
}

.thumbleft li, .thumbright li {
	color:#B8B3A4;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	line-height: 20px;
	margin-left: 0px;
	border-bottom: 1px dotted #B8B3A4;
	padding-top: 25px;
}

.thumbmiddle li {
	color: #B8B3A4;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	line-height: 20px;
	width: 300px;
	border-bottom: 1px dotted #B8B3A4;
	margin-left: 0;
	padding-top: 25px;
}

.left li {
	border-bottom: 1px dotted #524B3B;
	padding-top: 20px;
}


/**** Text Styles ****/

p {
	font-family: Garamond, Georgia, serif;
	padding:0;
	margin:0;
}

.describe {
	margin-top: 0px;
	padding-top: 5px;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	color:#ACAD73;
	line-height: 18px;
}


.title {
	font-weight: normal;
	font-size: 36px;
	color: #AD543B;
	line-height: 50px;
}

.intro {
	font-size: 17px;
	color: #ACAD73;
	padding-top: 5px;
	line-height: 28px;
}

.res {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	color: #ACAD73;
	line-height: 18px;
}

.form {
	color: #ACAD73;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 2px;
}

/**** Link Styles ****/

a:link, a:visited {
	text-decoration: none;
	color:#AD543B;
}

a:hover, a:active {
	text-decoration: none;
	color: #B8B3A4;
}

/*****     Form Styles      *****/
form {
padding: 0;
margin-top: 0;
padding-top: 10px;
}

input {
color:#ACAD73;
background-color:#524B3B;
border: 1px dotted #B8B3A4;
}

textarea {
width: 300px;
height: 100px;
color: #ACAD73;
background-color:#524B3B;
border: 1px dotted  #B8B3A4;
margin-bottom: 10px;
}

input.btn {
font-family: Verdana;
background-color:#524B3B;
border: 1px solid #AD543B;
padding: 1px;
cursor: pointer;
}

input.btn:hover {
	background-color: #AD543B;
}