@import url('../css/global.css');
@import url('../css/sub.css');
@import url('../css/home.css');
@import url('../css/news-list.css');
@import url('../css/news-detail.css');
@import url('../css/staff-list.css');
@import url('../css/staff-detail.css');

body {font-family: Tahoma, Arial, sans-serif; font-size: 62.5%; line-height: 1.8em; background: #ddf1fc url('../images/body-bg.gif') repeat-x;
}

span.datetime {margin-left: 5px; color: #adaeae; font-size: .9em; font-weight: normal;}

/** Container 
------------------------------*/
#container {width: 960px; margin: 0 auto; font-size: 1.2em;}

/** Header
------------------------------*/
#header {position: relative; height: 104px; background: url('../images/header-underline.gif') repeat-x left bottom;
}
#header .wrapper {height: 104px; background: url('../images/header-bg.jpg') no-repeat;
}
#header span.vaporous {position: absolute; display: block; top: 0; left: -89px; height: 256px; width: 89px; background: url('../images/body-bg-vaporous.jpg') no-repeat;
}
#header h1 {position: absolute; top: 16px;	left: 53px;}
#header h1 a {display: block; height: 69px; width: 127px; background: url('../images/logo.jpg') no-repeat; 
text-indent: -1983px; overflow: hidden;
}
#header h2 {display: none;}

#header .lang {position: absolute; right: 0; bottom: 8px; background: url('../images/lang-bg.jpg') no-repeat; 
height: 19px; width: 150px;
}
#header .lang li {float: left; margin-left: 8px;}
* html #header .lang li {display: inline;}
#header .lang li.last {background: url('../images/footer-sep.gif') no-repeat 0 center; 
padding-left: 10px;
}
#header .lang li a {font-size: .9em; color: #fff;}

/* Content
------------------------------*/
#content {background: #fff; padding: 6px 8px;}

/* Main Content
------------------------------*/
#mainContent {width: 713px;	float: right;}

#other-news {clear: both; margin: 10px 0 20px 0; padding-left: 30px; border-top: 1px solid #cfcfcf;}
#other-news p {color: #CF500B; font-size: 1.2em; font-weight: bolder; text-decoration: underline; margin: 30px 0 10px;}
#other-news ul {margin-left: 20px;}
#other-news ul li {line-height: 2em; background: url('../images/bullet-arrow-blue.gif') no-repeat 0 10px; 
padding-left: 15px;
}
#other-news ul li a {color: #0e5897;}

/* Sidebar
------------------------------*/
#sidebar {width: 223px; float: left;}
#sidebar .box {width: 223px; margin-bottom: 12px;}
#sidebar .box h3 {height: 25px;	line-height: 20px; color: #fff;	padding-left: 26px; font-size: 1em;}
#sidebar .box h3 a {color: #fff;}
#sidebar .box .content {background: url('../images/box-bottom-blue.gif') no-repeat left bottom; 
padding: 10px 8px;
}

#sidebar .nav {background: url('../images/box-center-blue.gif') repeat-y;
}
#sidebar .nav h3 {background: url('../images/box-top-blue.gif') no-repeat;
}
#sidebar .nav .content {background: url('../images/box-bottom-blue.gif') no-repeat left bottom;
}
#sidebar .nav .content {padding: 10px 5px 2px;}
#sidebar .nav ul li {padding-bottom: 10px; background: url('../images/nav-bg.gif') no-repeat;
}
#sidebar .nav ul li img {float: left; margin-right: 20px;}
#sidebar .nav ul li a {display: block; height: 29px; line-height: 29px;	color: #0e5897;	text-transform: uppercase; padding-left: 5px;}
#sidebar .nav ul li a:hover {text-decoration: none;	color: #c44b09;}

#sidebar .tech {background: url('../images/box-center-gray.gif') repeat-y;
}
#sidebar .tech h3 {background: url('../images/box-top-gray.gif') no-repeat;
}
#sidebar .tech .content {background: url('../images/box-bottom-gray.gif') no-repeat left bottom;
}
#sidebar .tech ul li {background: url('../images/bullet.gif') no-repeat left 9px;	
padding-left: 15px;	margin-bottom: 7px; line-height: 1.5em;
}
#sidebar .tech ul li a {color: #0e5897;}

#sidebar .news {background: url('../images/box-center-orange.gif') repeat-y;
}
#sidebar .news h3 {background: url('../images/box-top-orange.gif') no-repeat;
}
#sidebar .news .content {background: url('../images/box-bottom-orange.gif') no-repeat left bottom;
}
#sidebar .news ul li {background: url('../images/bullet.gif') no-repeat left 9px;	
padding-left: 15px; margin-bottom: 7px; line-height: 1.5em;
}
#sidebar .news ul li a {color: #0e5897;}

#sidebar #contact {position: relative; background: url('../images/contact.jpg') no-repeat; 
height: 122px;	margin: 10px 0 10px 0;
}
#sidebar #contact h3 {position: absolute; top: 22px; left: 8px; color: #c44b09; text-transform: uppercase; font-size: .9em;}
#sidebar #contact .inner {position: absolute; bottom: 3px; right: 5px;}
#sidebar #contact p {color: #2a2929; font-size: 0.8em; text-align: right;}
#sidebar #contact p.contact-info {color: #C44B09; font-weight: bolder; font-size: 0.8em;}

/** Footer
------------------------------*/
#footer {width: 960px; margin: 0 auto; height: 88px; background: #0b5695 url('../images/footer-bg.gif') no-repeat left bottom;
}
#footer-nav {height: 21px; background: #0f65b0;}
#footer-nav ul {float: right;}
#footer-nav ul li {display: inline;	margin-left: 10px; background: url('../images/footer-sep.gif') no-repeat right 50%;
}
#footer-nav ul li.last {background: none;}
#footer-nav ul li a {color: #fff; height: 21px;	line-height: 21px; margin-right: 10px; font-size: 0.9em;}
#footer p {height: 67px; text-align: center; color: #fff; line-height: 67px; font-size: 0.9em;}
#footer p a {color: #fff;}