/*#################################################### 
######	Author:	Alexandru Dulgheru						##########			
######	Email:	alecsdulgheru@gmail.com					##########
######	Website:  http://ValleyTechSolutions.com/		##########
######	SiteName: Valley Tech Solutions					##########
######################################################*/

html * {background:#2f2f2f;}
body { padding:0px; margin:0px;font-family:"tahoma", sans-serif; background:#2d2d2d url(../img/body_bg.png) no-repeat center top; }
div.clear {height:1px;clear:both;font-size:1px; background:none;}
div.clear0 {height:3px;clear:both;font-size:1px;  background:none;}
div.clear1 {height:10px;clear:both;font-size:1px; background:none;}
div.clear2 { height:20px; clear:both; font-size:1px; background:none;}
div.clear3 { height:30px; clear:both; font-size:1px; background:none;}
div.clear4 { height:130px; clear:both; font-size:1px; background:none;}
div.clear5 { height:160px; clear:both; font-size:1px; background:none;}

/*-----------------------------------------Site------------------------------------------ */
/*---------------------------------------homepage-------------------------------------*/
#page {  width:922px; margin:0px auto; text-align:left; padding:0px; background:none;}
#page { margin:0px auto; padding:30px 0 0 0; width:801px; background:none;}
#page #header { width:761px; margin:0px auto; height:136px; margin:0px;background:url(../img/bg_header.png) no-repeat left top; padding:0 20px 0 20px;}
#content { background:none;}
#page #header .logo { width:200px; height:130px; float:left; text-align:center; padding:0 0 0 0px; margin:0px; background:url(../img/logo.png) no-repeat left top;}
#page #header .tel { float:right; text-align:right; width:164px; height:24px; padding:0px; margin:50px 0 0 0; background:url(../img/tel.png) no-repeat right center;}

.glossymenu{ padding: 0 0 0 0px;float:right;background:none;height: 33px;list-style: none;width:600px; text-align:right; margin:-36px 0 0 0; position:relative; z-index:99; font-family:tahoma; }
.glossymenu ul { float:right; text-align:right; padding:0px; margin:0px; display:inline; list-style:none; background:none;}
.glossymenu li{float:left; display:inline; list-style:none; padding:0px; margin:0px; background:none; }
.glossymenu li a{
	float: left;
	color:#fff;
	text-decoration: none;
	font-size: 13px;
	padding:0 0 0 15px; /*Padding to accomodate left tab image. Do not change*/
	height: 33px;
	line-height: 33px;
	text-align: center; background:none;}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; background:none; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background:url(../img/menub_hover_left.png) no-repeat left top; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background:url(../img/menub_hover_right.png) no-repeat right top; /*right tab image path*/ margin:0 0px 0 0;
}
.top { margin:0px auto; padding:10px 0 10px 0; background:url(../img/top.png) repeat-y left top; width:802px; margin-top:10px; height:auto!important; height:213px; min-height:213px; bottom:15px;}
.calc { float:left; width:251px; height:200px; padding:0 0 0 40px; margin:0px; background:url(../img/calc.png) no-repeat center top;}
.welcome { width:400px; float:left; padding:0 0 0 50px; margin:0px; background:none;}
.welcome p { float:left; width:400px; padding:0px; color:#FFF; font-size:12px; font-family:tahoma; margin:5px 0 5px 0; background:none;}
.welcome h1 { float:left; width:100%; padding:0px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; margin:15px 0 5px 0; background:none;}
.title { float:left; width:100%; padding:0px; color:#066eac; font-size:18px; font-weight:normal; font-family:tahoma; margin:15px 0 5px 0; background:none;}
.box { float:left; text-align:left; width:250px; height:120px; background:url(../img/box.png) repeat-x left top; margin:30px 5px 10px 0; padding:0 4px 0 4px; border:1px solid #000;}
.box h1 { margin:0px auto; text-align:left; margin-top:-20px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:242px; padding:25px 0 0 8px; background:url(../img/glob.png) no-repeat right top; height:51px; }
.box p { float:left; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:250px; padding:0px 0 0 8px; margin:-10px 0 0 0; background:none;}

.box1 { float:left; text-align:left; width:254px; height:120px; background:url(../img/box.png) repeat-x left top; margin:30px 5px 10px 0; padding:0 4px 0 4px; border:1px solid #000;}
.box1 h1 { margin:0px auto; text-align:left; margin-top:-20px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:242px; padding:25px 0 0 8px; background:url(../img/calc_h1.png) no-repeat right top; height:51px; }
.box1 p { float:left; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:250px; padding:0px 0 0 8px; margin:-10px 0 0 0; background:none;}

.box2 { float:left; text-align:left; width:254px; height:120px; background:url(../img/box.png) repeat-x left top; margin:30px 0px 10px 0; padding:0 4px 0 4px; border:1px solid #000;}
.box2 h1 { margin:0px auto; text-align:left; margin-top:-20px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:242px; padding:25px 0 0 8px; background:url(../img/file.png) no-repeat right top; height:51px; }
.box2 p { margin:0px auto; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:250px; padding:0px 0 0 8px; margin:-10px 0 0 0; background:none;}

.box_big { float:left; text-align:left; width:390px; height:186px; background:url(../img/big_box.png) repeat-x left top; margin:15px 4px 10px 0; padding:0 2px 0 2px; border:1px solid #000;}
.box_big h1 { margin:0px auto; text-align:left; margin-top:5px; margin-bottom:5px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:385px; padding:0px 0 3px 0px; background:url(../img/big_box_h1.png) no-repeat left bottom;}
.box_big p { margin:0px auto; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:335px; padding:2px 0px 5px 35px;  background:none; background:url(../img/k.png) no-repeat left center; height:22px;}


.box_big_scroll { float:left; text-align:left; width:390px; height:186px; background:url(../img/big_box.png) repeat-x left top; margin:15px 4px 10px 0; padding:0 2px 0 2px; border:1px solid #000; overflow:scroll;}
.box_big_scroll h1 { margin:0px auto; text-align:left; margin-top:5px; margin-bottom:5px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:385px; padding:0px 0 3px 0px; background:url(../img/big_box_h1.png) no-repeat left bottom;}
.box_big_scroll p { margin:0px auto; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:335px; padding:2px 0px 5px 35px;  background:none; background:url(../img/k.png) no-repeat left center; height:22px;}


.box_big1 { float:left; text-align:left; width:390px; height:186px; background:url(../img/big_box.png) repeat-x left top; margin:15px 0px 10px 0; padding:0 2px 0 2px; border:1px solid #000;}
.box_big1 h1 { margin:0px auto; text-align:left; margin-top:5px; margin-bottom:5px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:385px; padding:0px 0 3px 0px; background:url(../img/big_box_h1.png) no-repeat left bottom;}
.box_big1 p { float:left; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:345px; padding:2px 0px 5px 35px; margin:0px 0 0 0; background:none;}
.img { float:left; padding:0px; margin:0px 5px; width:145px; height:145px; text-align:center; background:none;}
.proj { float:left; text-align:left; width:205px; background:none; padding:10px 0 0 10px; margin:0px;}
.proj p { float:left; text-align:left; width:205px; margin:0px 0 0px 0; padding:3px 0 3px 0; background:none; color:#FFF; font-size:11px; font-family:arial; clear:both;}
.proj h2 { float:left; text-align:left; width:205px; font-weight:bold; margin:3px 0 0px 0; padding:0px; background:none; color:#FFF; font-size:14px; font-family:arial;}
.proj p a { color:#FFF; text-decoration:none; background:none; font-weight:bold;}
.proj p a:hover { text-decoration:underline; background:none; font-weight:bold;}

#footer { width:100%; height:40px; border-top:1px solid #464644; padding:0px; margin:10px 0 0 0; background:#000;}
.footer { margin:0px auto; width:802px; text-align:left; padding:0px; height:40px; line-height:40px; color:#FFF; background:#000;}
.copy { color:#FFF; float:left; text-align:left; padding:0px; margin:0px; font-size:12px; font-family:tahoma; background:#000;}
.menu { float:right; text-align:left; color:#FFF; padding:0px; margin:0px; font-size:12px; width:280px;  background:#000;}
.menu ul { float:right; text-align:left; display:inline; list-style:none; padding:0px; margin:0px; width:280px;background:#000;}
.menu ul li { float:left;background:#000; text-align:left; color:#FFF; padding:0 10px 0 0; display:inline; list-style:none; margin:0px;}
.menu ul li a { color:#FFF;background:#000; text-decoration:none;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li.current a { text-decoration:overline;}

/*------------------------------------ COMPANY PAGE--------------------------------------*/

.top_inside { margin:0px auto; padding:10px 0 10px 0; background:url(../img/top_inside_bg.png) no-repeat left top; width:802px; margin-top:10px; height:125px; bottom:15px;}
.top_inside p { color:#36a5d0; font-family:tahoma; text-align:left; font-size:15px; padding:40px 0 0 0; margin:0px; font-weight:bold; background:none;}
.calc_inside { float:left; width:100px; height:100px; padding:0 0 0 150px; margin:0px; background:url(../img/glob_inside.png) no-repeat center top;}

.company { margin:0px auto; width:782px; margin-top:-10px; background:#000; padding:10px; margin-bottom:30px;}
.company .title { color:#36a5d0; font-family:tahoma; text-align:left; font-size:17px; padding:0px 0 20px 15px; margin:0px; font-weight:bold; background:none; width:750px;}
.company p { font-family:tahoma; color:#FFF; font-size:11px; padding:0px 0px 15px 0px; margin:0px auto; width:750px; text-align:left; background:none;}

/*------------------------------------ CONTACT   PAGE--------------------------------------*/

.contact { width:772px; padding:10px 10px 10px 20px; margin:0px auto; background:#000;}
.contact2 { width:772px; padding:10px 10px 10px 20px; margin:0px auto; background:#000; text-align:center;}
.contact2 p { width:100%; text-align:center; float:left; padding:2px  0px 10px 0px; margin:0px; color:#FFF; font-family:tahoma; font-size:12px; background:none;}
.contact2 p a { color:#289FCE; background:none; text-decoration:none;}
.contact2 p a:hover { background:none; text-decoration:underline;}
.contact2 h1 { color:#36a5d0; font-family:tahoma; text-align:center; font-size:17px; padding:20px 0 10px 0; margin:0px; font-weight:bold; background:none; width:100%;}

.form { float:left; padding:0px; text-align:left; margin:10px 0 20px 0; width:200px; background:none;}
.form p { background:none;}
.form form { float:left; text-align:left; width:200px; padding:0px; background:none; margin:0px;}
.form fieldset { float:left; text-align:left; margin:0px; padding:0px; background:none; border:0px none;}
.form .label { float:left; text-align:left; width:100%; color:#fff; background:none; padding:0 0 2px 0; margin:0px; clear:both; font-size:11px;}
.form .input { width:194px; height:15px; float:left; text-align:left; border:1px solid #1f1f1f; margin:0 0 5px 0; color:#1f1f1f; font-size:11px; padding:1px 2px 0 2px; background:#FFF; border:1px solid #36a5d0;}
.form .textarea { width:194px; padding:1px 2px 0px 2px; height:44px; float:left; text-align:left; border:1px solid #1f1f1f; margin:0 0 5px 0; color:#1f1f1f; font-size:11px; background:#fff;border:1px solid #36a5d0;}
.form .send { float:right;  text-align:center; padding:0 2px 0 2px; font-weight:bold; color:#333; font-size:12px; background:#ccc; border:1px solid #1f1f1f; cursor:pointer;}

.near { float:left;  text-align:left; width:450px; padding:0 0 0 50px; margin:10px 0 0 0; background:none;}
.near h2 { float:left; text-align:left; font-size:20px; font-weight:normal; color:#B3DF26; padding:0px; margin:0 0 5px 0; width:390px;}
.near p { float:left; width:390px; text-align:left; font-size:12px; color:#666; padding:0px; margin:0 0 15px 0;}
.near p a { color:#B3DF26; text-decoration:none;}
.near p a:hover { text-decoration:underline;}

.fail { background:url(../image/fail.jpg) no-repeat right top; text-align:left; font-size:12px; color:#F00; font-family:tahoma; padding:0 10px 0 0 ; height:13px; line-height:13px; margin:15px 0 0 0;}
.succes { background:url(../image/succes.jpg) no-repeat right top; text-align:left; font-size:12px; color:#333; font-family:tahoma; padding:0 10px 0 0 ; height:13px; line-height:13px; margin:15px 0 0 0;}

/*-----------------------------project page-------------------------------*/

.calc_inside2 { float:left; width:100px; height:80px; padding:0 0 0 150px; margin:0px; background:url(../img/calc_inside2.png) no-repeat center top;}

.box_big_service { float:left; text-align:left; width:390px; height:166px; background:url(../img/big_box.png) repeat-x left top; margin:5px 4px 10px 0; padding:20px 2px 0 2px; border:1px solid #000;}
.box_big_service h1 { margin:0px auto; text-align:left; margin-top:5px; margin-bottom:5px; color:#36a5d0; font-size:18px; font-weight:normal; font-family:tahoma; width:385px; padding:0px 0 3px 0px; background:url(../img/big_box_h1.png) no-repeat left bottom;}
.box_big_service p { margin:0px auto; text-align:left; color:#FFF; font-size:11px; font-family:arial; width:335px; padding:2px 0px 5px 35px;  background:none; background:url(../img/k.png) no-repeat left center; height:22px;}

.box_big_service .proj { float:left; text-align:left; width:205px; background:none; padding:10px 0 0 20px; margin:0px;}
.box_big_service .proj p { float:left; text-align:left; width:205px; margin:0px 0 0px 0; padding:3px 0 3px 0; background:none; color:#FFF; font-size:11px; font-family:arial; clear:both;}
.box_big_service .proj h2 { float:left; text-align:left; width:205px; font-weight:bold; margin:3px 0 0px 0; padding:0px 0 0 0px; background:none; color:#FFF; font-size:14px; font-family:arial;}
.box_big_service .proj p a { color:#FFF; text-decoration:none; background:none; font-weight:bold;}
.box_big_service .proj p a:hover { text-decoration:underline; background:none; font-weight:bold;}

/*----------------------------------------testimonial page-----------------------------*/

.testimonial { width:772px; padding:10px 10px 10px 20px; margin:0px auto; background:#000;}
.testimonial p { width:100%; text-align:left; float:left; padding:2px  0px 10px 0px; margin:0px; color:#FFF; font-family:tahoma; font-size:11px; background:none;}
.testimonial .name { width:740px; text-align:right; float:left; padding:5px  0px 15px 0px; margin:0px; color:#FFF; font-family:tahoma; font-size:11px; background:none; font-weight:bold;}
.testimonial h1 { color:#36a5d0; font-family:tahoma; text-align:left; font-size:17px; padding:20px 0 10px 0; margin:0px; font-weight:bold; background:none; width:100%;}
.calc_inside3 { float:left; width:100px; height:100px; padding:0 0 0 150px; margin:0px; background:url(../img/testimonial.png) no-repeat center top;}

/*----------------------------------------service page-----------------------------*/

.service { width:772px; padding:10px 10px 10px 20px; margin:0px auto; background:#000;}
.service p { width:100%; text-align:left; float:left; padding:2px  0px 10px 0px; margin:0px; color:#FFF; font-family:tahoma; font-size:11px; background:none;}
.service h1 { color:#36a5d0; font-family:tahoma; text-align:left; font-size:17px; padding:20px 0 10px 0; margin:0px; font-weight:bold; background:none; width:100%;}
.service h2 { color:#fff; font-family:tahoma; text-align:left; font-size:12px; padding:10px 0 5px 0; margin:0px; font-weight:bold; background:none; width:100%;}
.calc_inside4 { float:left; width:100px; height:100px; padding:0 0 0 150px; margin:0px; background:url(../img/service.png) no-repeat center top;}

.w3c { float:left; text-align:center; padding:1px 10px 0 0; margin:0px; border:0px none; background:none; width:31px; height:88px;}
.w3c a { background:none; text-decoration:none; border:0px none;}
.w3c a:hover { background:none; text-decoration:none; border:0px none;}