/*
-----------------------------------------------------

Copyright 2008 Eggplant Studios All Rights Reserved.

Author: Gina Chen

-----------------------------------------------------
*/

/* --- 1. Frame Work --- */

body{

background:#FFFFFF;

color:#333333;

font-family:verdana,arial,helvetica,sans-serif;

margin:0px auto;

text-align:center;

}

#mainContainer {

margin:0 auto;

width:43.75em;/*700px;*/

}

#header {

text-align:left;

position:relative;

}

#center{

margin:1.25em 0;

text-align:left;

}

#process {

margin:1.25em 0;

padding:1.25em;

text-align:left;

}

#footer {

padding-top:2px;

border-top:1px #999 dashed;

text-align:left;

position:relative;

}

/* --- 2. Font Work --- */

a,a:visited { color:#cc3300;}
a:hover { color:#ff9900;}

ul,p,h1,h2,h3 { 

margin:0; 

padding:0;

}

h1{

font-size:1.5625em/*25px*/;

color:#003366;

font-weight:normal;

line-height:1.25em;

}

.leftBox h1 { font-size:1.375em; color:#fff; margin:10px 0 0 10px;}

h2{

font-size:0.75em;

line-height:1.5em;

color:#006699;

margin:1.5em 0 0 0;

}

ul.left h2,ul.right h2{font-size:1em;line-height:1.5em;color:#006699;margin:0;}


h3{

font-size:0.7em;

line-height:1.5em;

color:#cc3300;

}


p{

font-size:0.75em;

line-height:1.5em;

}

address {

font-style:normal;

font-size:.7em;

}
#center p,#process p{ margin-top:1.5em;}

em { color:#006699; text-transform:uppercase; font-size:0.9em;}

#footer p{ font-size:0.625em; color:#999;position:absolute; right:0; top:2px; text-align:right; }

.rightStyle p { font-size:0.7em; line-height:1.35em;}

#center p.noMargin { margin-top:0;}

#header ul.lanNav { list-style-type:none; position:absolute; top:10px; right:0; font-size:0.75em; }
#header ul.lanNav li { display:inline; padding-left:5px;}
ul#topNav{ list-style-type:none; font-size:0.75em; text-align:center; float:left; width:58.333em; background:#006600; border-top:1px #006600 solid; border-bottom:1px #006600 solid;}
ul#topNav li{ display:block; width:8.333em;float:left; margin:0; padding:0; line-height:20px;}
ul#topNav li a{ display:block;}

#home ul#topNav li.home a{ background:#66cc33;}
#services ul#topNav li.services a{background:#66cc33}
#methodology ul#topNav li.methodology a{background:#66cc33}
#cs ul#topNav li.cs a{background:#66cc33}
#about ul#topNav li.about a,#aboutCn ul#topNav li.about a{background:#66cc33}
#contact ul#topNav li.contact a{background:#66cc33}
#news ul#topNav li.news a{background:#66cc33}

ul#topNav li a:hover{ background:#339900;}

ul#topNav li a,ul#topNav li a:visited { color:#fff; text-decoration:none;}

.rightStyle ul {font-size:0.7em; padding-left:1.6em;}

.rightStyle ul li { list-style-position:outside; list-style-image:url(../images/bullet.gif);}


.centerBox  ul.csList {font-size:12px; padding-left:1.6em;}

.centerBox  ul.csList li { list-style-position:outside; list-style-image:url(../images/bullet.gif);}

.rightStyle a,.rightStyle a:visited {font-size:10px; color:#cc3300;}

.leftBox ul { font-size:0.75em; font-weight:bold; color:#555; margin:0.833em 0 0 0.833em; padding-left:0.833em; padding-bottom:0.833em;}

.leftBox ul li { margin-top:1.666em; list-style-position:outside; list-style-image:url(../images/bullet_write.gif); }

.leftBox ul li a,.leftBox ul li a:visited {color:#555; text-decoration:none;}

.leftBox ul li a:hover { color:#fff;}

.centerBox ul { font-size:12px; padding-left:10px} /*list-style-type:none;*/
.centerBox ul li { margin-top:0.65em;padding-left:10px} /* orginal size = 1.5em */

ul.left,ul.right{ font-size:12px; list-style-type:none; float:left; width:150px; margin-top:20px;}
ul.right { padding-left:10px; border-left:1px #eee solid;}
ul.left li,ul.right li { margin-bottom:20px;}

/* --- 3. Image Work --- */

img { border:none;}

#footer img { position:absolute; left:0; top:2px;}


/* --- 4. Class Work --- */



.leftBox{ width:9.25em;/*(150-2)px*/ float:left; border:1px #000 solid; background:#b8b8b8;}

.centerBox{ width:21.75em;/*(350-2)px*/float:left;border:1px #fff solid;}

.rightBox{ width:10.5em;/*(170-2)px*/float:left;border:1px #fff solid;}

.rightStyle { width:9.175em;/*166px*/ background:#ffea93; border:1px #ff9900 solid; padding:0.6em;}

.fleft{ float:left;}

.clear { clear:both;}

.marginL{ margin-left:0.9375em;/*15px*/}

.marginT { margin-top:0.9375em;}


/* --- 5. Forms Work --- */