/*
TurboCSS - front-end framework
Copyright (C) 2009 TuboCSS, www.turbocss.com
Creative Commons Attribution-Share Alike 3.0 License
*/


/* ------------------------------------------------------------------------------------------ 
	RESET - based on Eric Mayer CSS Reset v1.0 (http://meyerweb.com/eric/tools/css/reset/)
--------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse; border-spacing: 0;
}




/* ------------------------------------------------------------------------------------------ 
	BASE
--------------------------------------------------------------------------------------------- */
/*
html{
	background: #19263d url(../images/body_bg.gif) repeat;
}
*/
body{
	/*background: url(../images/footer_bg.gif) repeat-x bottom; text-align: center; height: 100%;*/
	background: #19263d url(../images/body_new_bg.gif) repeat; text-align: center; height: 100%;
}
hr, .hide{
	display: none;
}		
abbr, acronym{
	border-bottom: 1px dotted #999; cursor: help;
}


/* Clear Floated */
.clear {
	clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden;
}
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {
	display: inline-block;
}
		
	/* Hides from IE-mac \*/ 
	* html .clearfix {
		height: 1%;
	}
	
	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */


/* Link */	
a{
	color: #0092cd; text-decoration: none;
}
a:hover, a:active{
	color: #0092cd; text-decoration: underline;
}


/* Accessibility Navigation */	
#accessibility-nav{
	position: absolute; left: -9999px;
}



/* ------------------------------------------------------------------------------------------ 
	TYPOGRAPHY
--------------------------------------------------------------------------------------------- */
body{
	font: 62.5% Arial, Helvetica, sans-serif; color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal; line-height: 1.3em;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
input, textarea, select{
	font: 1.1em Arial, Helvetica, sans-serif;
}




/* ------------------------------------------------------------------------------------------ 
	IMAGE REPLACEMENT
--------------------------------------------------------------------------------------------- */
.ir{
	display: inline; position: relative; overflow: hidden;
}
.ir span{
	position: absolute; left: 0; top: 0; width: inherit; height: inherit; background-repeat: no-repeat;
}
a.ir span{
	cursor: pointer;
}



/* ------------------------------------------------------------------------------------------ 
	LAYOUT
--------------------------------------------------------------------------------------------- */
.wrap-container{
	background: url(../images/wrap_container_new_bg.gif) repeat-x bottom; 
	overflow: hidden;
}
.wrap-footer{
	clear: both; text-align: center; background: #19263d url(../images/body_bg.gif) repeat; text-align: center;
}
#container{
	width: 950px; margin: 0 auto; text-align: left; position: relative; font-size: 1.2em;
}
#header{
	display: block; width: 100%; height: 95px;
}
#content{
	float: left; position: relative; color: #737a81; margin-bottom: 32px; line-height: 1.3em;
}
#sidebar{
	float: left; position: relative;
}
#quicklinks{
	width: 100%; clear: both; height: 83px; line-height: 1.3em; padding-bottom: 30px;
}
#footer{
	clear: both; float: none; font-size: 12px; line-height: 1.3em; margin: 0 auto; width: 950px; padding-bottom: 55px; overflow: hidden; text-align: left;
}



/* 	--- Header --- */	
#header h1, 
#header h1 span,
#header a.logo,
#header a.logo span {
	display: block; width: 290px; height: 95px; overflow: hidden;
}
#header h1,
#header a.logo {
	position: relative; float: left; font-size: 36px; text-decoration: none; color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; padding-top: 20px; height: 75px;
}	
#header h1 span,
#header a.logo span {	
	position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.gif) no-repeat;
}
#header a.logo span {	
	cursor: pointer;
}

#navigation{
	float: right; width: 609px; padding-top: 30px;
}
	#navigation li{
		float: left; padding-left: 10px;
	}
		#navigation li a{
			float: left; display: block; position: relative; height: 42px; text-align: center; text-decoration: none; color: #6491b4;
		}
			#navigation li a.nav-home{
				width: 64px;
			}
			#navigation li a.nav-learn{
				width: 96px;
			}
			#navigation li a.nav-why{
				width: 126px;
			}
			#navigation li a.nav-faq{
				width: 65px;
			}
			#navigation li a.nav-company{
				width: 86px;
			}
			#navigation li a.nav-contact{
				width: 112px;
			}
			#navigation li a.nav-get-started{
				width: 112px;
			}
		#navigation li a span{
			position: absolute; left: 0; top: 0; cursor: pointer; width: 100%; height: 100%;
		}
			#navigation li a.nav-home span{
				background: url(../images/nav_home.gif) no-repeat top;
			}
			#navigation li a.nav-learn span{
				background: url(../images/nav_learn.gif) no-repeat top;
			}
			#navigation li a.nav-why span{
				background: url(../images/nav_why.gif) no-repeat top;
			}
			#navigation li a.nav-faq span{
				background: url(../images/nav_faq.gif) no-repeat top;
			}
			#navigation li a.nav-company span{
				background: url(../images/nav_company.gif) no-repeat top;
			}
			#navigation li a.nav-contact span{
				background: url(../images/nav_contact.gif) no-repeat top;
			}
			#navigation li a.nav-get-started span{
				background: url(../images/nav_get_started.gif) no-repeat top;
			}
		#navigation li a:hover, #navigation li.active a{
			color: #fff; text-decoration: underline;
		}
		#navigation li.active a span{
			background-position: left -84px;
		}
		#navigation li a:hover span{
			background-position: left -42px;
		}

#ext-links{
	float: right; width: 609px; padding-top: 30px; height: 42px;
}
	#ext-links .total-request{
		float: right; height: 42px; background: url(../images/total_request_left.gif) no-repeat left;
	}
		#ext-links .total-request div{
			height: 42px; background: url(../images/total_request_right.gif) no-repeat right; overflow: hidden;
		}
		#ext-links .total-request strong{
			float: right; width: 88px; color: #4d658a; font-size: 11px; padding-top: 9px; display: block;
		}
		#ext-links .total-request span{
			color: #a1d0e6; font-size: 20px; display: block; float: right; padding-right: 35px; padding-top: 9px; padding-left: 20px; font-weight: bold;
		}
	
	#ext-links .btn-get-started{
		float: right; margin-right: 10px; display: block; width: 112px; height: 30px; text-align: center; padding-top: 12px; position: relative; overflow: hidden;
	}
		#ext-links .btn-get-started span{
			width: 100%; height:100%; top: 0; left: 0; display: block; position: absolute; background: url(../images/btn_get_started.gif) no-repeat top;
		}
		#ext-links .btn-get-started:hover{
			color: #fff;
		}
		#ext-links .btn-get-started:hover span{
			color: #fff; background-position: 0 -42px;
		}
	#ext-links .btn-contact{
		float: right; margin-right: 10px; display: block; width: 112px; height: 30px; text-align: center; padding-top: 12px; position: relative; overflow: hidden;
	}
		#ext-links .btn-contact span{
			width: 100%; height:100%; top: 0; left: 0; display: block; position: absolute; background: url(../images/btn_contact.gif) no-repeat top;
		}
		#ext-links .btn-contact:hover{
			color: #fff;
		}
		#ext-links .btn-contact:hover span{
			color: #fff; background-position: 0 -42px;
		}

	
	

/* 	--- Content --- */
#content p{
	margin: 0 0 .8em;
}
#content a{
	font-weight: bold;
}
.interior-page #content h2{
	font-weight: bold; font-size: 18px; color: #1c1c1c; margin: 0 0 .7em; color: #1c1c1c;
}
.interior-page #content ul{
	list-style-type: disc;
	padding-left: 15px;
}
#content .title{
	padding: 34px 45px 0;
}
#content .title h1{
	font-weight: bold; font-size: 30px; color: #0a0a0a; margin: 0 0 .5em; display: block; position: relative; overflow: hidden; height: 28px;
}
#content .title h1 span{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
#content .title h1.learn-more{
	width: 138px; 
}
#content .title h1.learn-more span{
	background: url(../images/title_learn_more.gif) no-repeat left;
}
#content .title h1.why-go-mobile{
	width: 200px; 
}
#content .title h1.why-go-mobile span{
	background: url(../images/title_why_go_mobile.gif) no-repeat left;
}
#content .title h1.faq{
	width: 343px; 
}
#content .title h1.faq span{
	background: url(../images/title_faq.gif) no-repeat left;
}
#content .title h1.company{
	width: 120px; 
}
#content .title h1.company span{
	background: url(../images/title_company.gif) no-repeat left;
}
#content .title h1.jobs{
	width: 288px; 
}
#content .title h1.jobs span{
	background: url(../images/title_jobs.gif) no-repeat left;
}
#content .title h1.demo{
	width: 73px; 
}
#content .title h1.demo span{
	background: url(../images/title_demo.gif) no-repeat left;
}

.interior-page #content{
	width: 950px; background: #fff url(../images/interior_top.gif) no-repeat left top;
}
	.interior-page #content .box-rounded{
		width: 950px; background: url(../images/interior_bottom.gif) no-repeat left bottom; position: relative;
	}
	.interior-page #content .box-rounded-nofade{
		width: 950px; background: url(../images/interior_bottom_nofade.gif) no-repeat left bottom; position: relative;
	}
#content .wrap{
	clear: both; padding: 30px 45px; width: 860px; position: relative;
}
#content .wrap-learn{
	clear: both; padding: 30px 55px; width: 840px; position: relative;
}
#content .wrap-divisor{
	clear: both; padding: 30px 55px; width: 840px; position: relative; background: url(../images/divider_vertical.gif) repeat-y 475px;
}
#content .bordered{
	border-bottom: 1px solid #d3d3d3; 
}
#content .col-left{
	float: left; width: 380px;
}
#content .col-right{
	float: right; width: 390px;
}
#content .fade-bottom{
	background: url(../images/fade_bottom.gif) repeat-x bottom;
}
#content .fade-top{
	background: url(../images/fade_top.gif) repeat-x top;
}
span.space-left{
	display: block; float: left;
}
span.space-right{
	display: block; float: right;
}
#rewrite{
	color: #434343;
	line-height: 1.7em;
}
#rewrite .illustration{
	position: absolute; top: -93px; right: 75px;
}
#rewrite .t-orange{
	color: #ff5704;
}
#rewrite .t-green{
	color: #6ca928;
}
#rewrite .t-cyan{
	color: #0092cd;
}
#diagram{
	background: url(../images/diagram_fade_top.gif) repeat-x top;
}
#diagram .fade-bottom{
	background: url(../images/diagram_fade_bottom.gif) repeat-x bottom;
}
#going-mobile .illustration{
	position: absolute; top: 30px; left: 390px;
}
#product-design .illustration{
	position: absolute; top: 0; right: 0;
}
#product-design h2, #product-design p{
	padding-right: 60px;
}
#take-care-of-rest .illustration{
	position: absolute; top: 0; left: 0;
}
#take-care-of-rest h2, #take-care-of-rest p{
	padding-left: 340px;
}
#mobile-not-dumbing-down .illustration{
	position: absolute; bottom: -57px; left: 0;
}
#mobile-not-dumbing-down .pad-a{
	height: 65px; width: 1px;
}
#mobile-not-dumbing-down .pad-b{
	height: 20px; width: 40px; clear: left;
}
#mobile-not-dumbing-down .pad-c{
	height: 1.5em; width: 60px; clear: left;
}
#mobile-not-dumbing-down .pad-d{
	height: 1.5em; width: 75px; clear: left;
}
#mobile-not-dumbing-down .pad-e{
	height: 1.5em; width: 90px; clear: left;
}
#mobile-not-dumbing-down .pad-f{
	height: 1.5em; width: 100px; clear: left;
}
#mobile-not-dumbing-down .pad-g{
	height: 1.5em; width: 100px; clear: left;
}
#mobile-not-dumbing-down .pad-h{
	height: 1.5em; width: 95px; clear: left;
}

#mobile-app-features .illustration{
	position: absolute; top: 34px; left: 476px;
}
#mobile-app-features .android-bag{
	position: absolute; bottom: 0; right: 0;
}
#mobile-app-features .pad-a{
	height: 145px; width: 90px;
}
#monetization .illustration{
	position: absolute; top: 44px; right: 50px;
}
#monetization h2, #monetization p{
	padding-right: 125px;
}
#fast .illustration{
	position: absolute; top: 0; left: 385px;
}
#fast .iphone{
	position: absolute; bottom: 0px; left: 0;
}
#fast .pad-a{
	height: 25px; width: 60px;
}
#fast{
	padding-bottom: 130px;
}
#future-proof .illustration{
	position: absolute; top: 100px; right: 0;
}
#future-proof p{
	padding-right: 60px;
}

#why-go-mobile{
	clear: both; width: 950px; position: relative; background: url(../images/divider_vertical.gif) repeat-y 475px; margin-top: 22px; background: url(../images/why_go_mobile_bg.gif) repeat-y;
}
#why-go-mobile .fade-border-bottom{
	background: url(../images/fade_border_bottom.gif) repeat-x 0 329px;
}
#why-go-mobile .divider-bottom{
	background: url(../images/divider_bottom.gif) no-repeat 0 329px; width: 870px; padding: 0 40px;
}
#mobile-user, #mobile-internet-causes, #mobile-best-customer{
	float: left; height: 476px; padding-top: 15px; text-align: center;
}
#mobile-user{
	width: 251px; padding-right: 25px;
}
#mobile-internet-causes{
	width: 268px; padding-left: 25px; padding-right: 25px;
}
#mobile-best-customer{
	width: 251px; padding-left: 25px;
}
#why-go-mobile .ilus-smart-phones{
	position: absolute; top: -99px; right: 0;
}
.interior-page #why-go-mobile h2{
	font-size: 22px; font-weight: normal; color: #585858; height: 47px; margin-bottom: 16px; line-height: 1.2em;
}
.interior-page #why-go-mobile h2 em{
	font-style: normal;
}
.interior-page #mobile-user h2 em, #mobile-user p strong{
	color: #6ca928;
}
.interior-page #mobile-internet-causes h2 em, #mobile-internet-causes p strong{
	color: #ff5704;
}
.interior-page #mobile-best-customer h2 em, #mobile-best-customer p strong{
	color: #0092cd;
}
#why-go-mobile .illustration{
	height: 251px;
}
#why-go-mobile p{
	font-size: 18px; color: #434343; line-height: 1.1em;
}
#why-go-mobile p strong{
	font-weight: normal;
}
#mobile-user p, #mobile-internet-causes p{
	padding-top: 52px;
}
#mobile-best-customer p{
	padding-top: 26px;
}

#index-anchor{
	line-height: 1.5em;
}
#index-anchor .ilus-question-phone{
	position: absolute; top: -91px; right: 52px;
}
#index-anchor .index-left{
	width: 380px; float: left; color: #0077a7;
}
#index-anchor .index-right{
	width: 380px; float: right; color: #0077a7;
}
#index-anchor a{
	color: #0077a7;
}
#content .answer{
	border-bottom: 1px solid #d3d3d3; margin: 0 0 20px; padding: 0 15px 20px;
}
#content .last_answer{
	margin: 0 0 20px; padding: 0 15px 20px;
}
#index-anchor a{
	font-weight: normal;
}

#intro .moovweb-logo{
	float: right;
}
#company .divisor{
	background: url(../images/divider_vertical.gif) repeat-y 316px;
}
#we-know-mobile{
	float: left; width: 236px; padding-right: 35px; padding-bottom: 245px;
}
#we-know-mobile .illustration{
	position: absolute; bottom: 0; left: 0;
}
#we-know-mobile strong{
	color: #6ca928; font-weight: bold;
}
#we-love-web{
	float: right; width: 560px;
}
#we-love-web h2 em{
	font-style: normal; color: #ff5704;
}
#we-love-web .illustration{
	position: absolute; top: 14px; right: 63px;
}
#we-love-web .pad-a{
	width: 170px; height: 100px;
}
#content .office{
	float: right; padding-left: 20px; padding-bottom: 20px;
}

#show-case{
	height: 260px;
	padding: 30px 45px;
}
#show-case .case{
	position: relative;
}
#show-case .case .description{
	width:370px;
}
#show-case .case .view{
	width: 462px;
	height: 369px;
	position: absolute !important;
        left: 410px;
	right: -20px;
	top: -79px;
	overflow: hidden;
}
#show-case .btn-open-demo{
	display: block;
	position: relative;
	float: left;
	width: 98px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	cursor:pointer;
}
	#show-case .btn-open-demo span{
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../images/btn_open_demo.gif) no-repeat;
	}

#listcase{
	padding: 20px 45px !important;
	margin: 0 !important;
	width: 860px;
	overflow: hidden;
	list-style-type: none;
}

#listcase li{
	list-style-type: none;
	margin: 0 5px 10px;
	padding: 0;
	float: left;
	line-height: .5em;
}
#listcase .inactive{
	border: 5px solid #ccc;
	display: block;
	float: left;
	cursor:pointer;
}
#listcase .active{
	border: 5px solid #86B1D3;
}
#carousel{
	width: 950px; height: 330px; background: #fff url(../images/carousel_bg.gif) no-repeat left top;
}
	#carousel ul{
		width: 251px; height: 330px; float: left;
	}
	#carousel ul li{
		display: block;
	}
	#carousel ul li a{
		display: block; width: 251px; height: 110px; position: relative; background: #86b1d3; color: #435872; text-align: center; line-height:100px;
	}
	#carousel ul li a span{
		display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; background-position: left top;
	}
	#carousel ul li a.tab-complete-solution span{
		background: url(../images/tab_complete_solution.gif) no-repeat;
	}
	#carousel ul li a.tab-customers-want span{
		background: url(../images/tab_customers_want.gif) no-repeat;
	}
	#carousel ul li a.tab-zero-work span{
		background: url(../images/tab_zero_work.gif) no-repeat;
	}
	#carousel ul li a:hover, #carousel .tab li.selected a{
		color: #fff; text-decoration: none;
	}
	#carousel ul li.selected a span{
		background-position: left bottom;
	}
	#carousel ul li a:hover span{
		cursor: pointer;
	}
	
	#carousel .tab-container{
		width: 651px; height: 330px; padding-left: 48px; float: right; position: relative; background: url(../images/tab_container_bg2.gif) no-repeat top;
	}
	#carousel .overview{
		color: #828282; font-size: 18px; line-height: 1.2em;
	}
	#carousel h2{
		display: block; position: relative; color: #151515; font-size: 24px; font-weight: bold; overflow: hidden;
	}
	#carousel h2 span{
		width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-position: left top;
	}
	#carousel a.btn{
		position: absolute; top: 271px; width: 110px; height: 23px; font-size: 12px; color: #24587c; text-align: center; text-decoration: none; background: url(../images/btn_learn_more.gif) no-repeat; line-height: 1em; padding-top: 11px;
	}
	#carousel a.learn-more{
		left: 48px;
	}
	#carousel a.get-started{
		left: 165px; 
	}
	#carousel a.btn:hover{
		color: #1c6ea8
	}
	
	
	#complete-solution .title{
		padding: 38px 0 14px;
	}
	#complete-solution .illustration{
		position: absolute; right: 0; top: -19px;
	}
	#complete-solution h2{
		width: 175px; height: 85px;
	}
		#complete-solution h2 span{
			background: url(../images/title_stores_browsers.gif) no-repeat;			
		}
	#complete-solution .btn-learn-more{
		
	}
	
	#customers-want .title{
		padding: 47px 0 28px;
	}
	#customers-want .illustration{
		position: absolute; right: 22px; bottom: 0;
	}
	#customers-want h2{
		width: 223px; height: 52px;
	}
		#customers-want h2 span{
			background: url(../images/title_customized.gif) no-repeat;			
		}
	#customers-want .overview{
		width: 315px;
	}
	#customers-want .btn-learn-more{
		
	}
	
	#zero-work .title{
		padding: 37px 0 26px;
	}
	#zero-work .illustration{
		position: absolute; right: 0; top: 0;
	}
	#zero-work h2{
		width: 238px; height: 57px;
	}
		#zero-work h2 span{
			background: url(../images/title_rewrites.gif) no-repeat;			
		}
	#zero-work .overview{
		width: 247px;
	}
	#zero-work .btn-learn-more{
		
	}
	



/* 	--- Quicklinks --- */
#quicklinks .contact, #quicklinks .others{
	width: 383px; height: 63px; padding-left: 75px; padding-top: 20px;
}
#quicklinks .counter{
	width: 458px; height: 73px; padding-top: 10px;
}
#quicklinks .contact{
	float: right; background: url(../images/q_contact_bg.png) no-repeat left; 
}
#quicklinks .others{
	float: right; background: url(../images/q_others_bg.gif) no-repeat left;
}
#quicklinks .counter{
	float: left; background: url(../images/q_counter_bg.png) no-repeat left;
}	
#quicklinks	ul{
	padding-top: 10px;
}
#quicklinks	ul li{
	float: left; background: url(../images/q_arrow.gif) no-repeat left; padding-left: 15px; padding-right: 20px;
}
#quicklinks	ul li a{
	font-size: 16px; text-decoration: none;
}
#quicklinks	ul li a:hover{
	text-decoration: underline;
}
#quicklinks .contact a{
	color: #faaa18;
}
#quicklinks .others a{
	color: #5698ca;
}
#quicklinks .counter strong{
	float: right; width: 80px; display: block; font-weight: normal; color: #4d658a; padding-right: 20px; padding-top: 3px;
}
#quicklinks .counter span{
	float: left; width: 287px; display: block; font-weight: bold; color: #a1d0e6; padding: 15px 20px 0; font-size: 30px; line-height: 1em; text-align: center;
}


/* 	--- Contact Box --- */
#zoom_content{
	width: 100%; background: #fff; color: #757575; text-align: left;
}
#zoom_content .title{
	padding: 29px 30px 20px;
}
#zoom_content h2{
	position: relative; display: block; width: 137px; height: 22px; overflow: hidden; color: #000; font-size: 20px; font-weight: bold; margin-bottom: 8px;
}
	#zoom_content h2 span{
		position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../images/title_get_started.gif) no-repeat left;
	}
#zoom_content .title p{
	font-size: 14px; color: #646464;
}
#zoom_content h3{
	color: #373737; font-weight: bold; font-size: 16px; margin-bottom: 20px;
}
#zoom_content .by-email-phone{
	border-bottom: 1px solid #d0d0d0; background: url(../images/contact_box_fade_bottom.gif) repeat-x bottom; height: 114px;
}
#zoom_content .by-email{
	width: 205px; height: 113px; border-right: 1px solid #d0d0d0; float: left; padding: 0 20px 0 30px;
}
#zoom_content .by-phone{
	width: 205px; height: 113px; float: right; padding: 0 20px 0 25px;
}
#zoom_content .by-message{
	width: 449px; overflow: hidden; padding: 30px;
}
#zoom_content .field{
	width: 100%; overflow: hidden; clear: both; margin-bottom: 10px;
}
#zoom_content label{
	display: block; width: 60px; float: left; text-align: right; font-size: 12px;
}
#zoom_content label em{
	font-style: normal; color: #ff5704;
}
#zoom_content .text, #zoom_content .area{
	float: right; width: 370px; padding-top: 3px; padding-left: 5px;
}
#zoom_content .text{
	background: url(../images/field_text.gif) no-repeat left top; height: 28px;
}
#zoom_content .area{
	background: url(../images/field_text_area.gif) no-repeat left top; height: 100px;
}
	#zoom_content .text input{
		width: 360px; height: 25px; border: none; color: #333; font-size: 14px; padding: 0; line-height: 1em;
		
	}
	#zoom_content .area textarea{
		width: 360px; height: 92px; border: none; color: #333; font-size: 14px; padding: 4px 0 0; line-height: 1em;
	}
#zoom_content .action{
	text-align: right; padding-right: 5px;
}
#zoom_content .action input{
	float: right; border: none; background: url(../images/btn_send_message.gif) no-repeat; width: 120px; height: 34px; color: #ff5704; font-size: 12px; font-weight: bold;
}
#zoom_content .action em{
	font-size: 11px; display: block; float: right; padding-top: .9em; padding-right: 10px;
}
#zoom_content .by-email .link-mail{
	background: url(../images/icon_mail.gif) no-repeat; color: #ff5704; font-weight: bold; font-size: 16px; padding-left: 50px; display: block; line-height: 1.5em;
}
#zoom_content .by-phone p{
	background: url(../images/icon_phone.gif) no-repeat; font-weight: bold; font-size: 16px; padding-left: 50px; display: block; line-height: 1em;
} 
#zoom_content .by-phone p strong{
	color: #ff5704; display: block;
}
#zoom_content .by-phone p span{
	font-size: 12px; color: #646464;
}
#zoom_content .close-box{
	position: absolute; right: 30px; top: 20px; color: #a2a2a2; font-size: 12px;
}

#zoom-overlay{
	width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; position: fixed; background: url(../images/lightbox_overlay.png) repeat;
}


/* ------cellphone demo overlayer------ */
.demo_overlay {
	display:none;
	background-image: url(/site/demo/images/overlayer_bg.png);	
	width:502px;		
	padding:20px 0px 0px 0px;	
	font-size:11px;
	margin:0px;
}

.demo_overlay div.close {
	background-image:url(/site/demo/images/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* 	--- Demo Box --- */
.fake_iphone{
	position: relative;
	display: block;
	width: 418px;
	height: 816px;
	background: url(../images/iphone_demo.png) no-repeat;
	position: relative;
	margin: 20px auto 0;
}
	.fake_iphone iframe{
		position: absolute;
		left: 50px;
		top: 154px;
		width: 320px;
		height: 416px;
	}

	.fake_iphone .note{
		width: 100%;
		text-align: center;
		position: absolute;
		top: 770px;
		left: 0;
		color: #000;
	}
	.fake_iphone .back_button{
		display: block;
		width: 60px;
		height: 45px;
		position: absolute;
		left: 50px;
		top: 570px;
		cursor: pointer;
	}
	.fake_iphone .other_button{
		display: block;
		width: 260px;
		height: 45px;
		position: absolute;
		left: 110px;
		top: 570px;
		cursor: pointer;
	}
/*-- job ---*/	
.shockley { 
	float:left; 
	margin:0 10px 0 0;}
/* ----space between content and footer------ */

#container_gap { line-height:37px;  }		
		
/* 	--- Footer --- */
#footer a{
	color: #7fadc2; text-decoration: none;
}
	#footer a:hover{
		text-decoration: underline;
	}
#footer .logo{
	float: left; padding: 0 80px 0 36px;
}
#footer .product-links, #footer .company-links{
	float: left; width: 140px; padding-right: 20px; padding-top: 0;
}
#footer .product-links p, #footer .company-links p{
	font-weight: bold;
}
#footer .copy-links{
	float: right; text-align: right; padding-top: 0; color: #838383;
}