html			{height:100%;}

body			{
				margin:0;
				padding:0;
				height:100%;
				text-align:left;
				font-size:75%;
				font-family:Arial, Helvetica, sans-serif;
				line-height:1.8em;
				color:#0C3050;
				background:#ffffff;
				}

a 				{
				text-decoration:none;
				color:#15558D;
				}
		
a:hover 		{
				text-decoration:none;
				color:#333333;
				}

p				{
				margin:0;
				padding:0 0 12px 0;
				}
				
img				{border:0;}
				
div				{
				margin:0;
				padding:0;
				text-align:left;
				}
				
.abs			{vertical-align:middle;}

small			{font-size:0.9em;}

.big			{font-size:1.1em;}

b				{color:#70027E;}

form			{
				margin:0;
				padding:0;
				border:none;
				}
				
fieldset		{
				border:0;
				margin:0;
				padding:0;
				}
				
label			{
				display:block;
				margin:0;
				padding:0 0 5px 0;
				}
				
input, select, textarea {
				font:1em Arial, Helvetica, sans-serif;
				border-top:1px solid #ABABAB;
				border-left:1px solid #ABABAB;
				border-bottom:1px solid #DADADA;
				border-right:1px solid #DADADA;
				}
				
.check			{border:none;}

.container		{
				margin:0 auto -76px auto;
				position:relative;
				min-height:100%;
				z-index:1;
				}
			
/* ---------------------------------- header ----------------------------------------------*/

.top_wrap		{
				height:535px;
				position:relative;
				background:url(../images/top_bg.gif) top center repeat-x #030D17;
				border-bottom:3px solid #D2FF00;
				z-index:2;
				}
				
.top_bg			{
				height:535px;
				position:relative;
				z-index:3;
				background:url(../images/top_bg.png) center top no-repeat;
				}

.top			{
				width:916px;
				height:332px;
				top:103px;
				position:relative;
				z-index:1;
				}
				
.top_container	{
				width:916px;
				height:435px;
				margin:0 auto;
				position:relative;
				z-index:2;
				}
				
.logo			{
				position:absolute;
				top:42px;
				left:8px;
				z-index:100;
				}
				
.car			{
				width:534px;
				height:359px;
				position:absolute;
				z-index:20;
				top:0;
				left:-30px;
				background:url(../images/mitsubishi.png) 0 0 no-repeat;
				}
				
.iphone			{
				width:175px;
				height:359px;
				position:absolute;
				z-index:30;
				top:0;
				left:86px;
				background:url(../images/iphone.png) 0 0 no-repeat;
				}
				
.macbook		{
				width:518px;
				height:294px;
				position:absolute;
				z-index:30;
				top:31px;
				left:-17px;
				background:url(../images/osho.png) 0 0 no-repeat;
				}
				
.girl			{
				width:200px;
				height:375px;
				position:absolute;
				z-index:40;
				top:-30px;
				left:291px;
				background:url(../images/girl.png) 0 0 no-repeat;
				}
				
.iphone_shop	{
				width:281px;
				height:365px;
				position:absolute;
				z-index:30;
				top:-11px;
				left:50px;
				background:url(../images/iphone_shop.png) 0 0 no-repeat;
				}
				
.iphone_fit		{
				width:281px;
				height:365px;
				position:absolute;
				z-index:30;
				top:-11px;
				left:204px;
				background:url(../images/iphone_fit.png) 0 0 no-repeat;
				}
				
.fit			{
				width:518px;
				height:294px;
				position:absolute;
				z-index:40;
				top:140px;
				left:0;
				background:url(../images/dumbbells.png) 0 0 no-repeat;
				}
				
.deeks			{
				width:483px;
				height:456px;
				position:absolute;
				z-index:30;
				top:-103px;
				left:0;
				background:url(../images/deeks.png) 0 0 no-repeat;
				}

.slogan			{
				width:903px;
				height:48px;
				position:absolute;
				z-index:40;
				top:467px;
				left:6px;
				background:url(../images/slogan.png) 0 0 no-repeat;
				}
				
.social_area	{
				position:absolute;
				top:8px;
				right:15px;
				}
				
.social_area span	{
				width:16px;
				display:block;
				float:left;
				margin-left:4px;
				}
				
.next_area		{
				width:98px;
				height:22px;
				padding:8px 10px 10px 10px;
				position:absolute;
				z-index:50;
				top:110px;
				right:0;
				font-size:1.5em;
				text-align:center;
				color:#feffff;
				background:url(../images/next_bg.png) top repeat-x;
				}
				
.next_area a	{
				color:#efffff;
				text-decoration:none;
				}
				
.next_area a:hover	{
				color:#81888C;
				text-decoration:none;
				}
				
.top_msg_area	{
				width:396px;
				position:absolute;
				z-index:60;
				top:105px;
				right:-5px;
				}
				
.msg_wrap		{
				width:396px;
				height:84px;
				overflow:hidden;
				position:relative;
				}
				
.msg			{
				width:338px;
				position:relative;
				padding:8px;
				background:url(../images/top_bg_opacity.png);
				color:#efffff;
				font-size:1.2em;
				}


/* ---------------------------------- menu ----------------------------------------------*/
				
.menu			{
				margin:0;
				padding:0 10px;
				list-style:none;
				}
				
.menu li		{
				margin:0;
				padding:10px 0;
				position:relative;
				color:#393939;
				}
				
.menu li span	{visibility:hidden;}

.menu li a.m1	{
				display:block;
				overflow:hidden;
				width:74px;
				height:21px;
				background:url(../images/mobile.png) 0 0 no-repeat;
				}
				
.menu li a:hover.m1	{background:url(../images/mobile_a.png) 0 0 no-repeat;}

.menu li a.m2	{
				display:block;
				overflow:hidden;
				width:123px;
				height:21px;
				background:url(../images/applications.png) 0 0 no-repeat;
				}
				
.menu li a:hover.m2	{background:url(../images/applications_a.png) 0 0 no-repeat;}

.menu li a.m3	{
				display:block;
				overflow:hidden;
				width:164px;
				height:21px;
				background:url(../images/user_exp.png) 0 0 no-repeat;
				}
				
.menu li a:hover.m3	{background:url(../images/user_exp_a.png) 0 0 no-repeat;}

.menu li a.m4	{
				display:block;
				overflow:hidden;
				width:159px;
				height:21px;
				background:url(../images/interface_des.png) 0 0 no-repeat;
				}
				
.menu li a:hover.m4	{background:url(../images/interface_des_a.png) 0 0 no-repeat;}

	
/* ---------------------------------- content ----------------------------------------------*/

h1				{
				font:bold 1.6em Arial, Verdana, Helvetica, sans-serif;
				color:#0C3050;
				margin:0;
				padding:0 0 25px 0;
				}
				
h2				{
				font:bold 1.5em Arial, Verdana, Helvetica, sans-serif;
				color:#0C3050;
				margin:0;
				padding:0 0 20px 0;
				}
				
h3				{
				font:1.5em Arial, Verdana, Helvetica, sans-serif;
				color:#0C3050;
				margin:0;
				padding:0 0 10px 0;
				}
				
.title h3		{
				color:#efffff;
				padding:0;
				}

.title h3 a		{
				color:#feffff;
				text-decoration:none;
				}
				
.title h3 a:hover	{
				color:#8596A5;
				text-decoration:none;
				}

h4				{
				font:bold 1.1em Arial, Verdana, Helvetica, sans-serif;
				color:#000000;
				margin:0;
				padding:10px 20px;
				}
				
h5				{
				font:bold 1em Arial, Verdana, Helvetica, sans-serif;
				color:#0C3050;
				margin:0;
				padding:0 0 2px 0;
				}
				
.content_wrap	{
				position:relative;
				z-index:2;
				min-height:790px;
				padding:39px 0 10px 0;
				background:url(../images/bg.gif) top center repeat-x;
				border-top:1px solid #8D9194;
				border-bottom:1px solid #8D9194;
				}

.content		{
				width:900px;
				margin:0 auto;
				position:relative;
				overflow:hidden;
				}
				
.row			{
				position:relative;
				overflow:hidden;
				}
				
.left			{
				width:auto;
				float:left;
				}
				
.right			{
				width:auto;
				float:right;
				}
				
.col1,
.col2			{
				min-height:300px;
				background:url(../images/box_px.png) top repeat-x;
				}
				
.col1			{width:305px;}

.col1 p			{
				padding:0 5px 1em 5px;
				line-height:1.55em;
				}
				
.col2			{
				width:522px;
				padding:22px 30px;
				}
				
.col3			{width:200px;}
.col4			{width:305px;}
.col5			{width:250px;}
.col6			{width:255px;}

.col5 input,
.col5 textarea	{width:246px; overflow:hidden;}

.label			{
				width:18px;
				height:18px;
				overflow:hidden;
				position:absolute;
				bottom:-18px;
				right:18px;
				background:url(../images/label.png) 0 0 no-repeat;
				}
				
.title			{
				position:relative;
				margin:15px 0 20px 0;
				padding:10px 15px;
				text-align:right;
				background:url(../images/title_px.gif) top repeat-x #071C30;
				}
				
.date			{
				display:block;
				text-align:right;
				font-size:0.9em;
				color:#828385;
				}
				
.article		{
				position:relative;
				padding:5px;
				}
				
.divider		{
				height:1px;
				position:relative;
				overflow:hidden;
				background:url(../images/dot_hor.gif) bottom repeat-x;
				}
				
.article p		{
				font-size:0.9em;
				line-height:1.2em;
				margin:0;
				padding:0 0 3px 0;
				}
				
.art_date		{
				display:block;
				color:#8C9093;
				font-size:0.9em;
				line-height:1em;
				padding:0 0 5px 0;
				}
				
.clients		{
				margin:0;
				padding:0 0 50px 0;
				position:relative;
				overflow:hidden;
				list-style:none;
				}
				
.clients li		{
				width:152px;
				margin:0;
				padding:0 0 0 20px;
				float:left;
				}
				
.box			{
				position:relative;
				overflow:hidden;
				margin-bottom:25px;
				padding:15px 0;
				background:url(../images/dot.gif) 199px 0 repeat-y;
				}
				
.r_text			{
				text-align:right;
				line-height:1.5em;
				}
			
.submit			{
				text-align:right;
				width:133px;
				height:23px;
				border:0px;
				}


				
/* ---------------------------------- FOOTER ----------------------------------------------*/
				
#page-empty		{
				height:76px;
				clear:both;
				}

#footer			{
				height:76px;
				font-size:0.85em;
				position:relative;
				color:#ffffff;
				z-index:100;
				background:url(../images/foot_bg.gif) #030C15;
				border-top:2px solid #D2FF00;
				}
				
#footer a		{
				color:#D2FF00;
				text-decoration:none;
				}
				
#footer a:hover	{
				color:#EEEFEF;
				text-decoration:none;
				}
				
.f_logo			{
				position:absolute;
				right:15px;
				bottom:15px;
				}
				
.footer			{
				width:870px;
				height:35px;
				margin:0 auto;
				padding:20px 15px;
				position:relative;
				}
				
.copy			{
				position:absolute;
				bottom:13px;
				right:70px;
				text-align: right;
				line-height: 12px;
				}
				
.foot_box		{
				width:auto;
				padding-right:28px;
				position:relative;
				float:left;
				}