@charset "utf-8";
@import 'global_reset.css';

/***** background
---------------------------------------------------------------------------------------------------------------- *****/
html {
	background-color: #123247;
}
body {
	height: auto;
	padding-top: 1px;
	
	background: url(../img/int_canvas_top_bg.png) no-repeat center -14px;
}
body.home {
	background: url(../img/home_canvas_bg.png) no-repeat center -14px;
}
#canvas-shadow {
	width: 1008px;
	margin: 0 auto;
	margin-top: 32px;
	
	background: url(../img/int_canvas_repeat_bg.png) repeat-y;
}

/***** end background *****/

#canvas {
	position: relative;
	margin: 0 auto;
	width: 970px;
}
#canvas {
	position: relative;
	top: -28px;
	padding-bottom: 28px;
	
	background: url(../img/int_bottom_corners.png) no-repeat center bottom;
}
body.home #canvas {
	height: 635px;
	top: 0;
	padding-bottom: 0;
	margin-top: 4px;
	overflow: hidden;	
	
	background: url(../img/border_bottom.gif) repeat-x center bottom;
}
body.home #canvas div#lb-corner {
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	
	background: url(../img/lb_corner1.png) no-repeat;
}
body.home #canvas div#rb-corner {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
	
	background: url(../img/rb_corner1.png) no-repeat;
}

/***** header area 
---------------------------------------------------------------------------------------------------------------- *****/
#header {
	height: 161px;
	position: relative;
	
	background: url(../img/header_bg.png) no-repeat;;
}
#header div#main-logo {
	width: 599px;
	height: 104px;
	float: left;
	margin: 31px 0 0 32px;
}
#header form {
	width: 271px;
	height: 140px;
	float: right;
	margin: 10px 10px 0 0;
	
	background: url(../img/form_bg.png) no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header form dl dt {
	height: 16px;
	margin: 21px 20px 0 20px;
	
	background: url(../img/member_login.png) no-repeat;
	text-align: right;
}
#header form dl dt span {
	display: block;
	width: 118px;
	float: left;
	
	text-indent: -9000em;
	text-align: left;
}
#header form dl dt a {
	display: block;
	padding-top: 2px;
	
	text-align: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header form dl dt a:hover, #header form dl dt a:active {
	text-decoration: none;
}
#header form dl dd {
	margin: 4px 20px 0 20px;
	height: 26px;
}
#header form dl dd input[type="text"] {
	display: block;
	float: left;
	margin: 5px 14px;
	border: none;	
	
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #fff;
}
#header form dl dd input[type="password"] {
	display: block;
	float: left;
	margin: 5px 14px;
	border: none;	
	
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #fff;
}
*:first-child+html #header form dl dd input[type="text"] {
	float: right;
}
#header form dl dd#user {
	background: url(../img/username_bg.png) no-repeat;
}
#header form dl dd#user input {
	width: 203px;
}
#header form dl dd#pass {
	width: 149px;
	float: left;
	margin-right: 4px;
	
	background: url(../img/password_bg.png) no-repeat;
}
#header form dl dd#pass input {
	width: 121px;
}
#header form dl dd#log-in {
	width: 78px;
	margin: 4px 0 0 0;
	float: left;
}
#header form dl dd#log-in input[type="submit"] {
	display: block;
	border: none;
	height: 26px;
	width: 78px;
	
	cursor: pointer;
	background: url(../img/submit_bg.png) no-repeat;
}
#header form dl dd#flag {
	clear: both;
	height: auto;
	padding: 6px 0 0 6px;
	margin-top: 0;
}
*:first-child+html #header form dl dd#flag {
	padding-top: 3px;
}
#header form dl dd#flag input[type="checkbox"] {
	vertical-align: text-bottom;
}
*:first-child+html #header form dl dd#flag input[type="checkbox"] {
	vertical-align: middle;
}
#header ul {
	position: absolute;
	left: 154px;
	top: 120px;
}
#header ul li {
	display: inline;
	padding: 0 7px 0 12px;
	
	background: url(../img/bullet.png) no-repeat left center;
}
#header ul li a:link, #header ul li a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header ul li a:hover, #header ul li a:active {
	text-decoration: none;
}
#header ul li span {
	font: 13px Arial, Helvetica, sans-serif;
	color: #f8c779;
}
/***** end header area *****/

/***** navigation area 
---------------------------------------------------------------------------------------------------------------- *****/
#navigation {
	height: 41px;
	border: solid #fff;
	border-width: 0 2px;
	
	background: url(../img/nav_duck.jpg) no-repeat;
}
#navigation ul#nav-list {
	background: #369;
}
#navigation ul#nav-list > li {
	height: 41px;
	float: left;
	
	background: url(../img/nav_li_bg.jpg) no-repeat;
}
#navigation ul#nav-list > li:first-child {
	background-position: -6px 0;
}
#navigation ul#nav-list > li > a, #navigation ul#nav-list > li > span {
	display: block;
	height: 29px;
	margin: 6px 0 0 16px;
	
	text-indent: -9000em;
	background: url(../img/nav_sprite.png) no-repeat;
}

#navigation ul#nav-list li#nav_btn1 { width: 99px; }
#navigation ul#nav-list li#nav_btn1 > a, #navigation ul#nav-list li#nav_btn1 > span { width: 74px; }
#navigation ul#nav-list li#nav_btn1 > a:link, #navigation ul#nav-list li#nav_btn1 > a:visited {
	background-position: 0 0;
}
#navigation ul#nav-list li#nav_btn1 > a:hover, #navigation ul#nav-list li#nav_btn1 > a:active, 
#navigation ul#nav-list li#nav_btn1 > a.active  {
	background-position: 0 -29px;
}
#navigation ul#nav-list li#nav_btn1 > span {
	background-position: 0 -29px;
}
#navigation ul#nav-list li#nav_btn2 { width: 145px; }
#navigation ul#nav-list li#nav_btn2 > a, #navigation ul#nav-list li#nav_btn2 > span { width: 107px; }
#navigation ul#nav-list li#nav_btn2 > a:link, #navigation ul#nav-list li#nav_btn2 > a:visited {
	background-position: -74px 0;
}
#navigation ul#nav-list li#nav_btn2 > a:hover, #navigation ul#nav-list li#nav_btn2 > a:active, 
#navigation ul#nav-list li#nav_btn2 > a.active {
	background-position: -74px -29px;
}
#navigation ul#nav-list li#nav_btn2 > span {
	background-position: -74px -29px;
}
#navigation ul#nav-list li#nav_btn3 { width: 146px; }
#navigation ul#nav-list li#nav_btn3 > a, #navigation ul#nav-list li#nav_btn3 > span { width: 108px; }
#navigation ul#nav-list li#nav_btn3 > a:link, #navigation ul#nav-list li#nav_btn3 > a:visited {
	background-position: -181px 0;
}
#navigation ul#nav-list li#nav_btn3 > a:hover, #navigation ul#nav-list li#nav_btn3 > a:active, 
#navigation ul#nav-list li#nav_btn3 > a.active {
	background-position: -181px -29px;
}
#navigation ul#nav-list li#nav_btn3 > span {
	background-position: -181px -29px;
}
#navigation ul#nav-list li#nav_btn4 { width: 257px; }
#navigation ul#nav-list li#nav_btn4 > a, #navigation ul#nav-list li#nav_btn4 > span { width: 219px; }
#navigation ul#nav-list li#nav_btn4 > a:link, #navigation ul#nav-list li#nav_btn4 > a:visited {
	background-position: -289px 0;
}
#navigation ul#nav-list li#nav_btn4 > a:hover, #navigation ul#nav-list li#nav_btn4 > a:active, 
#navigation ul#nav-list li#nav_btn4 > a.active {
	background-position: -289px -29px;
}
#navigation ul#nav-list li#nav_btn4 > span {
	background-position: -289px -29px;
}
#navigation ul#nav-list li#nav_btn5 { width: 155px; }
#navigation ul#nav-list li#nav_btn5 > a, #navigation ul#nav-list li#nav_btn5 > span { width: 117px; }
#navigation ul#nav-list li#nav_btn5 > a:link, #navigation ul#nav-list li#nav_btn5 > a:visited {
	background-position: -508px 0;
}
#navigation ul#nav-list li#nav_btn5 > a:hover, #navigation ul#nav-list li#nav_btn5 > a:active, 
#navigation ul#nav-list li#nav_btn5 > a.active {
	background-position: -508px -29px;
}
#navigation ul#nav-list li#nav_btn5 > span {
	background-position: -508px -29px;
}
#navigation ul#nav-list li#nav_btn6 { width: 162px; }
#navigation ul#nav-list li#nav_btn6 > a, #navigation ul#nav-list li#nav_btn6 > span { width: 124px; }
#navigation ul#nav-list li#nav_btn6 > a:link, #navigation ul#nav-list li#nav_btn6 > a:visited {
	background-position: -625px 0;
}
#navigation ul#nav-list li#nav_btn6 > a:hover, #navigation ul#nav-list li#nav_btn6 > a:active, 
#navigation ul#nav-list li#nav_btn6 > a.active {
	background-position: -625px -29px;
}
#navigation ul#nav-list li#nav_btn6 > span {
	background-position: -625px -29px;
}

#navigation ul#nav-list li.drop-down {
	position: relative;
	z-index: 99;
}
#navigation ul#nav-list li.drop-down ul {
	position: absolute;
	left: 16px;
	top: 100%;
	z-index: 100;
	display: none;
	width: 160px;
	padding: 5px 0 11px 0;
	
	background: url(../img/drop_down_bg.png) no-repeat center bottom;
}
#navigation ul#nav-list li.drop-down ul li {
	margin: 0 1px;
}
#navigation ul#nav-list li.drop-down ul li a {
	display: block;
	padding: 5px 10px;
	
	font: 14px/1 Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#navigation ul#nav-list li.drop-down ul li a:hover, #navigation ul#nav-list li.drop-down ul li a:active {
	background: #396 url(../img/drop_down_hover_bg.jpg) repeat-x center 0;
}
/***** end navigation area *****/

/***** columns area 
---------------------------------------------------------------------------------------------------------------- *****/
#cols-wrapper {
	overflow: hidden;
	padding: 0 2px;
	
	background: url(../img/int_cols_bg.gif) repeat-y;
	font: 13px Arial, Helvetica, sans-serif;
	color: #323232;
}
body.home #cols-wrapper {
	margin: 0;
	background: url(../img/cols_bg.gif) repeat-y;
}
#cols-wrapper h1 {
	margin: 24px 2px 0 22px;
	
	font: 24px Arial, Helvetica, sans-serif;
	color: #f7941d;
}
#cols-wrapper h2 {
	margin: 0 2px 0 22px;
	
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #f7941d;
}
#cols-wrapper a:link, #cols-wrapper a:visited {
	color: #57d1ff;
}
#cols-wrapper a:hover, #cols-wrapper a:active {
	text-decoration: none;
}
#left {
	width: 725px;
	float: left;
	
	font: 13px Arial, Helvetica, sans-serif;
	color: #323232;
}
#left p {
	margin: 18px 2px 18px 22px;
}
#left ul {
	margin: 18px 2px 18px 38px;
	padding-left: 1.2em;
	
	list-style: disc url(../img/list_bullet.png) outside;
}
#left ul li {
	margin: 10px 0;
}
#middle {
	width: 279px;
	float: left;
}
#middle > img {
	display: block;
	margin: 18px auto;
	padding: 3px;
	
	background-color: #dcdcdc;
}
#middle h2 {
	margin: 0 14px 0 44px;
}
#middle p {
	margin: 10px 14px 10px 44px;
}
#middle a:hover, #middle a:active {
	color: #fff;
	background-color: #f7941d;
}
#right {
	width: 211px;
	float: right;
}

/***** righ menu *****/
#right ul li {
	border-bottom: 1px solid #425d74;
}
#right ul li a {
	display: block;
	padding-left: 70px;
}
#right ul li a:link, #right ul li a:visited {
	font: 16px/69px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(../img/sub_nav.png) no-repeat;
}
#right ul li.right-menu1 a:link, #right ul li.right-menu1 a:visited {
	background-position: -210px 0;
}
#right ul li.right-menu1 a:link, #right ul li.right-menu1 a:hover {
	background-position: 0 0;
}
#right ul li.right-menu2 a:link, #right ul li.right-menu2 a:visited {
	background-position: -210px -69px;
}
#right ul li.right-menu2 a:link, #right ul li.right-menu2 a:hover {
	background-position: 0 -69px;
}
#right ul li.right-menu3 a:link, #right ul li.right-menu3 a:visited {
	background-position: -210px -138px;
}
#right ul li.right-menu3 a:link, #right ul li.right-menu3 a:hover {
	background-position: 0 -138px;
}
#right ul li.right-menu4 a:link, #right ul li.right-menu4 a:visited {
	background-position: -210px -207px;
}
#right ul li.right-menu4 a:link, #right ul li.right-menu4 a:hover {
	background-position: 0 -207px;
}
#right ul li a:hover, #right ul li a:active {
	text-decoration: underline;
}
/***** end righ menu *****/

/***** home page *****/
body.home #left {
	width: 716px;
	height: 431px;
	position: relative;
}
body.home #left div#crystal-carrier {
	height: 102px;
	width: 672px;
	padding: 21px 22px 0 22px;
	position: absolute;
	left: 0;
	top: 308px;
	
	background: url(../img/crystal_bg.png) no-repeat;
}
body.home #left div#crystal-carrier h1 {
	margin: 0;
	
	font-weight: bold;
}
body.home #left div#crystal-carrier p {
	margin: 0;
	
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
}
body.home #right {
	width: 248px;
	height: 431px;
	
	background: url(../img/home_right_bg.jpg) no-repeat;
}
body.home #right > a {
	display: block;
	width: 224px;
	height: 70px;
	margin: 13px 12px 20px 12px;
	
	background: url(../img/inthenews.png) no-repeat;
}
/***** home righ menu *****/
body.home #right ul li {
	border-top: 1px solid #425d74;
	border-bottom: none;
}
body.home #right ul li a {
	display: block;
	padding: 28px 0 25px 85px;
	
	font: 16px/1 Arial, Helvetica, sans-serif;
}
body.home #right ul li.last a {
	padding: 17px 0 20px 85px;
}
*:first-child+html body.home #right ul li.last a {
	padding: 20px 0 21px 85px;
}
body.home #right ul li a:link, body.home #right ul li a:visited {
	color: #7599b4;
	background: url(../img/home_right_link_sprite.png) no-repeat;
}
body.home #right ul li a span {
	color: #fff;
}
body.home #right ul li a span#numbers {
	font: 12px/1 Arial, Helvetica, sans-serif;
}
body.home #right ul li a:hover, body.home #right ul li a:active {
	text-decoration: none;
	background: url(../img/home_right_hover_sprite.jpg) no-repeat;
}
body.home #right ul li.right-menu1 a:link, body.home #right ul li.right-menu1 a:visited {
	background-position: 20px 0;
}
body.home #right ul li.right-menu2 a:link, body.home #right ul li.right-menu2 a:visited {
	background-position: 20px -69px;
}
body.home #right ul li.right-menu3 a:link, body.home #right ul li.right-menu3 a:visited {
	background-position: 20px -138px;
}
body.home #right ul li.right-menu4 a:link, body.home #right ul li.right-menu4 a:visited {
	background-position: 20px -207px;
}

body.home #right ul li.right-menu1 a:hover, body.home #right ul li.right-menu1 a:active {
	background-position: 0 0;
}
body.home #right ul li.right-menu2 a:hover, body.home #right ul li.right-menu2 a:active {
	background-position: 0 -69px;
}
body.home #right ul li.right-menu3 a:hover, body.home #right ul li.right-menu3 a:active {
	background-position: 0 -138px;
}
body.home #right ul li.right-menu4 a:hover, body.home #right ul li.right-menu4 a:active {
	background-position: 0 -207px;
}
/***** end home righ menu *****/
/***** end home page *****/
/***** end columns area *****/

/***** footer area 
---------------------------------------------------------------------------------------------------------------- *****/
#footer {
	position: relative;
	margin: 0 auto;
	height: 95px;
	width: 970px;
	padding: 28px 10px 0 10px;
	margin-top: -56px;

	background: #123247 url(../img/int_bottom_corners_shadow.jpg) no-repeat center top; 
}
body.home #footer {
	height: 94px;
	padding-top: 1px;
	margin-top: 0;
	
	background: none;
}
#footer p {
	width: 200px;
	float: left;
	margin: 23px 0 0 23px;
	
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #edf8ff;
}
#footer > a {
	display: block;
	width: 163px;
	height: 30px;
	float: right;
	margin: 12px 29px 0 0;
}
#footer ul {
	margin: 17px 223px 0 223px;
	text-align: center;
}
*:first-child+html #footer ul {
	margin-top: 45px;
}
*:first-child+html body.home #footer ul {
	margin-top: 17px;
}
#footer ul li {
	display: inline-block;
	vertical-align: top;
	padding-left: 6px;
	height: 19px;
	margin: 0 2px;	
}
#footer ul li:hover {
	background: url(../img/footer_nav_left_bg.png) no-repeat left center;
}
#footer ul li:hover a {
	text-decoration: none;
	background: url(../img/footer_nav_right_bg.png) no-repeat right center;
}
*:first-child+html #footer ul li {
/*
	zoom: 1.0;
*/
	display: inline;
}
#footer ul li a {
	display: block;
	padding-right: 6px;	
}
#footer ul li a:link, #footer ul li a:visited {
	font: 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}
/***** end footer area *****/