body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
background-color: #000;
font-family: verdana;
font-size: 10px;
} 
address{
font-size: 13px;
}
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -264px;  
} 
 
#header{
 position:relative; 
 height:139px; 
 width:100%;
background: url(../images/header1.jpg);
border-bottom: 8px solid #666666;
} 
#menubalk{
background-color: #000;
width: 900px;
height: 30px;
font-weight: bold;
}
#navlist{
width: 900px;
margin-left: 210px; 
margin-top: 10px;
margin-right: auto;
}
#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
border-left: 1px solid #C9D5C6;
}

#navlist a
{
padding: 1px 20px 5px 20px;
font-size: 11px;
color: #C9D5C6;
}

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

#navlist a:hover
{
background-image: url(../images/menu_over.gif);
color: #FFF;
}

#active a:link, #active a:visited, #active a:hover
{
color: #FFF;
}
#leftcol{
float:left;
position: relative; 
width: 300px;
height: 314px;
background: url(../images/left1.jpg) no-repeat;
background-color: #000; 
}
input{
margin-bottom: 5px;
margin-left: 10px;
}
textarea{
margin-left: 10px;
}
 
#maincol{
float:right;
background-color: #FFF;  
 position: relative; 
 height: 338px;
 width: 567px; 
 padding: 8px;
 padding-left: 25px;
 overflow:auto;
}
#footer{
 height:100px;
 text-align: center;
 color:#cccccc; 
 font-size: 13px;
 margin-top: 12px;
 clear:both;
 } 

#portfolio img{
margin-top: 10px;
border: 3px solid #000;
}
#portfolio img:hover{
margin-top: 10px;
border: 3px solid #339966;
}
#portfolio p{
margin-top: -3px;
color:#333333;
font-weight:bold;
font-size: 9px;
}
#portfolio p:hover{
margin-top: -3px;
color: #339966;
}
h1{
font-size: 18px;
background-color:#000000;
width: 180px;
padding: 3px 3px 6px 6px;
padding-top: 10px;
margin-top: -8px;
color: #FFF;
}
p{
margin-top: 10px;
font-size: 13px;
line-height: 20px;
}
h3{
width: 150px;
display: inline;
font-size: 16px;

}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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