/* CSS for V4 */
body     { background-color: #E4E4E4; background-image: url("site_media/bk_bar.jpg"); background-repeat: repeat-x; margin: 0; padding: 0 }

#header
  { border-top: 4px solid #d0b84c; border-right: none; border-bottom: none; border-left: none }

#nav      { margin: 0; padding: 0; width: 640px; height: 100px }
#nav  p    { color: #e5e2e2; font-size: 11px; font-family: "Lucida Grande", Verdana; letter-spacing: 0.1em; padding-top: 50px; padding-right: 50px; padding-left: 40px }
#center          { color: #222; font-size: 12px; font-family: "Lucida Grande", Verdana; line-height: 160%; margin-top: 40px; margin-bottom: 40px; margin-left: 50px; padding-right: 50px; width: 540px; border-right: 1px dotted #737373 }
#center1      { color: #fff; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 160%; margin-top: 40px; margin-bottom: 40px; margin-left: 50px; padding-right: 50px; border-right: 1px dotted #737373 }
#center h2       { color: #fa6b47; font-size: 14px; padding-top: 8px; padding-bottom: 8px }
#center h3      { color: #187e7e; font-size: 12px; font-weight: bold; text-transform: uppercase }
#center ul    { list-style-image: url("site_media/arrow.gif"); list-style-position: outside }
#center a   { color: #0066CC }


#homecol1             { color: #222; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150%; margin-bottom: 20px; padding: 10px 20px 20px; width: 220px; border-right: 1px dotted #737373 }
#homecol1 ul     { list-style-image: url("site_media/arrow.gif"); list-style-position: outside }

#homecol2              { color: #222; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150%; margin-bottom: 20px; padding: 10px 20px 20px; width: 220px }
#homecol2 ul    { list-style-image: url("site_media/arrow.gif"); list-style-position: outside }

#homecol1 a   { color: #0066CC }
#homecol2 a   { color: #0066CC }

#sidebar     { color: #fff; font-size: 10px; font-family: "Lucida Grande", Verdana; line-height: 180%; padding-top: 40px; padding-left: 5px }
#sidebar h2	 { color: #9c9c9c; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-top: 15px }
#sidebar ul    { list-style: none; margin-left: -20px }

#footer      { color: #9c9c9c; font-size: 10px; font-family: "Lucida Grande", Verdana; background-color: #333; text-align: center; padding-top: 20px; padding-bottom: 20px; width: 100% }

#worksidebar         { color: #fff; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 180%; text-align: right; padding-right: 40px }
#worksidebar ul          { list-style-type: none; padding: 0 }
#worksidebar ul li           { text-transform: uppercase; display: list-item; border-bottom: 1px dotted #5a5a5a }
#worksidebar a      { color: #ccc; text-decoration: none; display: block; padding: 4px 8px }
#worksidebar a:hover   { color: #fff; text-decoration: none; background-color: #399 }

#aboutsidebar            { color: #22656e; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 180%; white-space: nowrap; padding-top: 30px;}
#aboutsidebar h2	        { color: #5c5c5c; font-size: 10px; font-weight: bold; text-align: right; text-transform: uppercase }
#aboutsidebar ul      { text-align: right; list-style-type: none; padding: 0;  width: 130px;}
#aboutsidebar ul li   { text-align: right; display: block; border-bottom: 1px dotted #5a5a5a }
#aboutsidebar a     { color: #22656e; text-decoration: none; text-align: right; display: block; padding: 2px }
#aboutsidebar a:hover  { color: #fff; text-decoration: none; background-color: #399; text-align: right }

#homecenter   { background-image: url("site_media/newhome.jpg"); background-repeat: no-repeat; width: 740px; height: 430px }
#homecentercopy     { color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150%; background-color: #fcffc4; margin-top: 50px; padding: 12px; width: 435px; float: right; -moz-opacity: 0.88; filter: alpha(opacity=88); opacity: .88          }

#active a     { color: #fff; text-decoration: none; background-color: #487B82; display: block; }

/* CSS for V4 ends*/

a     { text-decoration: none }
a:link   { color: #22656e }

a:visited   { color: #22656e }

a:active  { color: #F8560F }

a:hover   { color: #F8560F; text-decoration: underline }


.midnavTable        { margin: 8px 30px 2px 8px; border: solid 1px #818181 }

.qmarkTable       { margin: 0 30px 0 8px }

.cvTable       { margin: 8px 20px 0; border: solid 4px white }
.cvTable2         { background-color: #f0f0f0; margin: 8px 20px; padding: 16px; width: 500px; border: solid 4px white }
.cvTable3         { background-color: #f0f0f0; margin: 8px 20px; padding: 16px; width: 600px; border: solid 4px white }
.projTitle      { color: #272727; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 170%; margin: 4px 16px; padding-bottom: 4px; border-bottom: 1px solid #3a7d86 }
.seeProj { color: #f06; font-size: 9px; font-family: 'Lucida Grande', Verdana; text-align: right; margin-right: 8px; margin-left: 8px }
.class  { background-repeat: no-repeat; background-position: right bottom; text-align: left }
.descrip   { color: #3f3f3f; font-size: 10px; font-family: 'Lucida Grande', Verdana; line-height: 130%; margin-right: 16px; margin-left: 16px; padding-top: 4px }
.cvMain       { color: #3f3f3f; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150% }

.cvTitle    { color: #000; font-size: 10px; font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 150%; background-color: #bababa; padding: 2px }
.formText { color: #333; font-size: 10px; font-family: 'Lucida Grande', Verdana }
.formCell  { color: #333; font-size: 10px; font-family: 'Lucida Grande', Verdana; padding: 4px }
.formTable  { background-color: white; padding: 12px; border: solid 1px #acacac }
.sectionIntro    { color: #fff; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 190%; padding: 40px; position: absolute }
.sectionTitle  { color: #d0b84c; font-size: 12px; font-family: "Lucida Grande", Verdana; font-weight: bold }
.click { color: #fa5b05; font-size: 10px; font-family: 'Lucida Grande', Verdana }
.footer     { color: #3f3f3f; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; line-height: 150% }
.homepgae              { color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150%; background-color: #fcffc4; width: 270px; -moz-opacity: 0.88; filter: alpha(opacity=88); opacity: .88      }
.teamNames                 { color: #d6d6d6; font-size: 11px; font-family: "Lucida Grande", Arial; line-height: 170%; background-color: #000; margin: 8px; padding: 10px 16px; width: 170px; border: solid 1px #818181 }
.teamBio             { color: #cecece; font-size: 11px; font-family: "Lucida Grande", Verdana; line-height: 150%; margin: 8px; padding: 14px 20px 10px 16px; width: 380px }
#id { }
#chinese  { color: #fff; font-size: 13px; font-family: Verdana; line-height: 140% }
.copyRight         { color: #b1b1b1; font-size: 9px; font-family: "Lucida Grande", Verdana; margin-top: 8px; padding-top: 8px; padding-left: 16px }
.lpContact     { font-size: 12px; font-family: Georgia; line-height: 145%; margin-left: 12px; padding-left: 12px; border-left: 1px dotted #666 }
.Quote { font-size: 16px }


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #fff url(css/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 20px solid #000;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(css/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(css/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 20px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(css/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}