@charset "UTF-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.clear {clear:both;}
#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}
#header {
	width:900px;
	height:152px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0px;
}
#header_left {
	width:182px;float:left;
}
#header_right {
	width:717px;float:right;
}
#header_right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color:#0e0151;
	margin:7px 0 0 5px;padding:0;
}
#header_title {
	width:500px;
	height:34px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;}
	
#login {
	float:right;
	width:160px;
	height:34px;
	text-align:center;
	background-image: url(../images/login_box_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin:0;
	padding:0;
}
#login a {color:#333333; text-decoration:none;}
#login a:hover {text-decoration:underline;}
#login p {margin:17px 0 0 0; text-align:center;}
#search {
	width:707px;
	height:56px;
	clear:both;
	margin:0;
	padding:0;
	text-align:right;
}
#search form {
	margin:0;
	padding:0;}
#search_input {width:130px; margin:16px 0 0 0}
#topmenu {
	margin:0;
	padding:0;
}
#topmenu ul {
	margin:6px 0 0 11px;
	padding:0;
}
#topmenu li {
	color:#aaacab;
	display: inline;
	list-style:none;
	margin:0 4px;
}
#topmenu li a {
	color:#0e0151;
	text-decoration:none;
}
#topmenu li a:hover {
	color:#0e0151;
	text-decoration:underline;
}
#content {
	width:900px;
	margin:0;
	padding: 5px 0 10px 0;
	clear:both;
	text-align:center;
}
#content h2 {
	font-size: 16px;
    color:#D84126;
	text-align:left;
	margin:10px 20px;
}
#content p {
    color:#000033;
	text-align:justify;
	margin:5px 20px;
}
#content p strong {
	font-weight:normal;
}
#content p a {
    color:#D84126;
	text-decoration:none;
}
#content p a:hover {
    color:#000033;
	text-decoration:underline;
}
#top_main {
	width:880px;
	margin:0 auto;
	background-image: url(../images/main_box_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#ffffcd;
}
#product {
	width:860px;
	margin:10px auto 0 auto;
}
#box1 {
	width:183px;
	height:285px;
	margin:0 10px 0 0;
	padding:10px;
	float:left;
	border:2px solid #0076BD;
	background-color:#F2F8FC;
	background-image: url(../images/box01_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#box1 h3 {
	font-size:16px;
    color:#0076BD;
	text-align:left;
	margin:0 0 5px 0;
}
#box1 h3 a {
    color:#0076BD;
	text-decoration:none;
}
#box1 h3 a:hover {
    color:#000033;
	text-decoration:underline;
}
#box1 p {
    color:#000033;
	text-align:justify;
	margin:0 2px;
	padding:5px 0 0 0;
	border-top:1px dotted #0076BD;
}
#box2 {
	width:183px;
	height:285px;
	margin:0 10px 0 0;
	padding:10px;
	float:left;
	border:2px solid #9F409E;
	background-color:#FBF7FF;
	background-image: url(../images/box02_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#box2 h3 {
	font-size:16px;
    color:#9F409E;
	text-align:left;
	margin:0 0 5px 0;
}
#box2 h3 a {
    color:#9F409E;
	text-decoration:none;
}
#box2 h3 a:hover {
    color:#000033;
	text-decoration:underline;
}
#box2 p {
    color:#000033;
	text-align:justify;
	margin:0 2px;
	padding:5px 0 0 0;
	border-top:1px dotted #9F409E;
}
#box3 {
	width:183px;
	height:285px;
	margin:0 10px 0 0;
	padding:10px;
	float:left;
	border:2px solid #008844;
	background-color:#EAFCDE;
	background-image: url(../images/box03_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#box3 h3 {
	font-size:16px;
    color:#008844;
	text-align:justify;
	margin:0 0 5px 0;
}
#box3 h3 a {
    color:#008844;
	text-decoration:none;
}
#box3 h3 a:hover {
    color:#000033;
	text-decoration:underline;
}
#box3 p {
    color:#000033;
	text-align:justify;
	margin:0 2px;
	padding:5px 0 0 0;
	border-top:1px dotted #008844;
}
#box4 {
	width:183px;
	height:285px;
	float:right;
	padding:10px;
	border:2px solid #FFC314;
	background-color:#D84126;
}
#box4 h3 {
	font-size:16px;
    color:#FFC314;
	text-align:left;
	margin:0 0 5px 0;
}
#box4 h3 a {
    color:#FFFFFF;
	text-decoration:none;
}
#box4 h3 a:hover {
    color:#FFC314;
	text-decoration:underline;
}
#box4 p {
    color:#FFFFFF;
	text-align:justify;
	margin:0 5px;
}
#footer     {
    font-size:10px;
    color:#999999;
    text-align:center;
	width:900px;
    margin:5px 0;
    padding:15px 0;
    border:1px solid #CCCCCC;
    background-image:url(../assets/images/footer_bgnd.gif);
    background-repeat:repeat-x;
    background-color:#EDEDED;
	clear:both;
}