/*   main  */

html,body{


    padding: 10px 0px;
    border: none;
	
	text-align:center;
	  
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
	font-family:sans-serif;
	font-size: 11px;
	color: #555555;
	background: url(../images/bg.jpg) top repeat-x #3a98d3;
	/*
	background:url(../images/bg.jpg) bottom repeat-x;
	background-color:#ffffff;

	
	/*
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:#FA9505;
	scrollbar-base-color:#;
	scrollbar-track-color:#FFFFFF;
	scrollbar-face-color:#EEEEEE;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#666666;
	*/
}


/*  LAYOUT  */
.main_col
{
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:top;
	padding:0px 0px 30px 0px;
}
.primary_box
{
	
	width:910px;
	text-align:center;
	vertical-align:top;

	
}
.left_shadow
{
	
	width:30px;
	height:100%;
	background:url(../images/shadow_left.png) top right repeat-y;
	
}
.right_shadow
{
	
	width:30px;
	height:100%;
	background:url(../images/shadow_right.png) top left repeat-y;
	
}
.navigator
{
	width:850px;
	height:100px;
}


.primary_content
{
	width:850px;

	left:30px;
	float:left;
	vertical-align:top;
}



.footer
{
	width:875px;	
	min-height:100px;
	border-top:#9fdaf2 solid 1px;
	padding-top:10px;
	padding-left:15px;
	text-align:left;
	
	
}
/*---------------- contents ----------------*/

#about
{
	background:url(../images/bg_about.gif) top right no-repeat #fff;
}
#about_illust
{
	vertical-align:top;
	text-align:left;
	width:359;
}
#about_text
{
	vertical-align:top;
	text-align:left;
	padding:30px 35px 20px 20px;
}
#about_box
{
	width:120px;
	min-height:100px;
	background:#fff;
	float:left;
	margin:5px;
	padding:5px;
	font-size:10px;
}
#about_cust
{
	width:100%;
	min-height:100px;
	border-top:#eaeaea solid 1px;
	float:left;
	margin:5px;
	padding:5px;
	font-size:10px;
}

/*----------------*/

#product
{
	background:url(../images/bg_product.jpg) top right no-repeat #fff;
	padding:0px;
	
	text-align:left;
}
#product_intro
{
	width:450px;
	float:right;
	margin-right:30px;
	margin-bottom:20px;
	padding:20px;
}

#product_intro_line
{
	border-top:#eeeeee solid 1px;
}

#product_illust
{
	width:300px;
	float:left;
	background:#330033;
	
}

.product_box
{
	width:80%;
	padding:5px;
	background:url(../images/bg_line.gif) center repeat-x ;
}

#product_detail
{
	background:url(../images/bg_product.jpg) top right no-repeat #fff;
	padding:0px;
	width:850px;
	
	text-align:left;
}
#product_box_list
{
	width:350px;
	min-height:100px;
	background:#fff;
	float:left;
	margin:5px;
	padding:5px;
	font-size:10px;
}
#product_box_content
{
	width:790px;
	margin:0px;
	padding:20px 30px;
}
/*----------------*/
#services
{
	background:url(../images/bg_services.jpg) bottom left no-repeat #fff;
	padding:0px 0px 0px 0px;
	height:400px;
	text-align:center;
}
#services_text
{
	vertical-align:top;
	text-align:left;
	padding:30px 35px 20px 20px;
}
#services_box
{
	width:120px;
	min-height:100px;
	background:#fff;
	float:left;
	margin:5px;
	padding:5px;
	font-size:10px;
	line-height:17px;
}



/*----------------*/
#joinus
{
	background:url(../images/bg_join.jpg) bottom right no-repeat #fff;
	padding:0px 0px 0px 0px;
	
	text-align:center;
}
#joinus_illust
{
	vertical-align:top;
	text-align:left;
	width:359;
}
#joinus_text
{
	vertical-align:top;
	text-align:left;
	padding:30px 35px 20px 20px;
}
#joinus_box
{
	width:120px;
	min-height:100px;
	
	float:left;
	margin:5px;
	padding:5px;
	font-size:10px;
	line-height:17px;
}


/*----------------*/
#contact
{
	background:url(../images/bg_join.jpg) bottom right no-repeat #fff;
	padding:0px 0px 0px 0px;
	
	text-align:center;
}
#contact_text
{
	vertical-align:top;
	text-align:left;
	padding:5px 35px 0px 20px;
	background:#e3f2f9 url(../images/bg_contact.jpg) left no-repeat;
	height:125px;
}
#contact_box
{
	width:400px;
	float:right;
	margin:5px;
	padding:5px;
	
	line-height:17px;
}



/*----------------*/
.back
{
	text-align:right;
	border-top:#eaeaea solid 2px;
	padding-top:10px;
	float:right;
	margin:10px;
}
.more
{
	text-align:right;
	border-top:#eaeaea solid 2px;
	padding-top:10px;
	float:right;
	margin:10px;
}
/*-----------------------------------------------*/

#header_red
{
	font-size:13px;
	color:#ff0000;
	
}

#header_blue_ul
{
	font-size:13px;
	color:#032d90;
	text-decoration:underline;
}
#header_blue
{
	font-size:13px;
	color:#032d90;
}
#subHead
{
	font-size:12px;
	color:#FFaa00;
	
}



#text_blue
{
	color:#032d90;
}
#text_blue_bold
{
	color:#032d90;
	font-weight:bold;
}
#text_reference
{
	color:#A0A0A0;
	font-size:10px;
}

table.cell_border {
	float: none;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

table.cell_border tr td {
	border: 1px solid #cccccc;
}

/*-----------------------------------------------*/
a:link {
	color: #ff7e00;
	text-decoration: none;
}
a:visited {
	color: #ff7e00;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #ff7e00;
	text-decoration: none;
}

a#2f:link, a#2f:visited, a#2f:active {
	color:#FF0099;
	text-decoration: none;
}
a#2f:hover {
	color: #fff;
	text-decoration: none;
}
/*-----------------------------------------------*/
.desc
{
	font-size:9px;
	color:#aaa;
}




/*-----------------------------------------------*/

img
{
	border:none;
}


/*-----------------------------------------------*/
ul
{
margin:0px 10px;
padding:10px 20px;
list-style-type:square;
list-style-position:outside;
}
ol
{
margin:0px 30px 0px 10px;
padding:10px 30px;
list-style-position:outside;
}

li
{
padding:5px;
}
/*-----------------------------------------------*/
.clear-all
{
clear:both; line-height:0; height:0;
}