/*  PROJECT NAME:          iSmart Dialer App	 */
	
	
	/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; }
ul { list-style:none; }
html, body { width:100%; height:100%; }


	/* MISC */
	
p { font-family:Arial; color:#000000; font-size:14px; }
a { color:#F97D03; font-size:12px; }
h1 { font-size:22px; font-weight:normal; color:#4c4c4c; line-height:75px; font-family:"FreewayLight", Arial; }
h1.big { color:#000000; font-size:42px; line-height:48px; }
h2 { color:#4c4c4c; font-size:26px; font-weight:normal; font-family:"ArialMT Light", Arial; }
h3 { font-size:16px; color:#4c4c4c; font-family:"ArialMT Light", Arial; }
.green { color:#F97D03; }
.orange { color:#F97D03; }
.grey { color:#4c4c4c; }
.hidden { display:none; }
.rtl { direction:rtl; text-align:right; }

	/* MAIN LAYOUT */
	
body { background:#000000; text-align:center; font-family:Arial; }
div.header_cont { float:left; width:100%; background:url(images/header.png) repeat-x; }
	div.header { width:880px; height:181px; margin:0 auto; background:url(images/logo.jpg) no-repeat 0 26px; }
	div.orange_header { background:url(images/logo_orange.jpg) no-repeat 4px 28px; }
		div.hr { float:right; height:181px; width:310px; background:url() no-repeat bottom left; }
		.header .lang_cont { float:right; width:75px; }
		.header a#lang { position:relative; z-index:44; float:right; text-align:left; width:60px; margin-top:10px; font-size:14px; text-decoration:none; padding-right:15px; color:#adadad; background:url(images/down_arrow.png) no-repeat right 5px; }
		.header div#langs { position:relative; z-index:44; float:right; text-align:left; clear:right; display:none; }
		.header div#langs a { float:right; width:75px; clear:both; font-size:14px; text-decoration:none; color:#adadad; margin-top:5px; }
div.content_cont { float:left; width:100%; background:#f6f6f6 url(images/top.png) repeat-x; padding-bottom:30px; }
	div.content { width:880px; margin:0 auto; text-align:left; }
div.footer_cont { float:left; width:100%; background:url(images/footer.png) repeat-x; }
	div.footer { width:880px; height:131px; margin:0 auto; text-align:left; padding-top:25px; clear:both; }
	.footer div { height:110px; float:left; }
	.footer div.left_div, .footer div.center_div { width:225px; background:url(images/footer_sep.png) no-repeat right; }
	.footer div.center_div { width:225px; padding-left:9px; }
	.footer div.right_div { text-align:center; width:390px; }
	.footer div.right_div a { text-decoration:none; color:#adadad; }
	.footer div.right_div a:hover { text-decoration:none; color:white; }
	.footer div.right_div p.copy { font-size:11px; margin-top:20px; }
	.footer div.right_div p.copy  span { color:#585757; }
	.footer h3 { font-size:16px; color:#adadad; margin-bottom:20px; }
	.footer p { color:#adadad; font-size:12px; line-height:20px; }
	.footer a { color:#6da5f2; }
	.footer a:hover { color:white; }
	.footer div.rtl h3 { padding-right: 13px; }
	.footer div.rtl p { padding-right: 13px; }
	
	/* menu */
ul.menu { position:relative; z-index:55; float:left; margin:140px 0 0 20px; display:inline; }
	.menu li { float:left; font-size:14px; }
	.menu li a { float:left; height:28px; width:102px; padding:13px 20px 0 0; background:url(images/tab.gif) no-repeat; position:relative; z-index:0; margin-left:-18px; color:#adadad; text-decoration:none; font-family:"ArialMT Light", Arial; cursor:pointer; }
	.menu li a:hover { background:url(images/tab.gif) no-repeat bottom left; color:#ececec; }
	.menu li.active a, .menu li.active a:hover { background:url(images/tab_active.gif) no-repeat; color:#000000; z-index:5 !important; }
	.menu li.home a { z-index:4; }
	.menu li.features a { z-index:3; }
	.menu li.purchase a { z-index:2; }
	.menu li.faq a { z-index:1; }
	
	
	/* home */
div.home_content_cont { float:left; width:100%; background:url(images/home_bg.png) repeat-x; }
	div.home_content {  width:880px; height:632px; margin:0 auto; text-align:left; }
	div.home_content_pic { position:absolute; margin:0 auto;  margin-top:-169px; width:920px; height:380px; }
.home_content div.upper { padding-top:20px; height:273px; }
	.home_content .upper h2 { margin:5px 0 5px 0; }
	.home_content .upper p { line-height:22px; }
	.home_content .upper .upperbtn { float:right; width:320px; }
	a.video { position:relative; z-index:44; float:left; padding:15px 0 0 20px; margin:0 0 100px 0; width:157px; height:36px; font-size:16px; text-decoration:none; color:#7c7c7c; background:url(images/button_video.png) no-repeat; }
	a.video:hover { background:url(images/button_video.png) no-repeat bottom; color:#F97D03; }
	a.btn { position:relative; z-index:44; float:left; clear:left; padding:15px 0 0 0; margin:0 0 0 50px; width:130px; height:36px; font-size:16px; text-decoration:none; color:#7c7c7c; background:url(images/button.png) no-repeat; text-align:center; }
	a.btn:hover { background:url(images/button.png) no-repeat bottom; color:#F97D03; }
	a.app { position:relative; z-index:44; width:146px; height:48px; background:url(images/app_store.jpg) no-repeat; float:right; margin:200px 10px 0 0; }
div.lower { padding-top:20px; height:319px; background:url(images/home_phone.jpg) no-repeat 250px 30px; }
	.lower h3, .lower p { width:200px; }
	.lower h3 { margin-bottom:8px; }
	.lower p { font-size:12px; line-height:20px; }
	.lower div { float:right; height:250px; border-left:1px solid #d1d0d0; width:370px; padding-left:20px; }
	.lower ul { font-size:12px; margin-bottom:10px; }
	.lower ul li { background:url(images/dot.png) no-repeat 0 8px; padding:5px 0 5px 20px; }
	
	
	/* faq */
	
div.faq_left { float:left; width:597px; margin-top:20px; background:url(images/qa.png) no-repeat top right; }
	.faq_left p.q, .faq_left p.a { font-size:12px; color:#282828; padding-left:20px; background:url(images/qstar.png) no-repeat 0 3px; margin-bottom:20px; line-height:20px; }
	.faq_left p.a { background-image:url(images/astar.png); }
div.faq_right { float:left; width:261px; margin:20px 0 0 22px; background:url(images/support.png) no-repeat 0 35px; }
	.faq_right h3 { margin-left:30px; }
	.faq_right p { margin:0 30px 0 30px; font-size:12px; color:#777777; line-height:22px; }
	.faq_right div.question { width:261px; height:223px; background:url(images/question_mark.jpg) no-repeat; margin-top:140px; }
	
	
	/* contact */
div.contact_left { float:left; width:620px; height:650px; margin-top:20px; background:url(images/contact_form.png) no-repeat 0 45px; }
	.contact_left div.form { float:left; margin:80px 0 0 40px; display:inline; }
	.form .row { float:left; width:350px; margin:0 0 33px 0; }
	.form .row span { float:left; width:95px; margin-top:5px; font-size:14px; color:#999999; font-weight:bold; }
	.form .row input, .form .row textarea { float:left; width:242px; padding-top:4px; margin-top:2px; border:0; background:none; }
	.form .row textarea { height:180px; }
	.form button { width:99px; height:38px; text-align:center; font-size:16px; color:#7c7c7c; background:url(images/contact_btn.png) no-repeat; border:0; cursor:pointer; margin:0 0 0 170px; }
	.form button:hover { background-position:bottom; color:#F97D03; }
	.contact_left p.address { float:right; width:150px; font-size:12px; color:#4c4c4c; margin:150px 30px 0 0; display:inline; }
	.contact_left p.address a { color:#6da5f2; }
div.contact_right { float:left; width:240px; margin:20px 0 0 20px; }
	.contact_right a { clear:left; display:block; color:#4c4c4c; font-size:12px; text-decoration:none; margin:0 0 13px 0; }
	.contact_right a.q { font-size:12px; color:#282828; padding-left:20px; background:url(images/qstar.png) no-repeat 0 3px; margin-bottom:20px; line-height:15px; }
	.contact_right a.a { font-size:12px; color:#282828; padding-left:20px; background:url(images/astar.png) no-repeat 0 3px; margin-bottom:20px; line-height:15px; }
	
	
	/* features */
div.features_cont { float:left; width:100%; background:url(images/features_border.png) repeat-y 874px; margin-bottom:-30px; padding-bottom:30px; }
	div.features
	.features .upper { float:left; padding-top:20px; }
	.features .upper .left { float:left; width:610px; }
	.features .upper .right { float:left; width:220px; margin-left:20px; }
	.features .upper .right ul { font-size:12px; list-style:square inside; line-height:22px; }
	.features .upper .right a.app2 { float:left; margin:20px 0 0 30px; width:116px; height:36px; background:url(images/app_store2.jpg) no-repeat; }
	
	.features .middle { float:left; margin-top:15px; width:100%; background:url(images/features_hr.png) no-repeat bottom left; padding-bottom:25px; }
	.features .middle ul { float:left; width:420px; margin-right:40px; font-size:12px; list-style:square inside; line-height:22px; color:#4c4c4c; }
	.features .middle ul.ul2 { margin:0; width:410px; }
	
	.features .howtouse { float:left; height:370px; padding-top:20px; width:100%; background:url(images/howtouse_cont.png) no-repeat 610px 30px; }
	.features .howtouse ul { float:left; font-size:12px; }
	.features .howtouse ul li a { float:left; width:600px; padding:10px 0 10px 12px; color:#8b8b8b; text-decoration:none; cursor: pointer; }
	.features .howtouse ul li a:hover, .features .howtouse ul li a.active { color:#F97D03; background:url(images/howtouse_hover.png) no-repeat; cursor: pointer;}
	.features .howtouse p.prev_next { float:left; width:500px; margin-top:30px; }
	.features .howtouse a.prev, .features .howtouse a.next { background:url(images/prev_next.png) no-repeat; float:left; color:#636363; font-weight:bold; text-decoration:none; }
	.features .howtouse a.prev { width:41px; height:21px; padding:2px 0 0 20px; margin-right:20px; }
	.features .howtouse a.prev:hover { background-position:left bottom; color:#F97D03; }
	.features .howtouse a.next { background-position:right top; width:44px; height:21px; padding:2px 0 0 17px; }
	.features .howtouse a.next:hover { background-position:right bottom; color:#F97D03; }
	.features .howtouse .container { float:right; width:220px; margin:25px 35px 0 0; display:inline; }
	.features .howtouse .container { float:right; width:220px; margin:25px 35px 0 0; display:inline; }
	
	
	/* purchase */
div.purchase { float:left; width:100%; background:url(images/purchase.jpg) no-repeat 0 25px; }
	.purchase .left { width:610px; float:left; margin-top:20px; }
	.purchase .left p a { font-size: 14px; }
	.purchase .left p.radio { font-size:14px; margin:17px 0 0 15px; }
	.purchase .left p.radio b { color:#4c4c4c; }
	.purchase .left p.radio input { vertical-align:baseline; }
	.purchase .left input.serial { margin-left:68px; width:242px; padding:2px; border:0; background:none; }
	.purchase .left textarea { width:600px; height:160px; }
	.purchase .left p.agree label { font-size:14px; color:#4c4c4c; font-weight:bold; }
	.purchase .left p.pay input { margin-right:110px; float:right;  }
	.purchase .left p.pay_rtl input { margin-right:0px; float:right;  }
	.purchase .left p.pay_rtl img { margin-right:0px; float:right;  }
	.purchase .right { width:240px; float:left; margin:20px 0 0 20px; }
	.purchase .right p { font-size:12px; color:#4c4c4c; line-height:20px; }