body{
	margin:0; 
	padding:0;
	width: 100%; 
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
}
img{
	border:none;	
	
}
#home{
	background:#000 url(images/bg-home.jpg) no-repeat;
	background-position:center top; 	
	
}
#about{
	background:#000 url(images/bg-about.jpg) no-repeat;
	background-position:center top; 	
	
}
#contact{
	background:#000 url(images/bg-contact.jpg) no-repeat;
	background-position:center top; 	
	
}
#portfolio{
	background:#000 url(images/bg-port.jpg) no-repeat;
	background-position:center top; 	
	
}
#wrapper{
	width:1000px;
	height:100%;
	margin:0 auto;
}

#header{
	margin-top:10px;
	width:1000px;
	
	
}
.logo{
	float:left;	
	width:325px;
	position:relative;
	top:27px;
	
}
.navbar{
	float:left;
	width:655px;
	position:relative;
	top:9px;
	
}


#navhome{
	background:url(images/home.png) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
	

}
#navabout{
	background:url(images/about.png) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#navport{
	background:url(images/portfolio.png) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#navcont{
	background:url(images/contact.png) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#navhome:hover{
	background:url(images/home-hover.jpg) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
	

}
#navabout:hover{
	background:url(images/about-hover.jpg) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#navport:hover{
	background:url(images/portfolio-hover.jpg) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#navcont:hover{
	background:url(images/contact-hover.jpg) no-repeat;
	width:100px;
	height:100px;
	text-decoration:none;
	display:inline-block;
}
#clear{
	clear:both;	
}
#navbar{
	width:1000px;
	margin-top:84px;
	
	
	
}
*:first-child+html #navbar{
	width:1000px;
	margin-top:87px;
	
	
	
}


#navbar ul{
	margin:0;
    padding:0;
	white-space: nowrap;
	list-style-type:none;

}

.unlisted{
	position:relative;
	top:2px;
	
}


.nav{
	display:inline-block;
	*display:inline;
		
	background:url(images/nav-bg.png) no-repeat;
	width:200px;
	height:83px;
	margin-right:-3px;
	*margin-right:0px;
    padding:0;
	border:0;
	vertical-align:bottom;
	
}

.nav a{
	text-decoration:none;
	color:#efefef;
	width:200px;
	font-size:14px;
	float:left;
	text-align:center;
	padding-top:62px;
	padding-bottom:5px;
	
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .nav{margin-right:-4px;}
}
#web:hover{
	display:inline-block;	
	background:url(images/nav-web.png) no-repeat;
	width:200px;

	
}
#col:hover{
	display:inline-block;	
	background:url(images/nav-col.png) no-repeat;
	width:200px;

	
}
#logo:hover{
	display:inline-block;	
	background:url(images/nav-logo.png) no-repeat;
	width:200px;

	
}
#icon:hover{
	display:inline-block;	
	background:url(images/nav-icon.png) no-repeat;
	width:200px;

	
}
#ads:hover{
	display:inline-block;	
	background:url(images/nav-ads.png) no-repeat;
	width:200px;

	
}
#content{
	background:#0b0b0b;	
	width:1000px;
	height:650px;
	font-size:12px;

	
}
.left{
	width:500px;
	float:left;
	padding:40px 10px 20px 60px;
		
}
.lefty{
	width:535px;
	float:left;
	padding:40px 10px 20px 60px;
		
}
.right{
	width:340px;
	float:left;
	padding:40px 0px 20px 40px;
	
}
.title{
	font-size:14px;
	font-weight:bold;
	
}
#line{
	width:1px;
	height:560px;
	background-color:#FFF;
	float:left;
	position:relative;
	top:40px;
	margin-left:10px;
	
}
#footer{
	background:url(images/footer-bg.png) no-repeat;
	width:1000px;
	height:40px;
	
}
.footer{
	float:right;
	width:300px;
	font-size:10px;
	
}
#insideabout
{
	width:700px;
	height:100px;
	position:relative;
	left:70px;
	
}

#container{
	background:#0b0b0b;	
	width:1000px;
	height:560px;
	font-size:12px;
	position:relative;
	top:43px;
	*top:45px;
	clear:both;
	*margin-bottom:15px;

	
}

#contacts{
	background:#0b0b0b;	
	width:1000px;
	height:430px;
	font-size:12px;
	position:relative;
	top:143px;
	*top:146px;
	margin-bottom:143px;
	*margin-bottom:146px;
	

	
}
#port
{
	
	margin:115px 0 0 60px;
	width:500px;
	position:relative;
	top:8px;
	*top:17px;
	
}
#port li
{
	display:inline;
	text-decoration:none;	
}
#port a
{
	text-decoration:none;	
	padding:5px 20px;
	color:#fff;
	
}
#port a:hover
{
	background:#a0a0a0;	
	
	
}
.active
{
	background:#a0a0a0;	
	padding:5px 20px;
}
#insideport
{
	background:#0b0b0b;	
	width:1000px;
	position:relative;
	*top:3px;
	padding:15px 0;
	
	*margin-bottom:3px;
}
#aboutcontent
{
		margin-bottom:13px;	
}

.leftport{
	float:left;
	width:250px;
	margin-left:180px;
	
}

.rightport{
	float:left;
	width:400px;
	margin-left:26px;
}
.special{
	color:#faa41a;	
	
}
.specialbg{
	background:url(images/special-bg.jpg) no-repeat;
	width:230px;
	height:166px;
	margin-top:15px;
	margin-right:17px;
	float:left;
	
}
.specialleft{
	float:left;
	width:160px;
	position:relative;
	top:15px;
	left:20px;
	
}
.specialright{
	float:left;
	position:relative;
	top:7px;
	
	
}
.inspecial{
	position:relative;
	left:10px;
	width:200px;
	top:0px;
	font-size:10px;
}
.link{
	color:#000;	
}