body { font: 70% Arial,Verdana,Helvitica,sans-serif; background-color: #FFF; line-height: 1.5em; }
div#wrapper { margin: 1em auto; width: 810px; }

div#header_left { float: left; background: white url(../images/logo.jpg) no-repeat top; width:305px; height:75px}
div#header_right {float: right; }
div#header_right ul { background: white; padding:1em;}
div#header_right ul li {  display: inline; list-style: none; }
div#header_right ul li a { padding:0.5em 1.5em; color: #666; text-decoration: none; }
div#header_right ul li a.first { border-right: 1px dotted #666; }
div#header_right ul li a:hover { color: #333; }
div#footer { text-align: center; color: #999; padding:1em 0; margin-top:1.5em; border-top:1px solid #E5E5E5;}
a:link, a:active { color: #2583CF; }
a:visited { color: #92371D}
a:hover { color: #113A5B; }
.hidden { display: none; }
.content { padding:0.6em }
.content h1 { background: #EEE url(../images/title_bg.gif) ; padding: 0.5em; font-weight: bold; color: #5083B2; }
.content p { padding: 0.5em; text-align: justify; }
.banner { background: #FFF url(../images/banner.jpg) no-repeat center; height: 225px;}
.box-top { background: #FFF url(../images/box_top.gif) no-repeat; height:36px; width: 510px;}
.box-content { background: #FFF url(../images/box_bg.gif) repeat-y; width: 510px; padding:0 1em}
.box-content ul { margin: 0; }
.box-content ul li{ margin: 0 0.5em; width: 510px; }
.box-bottom { background: #FFF url(../images/box_bottom.gif) no-repeat; width: 510px; height:30px; }
.main-panel { float: left; width: 510px; overflow: hidden; }
.side-panel { float: right; width: 280px;}
.extra { background: #0C4A6C; padding:0.5em; margin-right: 0.45em; color: white; }

h3#tab-inside-service { background: #FFF url(../images/inside_serv_tab.gif) no-repeat ; width:461px; height: 30px; }
h3#tab-engr-service { background: #FFF url(../images/engr_serv_tab.gif) no-repeat ; width:461px; height: 30px; }
h3#tab-pers-service { background: #FFF url(../images/personnel_serv_tab.gif) no-repeat ; width:461px; height: 30px; }
h3#tab-solution-service { background: #FFF url(../images/solution_serv_tab.gif) no-repeat ; width:461px; height: 30px; }

ul.text-list, ul.ext-box, ul.ext-content, ul.accord-menu { list-style-type: none;}
ul.text-list li { padding: 0.25em 0; text-align: justify; width:450px; }
ul.text-list li a { color: #2583CF; text-decoration: none; }
ul.text-list li { }

ul.ext-content li { background: #082E45; padding: 0.5em ; text-align: justify}
h3.head { padding:0; margin:0;}
h3.exthead {padding:0.5em; margin:0; background-color: #052639; border-bottom:1px solid #093B54; }

ul.ext-box li { background: #0E3A53 url(../images/polkadots.jpg) no-repeat right; height: 56px; border-bottom: 1px solid #0C4A6C; margin-bottom:0.5em;}
ul.ext-box li h1 { margin-left: 0.9em; color: #72A1BD; font-weight: bold; font-size: 14px; }
ul.ext-box li p { margin-left: 1.2em;  font-size: 10px; font-family: verdana; line-height:1.2em; }

/*h3#tab-inside-service.selected { background: #FFF url(../images/engr_serv_tab.gif) no-repeat ; width:461px; height: 30px; }*/

#menu {
	clear: both;
	position: relative; width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#menu ul#primary {
	margin: 0;
	margin-left:0.55em;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 700px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#menu ul#primary li  {
	display: inline;
	list-style: none;
}

#menu ul#primary a,#menu ul#primary span,#menu ul#primary a.current {
	width: 136px;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}

#menu ul#primary span,#menu ul#primary a.current,#menu ul#primary a.current:hover {
	border: 0;
	border-bottom: none;
	background: #1F8606 url(../images/tab_bg_active.gif) no-repeat top;
	padding-bottom: 6px;
	margin-top: 0;
}

#menu ul#primary a {
	background: #0C4A6C url(../images/tab_bg.gif) no-repeat top;
	border: 0;
	border-bottom: 1px solid #0C4A6C;
}

#menu ul#primary a:hover {
	margin-top: 0;
	border-color: #1F8606;
	background: #1F8606 url(../images/tab_bg_active.gif) no-repeat top;
	padding-bottom: 5px;
}

.ico-linechart { background: transparent url(../images/icons/linechart.png) no-repeat top center; }
.ico-barchart { background: transparent url(../images/icons/barchart.png) no-repeat top center; }
.ico-exit { background: transparent url(../images/icons/exit.png) no-repeat top center; }
.ico-modify { background: transparent url(../images/icons/modify.png) no-repeat top center; }
.ico-save { background: transparent url(../images/icons/save.png) no-repeat top center; }
.ico-rss { background: transparent url(../images/icons/rss.png) no-repeat top center; }
.ico-search { background: transparent url(../images/icons/search.png) no-repeat top center; }
.ico-email { background: transparent url(../images/icons/email.png) no-repeat top center; }