/*
	(1) html elements
	(2) global structures
	(3) formatting for global structures
	(4) general purpose */

/************************************************
	(1) html elements 		
*************************************************/

body {
	font-family: arial, sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
	background-color: #d8d3c3;
	color: #3e3e3e;
}


h1 {
	font-family: georgia, serif;
	font-size: 2em;
	color: #432e2c;
	font-weight: normal;
	font-style: italic;

}

h2 {
	font-size: 1.5em;
	color: #432e2c;
	margin: 10px 0 5px 0;
	padding: 0;
}

h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #432e2c;
}

h4 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	color: #432e2c;
}

p {
	margin: 0 0 10px 0;
}


/************************************************
	(2) global structures
*************************************************/

#main {
	width: 815px;
	padding: 45px 93px 0 92px;
	height: 695px;
	margin: 0 auto;
	background: transparent url(../../images/bg_main.jpg) 0 0 no-repeat;
}

#nav {

}

#tools {
	width: 228px;
	padding: 8px 0 0 18px;
	float: left;
}

#content {
	width: 495px;
	padding: 20px 54px 0 20px;
	float: left;
	line-height: 1.5em;
}

#content.full-column {
	padding-right: 0px;
	width: 777px;
	float: none;
}

#content.full-column h1 {
	margin-left: 0;
}

#scrollable-content {
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 255px;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;

	scrollbar-arrow-color: #f1d898;
	scrollbar-base-color: #9b4a1b; 
	scrollbar-dark-shadow-color: #000000;
	scrollbar-shadow-color: #e7b254;
	scrollbar-3d-light-color : #f1d898;
	scrollbar-highlight-color : #e9b85b;
}


#scrollable-content-portfolio {
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 351px;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;

	scrollbar-arrow-color: #f1d898;
	scrollbar-base-color: #9b4a1b; 
	scrollbar-dark-shadow-color: #000000;
	scrollbar-shadow-color: #e7b254;
	scrollbar-3d-light-color : #f1d898;
	scrollbar-highlight-color : #e9b85b;
}
/************************************************
	(3) formatting for global structures
*************************************************/


/* nav */
#nav ul {
	margin: 0 0 0 103px;
	padding: 0;
}

#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav ul li img {
	float: left;
}

/* tools */

#tools h2 {
	margin: 13px 0 3px 0;
	padding: 0;
}

#tools ul.adjacent {
	margin-bottom: 13px;
}

#tools ul.adjacent li {
	padding-right: 7px;
}

	#tools #news {
		background-color: #f1d898;
		padding: 10px 8px;
		color: #3e3e3e;
		font-size:10px;
		margin-right:14px;
	}

	#tools #news p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#tools #media-player-controls {
		float: right;
		margin: 15px 30px 0 0;
	}

	#tools #media-player-controls li {
		margin: 0;
		padding: 0;
	}
	
	#tools #media-player {
		clear: both;
		margin-top: 2px;
	}



#content h1 {
	margin: 0 0 0 0px;
}


#footer {
	text-align:center;
	margin-top:45px;
	color:432e2c;
	font-size:10px;
	width:819px;
	float:left;
}

/************************************************
	(4) general purpose
*************************************************/


/* ul.flat */
ul.flat {
	list-style: none;
	margin: 0;
	padding: 0;
}	

ul.flat li {
	margin: 0;
	padding: 0;
}


/* ul.adjacent */
ul.adjacent {
	list-style: none;
	margin: 0;
	padding: 0;
}	

ul.adjacent li {
	display: inline;
	margin: 0;
	padding: 0;
}


a, a:link, a:visited {
	color: #8A473C;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
}


a img {
	border: none;
}

.rollover	{ cursor: hand; cursor: pointer; }

.inline		{ display: inline; }
.block		{ display: block; }
.f-left		{ float: left; }


/************************************************
	(5) image layout
*************************************************/

.portfolio-master {
	float:left; 
	width:220px; 
	padding:10px
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}