*{
	padding: 0;
	margin: 0;
}

body{
	background: #fff  url('i/bg2.jpg') no-repeat top center;
	font-family: Georgia, Tahoma, 'Trebuchet MS', Arial, 'sans serif';
}

:focus{
	outline: 0;
}

img{
	border: 0;
}

p, .list li{
	font-size: 13px;
	color: #777756;
	line-height: 1.5em;
}

a{
	text-decoration: none;
	color: #3a411d;
}

a:hover{
	text-decoration:underline;
	color: #93937d;

}

.tt{
	color: #4A5833;
	font-size: 18px;
}

.center{
	text-align: center;
}

.ff1, textarea{
	width: 400px;
	padding: 5px;
	border: 1px solid #000;
	background: url('i/screen-bg.jpg') no-repeat -200px 0;
	-moz-border-radius: 10px;
	font-family: Georgia, Tahoma, Helvetica;
	color: #000;
	
}

textarea{
	height: 100px;
	font-size: 11px;
	background-position: -100px -100px
}

#wrapper{
	 width: 960px;
	 margin: 0 auto;
}


#top{
	position: relative;
	height: 293px;
}

#menu{
	position: absolute;
	top: 117px;
	left: 89px;
	width: 800px;
	height: 59px;
}

#footer-links{
	position: absolute;
	top: 160px; left:50px;
	font-size: 11px;
}

ul.links{
	float: left;
	width: 220px;
}

ul.links li{
	list-style: none;
}

.screen{
	width: 855px;
}

.screen-top{
	height: 18px;
	background: url('i/separator.jpg') no-repeat;
}

.screen-bottom{
	height: 18px;
	background: url('i/separator2.jpg') no-repeat;
}

.screen-content{
	padding: 20px;
	background: #B6B597 url('i/screen-bg.jpg') no-repeat;
	font-size: 13px;
	color: #394428;
	line-height: 1.5em;
}

.screen-content p{
		color: #394428;
}

.pf-item-left{
	position: relative;
	float: left;
	padding: 0 20px 0 0;
}

.pf-item-right{
	position: relative;
	float: right;
	padding: 0  0  0 20px;
}

.list{
	padding: 10px;
}

.list li{
	list-style: none;
	padding-left: 20px;
}


/* ================ menu starts ===================== */

#menu li{
	height: 59px;
	float: left;
	list-style-type: none;
	
}

#menu li span{
	display: none;
}

#menu li a{
	display: block;
	height: 59px;
}

#home{width: 110px;}
#webdesign{width: 195px;}
#services{width: 155px;}
#portfolio{width: 183px;}
#contact{width: 150px;}

#home{
	background: url('i/over.jpg') no-repeat 0 0;
}

#webdesign{
	background: url('i/over.jpg') no-repeat -110px 0px;
}

#services{
	background: url('i/over.jpg') no-repeat -305px 0px;
}

#portfolio{
	background: url('i/over.jpg') no-repeat -460px 0px;
}

#contact{
	background: url('i/over.jpg') no-repeat -643px 0px;
}

/* ================ menu ends ===================== */

#container{
	position: relative;
	background: url('i/content-bg.jpg') repeat-y;
}

#footer{
	position: relative;
	height: 270px;
	background: url('i/footer-bg.jpg') repeat-y;
} 


.separator{
	height: 50px;
	background: url('i/separator.jpg') no-repeat center center;
	clear: both;
}

.title{
	font-weight: bold;
	padding: 10px 0 5px;
}

.clear{
	clear: both;
}

.content50{
	padding: 0 50px;
}


.content30{
	padding: 30px;
}

.content20{
	padding: 20px;
}

.content10{
	padding: 10px;
}

.top{
	display: block;
	width: 88px;
	height: 15px;
	background: url('i/top.jpg') no-repeat;
	margin-left: auto;
	clear: both;
}

.top span{
	display: none;
}

.error{
	font-size: 13px;
	color: #a00;
}

.ok{
	font-size: 13px;
	color: #4E573A;
}

h1, h2, h3{
	padding: 5px 0;
}

h1{
	font-size: 24px;
}

h2{
	font-size: 20px;
}

h3{
	font-size: 16px;
}

#scroll li{
	padding: 10px 15px;
}