/*
-------------------------------------------------------------------------------------------------
Theme Name:   Professional vCard
Theme URI:    http://labs.markdijkstra.eu/professional-vcard/index.html
Description:  vCard template.
Version:      Version 2
Style:        Light / right navigation
Author:       Mark Dijkstra
Author URI:   http://www.markdijkstra.eu
Updated:      --/--/----
Copyright:    (c) 2010 Mark Dijkstra
-------------------------------------------------------------------------------------------------

All rights reserved.

*/

@import url("tipsy.css");/* tooltip */
@import url("prettyPhoto.css");/* lightbox */

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b6b6b;
	line-height:20px;
	background:url(../images/bg_body1.jpg) top repeat-x;
}
body{
}
input, 
textarea{
	outline:none;/* preventing the chrome and safari nasty yellow border */
	border:1px solid #ccc;
	background:#FFF;
}
a:focus{
	outline:none;
}
a, 
a:visited, 
a:active{
	color:#6b6b6b;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* this will be added by javascript
.corners{
	 -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}
.corners-r{
	 -moz-border-radius-topright: 5px;
	 -moz-border-radius-bottomright: 5px;
     -webkit-border-top-right-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
}
*/
/*

------------------------------------------------------------------------
WRAPPER - Content wrap CSS style.
------------------------------------------------------------------------
*/
div.header{
	background:url(../images/header.jpg) left no-repeat;
	width:920px;
	height:77px;
	}
div#wrapper{
	width:980px;
	margin:0 auto;
	margin-bottom:0;
	position:relative;
	overflow:hidden;
}

/*
------------------------------------------------------------------------
Card - Card content wrap CSS style.
------------------------------------------------------------------------
*/

div#card{
	width:970px;
	margin:5px auto;
	margin-top:0;
	height:465px;
	/*float:left;*/
	/*background:url(../images/bg_boxin.jpg) repeat;*/
	background:#fff;
	border:1px solid #6b9bcd;
	position:relative;
	/*margin-left:29px;*/
	overflow:hidden;
	z-index:2;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding:0 0 0 5px;
	-webkit-box-shadow: 0px 0px 5px #84A8DA;
	-moz-box-shadow: 0px 0px 5px #84A8DA;
	box-shadow: 0px 0px 5px #84A8DA; 
}
div#card-in{
	/*width:508px;*/
	height:468px;
	/*border:1px solid #2C2B2B;*/
	margin:0 0 0px 0;
	/*padding-right:210px;*/
	/*background:url(../images/bg_box.jpg) repeat;*/
	direction:rtl;
}
ul#menu{
	width:230px;
	list-style-type:none;
	/*border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;*/
	position:absolute;
	right:0px;
	top:32px;
	/*background:url(../images/bg_ul.jpg) repeat;*/
	padding:8px 1px 5px 8px;
	direction:rtl;
	margin:0 0 0 0;
}
ul#menu li{
	list-style-type:none;
	/*width:18px;*/
	height:37px;
	/*padding-bottom:5px;*/
	margin-bottom:2px;

}
ul#menu li.hr{
	list-style-type:none;
	/*border-bottom:1px solid #e8e8e8;*/
}
ul#menu li a img{
	/*width:120px;
	height:35px;*/
	border:none;
	background:#fff!important;/* IE fade to bug */
}
ul#menu li a{
	float:right;
	width:19px;
	height:19px;
}
div#content{
	background:#fff url(../images/bg_content2.jpg) top right no-repeat;
	width:730px;
	height:468px;
	float:left;	
}
div.tip-logo{
	width:360px;
	height:116px;
	float:left;
	margin:88px 0 0 195px;
	overflow:hidden;
	position:relative;
}
div.tip-logo a,
div.tip-logo a:visited,
div.tip-logo a:active{
	width:360px;
	height:116px;
	float:left;
}
div.tip-logo img#logo-bg{
	position:absolute;
	top:-300px;
	left:0px;
	border:none;
}
div.tip-logo img#logo-frame{
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	z-index:1;
	overflow:hidden;
}
p.tip-logo{
	position:absolute;
	top:242px;
	left:272px;
	direction:ltr;
	color:#8a8a8a;
	}
a.enter_demo{
	display:block;
	width:162px;
	height:33px;
	background:url(../images/enter_demo.png) 0 0 no-repeat;
	position:absolute;
	top:205px;
	left:270px;
	cursor:pointer;
	}
a.enter_demo:hover{
	background:url(../images/enter_demo.png) 0 -37px no-repeat;
	}

/* about */

div#aboutinfo{
	position:absolute;
	bottom:2px;
	left:74px;
	width:400px;
}
div#aboutinfo a,
div#aboutinfo a:active,
div#aboutinfo a:visited{
	font-weight:bold;
	text-decoration:underline;
	margin:0 4px 0 4px;
}
div#aboutinfo a:hover{
	font-weight:bold;
	text-decoration:none;
}

/* work */

div.box .project{
	/*width:100px;
	height:140px;
	margin:3px 10px 10px 0;*/
	float:right;
	border:none;
}
div#slider-in, div#slider-in2{
	width:665px;
	height:400px;
	float:left;
	margin-left:25px;
}
div.w-box{
	width:665px;
	height:210px;
	float:left;
	/*margin:110px 0 0 0;*/
}
div.w-box a{
	background:#3E3E3E;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:144px;
	height:255px;
	float:left;
	margin:4px 6px;
	}
div.w-box a:hover{
	/*color:#fff;*/
	}
div.w-box a p{
	color:#fff;
	padding: 2px;
	margin:0;
	width:130px;
	text-align:center;
	line-height:16px;
	}
div.w-box h2{
	width:344px;
	float:left;
	margin:0 0px 5px 0;
	padding-right:14px;
}
div.w-box p{
	width:344px;
	float:left;
	margin:0 0px 10px 0;
	padding-right:14px;
}
div#work-nav{
	width:83px;
	height:37px;
	/*float:left;*/
	background:url(../images/nav-bg.png) no-repeat;
	/*margin:12px 0 0 298px;*/
	padding:2px 3px 0 3px;
	margin:0 auto;
	margin-top:415px;
}
div#work-nav a.prev{
	width:32px;
	height:32px;
	float:left;
	margin:2px 0 0 4px;
	background:url(../images/prev-btn.png) no-repeat;
}
div#work-nav a.prev:hover{
	background:url(../images/prev-btn-hover.png) no-repeat;
}
div#work-nav a.next{
	width:32px;
	height:32px;
	margin:2px 9px 0 0;
	float:right;
	background:url(../images/next-btn.png) no-repeat;
}
div#work-nav a.next:hover{
	background:url(../images/next-btn-hover.png) no-repeat;
}

/* Social */
/* boxes/pages */

div.box{
	width:721px;
	height:455px;
	float:right;
	margin:5px 5px 5px 5px;
	position:relative;
	/*background:#f8f8f8;*/
}
div.box p{
	/*width:400px;*/
	float:left;
	text-align:justify;
}
div.box ul{
	width:150px;
	overflow:hidden;
	/*list-style-type:none;*/
	padding:0 4px 0 0;
}
div.box ul li{
	/*float:right;*/
}
div.list_box{
	float:right;
	width:156px;
	height:345px;
	margin:5px;
	}
div.list_box h2{
	background:url(../images/bg_h2_listbox.jpg) no-repeat;
	width:158px;
	height:28px;
	padding:6px 0 0 0;
	margin:0;
	color:#705310;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-shadow: 1px 1px 0px #ead9b1;
	filter: dropshadow(color=#ead9b1, offx=1, offy=1); 
	}
div.list_box ul{
	width:156px;
	background:#F9F9F1;
	height:320px;
	border:1px solid #DABD93;
	padding:0;
	}
div.list_box ul li{
	border-top:1px solid #dec476;
}
div.list_box ul li.last{
	border-bottom:1px solid #dec476;
}
a.list-box-right{
	padding:5px;
	display:block;
	background:#f8e49b;
	color:#8b999e;
	text-align:center;
	border-top:1px solid #fff;
}
a.list-box-left img,
a.list-box-right img{
	width:32px;
	height:32px;
	float:left;
	margin:4px 10px 0px 4px;
	border:none;
}
a.list-box-left strong,
a.list-box-right strong{
	color:#595346;
	font-size:11px;
	font-weight:bold;
}
a.list-box-left:hover,
a.list-box-right:hover{
	text-decoration:none;
	color:#757e81;
	cursor:pointer;
	background:#ffffff;
}
div.note_version{
	float:right;
	}
div.note_version p{
	color:#5e5e5e;
	padding:10px;
	direction:rtl;
	font-size:11px;
	line-height:15px;
	}
/* pricing table */
div.pricing_table_sms{
	background:url(../images/pricing_list_sms.png) no-repeat;
	width:470px;
	height:233px;
	display:block;
	margin:0 6px 0 0;
	}
div.pricing_table_sms_anbooh{
	background:url(../images/pricing_list_sms_anbooh.png) no-repeat;
	width:470px;
	height:172px;
	display:block;
	margin:15px 0 15px 9px;
	clear:both;
	/*float:left;*/
	}
	
/*************** rahkarha   ***********
table#rahkarha{
	border:1px solid #acacac;
	border-bottom:0;
	border-left:0;
	margin:0 9px 0 0;
}
table#rahkarha th{
	border-bottom:1px solid #acacac;
	border-left:1px solid #acacac;
	background:url(../images/bg_th.png) repeat-x;
	color:#fff;
	text-align:center;
	height:28px;
}
table#rahkarha tr{
	border:1px solid #acacac;
	background:#fdfdfd;
}
table#rahkarha tr td{
	width:21%;
	}
table#rahkarha tr td.largtext{
	width:58%;
	}
table#rahkarha tr td{
	border-bottom:1px solid #acacac;
	border-left:1px solid #acacac;
	text-align:center;
	}
table#rahkarha tr td a{
	display:block;
	padding:5px;
	
	}
table#rahkarha tr td a:hover{
	background:#457024;
	color:#fff;
	}
	*/
/**********   rahkarha  ***************/

div.list_rahkarha{
	margin:0 10px 0 0;
	width:100%;
	height:439px;
	/*background:url(../images/bg_tarafe.jpg) left no-repeat;*/
}
div.list_rahkarha ul{
	background:url(../images/bg_ul_karkerd.png) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:47%;
	overflow:hidden;
	float:right;
	margin:35px 8px 0 8px;
	height:450px;
}
div.list_rahkarha ul li{
	margin:9px 0;
}
div.list_rahkarha ul li a{
	/*display:block;*/
	/*background:url(../images/bg_karbord2.jpg) no-repeat;*/
	background:url(../images/bg_list_karkard.png) repeat-x;
	border:1px solid #ffce5b;
	height:20px;
	/*float:right;
	display:block;*/
	width:40%;
	height:34px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin:2px;
	text-align:center;
	color:#65491B;
	font-weight:bold;
	vertical-align:middle;
}
div.list_rahkarha ul li a:hover{
	background:url(../images/bg_list_karkard_hover.png) repeat-x;
	border:1px solid #f59e19;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}


/* Contact */

div#form-left{
	width:230px;
	height:180px;
	float:left;
	margin-top:3px;
}
div#form-left input{
	width:224px;
	height:20px;
	float:left;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:2px 0 0 4px;
	margin-bottom:6px;
	background:#FFF;
}
div#form-left label{
	width:160px;
	height:22px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:14px;
	padding-top:2px;
}
div#form-left input#captcha{
	width:50px;
	height:20px;
	float:left;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:2px 0 0 4px;
	margin-bottom:6px;
	background:#FFF;
}
div#form-right{
	width:230px;
	height:180px;
	float:left;
	margin-left:18px;
	margin-top:3px;
}
div#form-right textarea{
	width:224px;
	height:140px;
	float:left;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:2px 0 0 4px;
	margin:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#form-right input#submit{
	width:60px;
	height:24px;
	float:right;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color:#666;
}
div#form-right input#submit:hover{
	color:#333;
	border:1px solid #999;
}

/* copyright */


/* background, top and bottom card */

div#top{
	width:730px;
	height:6px;
	/*background:url(../images/card-top.jpg) no-repeat;*/
	background:#fefefe;
	border:1px solid #cccccc;
	border-bottom:0;
	margin:0 0 0 29px;
	float:left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
}
div#bottom{
	width:730px;
	height:6px;
	background:#fefefe;
	border:1px solid #cccccc;
	border-top:0;
	margin:0 0 0 29px;
	/*background:url(../images/card-bottom.jpg) no-repeat;*/
	float:left;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*
------------------------------------------------------------------------
LIVE VALIDATION - Live Validation CSS style.
------------------------------------------------------------------------
*/

.LV_validation_message{
    font-weight:bold;
	float:right;
	padding-right:130px;
}
.LV_valid {
    color:#00CC00;
}
span.LV_invalid {
   display:none;
} 
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}  
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
select.LV_invalid_field:active,
select.LV_invalid_field:hover  {
     border:1px solid #ff8b8b;
}

div.amoozesh_box{
	margin:0 100px 0 0;
}
div.tarafeha{
	margin:0 auto;
	margin-top:5px;
	padding:0;
	width:710px;
	overflow:hidden;
	background:url(../images/bg_tarafe.jpg) left no-repeat;
	height:439px;
	}

div.tarafeha div{
	/*float:right;*/
	margin:5px;
	
}
div.tarafeha div.tarafe_payamak a{
	background:url(../images/button_tarefe.jpg) 0 0 no-repeat;
	width:205px;
	height:60px;
	display:block;
	position:absolute;
	right:35px;
	top:280px;
	
}
div.tarafeha div.tarafe_khat a{
	background:url(../images/button_tarefe.jpg) 0 -84px no-repeat;
	width:206px;
	height:60px;
	display:block;
	position:absolute;
	right:65px;
	top:220px;
}
div.tarafeha div.tarafe_software a{
	background:url(../images/button_tarefe.jpg) 0 -156px no-repeat;
	width:214px;
	height:60px;
	display:block;
	position:absolute;
	right:105px;
	top:150px;
}
div.list_moshtari{
	background:url(../images/list_moshtariha.jpg) no-repeat;
	width:720px;
	height:450px;
	margin-right:5px;
	padding:35px 0 0 0;
}
div.list_moshtari ul{
	background:url(../images/bg_ul_karkerd.png) top repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:158px;
	overflow:hidden;
	float:right;
	list-style:disc inside;
	margin:0 4px;
	padding:3px;
	line-height:16px;
	font-size:9px;
	color:#000000;
}
div.list_moshtari ul.s1{
	height:290px;
	margin-right:17px;
	}
div.list_moshtari ul.s2{
	height:290px;
	width:166px;
	}
div.list_moshtari ul.s3{
	height:290px;
	width:166px;
	}
div.list_moshtari ul.s4{
	height:290px;
	}
/*********************************/
div.button_moarefi{
	width:515px;
	padding:5px 100px 5px 0;
	}
div.button_moarefi a{
	float:right;
	}
div.button_moarefi div.n_paye{
}
div.button_moarefi div.n_paye a{
	background:url(../images/stickers.png) -248px 0;
	width:107px;
	height:107px;
	display:block;
	margin:5px;
}
div.button_moarefi div.n_herfeie{
}
div.button_moarefi div.n_herfeie a{
	background:url(../images/stickers.png) -122px 0;
	width:107px;
	height:107px;
	display:block;
	margin:5px;
}
div.button_moarefi div.majol{
}
div.button_moarefi div.majol a{
	background:url(../images/stickers.png) 0 0;
	width:107px;
	height:107px;
	display:block;
	margin:5px;
}
div.button_moarefi div.webservice{
}
div.button_moarefi div.webservice a{
	background:url(../images/stickers.png) -370px 0;
	width:107px;
	height:107px;
	display:block;
	margin:5px;
}

/************************/
/*div.slider_logo{
	float:right;
	width:450px;
	margin-right:250px;
	margin-top:5px;
	height:80px;
}
div.slider_logo ul{
	background:#f1f1f1;
	height:78px;
	width:439px;
	overflow:hidden;
	list-style:none;
	padding:8px 10px 3px 3px;
	border:1px solid #aaaaaa;
}
div.slider_logo ul li{
	float:right;
	margin:2px 3px;
}*/

.slider-logo {
	position: relative;
	overflow: hidden;


	float:right;
	width:448px;
	margin-right:250px;
	margin-top:5px;
	height:80px;


	background:#f1f1f1;
	border:1px solid #aaaaaa;
}

.slider-logo .scroller {
	position: absolute;
	top: 0;
	right: 0;
	height: 150px;
	width: 5000px;
}

.slider-logo .scroller .col {
	float: right;
	padding: 5px 5px;
}

.slider-logo .scroller .col img {
	width: 102px;
	height: 70px;
}