*{margin:0; padding:0;}
body{background-color:#1E2327;}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	font-size: 100.01%;
	text-align: center;
	font-family:Arial, helvetica, sans-serif; color:#82878B; font-size:0.75em; line-height:1.58; text-align:center;
}
img{border:0; text-align:left; vertical-align:top;}
.content h2{ margin-bottom: 15px; font-size: 24px; }
h3{ margin-bottom: 15px;
	font-size:18px;
	margin-bottom: 10px;
	color:#82858A;
	background: url(images/ico.jpg) no-repeat 0 7px;
	text-indent: 20px;
}
h4{
	font-size: 16px;
	margin-bottom: 5px;
}
h5 {
	font-size: 14px;
}

ul{list-style:none;}
li{line-height:1.5;}
.column{float:left;}
.container{ overflow:hidden;}
input, textarea, select{color:#82878B; vertical-align:top; text-align:left; border: 1px solid #434850; background:#1F2226; font:12px Arial, helvetica, sans-serif; padding-left:5px;}
.float_right{float:right;}
.align_right{text-align:right;}
.center{text-align:center;}
.block{display:block;}

.content p,
dt,
dd,
.content dt,
.content dd,
.content li{ color:#E0E0E0;}
.top_indent_5px{margin-top:5px; display:block;}
.top_indent_10px{margin-top:10px; display:block;}
.top_indent_15px{margin-top:15px; display:block;}
.top_indent_20px{margin-top:20px; display:block;}
.top_indent_25px{margin-top:25px; display:block;}
.top_indent_35px{margin-top:35px; display:block;}

.width_stretch{width:100%;}

.col_2, .col_3, .box_1, .box_2, .box_3, .mid{float:left;}



.title{margin-bottom:15px;}

a{color:#C3CAD0; text-decoration:underline;}
a:hover{text-decoration:none;}

.bold_2{color:#C2F9FE;}

.link_2{color:#C3CAD0; text-decoration:underline; font-size:1.16em; line-height:1.35;}
.link_2:hover{text-decoration:none;}

.link_3{color:#FEA408; text-decoration:underline; padding-right:11px; font-size:1.16em;
		background:url(images/arr.gif) right center no-repeat;}
.link_3:hover{text-decoration:none;}

.date{color:#C2F9FE; text-decoration:none; font-weight:bold; padding-left:18px; font-size:0.91em; background:url(images/new_pic.gif) left center no-repeat;}
.date:hover{text-decoration:underline;}

.pic_float{margin-right:15px; float:left;}

li{padding:5px 0 5px 18px; background:url(images/arr.gif) left center no-repeat;}
li a{color:#FEA408; text-decoration:underline; font-size:1.16em; line-height:1;}
li a:hover{text-decoration:none;}

.font_2{font-size:1.16em;}

.content:after,
.right_bot:after,
.left_bot:after,
.box_1:after,
.box_2:after,
.develop_box:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.left_bot{
	width: 100%;
}
.right_bot{
	padding: 40px 29px 36px 29px;
}
.images{
	padding: 40px 24px 36px 29px;
}
.box_1{
	width: 4200px;
}
.box_2{
	width: 360px;
}

.h4_box{
	margin-top: 20px;
}

/*=======header===========*/
.head{ padding:53px 0 35px 0; background:url(images/header_bg.jpg) left top no-repeat;}
.head h1{ width:270px; height: 48px; text-indent: -9999px; }


.menu{background:url(images/menu_bg.jpg) left top repeat-x; width:100%; overflow:hidden;}
/*.menu div{height:62px; float:left;}
.menu div div{padding:19px 0 0 20px; font-size:0.91em; height:auto;}
*/
.menu a, .menu span{text-decoration:none; color:#FFFFFF; font-size:1.27em; display:block; line-height:1; overflow: hidden;}
.menu a:hover, .menu span{text-decoration:underline; color:#000000;}

/*
.menu #button_1, .menu #button_2, .menu #button_4, .menu #button_6{width:136px;}
.menu #button_3, .menu #button_5, .menu #button_7{width:135px;}
*/
.menu #button_1 a,
.menu #button_1 p
{width:183px; background-image: url(images/h_menu_1.jpg); background-repeat: no-repeat; text-indent: -9999px;}
.menu #button_2 a,
.menu #button_2 p
{width:165px; background-image: url(images/h_menu_2.jpg); background-repeat: no-repeat; text-indent: -9999px;}
.menu #button_3 a,
.menu #button_3 p
{width:162px; background-image: url(images/h_menu_3.jpg); background-repeat: no-repeat; text-indent: -9999px;}
.menu #button_4 a,
.menu #button_4 p
{width:196px; background-image: url(images/h_menu_4.jpg); background-repeat: no-repeat; text-indent: -9999px;} 
.menu #button_5 a,
.menu #button_5 p
{width:99px; background-image: url(images/h_menu_5.jpg); background-repeat: no-repeat; text-indent: -9999px;} 
.menu #button_6 a,
.menu #button_6 p
{width:143px; background-image: url(images/h_menu_6.jpg); background-repeat: no-repeat; text-indent: -9999px;}

/*
.menu .button{background:url(images/menu_buttons_bg.jpg) right top no-repeat; color:#626B77;}
.menu .button_sel{background:url(images/menu_buttons_sel_bg.jpg) left top repeat-x; color:#996801;}

.menu .button_1{background:url(images/menu_button_1_bg.jpg) left top no-repeat; color:#626B77;}
.menu .button_1_sel{background:url(images/menu_button_1_sel_bg.jpg) left top no-repeat; color:#996801;}

.menu .button_7{background:url(images/menu_button_7_bg.jpg) left top no-repeat; color:#626B77;}
.menu .button_7_sel{background:url(images/menu_button_7_sel_bg.jpg) left top no-repeat; color:#996801;}

*/

.menu li{ height:62px; float:left; padding:0; background:none; background:url(images/menu_buttons_bg.jpg) no-repeat scroll right top;}
.menu li a,
.menu li p{ height:62px; line-height: 1.2; font-size:12px;}

.menu li p,
.menu li a:hover{ background-position: 0 -62px; color:#996801;}

/*=====//header===========*/

/*=======content===========*/
#content_1{background:url(images/content_1_bg.jpg) left top repeat-x #2F343A; padding:35px 0 22px 29px;}
#content_1 .box_1{width:332px; padding-top:5px; padding-right:29px;}
#content_1 .box_2{width:536px; height:265px; background:url(images/main_picture.jpg) left top no-repeat;}

#content_1 em{color:#C3CAD0; font-size:1.16em; line-height:1.35; font-style:normal;}
/*=====//content===========*/

/*=======content_2===========*/
#content_2{background:url(images/content_2_bg.jpg) left top repeat-x #2A2E34; width: 949px;}
#content_2 .left_bot{background:url(images/content_2_left_bot.jpg) left bottom no-repeat; width:100%;}
#content_2 .right_bot{background:url(images/content_2_right_bot.jpg) right bottom no-repeat;}


#content_2 .system{ background:url(images/content_2_right_bot.jpg) right bottom no-repeat;}

#content_2 .system:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#content_2 .system ul {
	background: url(images/bg_web.jpg) no-repeat center top;
	clear: both;
	width: 100%;
	text-align: center;
	height: 141px;
}
#content_2 .system ul:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#content_2 .system ul li{
	float: left;
	width: 179px;
	text-align: center;
	background: url(images/bg_dot.jpg) no-repeat right 20px;
	text-align: center;
	padding: 10px 0;
	color: #333333;
}
#content_2 .system ul li.list_end {
	background: none;
}


#content_2 .system ul li img{
}

/*=====//content_2===========*/

/*=======content_3===========*/
#content_3{background:url(images/content_3_top.jpg) left top repeat-x #2F343A; width:100%;}
#content_3 .left_bot{background:url(images/content_3_left_bot.jpg) left bottom no-repeat;}
#content_3 .right_bot{background:url(images/content_3_right_bot.jpg) right bottom no-repeat;}


/*=====//content_3===========*/

#content_2 em, #content_3 em{color:#C3CAD0; font-style:normal;}

/*=====//#page_1===========*/

#index .container,
#page_1 .container{
	width: 100%;

}

/*=====//#page_2===========*/
#page_2 .images {
	background:url(images/page_5_pic_1.jpg) no-repeat 730px 33px;
}
/*=====//#page_3===========*/
#page_3 .images {
	background:url(images/iphone.jpg) no-repeat 730px 33px;
}

/*=====//#page_4===========*/
#page_4 .images {
	background:url(images/page_4_pic_1.jpg) no-repeat 730px 132px;
}
#page_4 .right_bot {
	padding:0;
	width: 100%;
}
#page_4 #content_3 ul li{ background:none; padding-left:0; width: 600px; }


/*=====//#page_5===========*/
#page_5 .images {
/*	background: url(images/page_7_pic_1.jpg) no-repeat 640px 32px;*/
}
#page_5 .right_bot {
	padding:0;
	width: 100%;
}




/*=====//#page_6===========*/

#page_6 .images {
	background: url(images/page_7_pic_1.jpg) no-repeat 30px 100px;
	height: 160px;
}
#page_6 .images dl {
	margin-left: 190px;
}




dl.lists dt{
	font-weight: bold;
	float: left;
	width: 120px;
	clear: both;
}

dl.lists dd{
	float: right;
	width: 420px;
}
dl.lists{
	width:540px;
}
dl.lists:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#form textarea{ width: 450px;}
#form p { width: 462px; text-align: right;}
#form p a{
	padding: 5px;
	background:none;
}


div.text{
	padding-top: 25px;
}





/*=====//#index===========*/
#index #content_3 .images{
	background: url(images/main_picture.jpg) no-repeat 390px 36px;
	padding-right: 585px;
	height: 246px;
}

/*=====//#dino===========*/
#dino #content_3 .images{
	background: url(images/dino_large.jpg) no-repeat 390px 36px;
	padding-right: 385px;
	height: 340px;
}




/*=====//#iphone_product===========*/
#iphone_product #content_3 .images{
	background: url(images/product.jpg) no-repeat 390px 36px;
	height: 246px;
}

#iphone_product #content_2 ul li{
	background: url(images/border.gif) no-repeat left bottom;
	clear: left;
	padding: 0 0 15px;
	margin: 0 0 15px;
	
}
#iphone_product #content_2 ul li div.product_img{
	padding: 15px;
	float:left;
}
#iphone_product #content_2 ul li p{
	padding-left: 15px;
}

#iphone_product p{
	color:#E0E0E0;
}

/*=====//#iphone_development===========*/
#iphone_development #content_3 .images{
	background: url(images/development.jpg) no-repeat 390px 36px;
	height: 246px;
}

#iphone_development .right_bot{
	padding-top: 25px;
	padding-bottom: 25px;
}

#iphone_development .develop_box{
	width: 100%;
}

#iphone_development .develop{
	padding:15px 0;
	width: 440px;
}
#iphone_development .dev_left{ float:left; clear:both; background: url(images/border_v.gif) no-repeat right center; }
#iphone_development .dev_right{float:right; width:420px;}


#iphone_development .develop h3{
	background: none;
	line-height: 0px;
	text-indent: 0px;
}
#iphone_development .develop div{
	width: 340px;
	float: right;
}
#iphone_development .dev_right div{
	width:320px;
}

#iphone_development p.images{
	padding: 0;
}

#iphone_development .develop h3{

}
#iphone_development #touch h3{
	background: url(images/16touchicon.jpg) no-repeat 0 50%;
}
#iphone_development #dino h3{
	background: url(images/dinoicon.jpg) no-repeat 0 50%;
}



/*=====//#revenue===========*/
#revenue #content_3 .images{
	background: url(images/revenue.jpg) no-repeat 390px 36px;
	padding-right: 585px;
	height: 296px;
}

#revenue #content_2 ul li{
	background-position: 0 9px;
	padding-left: 15px;
	text-indent:0;
}
#revenue #content_2 ul li span{
	font-weight:bold;
}


/*=====//#aboutus===========*/
#aboutus #content_3 .images{
	background: url(images/aboutus.jpg) no-repeat 390px 36px;
	height: 246px;
}


/*=====//#contact===========*/
#contact #content_3 .images{
	background: url(images/contact.jpg) no-repeat 390px 36px;
	height: 246px;
}



/*=======footer===========*/
#footer{height:42px; padding:19px 32px 10px 29px; color:#82878B;}
#footer b{float:right; font-weight:normal;}
#footer b img{margin-left:5px;}
#footer span{display:block; word-spacing:18px;}
#footer a{word-spacing:0; color:#82878B; text-decoration:underline;}
#footer a:hover{text-decoration:none;}
#footer i{font-style:normal; font-size:0.91em;}
#footer a{color:#C9D0D6; text-decoration:underline;}
#footer a:hover{text-decoration:none; color:#FFFFFF;}
#footer address { text-align: right;}

#footer ul { text-align: right;}
#footer ul li{ display: inline; background-image: none; padding:5px 0 5px 10px;}
#footer ul li a{ font-size: 10px; }

/*=====//footer===========*/