/*
Designed bt : Design Studio 
Coded by : Design Studio 
URL : http://www.des-stu.com
*/

body {
	background:#1f1f1f ;
	padding:0 ;
	margin:0 ;
}

a {
	color:#09F ;
	text-decoration:none ;
}

a:hover {
	color:#CCC ;
}

.lisup {
	color:#0CF ;
	font-size:18px ;
}

li {
	list-style-image:url(images/li.png) ;
	text-align: justify;
}

.ps {
	font-size:14px ;
	text-align: justify;
	color:#FFF ;
}
	
h3 {
	color:#39F ;
	text-shadow:#666 1px 1px  1px ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:23px ;
	font-weight:bold ;
}

/* header */
.header {
	background:url(images/header-bg.jpg) repeat-x ;
	height:245px ;
}

.headerTop {
	background:url(images/Design-Studio__01.jpg) no-repeat ;
	width:1000px ;
	height:245px ;
	margin:0 auto ;
	position:relative ;
}
.apple_overlay {
	
	display:none;
	
	background-image:url(images/white.png);
	

	width:800px;		
	
	padding:35px;

	font-size:11px;
	text-align:center ;
}

.br {
	color:#F00 ;
}
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.tweett {
	position:relative ;
	direction:rtl ;
	text-align:right ;
	width:360px ;
	height:110px ;
	left:540px ;
	top:20px;
	font-family:Tahoma ;
	font-size:12px ;
	color:#FFF ;
}
.tweet, .query {
  	font-family:Tahoma ;
	font-size:14px ;
	color:#FFF ; }
  .tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
     }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
		overflow:hidden ;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #FFF;
		top:90px ;
		width:300px ;
		right:290px;
		text-decoration:none ;
		 }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.inko {
	position:absolute ;
}

/*/header */
/*buttons*/
.buttonf {
	width:1000px;
	position:absolute;
	height:67px;
	top: 169px;
	text-align:center ;
}

	ul#menu {
		width:100%;
		height:75px;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:15px;
		margin:0 auto ;
		text-align:center ;
		padding-left:100px; 
	}
	
	ul#menu li {
		float:left;
		list-style:none ;
	}
	
	ul#menu li a {
		background:url(images/button.png) no-repeat scroll top left;
		display:block;
		height:37px;
		position:relative;
	}
	
	ul#menu li a.con {
		width:143px;
	}
	
	ul#menu li a.reg {
		width:143px;
		background-position:-143px 0px;
	}
		ul#menu li a.sup {
		width:143px;
		background-position:-286px 0px;
	}
	
	ul#menu li a.pro {
		width:143px;
		background-position:-429px 0px;
	}
		ul#menu li a.design {
		width:143px;
		background-position:-572px 0px;
	}
	
	ul#menu li a.home {
		width:143px;
		background-position:-715px 0px;
	}
	
	ul#menu li a span {
		background:url(images/button.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	ul#menu li a.con span {
		background-position:0px -37px;
	}
	
	ul#menu li a.reg span {
		background-position:-143px -37px;
	}
		ul#menu li a.sup span {
		background-position:-286px -37px;
	}
	
	ul#menu li a.pro span {
		background-position:-429px -37px;
	}
		ul#menu li a.design span {
		background-position:-572px -37px;
	}
	
	ul#menu li a.home span {
		background-position:-715px -37px;
	}
/*/buttons*/
/* logo */
.logo {
	background:url(images/logohh.png) no-repeat;
	width:397px;
	height:211px;
	position:absolute;
	top: 0;
	left: -8px;
}
/*/logo*/
/* sliad */
.slaid-bg {
	background:url(images/slaid-bg.jpg) repeat-x ;
	height:202px ;
}

.salided {
	background:url(images/Design-Studio__02.jpg) no-repeat ;
	width:1000px ;
	height:202px ;
	margin:0 auto ;
}

.slide_body {
	width: 940px;
	margin: auto;
}
.slide {
	background-color: #FFF;
	width: 870px;
	height: 185px;
	float: right;
	border: 0px #aae3fa solid;
}
.slide_right {
	background: transparent url('images/slide_right.png') no-repeat;
	width: 35px;
	height: 185px;
	float: right;
	margin-top: 0px;
}
.slide_left {
	background: transparent url('images/slide_left.png') no-repeat;
	width: 35px;
	height: 185px;
	float: left;
	margin-top: 0px;
}

.designslider 
{
	overflow: hidden;
	position: relative;
}
.designslider a 
{
	text-decoration: none;
	outline: none;
	border: none;
}
/*/sliad */
.center {
	background:url(images/Design-Studio__04.jpg) no-repeat bottom center #1f1f1f ;
background-position: 0px bottom;
	width:900px ;
	margin:0  auto;
	font-family:Tahoma ;
	color:#FFF ;
	text-align:right ;
	direction:rtl ;
}


.footer {
	background:url(images/footer-bg.jpg) repeat-x ;
	height:229px ;
}

.footerTop {
	background:url(images/Design-Studio__05.jpg) no-repeat ;
	height:229px ;
	width:1000px ;
	margin:0 auto ;
	position:relative ;
}

.footerour {
	position:absolute;
	width:332px;
	height:173px;
	left: 76px;
	top: 12px;
	direction: rtl ;
}

.footersend {
	width:408px;
	height:173px;
	position:absolute;
	left: 576px;
	top: 11px;
}

.sender {
	font-family:Tahoma ;
	font-size:12px ;
	color:#FFF ;
	text-align:right ;
	direction:rtl ;
}
.formsend {
	position:absolute;
	width:154px;
	height:51px;
	cursor:pointer;
	left: 30px;
	top: 30px;
}

.sher {
	position:absolute ;
	top:100px ;
	left:13px ;
	
}

.ender {
	position:absolute ;
	color:#FFF ;
	width:1000px ;
	text-align:center ;
	font-family:Tahoma ;
	top:200px;
	left:200px;
}
.w3c {
	position:absolute ;
	top:-5px ;
	left:-170px; 
}




/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	list-style:none ;
	width:900px ; 	
}

/* single tab */
.lio {  
	float:right;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border-bottom:0px;
	height:18px;
	background: url(images/cont.png) no-repeat;
	color:#FFF;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;

	border-radius: 15px ;
	cursor:pointer ;
}



.lio:hover {
	background: url(images/cont2.png) no-repeat ;
	color:#FFF;
}
	
.liocurrent {
     background: url(images/cont2.png) no-repeat ;
	color:#0d97cc;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border: none;
	min-height:150px;
	padding:15px 20px;
	background-color: transparent;
	width:900px ;	
}


.our {
	border-bottom:dotted 2px #FFF ;
}

.imgright {
	width:272px ;
	height:140px ;
	float:right ;
	position:relative ;
	top:-17px ;
}

.textleft {
	height:110px;
	float:right ;
	width:500px;
	font-family: Tahoma ;
	font-size:14px ;
	text-align:right ;
	direction:rtl ;
	margin-top:10px ;
	list-style:none ;
}

.cel {
	clear:both ;
}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 90%;
	left: -20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
    color:#000 ;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

.th {
 font-family: tahoma ;
 font-size: 11px ;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
    background: #ffc8c8 ;
}

.general {
 width: 272px ;
 height: 180px ;
 float: right ;
}



.imgcenter {
 width: 272px ;
 height: 140px ;
 cursor: pointer ;

}
.namesite {
width: 272px ;
height: 20px ;
cursor: pointer ;
text-align: center ;
font-size: 13px ;
}

.namesite a {
 color: #fff ;
 text-decoration: none ;
}

.namesite a:hover {
 color: #CCC ;
 text-decoration: none ;
}

.touch {
 width: 272px ;
 height: 20px;
 text-align: center ;
}

.centercostamer {
 text-align: center ;
 padding-right: 50px ;
}

input ,select {
border: 1px solid black;
border-radius: 10px;
height: 30px ;
width: 200px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
box-shadow: -1px 0 5px rgba(0,0,0,0.75);
font-size: 12px ;

}

textarea {
border: 1px solid black;
border-radius: 10px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
box-shadow: -1px 0 5px rgba(0,0,0,0.75);
}

.submit {
border: 1px solid black;
cursor: pointer ;
width: 100px ;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}


.submit:hover {
border: 1px solid black;
background-image: -webkit-gradient(linear, center top, center bottom, from(#bfbfbf), to(#fcfcfc), color-stop(10%, #d9d9d9), color-stop(88%, #f2f2f2), color-stop(97%, #f7f7f7));
background-image: -webkit-linear-gradient(top, #bfbfbf, #d9d9d9 10%, #f2f2f2 88%, #f7f7f7 97%, #fcfcfc);
background-image: -moz-linear-gradient(top, #bfbfbf, #d9d9d9 10%, #f2f2f2 88%, #f7f7f7 97%, #fcfcfc);
background-image: -o-linear-gradient(top, #bfbfbf, #d9d9d9 10%, #f2f2f2 88%, #f7f7f7 97%, #fcfcfc);
background-image: -ms-linear-gradient(top, #bfbfbf, #d9d9d9 10%, #f2f2f2 88%, #f7f7f7 97%, #fcfcfc);
background-image: linear-gradient(top, #bfbfbf, #d9d9d9 10%, #f2f2f2 88%, #f7f7f7 97%, #fcfcfc);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);

}

.tape {
 font-size: 12px;
 font-family: tahoma ;
 font-weight: 100 !important ;
}

.normal
{
width: auto ;
height: auto ;
border: 1px solid black;
border-radius: 10px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0 5px rgba(0,0,0,0.75);
box-shadow: -1px 0 5px rgba(0,0,0,0.75);
}

.reqbu {
 background: bottom url('images/requst-button.png') ;
 width: 272px ;
 height: 54px ;
 cursor: pointer ;
 margin: 0 auto ;
}

.reqbu:hover {
 background: top url('images/requst-button.png') ;
 width: 272px ;
 height: 54px ;
}

.roun {
border-radius: 20px;
}

.smaillfont {
 font-family: tahoma ;
 font-size: 10px ;
 color: red ;
}
