*			{ margin:0; padding:0;}
body		{ 
				font:10px helvetica, sans-serif;
				color:white;
				background:url(images/bg-main.jpg);
			}

ul			{ list-style: none inside; font-size:12px; line-height:16px; }

p			{ font-size:1.2em; line-height:1.2em; margin-bottom:1.2em; }

a			{ outline:none; color: white;}

a img		{ border:none;}

.floatleft	{ float:left;}
.floatright	{ float:right;}
.clear		{ clear:both;}

h3{
	margin:25px 0 5px 0;
}

h4{
	margin:20px 10px 0 10px;
	text-align: center;
}
h3, h4{
	font-size:14px;
	font-weight:bold;
}

#page-wrap{
	width: 800px;
	margin:0 auto;
	padding:0;
	/*background: blue;*/
	height: 600px;
}
	#wrap-left{
		float: left;
		width: 268px;
		height: 394px;
		margin: 0; padding: 0;
		background: url(images/bg-left.jpg);
	}
	#wrap-left-inner{
		float: left;
		width: 268px;
		/*height: 394px;*/
		margin: 0; padding: 0;
		background: url(images/bg-left.jpg);
	}
		ul#nav-service-top, ul#nav-service-middle, ul#nav-service-bottom{
			
		}
			ul#nav-service-top li, ul#nav-service-middle li, ul#nav-service-bottom  li{
				display: inline; 
			}
				ul#nav-service-top li  a, ul#nav-service-middle li a, ul#nav-service-bottom li a{
					display: block;
					float: left;
					text-indent: -9999px;
				}
				
				ul#nav-service-top li  a{
					height: 131px;
				}
				ul#nav-service-middle li a{
					height: 83px;
				}
				ul#nav-service-bottom li a{
					height: 89px;
				}
				
					ul#nav-service-top li.webdesign  a{
						background: url(images/nav-webdesign.jpg) no-repeat bottom center ;
						width: 95px;
					}
					ul#nav-service-top li.cms  a{
						background: url(images/nav-cms.jpg) no-repeat bottom center;
						width: 83px;
					}
					ul#nav-service-top li.webapps  a{
						background: url(images/nav-webapps.jpg) no-repeat bottom center;
						width: 90px;
					}
				
				
					ul#nav-service-middle li.graphic  a{
						background: url(images/nav-graphic.jpg) no-repeat bottom center ;
						width: 95px;
					}
					ul#nav-service-middle li.seo  a{
						background: url(images/nav-seo.jpg) no-repeat bottom center;
						width: 83px;
					}
					ul#nav-service-middle li.hosting  a{
						background: url(images/nav-hosting.jpg) no-repeat bottom center;
						width: 90px;
					}
			
					ul#nav-service-bottom li.server  a{
						background: url(images/nav-server.jpg) no-repeat bottom center ;
						width: 95px;
					}
					ul#nav-service-bottom li.db  a{
						background: url(images/nav-db.jpg) no-repeat bottom center;
						width: 83px;
					}
					ul#nav-service-bottom li.consultancy  a{
						background: url(images/nav-consultancy.jpg) no-repeat bottom center;
						width: 90px;
					}
			
			ul#nav-service-top li  a:hover, ul#nav-service-middle li a:hover, ul#nav-service-bottom li a:hover{
				background-position: top center;
			}
		
			
		
	#wrap-right{
		width: 532px;
		height: 394px;
		background: url(images/bg-wrap-right.jpg) no-repeat;
		float: right;
	}
		
	#wrap-right-inner{
		width: 532px;
		height: 303px;
		background: url(images/bg-wrap-right-inner.jpg) no-repeat;
		float: right;
	}
	ul#nav-top{
		float: right;
		margin-top: 5px;
	}
		ul#nav-top li{
			display: inline;
			
		}
		ul#nav-top li a{
			display: block;
			text-decoration: none;
			color: white;
			padding-top: 20px;
			background: black;
			
			/*width:80px;*/
			margin:0 0 0 3px;
			/*padding:7px 0 7px 30px;*/
			padding: 8px 40px;
			float: left;	
		}
		
		ul#nav-top li a:hover,
		body#home ul#nav-top li a.home,
		body#about ul#nav-top li a.about,
		body#services ul#nav-top li a.services,
		body#contact ul#nav-top li a.contact{
			background: red;
		}
		
		
		
	#content-welcome{
		/*width: 532px; height: 254px;*/
	}
	
		#content-welcome img{
			padding:0;
			margin-top: 4px;
			float: right;
		}
	
		#content-welcome p{
			margin-top: 10px;
			padding: 5px 30px;
			line-height: 18px;
			text-indent: justify;
		}
		
		#content-welcome-left{
			float: left;
			width: 120px;
			height: 254px;
		}
			#content-welcome-left img{
				margin: 55px 0 0 10px;
			}
			#content-welcome-left a{
				text-indent: -9999px;
			}
			
		#content-welcome-right{
			float: right;
			width: 400px;
			padding-left: 10px;
		}
			#content-welcome-right p{
				padding: 5px 20px 0 0 ;
				text-align: justify;
			}
	
	
	#content{
		margin: 0; padding: 0;
	}
		#content-left{
			float: left;
			width: 268px; height: 327px;
			background: url(images/content-offer.jpg) no-repeat;
		}
			#content-left img{
				float: right;
				margin-top: 300px;
			}
		#content-right{
			float: right;
			width: 532px;
		}
			#content-right-featured{
				float: left;
				width: 269px; height: 327px;
				background: url(images/content-featured.jpg) no-repeat;
				
			}
				#content-img{
					float: left;
					width: 123px;
				}
				#content-img img{
					margin: 80px 10px;
				}
				#content-text{
					float: right;
					width: 124px;
				}
					#content-text p, #content-right-quote p{
						padding: 80px 10px 0 10px;
						font-size: 11px;
						line-height: 12px;
					}
				
			#content-right-quote{
				float: right;
				width: 257px; height: 327px;
				background: url(images/content-quote.jpg) no-repeat;
			}
				
	
	#footer{
		background: url(images/bg-footer.jpg) no-repeat;
		width: 801px;
		height: 240px;
		padding: 10px;
		
	}
	#footer-logo{
		width: 800px;
		float: left;
	}
	ul#footer-nav-left{
		float: left;
		padding-left: 30px;
		width: 100px;
	}
	
	ul#footer-nav-right{
		float: right;
		width: 600px;
	}
		
		ul#footer-nav-left li, ul#footer-nav-right li{
		}
		
		ul#footer-nav-left li a, ul#footer-nav-right li a{
			text-decoration: none;
			color: white;
			font-size: 11px;
		}
		ul#footer-nav-left li a:hover, ul#footer-nav-right li a:hover{
			color: #999;
		}

#copyright{
	float: right;
	margin: 0;  padding:0;
}
	#copyright p{
		font-size: 10px;
		padding:0;
	}
	
/*Form elements*/
.form{
	width:217px;
	height:100px;
	padding:10px;
	margin: 0 10px;
}
.form, .form_contact{
	border:1px solid #CC0000;
	font-size:10px;
}
.form_contact{
	width:400px;
	padding:30px 0 10px 50px;
	margin:30px 0 20px 40px;
}
.label{
	vertical-align:top;
}
.input{
	height:16px;
	width:200px;
	background:#7b0505;
	border:1px solid #CC0000;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
.message{
	height:64px; width:200px;
	background:#7b0505;
	border:1px solid #CC0000;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
.select{
	height:18px; width:202px;
	background:#7b0505;
	border: #CC0000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin:0; padding:0;
	color:#ffffff;
	font-size:10px;
}
.button, .button_contact{
	background:url(images/button_submit.gif) no-repeat;
	width:87px;
	height:17px;
	margin-top:10px;
	border:0;
	color:#ffffff;
	font-size:10px;
	cursor:pointer;
}
.button{
	float:right;
	margin-right:15px;
}
.button_contact{
	/*margin-top:50px;*/
}

.message_details{
	width:600;
	background:#af0606 url(images/message_veri.png) no-repeat;
/*	border:1px solid #CC0000;*/
	padding:10px 10px 10px 60px;
	margin-right:100px;
}
	
.logo_sendmail{
	background:url(../images/logo_vpowerweb.png) no-repeat;
	width:305px;
	height:676px;
	float:left;
	padding-left:400px;
	padding-bottom:200px;

}