/* 1platform css */

/* global reset */
* {  border: none;outline: none;margin: 0;padding: 0;}
body { background: #fff;font-family: "Lucida Grande",  Arial, Helvetica, sans-serif;font-size: 12px; line-height:14px; color: #333; margin: 0; padding: 0; }

img { border: none; }
a {	color: #317A9C; }
a:hover {	color: #000;	text-decoration: none; }
p {margin-bottom:8px;}
ul {margin-bottom:10px;}
ul li {margin-bottom:5px;}
h1 {font-size:30px; line-height:35px; color:#fff; letter-spacing:-1px; margin-top:20px; margin-bottom:10px;}
h2 {font-size:20px; line-height:24px; color:#ccc; margin-top:15px; margin-bottom:5px;}
h3 {font-size:15px; line-height:18px; color:#333;}


#head { display:block; margin: 0 auto;position:relative; padding: 30px 0 0 0; background: url(../img/head-line.gif) repeat-x 190px 66px; height: 100px; width: 820px; }
#head .logo { background: url(../img/logo.gif) no-repeat top left;	height: 69px;	display: block;	width: 250px; 	}
#head .menu {position:absolute; top:57px; right:0;}
#head .menu a {	float: left;	padding: 0 10px;  border-right:1px solid #ddd;  font-size: 13px;	color: #317a9c;	text-decoration: none;	font-weight:bold; background:#fff;}
#head .menu a:hover {	color: #000; }
#head .menu a.last { border-right: none;}
#head .menu a.selected {color:#000}

#main {background:#444 url('../img/shape-body.png') top center repeat-y; max-width:1200px; margin:0 auto; color:#bbb; font-size:14px; line-height:18px;}
#main #presentation {overflow:hidden; background:url('../img/shape-top1.png') top center no-repeat; padding-top:20px; position:relative;}
#main #content {background:url('../img/shape-bottom1.png') bottom center no-repeat; padding-bottom:80px;}

#presentation .holder {border:none; padding-bottom:0;}

div.holder {width:820px; padding:20px 50px; margin:0 auto; overflow:hidden; position:relative;border-top:1px solid #666;}
.holder a {color:#fff;}
.holder a:hover {color:#f8d330;}
.holder strong {color:#fff;}
.holder p {display:block; margin-bottom:8px;}
.holder p:hover {}
.holder .small {width:200px; float:left; margin-right:40px; }
.holder .details {width:320px; float:left; font-size:12px; line-height:16px;}
.holder .small .details {width:auto; float:none; margin:0;}
.holder h2 {color:#f8d330;}
.holder h3 {color:#fff;}
.holder .head {font-size:20px; line-height:25px; margin-bottom:15px; opacity:1;}
.holder .img {background:none; margin:0 15px; float:right;}

#project {margin:0 auto; width:820px; overflow:hidden; font-size:12px; line-height:14px; margin-bottom:20px;}
#project #projectnav {width:200px; height:200px; float:left; background:url('../img/circle-menu.gif') top left no-repeat; position:relative; list-style-type:none;}
#project #projectnav li {position:absolute; width:80px; height:80px; }
#project #projectnav li a {display:block; text-align:center; width:60px; margin:0 auto; padding-top:30px; font-size:11px; line-height:11px; font-weight:bold; color:#999; text-decoration:none;}
#project #projectnav li a:hover,
#project #projectnav li a.selected {color:#000;}
#project #projectnav li.team {top:5px; left:13px;}
#project #projectnav li.timeline {top:50px; left:90px;}
#project #projectnav li.demo {top:95px; left:13px;}
#project .info {width:600px; float:right; }
#project .info .small {width:180px; float:left; margin-right:20px;} 


body.home #main {height:270px; padding:20px 0 60px 0; position:relative; background:url('../img/home-frame1.png') top center no-repeat;}
#slider { width:820px; margin:0 auto; padding:0; height: 277px;overflow: hidden; border:none; position:relative;}
#slider a {color:#f8d330;}
#slider ul li {	display:block; overflow:hidden; width:820px; height: 237px;	padding:30px 0 10px 0; position:relative;}
#slider ul li .icon {display:block; float:right;}
#slider ul li div.info {display:block; float:left; width:480px; opacity:1;}

#nextBtn { position: absolute; left: 200px; bottom: 35px;}
#nextBtn a {	display: block;	font-size:9px; line-height:11px; color:#555;  background:url('/img/slide-down.png') no-repeat bottom left;	width: 61px;   height: 17px; padding-top:15px; padding-left:50px; text-decoration:none;}
#prevBtn { position: absolute; left: 200px; top: 0px; }
#prevBtn a {	display: block;	font-size:9px; line-height:11px; color:#555;background:url('/img/slide-up.png') no-repeat top left;	width: 61px;  height: 27px; padding-top:5px; padding-left:50px; text-decoration:none;}


#twitter {width:820px; margin:0 auto; padding-top:15px; border-top:1px dotted #999; overflow:hidden; margin-bottom:15px;}
#twitter .info {width:200px; float:left; margin-right:20px;}
#twitter_update_list {width:600px; float:right; }
#twitter_update_list li {display:block; width:100%; overflow:hidden; margin-bottom:10px;}

#inner-ul {list-style-type:none; margin:0; padding:0; padding-top:15px;}
#inner-ul li {float:left; margin:0; padding:0; font-size:11px; line-height:16px; margin-right:1px;}
#inner-ul li a {display:block; padding:5px 15px; text-decoration:none; xcolor:#ccc; background:#555;} 
#inner-ul li a:hover {xcolor:#fff; text-decoration:underline;}
#inner-ul li.tabselected a { background:#888;font-weight:bold; color:#fff; text-decoration:none; font-size:12px; }

.email-subscribe {
	padding: 7px 5px;
	font-size: 11px;
	color: #555;
	font-style: italic;
	background: url(../img/email-subscribe-bg.gif) no-repeat top left;
	width: 180px;
}
.email-subscribe-focus {
	padding: 7px 5px;
	font-size: 11px;
	color: #000;
	background: url(../img/email-subscribe-bg-focus.gif) no-repeat top left;
	width: 180px;
}
.submit {
	background: #317A9C;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px;
	margin-top: 5px;
}

/**
 * JavaScript CSS
 */
.tabhidden {display:none;}

#footer {
	width: 790px;
	margin: 0 auto;
	height: 15px;
	background: url(../img/footerbg.gif) no-repeat top left;
	padding: 10px 15px;
	margin-top: 20px; color:#999;
}
#footer p {
	font-size: 11px;
	line-height: 15px;
}
#footer ul {
	list-style-type:none;
	float: right;
	width: 400px;
}
#footer ul li {
	float: right;
}
#footer ul a {
	margin-right: 10px;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
#footer ul a:hover {
	color: #000;
	text-decoration: underline;
}

body.login {background:#fff}

#teaser {width:927px; height:689px; background:url('../img/teaser_1p.png') no-repeat; margin:0 auto; position:relative;}
#teaser h1 {color:#999;}
#login-form {display:block; width:500px; height:100px; xbackground:#ccc; position:absolute; top:450px; left:96px;}