/****************************/
/** Eric Meyer's CSS Reset **/
/****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ccc;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/****************************/
/** Main Stylesheet Begins **/
/****************************/

/* Typography */

h1, h2, h3, h4, h5, h6 {font-family:Georgia; margin-bottom:10px;}

h1 {font-size:2em; letter-spacing:-2px;}

h2 {font-size:1.6em; line-height: 120%;}

h2 span {
	font-size:75%;
	font-weight:bold;
	color:#999;
}

p, a, li {font-family:verdana;}

p {font-size:0.8em; margin-bottom:10px;}

a {text-decoration:none;}

/* Div Styles */

#wrap, #wrapchinese {width:830px; margin:0 auto;}

#header {
background: url(../images/planetlogo.png) no-repeat;	height:94px;
	width:830px;
	float:left;	
}

#header h1, #header h2 {display:none;}

#lang {
	float:right;	
	width:180px;display:inline;
}

#lang ul {
	margin-top:30px;	
}

#lang li {
	float:left;
}

#lang a {
	float:left;	
	padding:20px 20px;
	font-family:helvetica;
	font-size:0.8em;
	color:#333;
	display:block;
}

#lang a.selected {
	background: url(../images/langon.png) no-repeat;
	background-position:0 3px;
}

#lang a:hover {
	color:darkblue;	
}

#banner {
	float:left;
	width:830px;
	height:175px;
}

#wrap #banner {
	background:url(../images/index02_trimmed.jpg) no-repeat;
}

#wrapchinese #banner {
	background:url(../images/zh-banner.png) no-repeat;
}

#banner h2 {
	text-indent:-9999px;	
}

#nav {
	background:#666 url(../images/planetlogo.png) no-repeat;
	background-position:0 -94px;
	width:810px;
	float:left;
	font-size:0.8em;
	font-family:helvetica;
	text-transform:uppercase;
	padding:10px;
}

#wrapchinese #nav {
	font-size:110%;
}

#nav li {
	float:left;
}

#nav a {
	float:left; 
	padding:10px 20px; 
	color:white;
	line-height:25px;
}

#nav a.skype {
	float:right;
	background: url(../images/skypebutton.png) no-repeat;	
	background-position:right;
	padding-right:50px;
	display:inline;
}

#nav a:hover {color:#6cf;}

#nav a.current {background:url(../images/current.png) no-repeat center bottom;}

#main {
	float:left;
	width:830px;
	line-height:110%;
	color:#333;
}

.standalone {background:white; padding-bottom: 20px;}

.standalone h2, .standalone p, .standalone ul {margin:20px 20px 0;}

.standalone h2 {font-size: 130%;}

.colleft, .colright {width:400px; float:left;}

.colleft {margin-right:30px;}

#main h1 {
	width:790px;
	padding:20px;
	background:#36c url(../images/titlebg.png) no-repeat;
	color:white;
	margin-bottom: 20px;
}

#main h3 {
	font-size:1.3em;	
	color:mediumblue;
	font-weight:bold;
	letter-spacing:-1px;
}

#contact ul {
	font-size:80%;
	list-style-type: disc;
	padding-left:20px;
}

#main ol {
	font-size:80%;
	list-style-type: decimal;
	padding-left:20px;
}

.maincolumn, .thirdcolumn {
	width:240px;
	background:whitesmoke;
	float:left;
	padding:10px;
	height:300px;
	margin:10px 0 20px;
	overflow:none;
}

.maincolumn {
	margin-right:25px;	
}

.maincolumn table td {

}

.maincolumn li {
	list-style: none;
}

.maincolumn h3, .thirdcolumn h3 {
	padding-bottom: 10px;
}

.maincolumn img {
	border: 1px solid #000000;
}

.services {background:white url(../images/services.png) no-repeat top right;}
.clients {background:white url(../images/clients.png) no-repeat top right; }
.editors {background:white url(../images/phone.png) no-repeat top right;}

p.ntulink {padding:0px 0px;}

.maincolumn li {
font-size:80%;
}
	
#footer {
	background:#36c url(../images/titlebg.png) no-repeat right;	
	color:white;
	float:left;
	width:790px;
	padding:20px;
	text-align:center;
	clear:both;
}

#footer a {
	color:gainsboro;
}

#footer a:hover {
	text-decoration: underline;
}

/* Slider CSS */

#title {
	width:80%;
	height:100px;
}

#title img {
	margin-left:60px;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 820px;
    margin: 0 auto;
    position: relative;
    font-size:120%;
    margin-bottom:20px;
    float:left;
    background:url(../images/book.png) no-repeat;
    background-position: 600px 0px;
} 

.scroll {
    height: 700px;
    width: 520px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    background: #FFF url(panelbg2.png);
    font-size: 0.8em;
    color:#666;
    float:left;
}

.scroll ul {
	font-size:80%;
	list-style: disc;
	padding-left:20px;
}

#wrapchinese .scroll p, #wrapchinese .scroll ul, #wrapchinese .scroll ol {
	font-size:110%;
}

#main.servicespage div.scroll {
	height:670px;
}

#contact {
	background: #fff;
	margin:20px 100px;
	padding:20px;
}

#contact ul {
	list-style: disc;
	padding-left: 20px;
}

#contactform {
	padding:20px;
	background:#ffc url(../images/contact.png) no-repeat top right;
	border:1px solid #ccc;
}

#contactform input, #contactform textarea {
	border:1px solid #ccc;
	background:white;
	padding:5px;	
}

.scrollContainer div.panel {
    padding: 20px;
    height: 410px;
    width: 480px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 30px 0;
    float:left;
    width:250px;
    font-size:80%;
}

#wrapchinese ul.navigation {
	font-size:110%;
}

ul.navigation li {
    display: inline;
    float:right;
    margin-bottom: 3px;
    clear:right;
}

ul.navigation a {
    padding: 5px 10px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    font-size:0.7em;
    width:200px;
}

ul.navigation a:hover {
    background-color: #00c;
    color:#ccc;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.morelink {
	text-align:left;
}

.morelinkbottom {
	margin-top:85px;
	text-align:right;
}

p.morelinkbottom a {
	padding-left:70px;
}

.maincolumn li {margin-bottom: 5px;}


#main a:hover {text-decoration: underline;}

#topbanner {height:75px; width:380px; float:right; margin-top: 10px;}

#topbanner p {color:white; text-align: right; margin-top: 55px;}

#midbanner {width:960px; margin:10px 8px 0; float:left;}

#midbanner p {color:black; text-align: center;}

#midbanneradleft, #midbanneradright {width:380px; float:left; border:1px solid black; background:#66ccff; font-weight:bold; padding:5px;}

#midbanneradleft {margin-right: 30px;}

marquee {font-family: verdana, sans-serif; font-size:90%;}

.newsheadlines {font-size:14px; font-style:italic;}
.newsbody {font-size:13px; }

.register-spacer {align: center; padding: 10px; }

#featured_editor_name {
font-weight: bold;
font-size: 16px;
}

/* for the log in page */
.singlecontact fieldset {float:left; width:300px; padding:20px; margin:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border:1px solid #ccc;}
.singlecontact fieldset input {float:right;}
.singlecontact p {line-height: 200%;}

.dualcontact fieldset {float:left; width:233px; padding:20px; margin:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; border:1px solid #ccc;}
.dualcontact fieldset input {float:right;}
.dualcontact p {line-height: 200%;}
h3.loginblue, h3.loginred {font-family: Helvetica, arial, sans-serif; text-align: center; }
h3.loginred {color:red;}
h3.loginblue {color:blue;}
.loginred_def {font-family: Helvetica, arial, sans-serif; text-align: center; font-size: 12px; font-weight: bold; padding-bottom: 5px; color:red;}
.loginblue_def {font-family: Helvetica, arial, sans-serif; text-align: center; font-size: 12px; font-weight: bold; padding-bottom: 5px; color:blue;}
#popup {padding:20px; background:white; height:250px;}
#popup h3 {text-align: center; font-family: Helvetica, arial, sans-serif; color:blue; margin-bottom: 20px; font-weight: bold; font-size: 120%;}
#popup input, #popup label {float:left; margin:0 5px;}
#popup p {width:100%;clear:both; line-height: 150%; padding-bottom: 20px;}
#popup fieldset {padding-left: 20px;}

/* error page */
.error_message {
font-family: Helvetica, arial, sans-serif;
font-weight: bold;
text-align: center;
padding-bottom: 20px;
}

/* for the about us page */
.stand-alone-list {
margin-left: 30px;
}