@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg_main.jpg);
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#CCCCCC;
	
}

a{
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#999999;

}
h1{
	padding:10px 50px 0 50px;
}
h1, h5{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

h2{
	font-size:10px;
	color:#cccccc;
	margin:0;
	padding:0;
}

h3{
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 0px;
	color:#ffffff;
}

h4{
	font-size:12px;
	font-weight:bold;
	padding:0px 0 0 0px;
	color:#dd1010;
	letter-spacing:1px;
	margin-bottom:0;
}
h5{
	padding:5px 50px 0 110px;
	margin-bottom:0;
}

ul{
	margin-left:50px;
	
}
ul li{
	list-style-image:url(../images/bullet.png) no-repeat;

}
.p1{
	padding-left:110px;
}
.main{
	width:1200px;
	height:auto;
/*	height:700px;*/
	margin:0 auto;
}
.main_inside{
	/*background:url(../images/bg_light.jpg) no-repeat;*/
	height:auto;
	margin:0 auto;
	x-index:1;
}
.wrapper{
	width:800px;
	height:auto;
	margin:0 auto;
}
.logo{
	background:url(../images/logo_vpowerweb.png) no-repeat;
	width:305px;
	height:76px;
	float:right;
	
}
.logo_sendmail{
	background:url(../images/logo_vpowerweb.png) no-repeat;
	width:305px;
	height:676px;
	float:left;
	padding-left:400px;
	padding-bottom:200px;

}
/* top navigation */
.topnavi{
	width:625px;
	height:32px;
	margin-left:175px;
	
}
.topnavi ul{
	float:right;
}
.topnavi ul li{
	display:inline;
	float:left;
	list-style-type:none;
	width:120px;
	height:20px;
	padding-left:2px;
	
}
.topnavi ul li a span{
	width:120px;
	height:20px;
	float:left;
	background:#000000;
	color:#FFFFFF;
	padding-top:8px;
	padding-bottom:6px;
	text-align:center;
	text-decoration:none;
	}

.topnavi ul li a:hover span{
	width:120px;
	height:20px;
	float:left;
	background:#dd1010;
}
.topnavi ul li a:active{
}

/* end top navigation*/

.background_trans{
	background:url(../images/back_trans.png) no-repeat;
	/*filter:alpha(opacity=41);*/
	width:800px;
	/*height:256px;*/
	float:right;
/*	margin-top:3px;*/
	padding-bottom:20px;
}
.background_trans_inner{
	background:url(../images/back_trans_inner.png) repeat-y;
	/*filter:alpha(opacity=41);*/
	width:800px;
/*	height:800px;*/
	float:right;
	margin-top:3px;
	padding-bottom:30px;
}


.background_trans_left{
	width:200px;
	height:auto;
	float:left;
}
.background_tran_right{
	width:550px;
	height:auto;
	float:right;
}
.background_trans_left_inner{
	width:225px;
	height:auto;
	float:left;
}
.background_trans_left_inner p{
	height:150px;
	left:50px;
}

.background_trans_left_inner img{
	margin-left:20px;
}

.background_tran_right_inner{
	width:525px;
	height:auto;
	float:right;
	right:10px;
	padding:3px;
	font-size:11px;
	text-align:justify;
}
.background_tran_right_inner p{
	padding:10px 60px 0 60px;
}

.background_tran_right h4{
	background:url(../images/head_welcome.png) no-repeat;
	width:500px;
	height:32px;
	float:left;
	margin-top:25px;
	margin-left:165px;
	margin-bottom:0;
	
}
.background_tran_right p{
	margin-left:0px;
	/*margin-top:60px;*/
	padding:0 10px 0 3px;
	text-align:justify;
}

/*page content*/
.main_content{
	width:800px;
	height:370px;
	margin:10px auto;
}

.content1{
	width:260px;
	margin-top:10px;
	float:left;
	
}

.content_quote{
	width:800px;
	margin:200px 0 0 auto;
	float:left;

}
.content1 h3, .content2_left h3, .content2_right h3{
	width:260px;
	height:50px;
	text-indent:-9999px;
	margin:0;
}

.content2_right_bg{
	background:url(../images/bg_container.png) repeat-y;
	height:242px;
	margin:0;
	padding:10px;
}

.content1_bg{
	/*background:url(../images/bg_container.png) repeat-y;*/
	background:url(../images/specialoffer_promo.gif) no-repeat;
	width:260px;
	height:261px;
	margin:0;
	
}
.button_iwantone{
/*	background:url(../images/button_submit.gif) no-repeat;*/
	background:none;
	border:0;
	width:260px;
	height:261px;
	margin:0;
	padding-top:230px;
	padding-left:10px;
	color:#FFFFFF;
	font-weight:bold;
}
.content1 h3{
	/*background:url(../images/hd_portfolio.png) no-repeat;*/
	background:url(../images/hd_specialoffers.png) no-repeat;
}
.content2{
	width:530px;
	margin-top:10px;
	float:right;
	margin-left:5px;
}
.content2_left{
	width:260px;
	float:left;
}
.content2_left_image{
	background:url(../images/featured_projects.gif) no-repeat;
	height:261px;
	width:260px;
	margin:0;
	padding:0;
}
.content2_left_image p{
	margin-left:130px;
	width:120px;
	line-height:14px;
	margin-top:0;
	padding-top:20px;
	text-align:justify;
	font-size:11px;
}

.content2_left h3{
	background:url(../images/hd_projects.png) no-repeat;
}
.content2_right{
	width:260px;
	height:100px;
	float:right;
	margin-left:0px;
}

.content2_right p{
	width:240px;
	line-height:14px;
	margin:0;
	text-align:justify;
	font-size:11px;
}


.content2_right h3{
	background:url(../images/hd_quote.png) no-repeat;
}

/* footer */
.bottom, .bottom_service{
	background:url(../images/back_trans.png) no-repeat;
	width:800px;
	margin:auto;
	float:right;
	left:inherit;
	position:relative;
	height:256px;
}
.bottom{
	right:18.3%;
}
.bottom_service{
	right:16.7%;
}

.footer{
	background-color:#009900;
	width:800px;
	height:256px;
	padding:0;
	margin:auto auto;
}

.bottom_navigation { 
	width:800px;
	height:256px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin:auto auto;
/*	margin:0 auto;*/
}

.bottom_navigation_left{
	width:200px;
	height:auto;
	float:left;
	display:inline;
}
.bottom_navigation_right{
	width:600px;
	height:auto;
	float:right;
	display:inline;
}
.bottom_navigation_left1{
	width:350px;
	height:auto;
	float:left;
	display:inline;
}
.bottom_navigation_right1{
	width:250px;
	height:auto;
	float:right;
	display:inline;
}

.bottom_navigation ul{
	margin-left:0px;
	text-align:left;
	padding-left:10px;
	
}
.bottom_navigation ul li{
	list-style-image:url(../../mj/templates/yoo_waybeyond/images/site/bullet.png);
	list-style-type:none;
	list-style-image:none;

}
.bottom_navigation ul li a{
	list-style-type:none;
	list-style-image:none;
}

.copyright{
	width:800px;
	height:auto;
	margin-bottom:20px;
	margin-top:10px;
	float:left;
}
.copyright p{
	text-align:right;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}

.footerleft{
	width:270px;
	float:left;
	
}
.footerright{
	width:530px;
	float:right;
}
.footerright_left{
	width:260px;
	float:left;
}
.footerright_right{
	width:260px;
	float:right;
}
.footer_left ul, .footerright_left ul, .footerright_right ul, .footerleft ul{
	list-style-type:none;
	
}
.footer_left ul li a, .footerright_left ul li a, .footerright_right ul li a, .footerleft ul li a{
	text-decoration:none;
	color:#999999;
	line-height:14px;
}

.footer_left ul li a:hover, .footerright_left ul li a:hover, .footerright_right ul li a:hover, .footerleft ul li a:hover{
	color:#666666;
}

.img{
	padding:0px;
	margin:0;
}
.img_welcome{
	padding-right:10px;
}

/*services*/
/*.background_tran_right_inner{
	width:525px;
	height:auto;
	float:right;
	right:10px;
	padding:3px;
}*/

.services_left{
	width:175px;
	float:left;
	margin:0;
	height:120px;
	text-align:center;
	line-height:12px;
	/*background-color:green;*/
}
.services_right{
	width:350px;
	float:right;
	height:120px;
}
.services_right_left{
	width:175px;
	height:120px;
	float:left;
	text-align:center;
	line-height:12px;
	/*background-color:yellow;*/
}
.services_right_right{
	width:175px;
	float:right;
	height:120px;
	text-align:center;
	line-height:12px;
/*	background-color:blue;*/
}


.services_seo, .services_webapp, .services_cms, .services_webdesigning, .services_graphic, .services_hosting, .services_consultancy{
	height:79px;
	width:120px;

}

.sercice_navi ul li.opd a span


.services ul li.seo a span{
	background:url(../images/icn_seo.png);
	height:79px;
	width:120px;
}
.services ul li.seo a:hover span{
	background:url(../images/icn_seo-hover.png);
	height:79px;
	width:120px;
}
.services_webapp a{
	background:url(../images/icn_webapp.png);
}
.services_webapp a:hover{
	background:url(../images/icn_webapp-hover.png);
}
.services_cms a{
	background:url(../images/icn_cms.png);
}
.services_cms a:hover{
	background:url(../images/icn_cms-hover.png);
}
.services_webdesigning a{
	background:url(../images/icn_webdesign.png);
}
.services_webdesigning a:hover{
	background:url(../images/icn_webdesign-hover.png);
}
.services_graphic a{
	background:url(../images/icn_graphic.png);
}
.services_graphic a;hover{
	background:url(../images/icn_graphic-hover.png);
}
.services_hosting a{
	background:url(../images/icn_hosting.png);
}
.services_hosting a:hover{
	background:url(../images/icn_hosting-hover.png);
}
.services_consultancy a{
	background:url(../images/icn_consultancy.png);
}
.services_consultancy a:hover{
	background:url(../images/icn_consultancy-hover.png);
}



/*Form elements*/
.form{
	width:217px;
	height:100px;
	padding:10px;
}
.form, .form_contact{
	border:1px solid #CC0000;
	font-size:10px;
}
.form_contact{
	width:470px;
	height:290px;
	padding:30px 0 0 50px;
	margin:30px 0 0 0px;
}
.label{
	vertical-align:top;
}
.input{
	height:16px;
	width:200px;
	background:#7b0505;
	border:1px solid #CC0000;
	color:#ffffff;
}
.message{
	height:64px;
	width:200px;
	background:#7b0505;
	border:1px solid #CC0000;
	color:#ffffff;

}
.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;
}
.logos{
	width:500px;
	height:130px;
	float:left;
	margin-top:30px;
}
.logos_p{
	font-size:9px;
	line-height:10px;
	padding-right:30px;
}
.logos_left{
	width:165px;
	float:left;
}
.logos_right{
	width:335px;
	float:right;
}
.logos_wordpress{
	width:165px;
	float:left;
}
.logos_cms{
	width:165px;
	float:right;
}