/**********************************************************************************************

	CSS on Sails
	Title	: NoteVault Website
	Author	: XHTMLized
	Date	: June 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
			
	3. MISC
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	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;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		font: 62.5% Arial, Helvetica, sans-serif;
		text-align: center;
		background: #000;
	}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		text-decoration: none;
		color: #B3B3B3;
	}
	
	a:hover, 
	a:active {
		text-decoration: none;
		color: #FFF;
	}
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container {
		position: relative;
		margin: 0 auto;
		padding: 0 80px; /*was 205*/
		width: 980px;
		text-align: left;
		background: #000 url(../images/bg_body.png) no-repeat center top;
	}
	
	#header {
		position: relative;
		width: 970px;
		height: 121px;
	}
	
	#content , #content_wide {
		display: inline;
		margin: 0 0 0 2px;
		padding: 0;
		width: 545px; 
		float: left;
	}
	
	#content_wide {
		margin: 0;
		padding: 15px 0 0 0;
		width: 734px;
	}
		
	#sidebar {
		display: inline;
		margin: -76px 3px 0 0;
		padding: 0 0 50px 0;
		width: 235px;
		float: right; 
	}
	
	#footer {
		overflow: hidden;
		clear: both;
		padding: 20px 10px;
		width: 970px;
	}
		
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 255px;
		height: 35px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 40px;
		left: 20px;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.png) no-repeat;
	}
	
	#accessibility-links {
		position: absolute;
		left: -1000em;
		text-align: left;
	}
	
	ul#main_nav {
		position: relative;
		overflow: hidden;
		display: inline;
		float: left;
		margin: 55px 0 0 285px;
	}
		ul#main_nav li {
			float: left;
			padding: 0 12px;
			font-weight: bold;
			font-size: 14px;
		}
			ul#main_nav li a {
				float: left;
				display: block;
				height: 28px;
				text-decoration: none;
				color: #F4AA00;
			}
			ul#main_nav li a:hover {color: #BCBCBC;}
			
			ul#main_nav li.active a {
				color: #fff;
				background: url(../images/main_nav_arrow.gif) no-repeat center 20px;
			}
			
	ul#ext_nav {
		position: absolute;
		right: 0;
		top: 0;
		padding: 0 0 0 13px;
		width: 237px; /*was 227 */
		height: 25px;
		background: url(../images/ext_nav.gif) no-repeat center top;
	}
		ul#ext_nav li {
			display: block;
			float: left;
			padding: 0 10px 0 10px;
			height: 23px;
			line-height: 23px;
			background: url(../images/ext_nav_spacer.gif) no-repeat right top;
		}
		ul#ext_nav li.last {background: none;}
			ul#ext_nav li a {
				text-decoration: none;
				font-size: 11px;
				color: #B3B3B3;
			}
			ul#ext_nav li a:hover {color: #fff;}
			
	ul#breadcrumb {
		position: absolute;
		left: 45px;
		bottom: 0;
		width: 690px;
		height: 15px;
	}
		ul#breadcrumb li {
			float: left;
			padding: 0 20px 0 0;
			line-height: 15px;
			text-transform: uppercase;
			color: #fff;
		}
		ul#breadcrumb li.current {
			padding: 0 20px 0 10px;
			background: url(../images/breadcrumb_arrow.gif) no-repeat left top;
		}
			ul#breadcrumb li a {
				display: block;
				float: left;
				padding: 0 0 0 10px;
				height: 15px;
				color: #F4AA00;
				font-weight:bold;
				background: url(../images/breadcrumb_arrow.gif) no-repeat left bottom;
			}
				ul#breadcrumb li a:hover {
					color: #fff;
					background: url(../images/breadcrumb_arrow.gif) no-repeat left top;
				}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	#w_main_tagline {
		padding: 28px 13px;
	}
		h2.main_tagline {
			width: 426px;
			height: 149px;
			text-align: left;
			text-indent: -9999em;
			background: url(../images/main_tagline2.png) no-repeat left top;
		}
	
	#content #main_content {
		background: url(../images/content_repeat.gif) repeat-y center top;
	}
		#content #m_c_middle {
			background: url(../images/content_middle.gif) no-repeat center 6px;
		}
			#content #m_c_top {
				background: url(../images/content_top.gif) no-repeat center top;
			}
			#content #m_c_bottom {
				background: url(../images/content_bottom.gif) no-repeat center bottom;
				padding: 11px 22px;
				min-height: 1px;
			}
	
	#content #main_content #main_paragraph {
		position: relative;
		margin: 0 -11px 22px -11px;
		width: 523px;
		height: 87px;
		background: url(../images/main_paragraph.png) no-repeat left top;
	}
		#content #main_content #main_paragraph p {
			padding: 13px 0 0 100px;
			width: 355px;
			line-height: 16px;
			font-size: 14px;
			color: #B3B3B3;
		}
	
	#content #main_content h3 {
		padding: 0 0 5px 0;
		font-weight: normal;
		font-size: 18px;
		color: #F4AA00;
	}
	#content #main_content p {
		padding: 0 0 10px 0;
		line-height: 14px;
		font-weight: normal;
		font-size: 12px;
		color: #fff;
	}
	#content #main_content ul li {
		padding: 0 0 10px 0;
	}
	#content #main_content ul.list_content {
		padding: 0 0 10px;	
	}
		#content #main_content ul.list_content li {
			padding: 0;
			line-height: 14px;
			font-weight: normal;
			font-size: 12px;
			color: #fff;
		}
	
	#content_wide #main_content {
		background: url(../images/content_wide_repeat.gif) repeat-y center top;
	}
		#content_wide #m_c_middle {
			background: url(../images/content_wide_middle.gif) no-repeat center 6px;
		}
			#content_wide #m_c_top {
				background: url(../images/content_wide_top.gif) no-repeat center top;	
			}
			#content_wide #m_c_bottom {
				background: url(../images/content_wide_bottom.gif) no-repeat center bottom;
				min-height: 1px;
				padding: 20px;
			}
			
	.w_main_title {
		padding: 0 0 10px 0;
	}
		.w_main_title h2.title {
			height: 50px;
			text-align: left;
			text-indent: -9999em;
		}
		.w_main_title h2.title.h_i_w {background: url(../images/title_how_it_works.png) no-repeat left top;}
		.w_main_title h2.title.about_us {background: url(../images/title_about_us.png) no-repeat left top;} 
		.w_main_title h2.title.features {background: url(../images/title_features.png) no-repeat left top;}
		/*.w_main_title h2.title.developers_and_dealers {background: url(../images/title_developers_and_dealers.png) no-repeat left top;}*/
		.w_main_title h2.title.developers_and_dealers {background: url(../images/title_partners_and_dealers.png) no-repeat left top;}
		.w_main_title h2.title.careers {background: url(../images/title_careers.png) no-repeat left top;}
		.w_main_title h2.title.management {background: url(../images/title_management.png) no-repeat left top;}
		.w_main_title h2.title.benefits {background: url(../images/title_benefits.png) no-repeat left top;}		
		.w_main_title h2.title.iphone {background: url(../images/title_iphone.png) no-repeat left top;}		
		/*.w_main_title h2.title.press {background: url(../images/title_press.png) no-repeat left top;}*/
		.w_main_title h2.title.press {background: url(../images/title_media.png) no-repeat left top;}
		.w_main_title h2.title.customers {background: url(../images/title_customers.png) no-repeat left top;}
		.w_main_title h2.title.sign_up {background: url(../images/title_sign_up.png) no-repeat left top;}
		.w_main_title h2.title.contact_us {background: url(../images/title_contact_us.png) no-repeat left top;}
		.w_main_title h2.title.contact_us_special {background: url(../images/title_contact_us_special.png) no-repeat left top;}
		.w_main_title h2.title.faqs {background: url(../images/title_faqs.png) no-repeat left top;}
		.w_main_title h2.title.terms {background: url(../images/title_terms.png) no-repeat left top;}
		.w_main_title h2.title.privacy_policy {background: url(../images/title_privacy_policy.png) no-repeat left top;}
		.w_main_title h2.title.sitemap {background: url(../images/title_sitemap.png) no-repeat left top;}
		.w_main_title h2.title.mobile_app {background: url(../images/title_mobile_app.png) no-repeat left top;}
		
	.main_paragraph_wide {
		padding: 20px 17px 25px;
		width: 663px;
		height: 81px;
		background: url(../images/main_paragraph_wide.gif) no-repeat center top;
	}
		.main_paragraph_wide p {
			line-height: 16px;
			font-weight: normal;
			font-size: 14px;
			color: #fff;
		}
		
	ul#how_it_works {
		padding: 10px 0;
	}
		ul#how_it_works li {
			position: relative;
			padding: 9px 9px 9px 30px;
			width: 658px;
			height: 110px;
			background: url(../images/how_it_works_li.gif) no-repeat left top;
		}
			ul#how_it_works li .number {
				float: left;
				display: block;
				padding: 10px 0 0 0;
				width: 105px;
				height: 95px;
				text-align: center;
				font-size: 45px;
				color: #B3B3B3;
				background: url(../images/number_wrapper.png) no-repeat left top;
			}
			ul#how_it_works li .w_list_content {
				float: right;
				padding: 18px 5px 18px 30px;
				width: 500px;
				height: 69px;
			}
				ul#how_it_works li .w_list_content p {
					width: 435px;
					line-height: 16px;
					font-size: 13px;
					color: #000;
				}
				ul#how_it_works li .w_list_content p.narrow {
					float: left;
					width: 230px;
				}
				ul#how_it_works li a {
					text-decoration: underline;
					color: #000;
				}
				ul#how_it_works li a:hover {color: #F4AA00;}
				
				.call_now {
					position: absolute;
					right: 12px;
					bottom: 14px;
					width: 100px;
					height: 95px;
					text-align: left;
					text-indent: -9999em;
					background: url(../images/call_now.png) no-repeat left top;
				}
		
				ul#how_it_works ul.list li ,
				ul#how_it_works ul.list_company li {
					padding: 0;
					width: auto;
					height: auto;
					background: none;
				}
				
				ul#how_it_works ul.list li.pdf a {
					padding: 0 0 0 20px;
					line-height: 16px;
					font-size: 12px;
					background: url(../images/ico_pdf_small.gif) no-repeat left top;
				}
				
				ul#how_it_works ul.list_company {
					float: right;
					padding: 10px 0 0 0;
					width: 235px;
				}
					ul#how_it_works ul.list_company li {
						float: left;
						padding: 0 27px 5px 0;
					}
						ul#how_it_works ul.list_company li a {
							position: relative;
							overflow: hidden;
							display: block;
							float: left;
						}
						ul#how_it_works ul.list_company li a.company_vpcs {
							width: 111px;
							height: 25px;
						}
						ul#how_it_works ul.list_company li a.company_cmic {
							width: 60px;
							height: 25px;
						}
						ul#how_it_works ul.list_company li a.company_prolog {
							width: 75px;
							height: 25px;
						}
						ul#how_it_works ul.list_company li a.company_primavera {
							width: 105px;
							height: 25px;
						}
							ul#how_it_works ul.list_company li a span {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
							}
							ul#how_it_works ul.list_company li a.company_vpcs span {background: url(../../_media/images/company_vpcs.gif) no-repeat left top;}
							ul#how_it_works ul.list_company li a.company_cmic span {background: url(../../_media/images/company_cmic.gif) no-repeat left top;}
							ul#how_it_works ul.list_company li a.company_prolog span {background: url(../../_media/images/company_prolog.gif) no-repeat left top;}
							ul#how_it_works ul.list_company li a.company_primavera span {background: url(../../_media/images/company_primavera.gif) no-repeat left top;}
	
	.inside_content_white {
		position: relative;
		margin: 0 0 25px 10px;
		padding: 5px 0 0 0;
		width: 673px;
		background: url(../images/inside_content_white_top.png) no-repeat left top;
	}

	.vcenter {
		vertical-align: top;
	}
	
	.inside_content_white a {
		text-decoration: underline;
		color: #000;
	}
	.inside_content_white a:hover {text-decoration: none;}
		.i_c_bottom {
			padding: 0 0 12px 0;
			background: url(../images/inside_content_white_bottom.png) no-repeat left bottom;
		}
			.i_c_repeat {
				background: url(../images/inside_content_white_repeat.png) repeat-y left top;
			}
				.i_c_middle {
					overflow: hidden;
					padding: 20px 30px;
					min-height: 600px;
					background: url(../images/inside_content_white_middle.png) no-repeat left top;
				}	
						
					.inside_content_white .narrow_content {
						float: left;
						width: 380px;
					}
					.inside_content_white .address_box {
						float: right;
						margin: 0 -20px 100px 0;
						padding: 20px 2px 0 9px;
						width: 224px;
						height: 410px;
						background: url(../images/address_box.gif) no-repeat left top;
					}
					
				.i_c_transparent_phone {
					position: absolute;
					right: 0;
					top: 0;
					width: 355px;
					height: 705px;
					background: url(../../_media/images/big_phone_image_transparent_2.png) no-repeat right top;
				}
				
	.inside_content_white h4 {
		padding: 0 0 18px 0;
		line-height: 18px;
		font-weight: normal;
		font-size: 14px;
		color: #000;
	}
	.inside_content_white p {
		padding: 0 0 18px 0;
		line-height: 18px;
		font-weight: normal;
		font-size: 12px;
		color: #000;
	}
	.inside_content_white p.bigger {
		font-size: 18px;
	}
		.inside_content_white p.bigger strong {font-weight: normal;}
		
	.inside_content_white .title_address_box {
		margin: 0 0 15px 0;
		padding: 0 0 2px 0;
		background: url(../images/address_box_spacer.gif) no-repeat center bottom;
	}
		.inside_content_white .title_address_box h4.small_logo {
			position: relative;
			overflow: hidden;
			padding: 0;
			width: 155px;
			height: 30px;
		}
			.inside_content_white .title_address_box h4.small_logo span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../images/logo_small.gif) no-repeat left top;
			}
		.inside_content_white .address_box p,
		.inside_content_white .address_box address {
			padding: 0 0 0 15px;
			line-height: 18px; /*22px;*/
			font-style: normal;
			font-weight: normal
			font-size: 12px;
			color: #E0E0E0;
		}
		.inside_content_white .address_box address {font-size: 12px;}
		.inside_content_white .address_box p.phone {line-height: 30px; font-size: 18px;}
		.inside_content_white .address_box p a {text-decoration: underline;}
		
	.inside_content_white h3 {
		padding: 0 0 5px 0;
		line-height: 18px;
		font-weight: normal;
		font-size: 18px;
		color: #F4AA00;
	}
	.inside_content_white h3.bigger {
		padding: 0 0 10px 0; 
		font-weight: bold;
		font-size: 24px;
	}
	
	.inside_content_white ul.list {
		padding: 0 0 18px 0;
	}			
		.inside_content_white ul.list li {
			padding: 0 0 0 10px;
			line-height: 18px;
			font-weight: normal;
			font-size: 12px;
			color: #000;
			background: url(../images/arrow_black.gif) no-repeat left 7px;
		}
			.inside_content_white ul.list ul {
				padding: 0 0 0 40px;
			}
				.inside_content_white ul.list ul li {
					padding: 0;
					list-style: disc outside;
					background: none;
				}
				
	.inside_content_white .call_today {
		padding: 20px 0;
		font-weight: normal;
		font-size: 25px;
		color: #646464;
	}
		.inside_content_white .call_today a {
			border-bottom: 2px solid #646464;
			text-decoration: none;
			color: #646464;
		}
			.inside_content_white .call_today a:hover {border: none;}
			
	.inside_content_black {
		margin: 0 -21px 0 -19px;
		padding: 5px 0 0 0;
		width: 653px;
		background: url(../images/inside_content_black_top.gif) no-repeat left top;
	}
		.i_c_b_bottom {
			padding: 0 0 12px 0;
			background: url(../images/inside_content_black_bottom.gif) no-repeat left bottom;
		}
			.i_c_b_repeat {
				background: url(../images/inside_content_black_repeat.gif) repeat-y left top;
			}
				.i_c_b_middle {
					padding: 0 1px 0 7px;
					/*min-height: 300px;*/
					background: url(../images/inside_content_black_middle.gif) no-repeat left top;
				}
				
	ul.related_resources {
		padding: 5px 0;
		
	}
		ul.related_resources li {
			padding: 7px 15px 0 15px;
			height: 25px;
			font-size: 12px;
			color: #B3B3B3;
			background: url(../images/related_resources_spacer.png) no-repeat left top;
		}
		ul.related_resources li.first {background: none;}
			ul.related_resources li a {
				float: left;
				display: inline-block;
				padding: 0 0 0 35px;
				height: 25px;
				line-height: 20px;
				text-decoration: none;
				color: #B3B3B3;
				background: url(../images/ico_pdf_small_2.png) no-repeat left top;
			}
			ul.related_resources li.word a{
				float: left;
				display: inline-block;
				padding: 0 0 0 35px;
				height: 25px;
				line-height: 20px;
				text-decoration: none;
				color: #B3B3B3;
				background: url(../images/ico_word_small.png) no-repeat left top;		
			}
			ul.related_resources li a:hover {color: #fff;}
			
	.inside_content_black_main {
		margin: 0 0 8px 0;
		padding: 5px 0 0 0;
		width: 700px;
		background: url(../images/i_c_b_m_top.png) no-repeat left top;
	}
		.i_c_b_m_bottom {
			padding: 0 0 12px 0;
			background: url(../images/i_c_b_m_bottom.png) no-repeat left bottom;
		}
			.i_c_b_m_repeat {
				background: url(../images/i_c_b_m_repeat.png) repeat-y left top;
			}
				.i_c_b_m_middle {
					padding: 15px 27px 15px 20px;
					min-height: 45px;
					background: url(../images/i_c_b_m_middle.png) no-repeat left top;
				}
				
	.inside_content_black_main p {
		line-height: 18px;
		font-weight: normal;
		font-size: 14px;
		color: #fff;
	}
	
	.inside_content_black_wide {
		position: relative;
		padding: 5px 0 0 0;
		width: 700px;
		background: url(../images/i_c_b_w_top.png) no-repeat left top;
	}
		.i_c_b_w_bottom {
			padding: 0 0 12px 0;
			background: url(../images/i_c_b_w_bottom.png) no-repeat left bottom;
		}
			.i_c_b_w_repeat {
				background: url(../images/i_c_b_w_repeat.png) repeat-y left top;
			}
				.i_c_b_w_middle {
					padding: 15px 47px 15px 40px;
					min-height: 650px;
					background: url(../images/i_c_b_w_middle.png) no-repeat left top;
				}
	
	.inside_content_black_wide p.required {
		position: absolute;
		right: 37px;
		top: 25px;
		font-size: 11px;
		color: #F4AA00;
	}
				
	ul.form {
		overflow: hidden;
		padding: 20px 0 0 0;
		width: 600px;
	}
		ul.form li {
			overflow: hidden;
			display: block;
			padding: 0 0 15px 0;
		}
			ul.form ul {
				overflow: hidden;
				clear: both;
				padding: 10px 0 0 0;
			}
				ul.form ul li {
					padding: 0 0 5px 20px;
				}
				ul.form ul.float li {
					float: left;
					padding: 0 0 0 20px;
				}
		
	ul.form .required {
		color: #F4AA00;
		font-size:1.2em;
	}
	
	ul.form label {
		float: left;
		margin: 2px 0 0 0;
		font-weight: normal;
		font-size: 14px;
		color: #fff;
	}
		ul.form label.narrow {width: 145px;}
		ul.form label.wide {width: 230px;}
		ul.form label.comments {margin-bottom: 10px;}
	ul.form input {
		float: left;
		border: none;
		padding:6px 3px;
		-moz-border-radius:8px; /* Firefox */
		-webkit-border-radius: 8px; /* Safari, Chrome */
		-khtml-border-radius: 8px; /* KHTML */
		border-radius: 8px; /* CSS3 */
		
	}
		ul.form input.txt {width: 340px;}
		ul.form input.txt.narrow {width: 255px;}
		ul.form input.txt.login {width: 170px;}
	ul.form input.checkbox {margin-right: 10px;} 
	ul.form input.radio {margin-right: 5px; margin-left: 5px;}
	ul.form textarea {
		clear: both;
		display: block;
		margin: 10px 0 0 0;
		width: 480px;
		height: 180px;
	}
	
	ul.form button {
		margin: 5px 0 6px -2px;
		width: 162px;
		height: 36px;
		text-align: center;
		font-weight: normal;
		color: #fff;
		cursor: pointer;
		border: none;
		background: url(../images/signup_button.png) no-repeat center top;
	}
	html:first-child ul.form button {line-height: 27px;}
	ul.form button:hover {background-position: center bottom}
	
	.faq_black {
		position: relative;
		margin: 0 -20px 8px -20px;
		padding: 8px 0 0 0;
		width: 654px;
		background: url(../images/faq_black_top.png) no-repeat left top;
	}
		.faq_black_bottom {
			padding: 0 0 12px 0;
			background: url(../images/faq_black_bottom.png) no-repeat left bottom;
		}
			.faq_black_repeat {
				padding: 12px 20px 10px 27px;
				background: url(../images/faq_black_repeat.png) repeat-y left top;
			}
				
	.faq_white {
		position: relative;
		margin: 0 -20px 8px -20px;
		padding: 8px 0 0 0;
		width: 654px;
		background: url(../images/faq_white_top.png) no-repeat left top;
	}
		.faq_white_bottom {
			padding: 0 0 12px 0;
			background: url(../images/faq_white_bottom.png) no-repeat left bottom;
		}
			.faq_white_repeat {
				padding: 12px 20px 10px 27px;
				background: url(../images/faq_white_repeat.png) repeat-y left top;
			}
			
	.faq_black.first {margin-top: -15px;}
			
	.faq_black h3 a,
	.faq_white h3 a{
		font-weight: normal;
		font-size: 18px;
		color: #F4AA00;
		text-decoration:none;
	}
	.faq_white h3 a{color: #808080;}
	
	.faq_black p ,
	.faq_white p {
		padding: 0 0 5px 0;
		line-height: 14px;
		font-weight: normal;
		font-size: 12px;
		color: #fff;
	}
	.faq_white p {color: #000;}
	
	a.btn_close_faq {
		position: absolute;
		right: 4px;
		top: 3px;
		width: 19px;
		height: 14px;
		text-align: left;
		text-indent: -9999em;
		background: url(../images/btn_close_white_faq.png) no-repeat left top;
	}
	
				
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

.inside_sidebar {
	background: url(../images/inside_sidebar.gif) repeat-y center top;
	margin: 0 0 15px 0;
}
	.w_inside_sidebar {
		background: url(../images/inside_sidebar_wrapper.gif) no-repeat center 31px;
	}
		.title_i_s {
			background: url(../images/inside_sidebar_top.gif) no-repeat center top;
			padding: 3px 20px 0;
			height: 28px;
			line-height: 27px;
		}
		.content_i_s {
			background: url(../images/inside_sidebar_bottom.gif) no-repeat center bottom;
			padding: 5px 15px 20px 20px;
			min-height: 1px;
		}
		
.title_i_s h4 {
	font-weight: bold;
	font-size: 12px;
	color: #B3B3B3;
}
	.title_i_s h4 strong {
		color: #fff;
	}

.content_i_s li {
	padding: 0 0 3px 0;
}
.content_i_s li.label {
	padding: 5px 0 2px 0;
}
	.content_i_s li.error {
		font-weight: bold;
		font-size: 11px;
		color: #FF0000;
	}

	.content_i_s label {
		font-weight: normal;
		font-size: 12px;
		color: #B3B3B3;
	}
	.content_i_s input {
		width: 170px;
		height: 15px;
		border: none;
		font-size: 11px;
	}
	.content_i_s button {
		margin: 5px 0 15px -2px;
		width: 130px;
		height: 27px;
		text-align: center;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		cursor: pointer;
		border: none;
		background: url(../images/btn_login.gif) no-repeat center top;
	}
	html:first-child .content_i_s button {line-height: 27px;}
	
	.content_i_s button:hover {background-position: center bottom}
/** Signup Button **/
	.signup{
		padding:3px 3px 2px 3px;
	}
	.signup-right-align{
		text-aling:right;
	}
	.signup button{
		background:url("../images/signup_button.png") top no-repeat;
		height:36px;
		width:160px;
		font-size:1.4em;
		font-weight:bold;
		padding-bottom:3px;
		color:#fff;
		cursor:pointer;
		border:none;
		
	}	
	.signup button:hover{background-position: center bottom}
	.pricing th, .pricing td, .pricing li{		
		padding:6px 12px 6px;
		font-size:1.2em;		
	}
	.pricing th, .pricing td{
		border:1px solid #F4AA00;
	}
	.pricing sup{
		font-size:10px;
		bottom:1ex;
		position:relative;
		padding-bottom:6px;
	}
.content_i_s p {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}
	.content_i_s p a {
		font-size: 12px;
	}
	
.content_i_s ul.list_download {
	margin: 0 -10px -10px -15px;
}
	.content_i_s ul.list_download li {
		padding: 0 5px 0 15px;
		line-height: 14px;
		font-size: 12px;
		background: url(../images/list_download_spacer.gif) no-repeat left bottom;
	}
	.content_i_s ul.list_download li.last {background: none;}
	
		.content_i_s ul.list_download li a {
			display: block;
			padding: 10px 0 10px 45px;
		}
			.content_i_s ul.list_download li a.pdf {background: url(../images/ico_pdf.png) no-repeat left 3px;}
			.content_i_s ul.list_download li a.apple {background: url(../images/ico_apple.png) no-repeat left 3px;}
			.content_i_s ul.list_download li a.android {background: url(../images/ico_android.png) no-repeat left 3px;}
			.content_i_s ul.list_download li a.ppt {background: url(../images/ico_ppt.png) no-repeat 3px 5px;}
			.content_i_s ul.list_download li a.news {background: url(../images/ico_news.png) no-repeat 3px 5px;}
	
	.content_i_s ul.list_download li a:hover {color: #fff;}
	.content_i_s ul.list_download li a:hover .link_orange {color: #fff;}
		
h2.tagline {
	padding: 20px 20px 5px 20px;
	font-weight: bold;
	font-size: 30px;
	color: #F4AA00;
}
p.tagline {
	padding: 0 20px 20px;
	line-height: 16px;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
}

.small_tagline {
	position: relative;
	min-height: 1px;
}
	.small_tagline h2.tagline {
		padding-left: 90px;
		padding-right: 10px;
		font-size: 26px;
	}
	.small_tagline p.tagline {
		padding-left: 90px;
		padding-right: 10px;
		font-size: 12px;
	}		


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/
	
	#footer  ul {
		overflow: hidden;
		float: left;
	}
		#footer  ul li {
			float: left;
			padding: 0 15px 0 0;
			line-height: 14px;
			font-size: 11px;
		}
		
	#footer  p.footer {
		float: right;
		line-height: 14px;
		font-size: 11px;
		color: #B3B3B3;
	}
	

/* 3. MISC
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

img.phone {
	position: absolute;
	/*left: 655px;*/
	left: 555px; /*585*/
	top: 95px;
}

img.small_phone {
	position: absolute;
	left: 5px;
	top: 0;
}

img.light {
	position: absolute;
	left: 13px;
	top: -11px;
}
a span.link_orange {
	padding: 0 3px;
	color: #F4AA00;
}
a:hover span.link_orange {
	color: #FFF;
}

/* Popup */

body#popup {
	padding: 3px;
	text-align: left;
	background: #000;
}

.popup {
	width: 710px;
	height: 530px;
	background: #000;
}
	.popup .header {
		position: relative;
		width: 710px;
		height: 40px;
	}
		.popup .header h1 ,
		.popup .header h1 span {
			position: absolute;
			left: 0;
			top: 0;
			width: 160px;
			height: 40px;
		}
			.popup .header h1 span {
				background: url(../images/logo_popup.gif) no-repeat left top;
			}
		.popup .header a.btn_close_popup {
			position: absolute;
			display: block;
			right: 5px;
			top: 5px;
			padding: 5px 0 4px 18px;
			width: 97px;
			height: 17px;
			line-height: 17px;
			text-decoration: none;
			text-align: left;
			font-weight: normal;
			font-size: 11px;
			color: #fff;
			background: url(../images/btn_close_popup.gif) no-repeat left top;
		}
			.popup .header a:hover.btn_close_popup {background-position: left bottom;}
	.popup .content {
		margin: 0 auto;
		padding: 26px 0 0 37px;
		width: 659px;
		height: 409px;
		background: url(../images/popup_content.gif) no-repeat center top;
	}
		.popup .content .inside_content {
			overflow: auto;
			padding: 0 15px 0 0;
			width: 620px;
			height: 380px;
			text-align: left;
		}
			.popup .content .inside_content h2 {
				padding: 0 0 5px 0;
				font-weight: bold;
				font-size: 24px;
				color: #F4AA00;
			}
			.popup .content .inside_content p {
				padding: 0 0 10px 0;
				line-height: 15px;
				font-weight: normal;
				font-size: 12px;
				color: #000;
			}
			.popup .content .inside_content ul {
				padding: 10px 0 0 0;
			}
				.popup .content .inside_content li {
					padding: 0 0 0 15px;
					line-height: 18px;
					font-weight: normal;
					font-size: 13px;
					color: #000;
					background: url(../images/arrow_popup.gif) no-repeat left 2px;
				}
			.popup .content .inside_content ul.list {padding: 10px 0;}
				.popup .content .inside_content ul.list li {padding: 0 0 20px 15px;}
					.popup .content .inside_content ul ul {
						padding: 0 0 25px 0;
					}
						.popup .content .inside_content ul ul li {
							padding: 0 0 0 10px;
							font-size: 12px;
							color: #808080;
							background: none;	
							background: url(../images/arrow_black.gif) no-repeat left 6px;
						}
	.popup .footer {
		overflow: hidden;
	}
		.popup .footer .left {
			float: left;
			padding: 10px 0 0 25px;
		}
			.popup .footer .left p {
				line-height: 14px;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
			}
		.popup .footer .right {
			float: right;
			padding: 10px 25px 0 0;
		}
			.popup .footer .right p {
				line-height: 14px;
				font-weight: normal;
				font-size: 11px;
				color: #B3B3B3;
			}
.site_map li, .site_map li a{
	line-height:22px;
	font-weight:bold;
	font-size:14px;
	color:#000;	
}
.site_map li.innerlist a{
	font-weight:normal;
	text-indent:10px;
}
.site_map li:hover, .site_map li a:hover{
	text-decoration:none;	
}