@charset "utf-8";


html>/**/body .clearfix { display /*\**/: block\9 }

html{
	height:100%;
}

body{
	height:100%;
	color: #666;
	background-color: #E1E1E1;
	font-size: 12px;
	line-height: 1.5em;
}


img { border: none; }

.clearleft{ 
clear: left; 
}

.clearright{ 
clear: right; 
}


.clearboth { 
clear: both; 
}



#container{
	background-image: url(images/container_back.png);
	TEXT-ALIGN: left;
	MARGIN: 0px auto;
	WIDTH: 870px;
	background-repeat: repeat-y;
}

#head {
	background-image: url(images/head.png);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 870px;
}

#sidebar{
	margin-top:14px;
	width: 36px;
	float: left;
	background-color: #e1e1e1;
	background-image: url(images/SideBarBack.png);
	background-repeat: repeat-y;
}

#sidebar ul {
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
}

#sidebar li {
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
}

b{
	text-indent:-10000;
	display: none;
}



A.navHome{
	background-image:url(images/nav_Home.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: 0px 0px;	width:36px;	height:36px;	OVERFLOW: hidden	}
A.navHome:hover {	BACKGROUND-POSITION: -36px 0px}
A.navHomeF{
	background-image:url(images/nav_Home.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: -36px 0px;	width:36px;	height:36px;	OVERFLOW: hidden	}

A.navProf{
	background-image:url(images/nav_Prof.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: 0px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}
A.navProf:hover {	BACKGROUND-POSITION: -36px 0px}
A.navProfF{
	background-image:url(images/nav_Prof.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: -36px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}

A.navDesc{
	background-image:url(images/nav_Desc.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: 0px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}
A.navDesc:hover {	BACKGROUND-POSITION: -36px 0px}
A.navDescF{
	background-image:url(images/nav_Desc.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: -36px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}

A.navRecruit{
	background-image:url(images/nav_Recruit.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: 0px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}
A.navRecruit:hover {	BACKGROUND-POSITION: -36px 0px}
A.navRecruitF{
	background-image:url(images/nav_Recruit.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: -36px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}

A.navContact{
	background-image:url(images/nav_Contact.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: 0px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}
A.navContact:hover {	BACKGROUND-POSITION: -36px 0px}
A.navContactF{
	background-image:url(images/nav_Contact.png);
	DISPLAY: block; BACKGROUND-REPEAT: no-repeat;	BACKGROUND-POSITION: -36px 0px;	width:36px;	height:86px;	OVERFLOW: hidden	}



#main {
	width:834px;
	float:left;
}

#main_heightfix{
	float:left;
	height:500px;
}

#logo{
	padding-top: 0px;
	padding-left: 64px;
	margin-top: 28px;
	margin-bottom: 12px;
}

#topImage{
	padding-top: 12px;
	padding-bottom: 0px;
	margin-right:36px;
	text-align:center;
	margin-bottom: 24px;
}

h3{
	font-size: 16px;
	margin: 0px;
	padding:0px;
	color: #33C;
	padding-left: 4px;
}

p{
	padding:0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 25px;
}


#box_news_topics {
	width:660px;
	padding-right: 0px;
	padding-left: 70px;

}

#topics {
	width:350px;
	float: right;
	margin-bottom:16px;
	padding-bottom:0px;
	border: 1px dotted #6CF;	
}



.top_banar {
	width:350px;
	margin-bottom:5px;
	text-align: center;
}


#news {
	width:285px;
	margin-bottom:16px;
	padding-bottom:0px;
	border: 1px dotted #6CF;
	padding-right: 8px;
}


.news_box {
	width:265px;
	padding-left: 25px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.news_left {
	width:190px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

.news_right {
	width:75px;
	float: right;
}

.news_text {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
}




#topics h3{
	width:345px;
	background-color: #FF9;
}

#links {
	float:left;
	width: 870px;
	text-align:center;
}

#footer{
	float:none;
	clear: both;
	background-image: url(images/foot.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 46px;
	width: 870px;
	text-align:center;
	background-position: top;
	margin: 0px;
	font-size: 16px;
}

#footer p{
	padding-top: 8px;
	margin: 0px;
}


#CompProf{
	width: auto;
	font-size: 14px;
	width: auto;
}

#CompProf h2{
	text-align:left;
	color: #01A6E6;
	padding-top:12px;
	margin-left: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #01A6E6;
	font-size: 20px;
	font-weight: 900;
	width: 520px;
}

#CompProf p{
	text-align:left;
	margin-left: 140px;
	width: 520px;
}

#CompProf ul{
	margin-left: 140px;
	width: 520px;
}

#CompProf table {
	margin-left: 140px;
	border: 1px solid #CDE;
}


#CompProf th{
	text-align:center;
	background-color:#CDF;
	padding: 4px;
	margin: 0px;
	border: 1px solid #CDE;
}

#CompProf td{
	text-align:left;
	padding: 4px;
	margin: 0px;
	border: 1px solid #CDE;
}

#Description{
	margin-left: 80px;
	width:680px;
}

#Description h1{
	padding-top:12px;
	padding-bottom:2px;
	margin-bottom:24px;
	text-align:left;
	color: #01A6E6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #01A6E6;
	font-size: 20px;
	font-weight: 900;
	width: 520px;
}

#Description h2{
	font-size: 16px;
	font-weight: 900;
	padding: 0px;
	margin:0px;
	margin-left: 16px;
}
#Description p{
	padding:0px;
	margin-top: 12px;
	margin-right: 16px;
	margin-bottom: 24px;
	margin-left: 46px;
}

#Recruit{
	margin-left: 140px;
	width:520px;
}

#Recruit h1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #01A6E6;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 32px;
	margin-left: 0px;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 24px;
	font-weight: 900;
	color: #01A6E6;
	border-right-width: 32px;
	border-right-style: none;
	border-right-color: #01A6E6;
	border-left-width: 32px;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #01A6E6;
	border-left-color: #01A6E6;
	text-align: left;
}

#Recruit h2{
	padding:0px;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 32px;
	margin-left: 16px;
	color: #666;
	font-size: 16px;
}

#Recruit h3{
	padding:0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 32px;
	color: #666;
	font-size: 14px;
}

#Recruit h4{
	padding:0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 32px;
	color: #666;
	font-size: 12px;
}
#Recruit p{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 72px;	
}

#Recruit ul{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 72px;	
}


#Recruit table {
	margin-left: 40px;
	border: 1px solid #CDE;
}


#Recruit th{
	text-align:center;
	background-color:#CDF;
	padding: 4px;
	margin: 0px;
	border: 1px solid #CDE;
}

#Recruit td{
	text-align:left;
	padding: 4px;
	margin: 0px;
	border: 1px solid #CDE;
}

#Contact{
}

#iPhoneApp {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-top: 3px;
}

#iPhoneApp p{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
}

#iPhoneApp img{
	float:left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#iPhoneApp img.a{
	width:60;
	height:90;
	padding-right: 15px;
	padding-left: 15px;
}

#iPhoneApp img.b{
	width:90;
	height:60;
	padding-top: 15px;
	padding-bottom: 15px;
}



#iPhoneApp .iPhoneApp_box {
	width:340px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
}

#iPhoneApp .iPhoneApp_left {
	width:90px;
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
}

#iPhoneApp .iPhoneApp_right {
	width:210px;
	float: right;
}

#iPhoneApp .iPhoneApp_text {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
}



#bottom {
	float:left;
	width: 798px;
	margin-left: 36px;
	margin-right: 36px;
	background-color: #01A6E6;
	color: #FFF;
	padding-left: 38px;
}

.r{
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 24px;
}
.l{
	float:left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
hr {
	margin: 1px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6CF;
}




#release h1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 32px;
	margin-left: 140px;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 24px;
	font-weight: 900;
	color: #666666;
	border-right-width: 32px;
	border-right-style: none;
	border-right-color: #01A6E6;
	border-left-width: 32px;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #01A6E6;
	border-left-color: #01A6E6;
	text-align: left;
	width: 520px;
	line-height: 120%;
}


#release h2{
	text-align:left;
	color: #666666;
	padding-top:12px;
	margin-left: 140px;
	font-size: 20px;
	font-weight: 900;
	width: 520px;
	line-height: 120%;

}


#release h3{
	padding:0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 140px;
	color: #666;
	font-size: 14px;
}

#release p{
	text-align:left;
	margin-left: 140px;
	width: 520px;
}



#release ul {
	LIST-STYLE-TYPE: none;
	margin-left: 140px;
	width: 500px;
}

#release li {
	LIST-STYLE-TYPE: none;
	margin-left: 140px
	width: 500px;
}




#iphone h1{
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 24px;
	font-weight: 900;
	color: #666666;
	text-align: left;
	width: 620px;

}




#iphone h2{
	text-align:left;
	color: #666666;
	padding-top:12px;
	margin-left: 190px;
	font-size: 20px;
	font-weight: 900;
	width: 520px;
	line-height: 120%;

}


#iphone h3{
	padding:0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 100px;
	color: #666;
	font-size: 14px;
}

#iphone p{
	text-align:left;
	margin-left: 105px;
	width: 600px;
}



#iphone ul {
	LIST-STYLE-TYPE: none;
	margin-left: 105px;
	width: 500px;
}

#iphone li {
	LIST-STYLE-TYPE: none;
	margin-left: 140px
	width: 500px;
}


.youtube{
	width:630px;
	margin-left: 105px;
}

.youtube_left{
	width:310px;
	float:left
}

.youtube_right{
	width:310px;
	float:right
}

.dl_banar img{
	margin-right: 8px;
}


#WorksProf{
	width: auto;
	font-size: 14px;
	width: auto;
}

#WorksProf h2{
	text-align:left;
	color: #01A6E6;
	padding-top:12px;
	margin-left: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #01A6E6;
	font-size: 20px;
	font-weight: 900;
	width: 520px;
}

#WorksProf p{
	text-align:left;
	margin-left: 140px;
	width: 520px;
}

#WorksProf ul{
	margin-left: 140px;
	width: 520px;
}

#WorksProf table {
	margin-left: 10px;
	border: 1px solid #ffffff;
	font-size: 12px;
}


#WorksProf th{
	text-align:center;
	background-color:#CDF;
	padding: 4px;
	margin: 0px;
	border: 1px solid #CDE;
}

#WorksProf td{
	text-align:left;
	padding: 2px;
	margin: 0px;
	border: 1px solid #ffffff;
}



#WorksProf .iPhoneApp_box_left {
	width:320px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
	float: left;
}

#WorksProf .iPhoneApp_box_right {
	width:320px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
	float: right;
}


#WorksProf .iPhoneApp {
	width:640px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
}

#WorksProf .iPhoneApp_left {
	width:90px;
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
}

#WorksProf .iPhoneApp_right {
	width:200px;
	float: right;
}

#WorksProf .iPhoneApp_text {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
}