.main h1{font-size:15px;font-weight:normal;margin-bottom:10px;color:#00aeff;}
.main span.title{font-size:15px;color:#666;}
.shop,.download,.profile,.partners,.press,.contact{margin:50px 0 0 20px;}
/********* sidebar **********/
.sidebar h1{
	background:url(../images/logo.png) no-repeat;
	width:175px;
	height:135px;
	text-indent:-100em;
	overflow:hidden;
}
.sidebar .introText{
	margin-bottom:0px;
}
/******** slider navi ************/
.slidenavi{
	margin: 50px 0 0 0;
	padding: 0;
	width: 175px;
	font-size:11px;
}
a.naviItem{
	color: #fff;
	display: block;
	text-decoration: none;
	padding:0 0 4px 10px;
}
a.naviItem:visited{color:#fff;}
a.naviItem:hover{color:#00aeff;}
div.subNavi ul{
	list-style-type: none;
	margin:0;
	padding: 0;
}
div.subNavi ul li a{
	display: block;
	color:#868686;
	text-decoration: none;
	padding:2px 0 2px 20px;
}
div.subNavi ul li a:hover{color: #fff;}
.subNaviheader{padding:0 0 4px 10px;text-decoration:none;display:block;}
a.subNaviheader:hover{color:#00aeff;}
.slideopen{color:#00aeff; text-decoration:line-through;}
.slideclosed{color:#fff;}

/******** index slide ************/
.main-content .jcarousel-container {margin-top:10px;}
.main-content .jcarousel-container-horizontal {
    width: 510px;
    padding: 20px 70px;
}
.main-content .jcarousel-clip-horizontal {
	width:500px;
	height:100%;
	padding:0 5px;
}
.main-content .jcarousel-item {
	width:510px;
	height:100%;
}
.main-content .jcarousel-next-horizontal {
    position: absolute;
    top: 250px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/btn_slidenext.png) no-repeat 0 0;
}
.main-content .jcarousel-prev-horizontal {
    position: absolute;
    top: 250px;
	left:10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/btn_slideprev.png) no-repeat 0 0;
}
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 500px;
    height: 500px;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#indexContent .date{
	font-size:12px;
	line-height:20px;
	color:#999;
	text-align:right;
	padding-right:10px;
}
#indexContent h1{
	background-color:#212121;
	line-height:24px;
	padding-left:10px;
	font-size:18px;
	color:#00aeff;
	width:490px;
	margin:0 0 5px 0;
	font-weight:bold;
}
#indexContent .contentText{
	font-size:12px;
	color:#bbb;
	letter-spacing:1px;
	paddng:0 5px;
	line-height:16px;
	width:500px;
	margin:10px 0;
}
#indexContent .contentText a{font-size:11px;color:#00aeff; text-decoration:none;}
#indexContent .contentText a:hover{text-decoration:underline;}
/************ work-gallery ********/
/* light-box */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size: 11px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 16px;
	overflow: auto;
	width: 100%;
	padding:0 10px 10px 10px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption {
	font-size:12px;
	color:#999;
}
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* light-box end*/
#work_gallery{
	width:630px;
	margin:50px 0 0 20px;
}
#work_gallery ul{margin:0;padding:0px;}
#work_gallery ul li{display:inline;}
#work_gallery ul img{border:2px solid #222;}
#work_gallery ul a:hover img{border:2px solid #bbb;}
.countpage{text-align:center;width:auto;margin:10px 0 10px 20px;}
.countpage p{
	color:#fff;
	display:block;
	width:25px;
	height:25px;
	background-color:#333;
	float:left;
	line-height:25px;
	margin:0 3px 0 0;
	font-size:13px;
}
.countpage a{
	text-decoration:none;
	color:#444;
	background-color:#111;
	display:block;
	width:25px;
	height:25px;
	float:left;
	line-height:25px;
	margin:0 3px 0 0;
	font-size:13px;
}
.countpage a:hover{
	color:#fff;
	background-color:#00aeff;
}
/********* shop **********/
.shop td{padding:0 0 5px 0;}
.shop p.titlebar{border-bottom:1px dashed #666;padding:5px;width:200px;color:#666;}
.shop p.subject{color:#aaa;font-size:12px;padding:5px;width:200px;background-color:#111;}
.shop p.content{color:#555;font-size:10px;padding:5px;}
.shop a{ text-decoration:none;}
.shop a:hover p.subject{color:#00aeff;}
.shop a:hover p.content{color:#fff;}
.shop a p.text_white{color:#fff;}
/********* clients **********/
.partners{width:500px;}
.partners ul li{float:left;padding:0 15px 10px 0;}
/******** profile *********/
.profile{width:500px;}
.profile h2{
	font-size:17px;
	color:#999;
	font-weight:normal;
	margin-top:10px;
}
.profile h3{
	font-size:13px;
	font-weight:normal;
	color:#999;
}
.profile h5{
	font:11px  normal;
	color:#555;
	margin:5px 0;
}
.profile p.content{
	font:11px;
	color:#999;
	margin-top:1em;
	letter-spacing:1px;
	line-height:18px;
	text-align:justify;
}
.profile p.experience{
	font:11px;
	color:#999;
	margin-top:1em;
	letter-spacing:1px;
	line-height:18px;
}
.dotline{border-top:1px dashed #666;margin:10px 0;}
/********* contact *********/
.contact{width:500px;}
.contact p.content{
	font-size:11px;
	color:#999;
	margin-top:1em;
	letter-spacing:1px;
	line-height:14px;
	text-align:justify;
}
.contact p.content a{color:#999; text-decoration:none;}
.contact p.content a:hover{color:#fff;}
.contact table{
	margin-top:20px;
	font-size:12px;
	color:#999;
}
.contact input,.contact textarea{
	background-color:#222;
	border:1px solid #333;
	width:100%;
	color:#999;
	font:12px Arial, Helvetica, sans-serif;
}
.contact td{padding:2px 0;}
.contact td.subject{padding:5px 15px 1px 0;}
input.submit,input.reset{
	width:150px;	
	margin-left:2px;
	background-color:#555;
	border:1 solid #666;
	color:#d5d5d5;
	font-size:12px;
	height:25px;
}
/********* Download **********/
.download{width:500px;}
.download p.content{color:#999;}
table.iphone,table.wallpaper{width:500px;margin-bottom:10px;}
div.wallpaper{
	width:420px;
	height:415px;
	display:block;
	position:relative;
	margin-left:5px;
}
div.wallpaper span{
	background:url(../images/monitor.png) no-repeat;
	width:480px;
	height:412px;
	display:block;
	position:absolute;
}
div.wallpaper img{
	margin:30px 0 0 25px;
}
ul.wallpaperthumb li{
	margin:10px 0 10px 10px;
	float:left;
}
ul.wallpaperthumb li span a,ul.wallpaperthumb li span a:visited{
	display:block;
	float:left;
	width:55px;
	height:20px;
	background-color:#111;
	font-size:10px;
	margin:5px 3px 0 0;
	color:#333;
	text-decoration:none;
	line-height:20px;
	text-align:center;
}
ul.wallpaperthumb li span a:hover{
	color:#fff;
	background-color:#00aeff;
}
ul.iphonethumb li{
	margin:10px 0 10px 15px;
	float:left;
}
ul.iphonethumb li p a,ul.iphonethumb li p a:visited{
	display:block;
	width:75px;
	height:20px;
	background-color:#111;
	color:#444;
	margin-top:5px;
	text-decoration:none;
	text-align:center;
	line-height:20px;
	font-size:11px;
}
div.iphone{
	width:210px;
	height:352px;
	display:block;
	position:relative;
	margin-left:5px;
}
div.iphone span{
	background:url(../images/iphone.png) no-repeat;
	width:210px;
	height:352px;
	display:block;
	position:absolute;
}
#iphoneImg {
	width: 153px;
	height: 221px;
	margin:65px 0 0 30px;
}
ul.iphonethumb li p a:hover{
	color:#fff;
	background-color:#00aeff;
}