@charset "utf-8";

/*=====================================================================================
Common CSS
=====================================================================================*/
html { 	}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px Arial;
	/*background:url(images/body-topbar-bg.png) no-repeat center top #000000; color:#FFFFFF;*/
	background:url(images/body-topbar-bg.png) no-repeat center top #FFFFFF; color:#000000;
	}
	
img { border:0px;}
a { color:#fe9b00; text-decoration: none;}
a:hover {color:#fe9b00;text-decoration: underline;}

.first {border-left: 0;}
.hide {display:none;}


.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}
.clear-left {clear: left; height: 0; line-height: 0; font-size: 0;}
.clear-right {clear: right; height: 0; line-height: 0; font-size: 0;}
.input-a { font-size:12px;}

.button-red, .button-black, .button-blue { font-size:8pt; color:#FFFFFF;  font-family:'Tahoma'; font-weight:bold;}
.button-red {  background-color:#FF0000; }
.button-black {background-color:#000000;}
.button-blue { background-color: #336699;}

.red { color:#CC0000;}
.white { color:#FFFFFF;}
.blue { color:#04579f}
.gray { color:#666666}
.yellow { color:#ffba00;}
.orange { color:#fe702a;}
.green { color:#00ff18;}

/*=========================================================================== 
Common :Content Body
===========================================================================*/
#topbar, #content, #footer { 
	margin-left:auto;  margin-top:0px; margin-right:auto; 
	padding:0px; 
	position:relative; 
	width:850px !important; height:auto;
}

#content { height:auto; overflow:visible;}
/*=========================================================================== 
Common :Topbar + Topmenu  + Logo
===========================================================================*/
#topbar { height:105px; margin-top:20px;}
#topbar #user { float:right; margin-top:8px; position:static; font-size:11px; }
#topbar #logo { margin-top:26px; position:relative; width:278px; height:47px; float:right; z-index:2}
#topbar #top-menu { 
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; 
	width:850px; margin-top:14px;  height:0px; 
	float:left; text-align:left; padding-top:10px; overflow:hidden;
	font-size:12px;
	z-index:39999;
}
#topbar #top-menu span { border-left: solid 1px #999999; padding-left:10px; padding-right:8px; color:#999999;  height:10px; }
#topbar #top-menu span.first { border:none; padding-left:0px}
#topbar #top-menu span.end{ padding-right:0px;}
#topbar #top-menu span.current a{ color:#FFFFFF; font-weight:bold;}
#topbar #top-menu span.current a:hover{ text-decoration:underline; color:#000000;}
#topbar #top-menu span.menu a{ color:#ff481e;  text-decoration:none; }
#topbar #top-menu span.menu a:hover{ text-decoration:underline; color:#000000; }

/*=========================================================================== 
Common :Panorama
===========================================================================*/
#panorama{ 
	position:absolute;
	width:850px; height:298px;
	/*width:558px; height:298px;*/
	overflow:hidden;
	z-index:1px;
	float:left;
	border-bottom:solid 2px #FF0000;
}

/*=========================================================================== 
Common :Footer
===========================================================================*/
#footer { 
	border-top:solid 1px #ff3000;
	position:relative;
	padding-top:15px;
	margin-top:170px;
}

#footer div.link { float:right; color:#999999; font-size:11px; 	font-family:'Verdana'; text-align:center; margin-bottom:15px;}
#footer span { border-left: solid 1px #666666; padding-left:10px; padding-right:8px; color:#999999;  height:10px; }
#footer span.first { border:none; padding-left:0px;}
#footer span.end{ padding-right:0px; padding-right:0px;} 
#footer span.current a{ color:#330000; font-size:11px; }
#footer span.current a:hover{ text-decoration:underline; color:#ff481e}
#footer span.menu a{ color:#FF0000;  font-size:11px; text-decoration:none; }
#footer span.menu a:hover{ text-decoration:underline; color:#000000}

#footer div.copy { float:left; color:#000000;  font-size:11px; font-family:'Verdana';
}

#footer strong {
	color:#a2a2a2;
	font-weight:bold;
}

#home-column { 
	float:left;position:relative; 
	width:550px; margin-top:20px; 
	height:auto; overflow:visible; 
	font-size:8pt; 
	margin-bottom:20px;
	}
	
/*=========================================================================== 
Content 
===========================================================================*/
#content { height:650px; font-size:11px;}
#content #mygallery div.title { /*border-bottom:dashed 1px #666666;*/}
#content #panorama .image { /*border-bottom:solid 0px #CC6600;*/}

#home-column div.new-project{ float:left; }


#content #right-bar {
	position:relative;
	margin-top:-298px;
	width:292px; height:auto;
	overflow:visible;
	z-index:999px;
	float:right;
}
#content #right-bar div.myjob{  position:relative; maring-top:-298px; z-index:9999}
#content #right-bar div.myjob div.tab-title{ position:relative; }

#right-bar div.rd-course{ color:#FFFFFF; font-size:10pt; text-align:left; height:296px; overflow:hidden; background:url(images/bg_right-bar-red.png) no-repeat top left; border-bottom:solid 2px #FF0000;}
#right-bar div.rd-course div.block { margin:15px; }
#right-bar div.rd-course a { color:#FFFFFF; text-decoration:underline;}
#right-bar div.rd-course a:hover { color:#FF0000; text-decoration:blink;}

#content #right-bar div.webdesign{ font-size:10pt; text-align:right;height:auto; overflow:hidden; 
	background:url(images/bg_right-bar-gray.png) no-repeat top left;
	
	}
#content #right-bar div.webdesign div.block { margin:15px; padding-bottom:15px;}
#content #right-bar div.webdesign a { color:#990000; text-decoration:underline;}
#content #right-bar div.webdesign a:hover { color:#FF0000; text-decoration:blink;}

#content .section-block{ 
	position:relative;
	margin-top:0px;
	width:550px; height:auto;
	overflow:visible;
	z-index:2px;
	float:left;
}
#content .section-block .data-list{ 
	position:relative;
	margin-top:10px; margin-bottom:10px;
	width:550px; height:auto;
	overflow:visible;
	float:left;
}