body {
	margin:10px;
	font-family:Verdana;
	font-size:12px;
	
}
p {
font-family:Verdana;
font-size:12px;
font-weight:500;
line-height:20px;
}

.container {
width: 800px;
min-height:520px;
}

.header {
width: 800px;
height:138px;
}

.header h3{
font: bold 2.5em Georgia;
color:#5a2c0f  !important;
}

.top {
width: 800px;
height:44px;
background: url(../img/background.JPG) no-repeat;
}

.menu {
width: 670px;
height:23px;
background-color:#7f3f98;
padding-left: 130px;
padding-top: 5px;
}

.menu a {
 display: inline;
 padding-right: 5px;
 padding-left: 1px;
 font: bold 1.2em Georgia;
 color: white;
 text-decoration:none;
}

.logo {
position: absolute; 
width: 130px;
height: 136px;
background: url(../img/logo.JPG) no-repeat;
padding-top: 3px;
display: inline;
}

#header_pic {
padding-top: 15px;
margin-left: 230px;
}

#header_title {
padding-top: 0px;
margin-left: 150px;
}

.content  {
width: 800px;
margin-top:20px;
margin-bottom:20px;
}

.content p  {
font-family:Verdana !important;
font-size:12px !important;
line-height:15px  !important;
text-align:center !important;
color:#5a2c0f  !important;
font-weight:bold !important;
padding-top: 20px;
}

#content_img {
margin-left:35px;
}

#port_img img{
padding-right:35px;
padding-bottom:5px;
}

#content_left{
width:400px;
float:left;
}

#content_left p{
padding-top: 10px;
padding-left: 20px;
text-align:left !important;
font-family:Georgia !important;
line-height:17px  !important;
color:#5a2c0f  !important;
font-weight:normal !important;
text-align:left !important;
}

#content_left a{
color: #7f3f98;
text-decoration: underline;
}

#content_right{
width:350px;
float:right;
/*  padding-top:60px;  */
padding-top:24px; 

}

.menu_bottom {
margin-top:10px;
width: 800px;
height:23px;
background-color:#7f3f98;
color:#ffffff;
}

.menu_bottom_left {
height:21px;
float:left;
font: normal 0.9em Georgia;
padding-top:2px;
}
.menu_bottom_right{
height:22px;
float:right;
font: bold 1.2em Georgia;
padding-top:1px;
}
.menu_bottom_right a{
color: #FFFFFF;
text-decoration: none;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 15px;
	text-decoration: none;
}

#nav a {
	display: block; 
	padding-left: 25px; 
	padding-right: 10px; 
	text-decoration:none;
	color:#ffffff;
	background: url(../img/muff.JPG) no-repeat;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 134px; 
	background:#7f3f98;
	left: -999em; 
	font-size:0.9em !important;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#nav li { /* all list items */
	float: left; 
}

#nav li ul li a {
	line-height: 20px;
	padding: 0 0 0 10px; 
	background: none;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */

.portfolio {
border: solid 1px black;
padding: 4px;
}