@charset "utf-8";
/* CSS Document */

	@font-face 								{ font-family:MyriadWebPro !important; src:url('../font/MyriadPro-Regular.otf'); }	
	@font-face 								{ font-family:MyriadProBold !important; src:url('../font/MyriadPro-Bold.otf'); }	
	@font-face 								{ font-family:MyriadProLight !important; src:url('../font/MyriadPro-Light.otf'); }		
	
	body 									{ margin:0; padding:0; background:#909ba5; font-family:MyriadWebPro, Arial; }
	.bgHome									{ background:url(../image/home-bg.png) repeat-x; }
	.bgInnerPage							{ background:url(../image/inner-page-header-bg.png) repeat-x; }
	.bgInnerDemo							{ background:url(../image/inner-demo-header-bg.png) repeat-x; }	
		
	input, textarea, select,
	h1, h2, h3, h4, h5, h6,
	a, p, b, ul, li, ol,
	img, div, span, label					{ outline:none !important; } 
	
	img										{ border:0 !important; }
	a										{ cursor:pointer; text-decoration:none; }
	ul										{ list-style:none; padding:0; margin:0; }
	
	h1, h2, h3, h4, h5, h6					{ margin:0; padding:0; }
	
	h1										{ font-family:MyriadProLight, Arial; font-weight:normal; }
	h2										{ font-family:MyriadProBold, Arial; font-weight:normal; }	
	p, label								{ font-family:MyriadProLight, Arial; font-weight:normal; margin:0; padding:0; }
	b, strong								{ font-family:MyriadProBold, Arial; font-weight:normal; }	
	tr, td									{ font-family:MyriadProLight, Arial; font-weight:normal; }
		
	.clear									{ clear:both; }
	.button									{ cursor:pointer !important; }		
	.noBorderTop							{ border-top:0 !important; }
	.noBorderRight							{ border-right:0 !important; }
	.noBorderBottom							{ border-bottom:0 !important; }
	.noBorderLeft							{ border-left:0 !important; }
	.noMarginTop							{ margin-top:0 !important; }			
	.noMarginRight							{ margin-right:0 !important; }			
	.noMarginBottom							{ margin-bottom:0 !important; }			
	.noMarginLeft							{ margin-left:0 !important; }						
	.noBackground							{ background:none !important; }
		
	/* TEMPLATE DESIGN */	
	#header									{ float:left; width:100%; height:105px; background:#FFFFFF; position:relative; }
	#header	div#center						{ width:1280px; height:105px; margin-left:-640px; position:absolute; top:0; left:50%; background:#FFFFFF; }	
	#header	div								{ margin:0 auto; width:960px; }
	#header	div .logo						{ display:block; float:left; margin:14px 0 0 0; }
	#header	div ul							{ display:block; float:right; margin:81px 0 0 0; }
	#header	div li							{ display:block; float:left; margin-right:27px; }
	#header	div li a						{ display:block; float:left; font-size:14px; line-height:20px; color:#1d4677; }
	#header	div li a:hover,
	#header	div li a.active					{ border-bottom:#1d4677 solid 4px; color:#e20004; }

	#footer									{ float:left; width:100%; height:25px; background:url(../image/footer-bg.png) repeat-x; position:relative; }
	#footer	div#center						{ width:1280px; height:25px; margin-left:-640px; position:absolute; top:0; left:50%; background:url(../image/footer-bg.png) repeat-x; }					
	#footer	div								{ margin:0 auto; width:960px; background:url(../image/footer-gradient-bg.png) repeat-x; font-size:12px; color:#ffffff; line-height:25px; }				
	#footer	a								{ float:right; color:#ffffff; text-decoration:underline; }
	
	#body									{ float:left; width:100%; padding:0; }	
	#content								{ margin:0 auto; width:960px; z-index:9999; position:relative; }		
	#bgInnerCenter							{ width:1280px; height:863px; margin-left:-640px; z-index:1; position:absolute; top:105px; left:50%; background:url(../image/inner-page-center-bg.png) no-repeat center top; }
	#bgHomeCenter							{ width:1280px; height:684px; margin-left:-640px; z-index:1; position:absolute; top:105px; left:50%; background:url(../image/home-center-bg.png) no-repeat center top; }

/* INDIVIDUAL PAGE */	
	/* ABOUT */
	#about									{ float:left; width:960px; margin-bottom:50px; font-size:16px; color:#FFFFFF; }
	#about .box								{ display:block; float:left; margin:73px 0 0 50px; }
	#about .details							{ float:right; width:632px; margin:154px 0 0 0; }	
	#about h1								{ display:block; float:right; width:632px; font-size:57px; line-height:57px; color:#FFFFFF; margin-bottom:30px; }
	#about h2								{ display:block; float:right; width:632px; font-size:24px; line-height:24px; color:#000000; margin:25px 0 15px 0; padding:3px 0 7px 0; border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; }	
	#about p								{ display:block; float:right; width:632px; }	
	#about a.circle-1						{ display:block; float:left; width:107px; height:72px; padding-top:35px; margin:20px 10px 0 0; text-align:center;  background:url(../image/about-circle-1.png) no-repeat; color:#FFFFFF; }
	#about a.circle-2						{ display:block; float:left; width:107px; height:72px; padding-top:35px; margin:20px 10px 0 0; text-align:center;  background:url(../image/about-circle-2.png) no-repeat; color:#FFFFFF; }
	#about a.circle-3						{ display:block; float:left; width:107px; height:72px; padding-top:35px; margin:20px 10px 0 0; text-align:center;  background:url(../image/about-circle-3.png) no-repeat; color:#FFFFFF; }	
	#about a.circle-1:hover					{ background:url(../image/circle-hover.png) no-repeat; }
	#about a.circle-2:hover					{ background:url(../image/circle-hover.png) no-repeat; }
	#about a.circle-3:hover					{ background:url(../image/circle-hover.png) no-repeat; }				
	#about table							{ display:block; float:right; width:632px; margin-bottom:20px; }
	
	/* CONTACT */
	#contactUs								{ float:left; width:960px; margin-bottom:40px; font-size:16px; color:#FFFFFF; }
	#contactUs .telephone					{ display:block; float:left; margin:72px 0 0 -9px; }
	#contactUs div							{ float:right; width:614px; margin:154px 0 0 0; }	
	#contactUs h1							{ display:block; float:right; width:614px; font-size:57px; line-height:57px; color:#FFFFFF; margin-bottom:30px; }
	#contactUs p							{ display:block; float:right; width:614px; }	
	#contactUs ul							{ display:block; float:left; width:614px; margin:34px 0 0 0; }
	#contactUs li							{ display:block; float:left; width:614px; margin-bottom:16px; position:relative; }
	#contactUs i							{ display:block; float:left; width:199px; height:22px; line-height:22px; padding:0 5px; background:#a7b1ba; color:#FFFFFF; font-size:15px; font-style:normal; }
	#contactUs .field						{ display:block; float:left; width:385px; height:22px; margin:0; padding:0 10px; border:0; background:#bdc5cb; color:#FFFFFF; }	
	#contactUs .textarea					{ display:block; float:left; width:385px; height:130px; margin:0; padding:5px 10px; border:0; background:#bdc5cb; resize:none; color:#FFFFFF; }	
	#contactUs .textareaLabel				{ height:140px; }	
	#contactUs .select						{ display:block; float:left; width:404px; height:22px; margin:0; padding:2px 2px 2px 8px; border:0; background:#bdc5cb; color:#FFFFFF; }		
	#contactUs .button						{ display:block; float:left; width:614px; height:34px; background:url(../image/contact-us-button.png) no-repeat; border:0; padding:0; margin:0; }
	#contactUs label.error					{ font-size:11px; position:absolute; top:-13px; left:0; color:#4e5c69; }
	
	/* WHO IS IT FOR */
	#whoIsItFor								{ float:left; width:960px; margin-bottom:50px; font-size:16px; color:#FFFFFF; min-height:850px; }
	#whoIsItFor .dice						{ display:block; float:left; margin:91px 0 0 48px; }
	#whoIsItFor .details					{ float:right; width:632px; margin:154px 0 0 0; }	
	#whoIsItFor h1							{ display:block; float:right; width:632px; font-size:57px; line-height:57px; color:#FFFFFF; margin-bottom:30px; }
	#whoIsItFor h2							{ display:block; float:right; width:632px; font-size:24px; line-height:24px; color:#000000; margin:0; padding:3px 0 7px 0; border-top:#FFFFFF solid 1px; }	
	#whoIsItFor p							{ display:block; float:right; width:632px; }	
	#whoIsItFor a							{ display:block; float:left; width:107px; height:72px; padding-top:35px; margin:20px 10px 0 0; text-align:center; color:#FFFFFF; }			
	#whoIsItFor a.circle-1					{ background:url(../image/who-is-it-for-circle-1.png) no-repeat; }
	#whoIsItFor a.circle-2					{ background:url(../image/who-is-it-for-circle-2.png) no-repeat; }
	#whoIsItFor a.circle-3					{ background:url(../image/who-is-it-for-circle-3.png) no-repeat; }	
	#whoIsItFor a.circle-1:hover			{ background:url(../image/circle-hover.png) no-repeat; }	
	#whoIsItFor a.circle-2:hover			{ background:url(../image/circle-hover.png) no-repeat; }	
	#whoIsItFor a.circle-3:hover			{ background:url(../image/circle-hover.png) no-repeat; }			
	#whoIsItFor hr							{ display:block; float:right; width:632px; height:1px; background:#FFFFFF; border:0; margin:0 0 10px 0; padding:0; }		

	/* FEATURES */
	#features								{ float:left; width:960px; margin-bottom:50px; font-size:16px; color:#FFFFFF; }
	#features .box							{ display:block; float:left; margin:73px 0 0 50px; }
	#features .details						{ float:right; width:632px; margin:154px 0 0 0; }	
	#features h1							{ display:block; float:right; width:632px; font-size:57px; line-height:57px; color:#FFFFFF; margin-bottom:30px; }
	#features h2							{ display:block; float:right; width:598px; font-size:24px; line-height:24px; color:#000000; margin:0; padding:9px 0 13px 34px; border-bottom:#FFFFFF solid 1px; background:url(../image/arrow.png) no-repeat left 14px; }	
	#features h2 b							{ display:block; float:right; width:598px; font-size:20px; line-height:20px; color:#FFFFFF; padding-left:34px; }
	#features a								{ display:block; float:left; width:107px; height:72px; padding-top:35px; margin:20px 10px 0 0; text-align:center; color:#FFFFFF; }			
	#features a.circle-1					{ background:url(../image/about-circle-1.png) no-repeat; }
	#features a.circle-2					{ background:url(../image/about-circle-2.png) no-repeat; }
	#features a.circle-3					{ background:url(../image/about-circle-3.png) no-repeat; }
	#features a.circle-1:hover				{ background:url(../image/circle-hover.png) no-repeat; }			
	#features a.circle-2:hover				{ background:url(../image/circle-hover.png) no-repeat; }			
	#features a.circle-3:hover				{ background:url(../image/circle-hover.png) no-repeat; }					
	#features table							{ display:block; float:right; width:632px; margin-bottom:20px; }
	
	/* DEMO */
	#demo									{ float:left; width:960px; margin-bottom:50px; }
	#demo h1								{ float:left; width:960px; color:#FFFFFF; margin:40px 0 0 0; padding:0 0 5px 0; font-size:32px; line-height:32px; border-bottom:#84919d solid 1px; }	
	
	/* HOME */
	#home									{ width:1172px; margin:0 0 45px -106px; height:639px; position:relative; }	
	#home .equal							{ position:absolute; bottom:27px; right:100px; background:url(../image/equal.png) no-repeat; width:19px; height:19px; }
	#home .total							{ position:absolute; bottom:21px; right:106px; font-size:12px; font-family:MyriadProLight, Arial; color:#c6cdd2; }