/****** global ******/
body { font-size: 12px; font-family: Tahoma, Arial;	background: url('../img/body_bg.gif') repeat #fff; margin: 0px; padding: 0px; text-align: center; }

table { border-collapse: collapse; }

td,
div,
p { font-size: 12px; word-break: break-all; }

a:link,
a:visited { text-decoration: none; color: #36c; }
a:hover { text-decoration: underline; color:#69c; }

img { vertical-align: middle; border: 0px none; max-width:100%; height:auto; }

hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; }


/****** form ******/
form{display: inline;}
input{font-family: Tahoma, Arial; font-size: 12px; }
input.text{	height: 16px;padding: 1px;color: #000000; border: 1px solid #CCCCCC;background-color: #F9F9F9;}
input.button{height: 20px;color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC;	border-left: 4px solid #CCCCCC;	background-color: #FFFFFF;}
textarea{font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9;}
select{ font-size: 12px;font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF;}


/****** layout ******/
#topbar { height: 30px; margin: 0px; padding: 0px; background: url('../img/topbar_bg.gif') repeat-x left top; text-align: center; }
#topbarInner { width: 750px; margin: 0px auto; }

#page {background: url('../img/page_bg.jpg') repeat-x; text-align: center; margin: 0px;}
#pageInner { width: 750px; margin: 0px auto; }

#header { width: 750px; height: 180px; margin: 0 auto; text-align: right; background: url('../img/header_bg.gif') center top no-repeat;}
#headerInner {}

#main {}
#mainInner{margin: 0 auto; width: 750px; background: url('../img/main_bg.gif') top repeat-y; text-align: left; float: left;}

#footer { clear:both; margin: 0 auto; width: 750px; font-size: 0.85em; text-align: center; padding: 5px 0 25px 0; background: url('../img/footer_bg.gif') center bottom no-repeat; }
#footerInner {}

#sidebar { float:left; width: 185px; }
#sidebarInner {}

#content { float: right; padding: 0 0 90px 0; margin: 0; background: url('../img/content_bg.gif') bottom left no-repeat; width: 560px; position: relative; left: 30px;}
#contentInner { float: left; }


/****** topbar ******/
#userMenu { float: right; width: 100%; text-align: right; color: #fff; }
#userMenu a { padding: 3px 10px 1px; line-height: 25px;	background: #3399CC; font: bold 12px/25px arial, helvetica, sans-serif;	color: #fff; }


/****** header ******/
#title { text-align: right; display: inline; float: right;  margin: 5px 20px auto; color: #fff; font-family: Á¥Êé; font-size: 15pt; font-weight: bold; } 
#title h1 {	display: inline; font-size: 36px } 
#title span { font-size: 12px; font-weight: normal; }
#title span a {	color: #fff; text-decoration: none }


/****** navbar ******/
#nav { margin: 0px; padding: 0px; }
#nav ul { margin-left: 25px; list-style: none; }
#nav li { height: 30px; margin: 0 0 1em; background: #fff; border-right: 2px solid #000; background: transparent; padding: 0; border-left: 0; border-bottom: 1px solid #333; text-align: center;}

#nav a {margin: 0; color: #fff; background: url('../img/nav_li_a_bg.gif'); display: block; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; }
#nav a:link,
#nav a:visited {}
#nav a:hover {}

#nav li.current a {}
#nav li.current a:link,
#nav li.current a:visited {}
#nav li.current a:hover {}


/****** part ******/
.part {	text-align: left; }
.part span.tt { display: block;	padding-bottom: 0.5em;	padding-top: 35px;	border-bottom: #aaa 1px dashed; margin: 0px 50px 0px 30px; color: #369; font-size: 16px; font-weight: bold; }

.part .tc { border: 0; background: url('../img/part_tc.gif') no-repeat; text-align: right; height: 80px; margin: 0px; }
.part .tl { display: none; }
.part .tr { display: none; }

.part .c { padding: 0px 25px; background: url('../img/part_cc.gif') repeat-y; height: 100%; }
.part .cc { margin: 0px; }
.part .cl { display: none; }
.part .cr {	display: none; }

.part .bc { display: none; }
.part .bl { display: none; }
.part .br { display: none; }


.tl, .bl { float: left; }
.tr, .br { float: right; }




/****** listItem ******/
.displayOption { padding: 5px; margin-bottom: 5px; }

.listView { width: 100%; }
.listView div.listItem { padding: 2px; margin: 5px 0px; border-bottom: #ccc 1px dashed; }
.listView div.listItemPic { float: left; width: 100px; text-align: center; border: solid 1px #A2D157; }
.listView div.listItemPic a { display: block; width: 100px; height: 100px; line-height: 100px; }
.listView div.listItemBody { margin-left: 110px; text-align: left; }
.listView div.listItemBody div.listItemTitle a { font-size: 14px; font-weight: bold; }
.listView div.listItemBody div.listItemTitle a:hover {}
.listView div.listItemBody div.listItemSummary { color: #333; padding: 3px 0; }
.listView div.hr { clear: both; }

.girdView { width: 100%; }
.gridView div.listItem { float: left; width: 49%; text-align: center; }
.gridView div.listItem div.listItemPic { width: 200px; height: 200px; margin:0 auto 5px; border:1px solid #A2D157; }
.gridView div.listItem div.listItemPic a { line-height: 200px; }
.gridView div.listItem div.listItemPic a:hover { color: #83c21f; }
.gridView div.listItem div.listItemPic img { margin-top: expression(( 200 - this.height ) / 2) }
.gridView div.listItem div.listItemTitle { width:200px;	height: 30px; margin: 0 auto 4px; text-align: center; overflow: hidden; word-break:break-all; font-size: 14px; }
.gridView div.listItem div.listItemTitle a { font-size: 14px; font-weight: bold; }
.gridView div.listItem div.listItemTitle a:hover {}

.productGridView div.listItem { width: 33%; }
.productGridView div.listItem div.listItemPic { width: 102px; height: 102px; }
.productGridView div.listItem div.listItemPic a { display: block; width: 100px; height: 100px; line-height: 100px; }
.productGridView div.listItem div.listItemPic img { margin-top: expression(( 100 - this.height ) / 2) }
.productGridView div.listItem div.listItemTitle { width: 100px; }

.clearer { clear: both; }


/****** listTable ******/
.listTable { width: 100%; margin: auto; border: 1px #D2DDBD solid; }
.listTable td { padding: 5px; border-color: #D2DDBD; border-width: 1px; }
.listTable .th { background-color: #d2ddbd; }

/****** detailsTable ******/
.detailsTable { width: 100%; margin: auto; border: 1px #D2DDBD solid; }
.detailsTable td { padding: 5px; border-color: #D2DDBD; border-width: 1px; }
.detailsTable .th { background-color: #EBF3F5; }
.detailsTable td.detailsLabel { width: 50px; }

.creditDetailsTable td.detailsLabel { width: 100px; }

.jobDetailsTable td.detailsLabel { width: 70px; }

.projectDetailsTable td.detailsLabel { width: 70px; background-color: #d2ddbd; }


/****** newsList ******/
ul.newsList { list-style: none outside none; margin:0px; padding:0px}
ul.newsList li { line-height: 25px; padding-left: 5px; border-bottom: dashed 1px #EBF3F5; }
ul.newsList li a { color: #20818d; font-size: 14px; font-weight: bold;}
ul.newsList .newsDate { float: right; padding-right: 5px; }


/****** Item ******/
.item { text-align: center; } 
.itemTitle { font-size: 24px; font-weight: bold; color: #20818d; }
.itemPic { padding: 5px; }
.itemBody { overflow: hidden; margin-top: 10px; }