body 
{
	background: #4d4d4d url(images/background.jpg) repeat-x;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	clear: both;
}

img {
	border: 0;
}

#container
{
	width: 750px;  
	padding: 0;  
	margin: 0 auto;
}

#header {
	height: 107px;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #e28648;
}

#logo {
	float: left;
	width: 375px;
	margin: 0;
	padding: 0;
}

#navigation
{
	float: right;
	width: 355px;
	padding: 71px 0 17px 0;
	margin: 0;
	font-family: verdana, sans-serif;
	font-size: 18px;
}

#content 
{
	clear: both;
	overflow: auto;
	padding: 0 3px 20px 3px;
	margin: 0;
	background: #c0c0c0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	line-height: 22px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: lowercase;
	display: block;
}

#navigation li
{
	margin: 0;
	padding: 0;
	display: inline;
	text-transform: lowercase;
	height: 107px;
}

#navigation a, #navigation a:link, #navigation a:visited
{
	margin: 0;
	padding: 71px 8px 13px 8px;
	text-decoration: none;
	color: #fff;
}

#navigation #active, #active a:hover
 {
 	color: #fee8b9; 
	margin: 0;
	background: #484848;
 }

 #navigation a:hover
 {
 	color: #f6ff5b;
	margin: 0;
 }
 
#content h1
{
	clear: both;
	color: #2b4470;
	font-family: georgia, 'times new roman', serif;
	font-size: 24px;
	letter-spacing: 3px;
	margin: 15px 10px 5px 10px;
	padding: 5px;
	text-transform: lowercase;
	font-weight: normal;
}

#content h2
{
	clear: both;
	color: #702b2b;
	font-family: georgia, 'times new roman', serif;
	font-size: 24px;
	letter-spacing: 3px;
	margin: 15px 10px 5px 10px;
	padding: 5px;
	text-transform: lowercase;
	font-weight: normal;
}

#content h3
{
	clear: both;
	color: #99460e;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 14px;
	text-transform: lowercase;
	letter-spacing: 1px;
	margin: 5px 10px 5px 15px;
	padding: 0 5px;
	font-weight: bold;
}

#content p
{
	clear: both;
	margin: 5px;
	padding: 5px 5px 10px 5px; 
	text-align: left;
}

#portfolio 
{
	width: 690px;
	padding: 0 0 25px 0;
	margin: auto;
	display: block;
	clear: both;
}

.port 
{	
	padding: 0;
	margin: 5px 7px 5px 7px;
	float: left;
}

.port-nolink
{
	background: #2b702b;
	padding: 4px;
	line-height: 0;
	margin: 5px 7px 5px 7px;
	float: left;
}

.sample{
	margin: 0 20px 10px 20px;
	display: block;
	clear: both;
}

.sample img{
	background: #2b702b;
	border: 4px solid #2b702b;
	float: left;
	width: 150px;
	height: 113px;
}

.sample span{
	width: 525px;
	display: block;
	float: right;
	margin: 0 5px;
	padding: 0 5px 10px 5px; 
}
.sample ul{
	padding-left: 215px;
}


#footer 
{
	width: 750px;
	margin: 0 auto 15px auto;
	padding: 7px 0;
	border-top: 2px solid #e28648;
	font-size: 11px;
	text-align: center;
	letter-spacing: 1px;
}

.port a, .port a:visited
{
	background: #2b702b;
	padding: 4px;
	line-height: 0;
	float: left;
}

.port a:hover 
{
	background: #702b2b;
	padding: 4px;
	line-height: 0;
	float: left;
}

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

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

a:hover, #footer a:hover
{
	color: #fff;
}

b, strong
{
	color: #430648;
}

i, em
{
	color: #175a87;
}

.left
{
	float: left;
	width: 325px;
	text-align: left;
	margin: 0 5px;
	padding: 0 5px;
}

.right
{
	float: right;
	width: 325px;
	text-align: left;
	margin: 0 5px;
	padding: 0 5px;
}

#content ul
{
	list-style-type: square;
}