@charset "UTF-8";
/* CSS Document */


/* general */
body {
	margin:0;
	width:100%;
	height:100%;
	background-image:url(../../img/bg.gif);
	background-repeat:repeat;
}

#bgtop {
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	background-image:url(../../img/bg_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#content {
	width:794px;
	height:100%;
	margin:0;
	padding:0;
}

#pagebody {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:780px;
	height:100%;
	padding:0;
	margin:0;
}

#left {
	float:left;
	width:7px;
	height:100%;
	background-image:url(../../img/shadow_left.gif);
	background-repeat:repeat-y;
}

#lefttop {
	float:left;
	width:7px;
	height:400px;
	list-style:none;
	background-image:url(../../img/shadow_top_left.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#middle {
	float:left;
	display:inline;
	width:780px;
	height:100%;
}

#right {
	display:inline;
	float:right;
	width:7px;
	height:100%;
	background-image:url(../../img/shadow_right.gif);
	background-repeat:repeat-y;
}

#righttop {
	float:left;
	width:7px;
	height:400px;
	background-image:url(../../img/shadow_top_right.gif);
	background-position:top;
	background-repeat:no-repeat;
}

/***********************************************************/
/*******      			header				     ***********/
/***********************************************************/
#header {
	position:relative;
	top:0px;
	width:780px;
	height:124px;
}

#headertop {
	display:block;
	width:780px;
	height:5px;
	background-color:#334050;
}

#logo {
	position:relative;
	top:0;
	left:0;
	width:620px;
	height:116px;
	display:inline;
	float:left;
}

#logolink {
	width:620px;
	height:116px;
	background-image:url(../../img/logo.jpg);
}

#headerbottom {
	position:relative;
	top:0;
	width:780px;
	height:3px;
	background-image:url(../../img/header_bottom.jpg);
}

/********* utils *********/
div#util {
	display:inline;
	float:right;
	width:160px;
	height:116px;
	padding:0;
	margin:0;
}

#utiltop {
	display:block;
	position:relative;
	left:0;
	top:0;
	width:160px;
	height:18px;
	padding:0;
	margin:0;
	background-image:url(../../img/util_top.jpg);

}

#utiltop-img {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:160px;
	height:21px;
}

#utiltop-img2 {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:160px;
	height:28px;
}

#sectionnav {
	float:left;
	width:768px;
	height:28px;
	padding-top:7px;
	padding-left:6px;
	padding-right:6px;
	margin:0;
	background-image:url(../../img/sectionnav_bg.jpg);
}


/***********************************************************/
/*******      			content body		     ***********/
/***********************************************************/

/* index */
#banner {
	position:relative;
	top:0;
	width:780px;
	height:224px;
}

#content-body {
	display:block;
	position:relative;
	top:35px;
	width:780px;
	height:189px;
	background-color:#bfdae7;
}

#content-body-left {
	float:left;
	display:inline;
	width:252px;
	height:156px;
	background:url(../../img/main_img.png) no-repeat;
	margin:17px 36px 16px 34px;
}

#content-body-right {
	display:inline;
	float:left;
	width:429px;
	height:150px;
	padding:23px 29px 16px 0px;
}

#content-body-right-title {
	width:429px;
	height:41px;
	background-image:url(../../img/main_body_title.jpg);
}

#content-body-right-content {
	width:429px;
	height:90px;
	padding:19px 0px 0px 0px;
	text-align:left;
}

/* partner */
#partner {
	position:relative;
	top:35px;
	left:0;
	width:766px;
	height:30px;
	background-color:#bfdae7;
	padding-left:7px;
	padding-right:7px;
}

#partner-bg {
	width:766px;
	height:30px;
	padding-top:12px;
	background-image:url(../../img/index_partner_line.jpg);
	background-repeat:repeat-x;
}

#partner-title {
	width:99px;
	height:9px;
	background-repeat:no-repeat;
	background-image:url(../../img/index_partner_title.jpg);
}

#partner-partners {
	position:relative;
	top:35px;
	left:0;
	width:780px;
	height:66px;
}

#partner-partners-left {
	float:left;
	width:36px;
	height:66px;
	background-image:url(../../img/index_partner_left.jpg);
}

#partner-partners-middle {
	float:left;
	width:709px;
	height:66px;
	background-image:url(../../img/index_partners123.jpg);
}

#partner-partners-right {
	float:left;
	width:35px;
	height:66px;
	background-image:url(../../img/index_partner_right.jpg);
}

#partner-partners-partner1 {
	float:left;
	display:inline;
	width:194px;
	height:66px;
	background-image:url(../../img/index_partner1.jpg);
}

#partner-partners-partner2 {
	float:left;
	display:inline;
	width:83px;
	height:66px;
	background-image:url(../../img/index_partner2.jpg);
}

#partner-partners-partner3 {
	float:left;
	display:inline;
	width:159px;
	height:66px;
	background-image:url(../../img/index_partner3.jpg);
}

#partner-partners-partner4 {
	float:left;
	display:inline;
	width:181px;
	height:66px;
	background-image:url(../../img/index_partner4.jpg);
}

#partner-partners-partner5 {
	float:left;
	display:inline;
	width:92px;
	height:66px;
	background-image:url(../../img/index_partner5.jpg);
}

/***********************************************************/
/*******      			content bottom		     ***********/
/***********************************************************/

#bottom-bg {
	position:relative;
	top:35px;
	display:block;
	width:780px;
	height:20px;
	padding-top:9px;
	background-color:#006699;
}

#bottom-bg2 {
	float:left;
	display:block;
	width:780px;
	height:20px;
	padding-top:9px;
	background-color:#006699;
}

#bottomcopy{
	margin-top:8px;
	position:relative;
	top:0;
	left:0;
	width: 730px;
	height: 26px;
	background-color: #06203d;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 12px;
}
div#bottomleft{
	float: left;
	width: 260px;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#bottomright{
	float: left;
	width: 470px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#bottom-wave {
	float:left;
	display:block;
	width:780px;
	height:42px;
	background-image:url(../../img/bottom_wave.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}

/***********************************************************/
/*******      		section navigation		     ***********/
/***********************************************************/
#subsectionnav {
	float:left;
	width:177px;
	height:100%;
	padding:0;
	margin:0;
}

/***********************************************************/
/*******      			page content		     ***********/
/***********************************************************/
#contentbox {
	float:left;
	width:603px;
	height:100%;
	padding:0;
	margin:0;
}
