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

html{
	font:11px Arial, Helvetica, sans-serif; /* Sets the font size and type for the whole html page */
	color:#333;} /* Sets the font color for the whole html page */

h1 {font-size:18px;}
h2 {font-size:16px;font-weight:400;}
h3 {font-size:14px;}
p {font-size:12px;}


body {background-color:#e2e2e2;margin:0px;padding:0px;}
/* //////////////// TOP BAR MENU ////////////////////// */
#top_bar {background-color:#000000;border-bottom:1px solid #333333;height:26px;line-height:26px;}

#top_bar ul{
	margin: 0;
	padding: 0;
	float: left;}

#top_bar ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

#top_bar ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 0 4px 0 4px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #000;}

#top_bar ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

#top_bar ul li a:hover, .menu ul li .current{
	color: #0b75b2;
	} 

/* //////////////// HEADER ////////////////////// */
#header_wrap {background-color:#000000;}
#header {margin:0 auto;width:950px;height:130px;padding:20px 0 0 0;}

/* //////////////// MAIN MENU ////////////////////// */

#menu_wrap {background-color: #333;border-bottom:0px solid #666666;margin:0 0 0px 0;}

.menu{
	margin:0 auto;
	width: 950px; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	} 

.menu ul{
	margin: 0;
	padding: 0;
	float: left;}

.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #333;
	text-transform:uppercase;
	font-size:14px;}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#0b75b2;} /* change the background color of the list item when you hover over it */

/* //////////////// WRAPPER & CONTAINER ////////////////////// */
#wrapper {margin:0 auto;width:950px;background-color:#ffffff;padding:10px;}
#container {border:1px solid #cacaca;padding:10px;}

/* //////////////// LEFT COLUMN ////////////////////// */
.left-column { float:left;width:590px;height:50px;background-color:#fff;margin:0 20px 0 0;}
.left-column h1{ width:590px;border-bottom:0px solid #cacaca;margin:0 0px 0px 0;text-transform:uppercase;}
.left-column h2{ width:590px;border-bottom:1px solid #cacaca;margin:0 0px 10px 0;padding:0 0 10px 0;font-size:12px;font-weight:400;}

/* //////////////// RIGHT COLUMN ////////////////////// */
.right-column { float:left;width:317px;height:50px;background-color:#cacaca;}
.right-column h3{ width:307px;background-color: #333;margin:0 0px 10px 0;padding:4px 0 4px 10px;font-size:12px;text-transform:uppercase;color:#cacaca;}
#banner {float:left;width:468px;height:60px;background-color:#FFFFFF;margin:20px 0 0 0;
}
#top_info {border:0px solid #cacaca;margin:0 0 10px 0;
}
#top_info_left {float:left;width:500px;
}
#top_info_left p{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:12px;text-align:justify;
}
#top_info_left h1{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:20px;font-weight:600;margin:0px;
}
#top_info_left h2{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:14px;font-weight:300;margin:0px;
}
#top_info_right {float:left;width:418px;margin: 0 0 0 10px;
}
.product_wrap {clear:left;height:110px;border:1px solid #cacaca;margin:0px 0 5px 0;padding:5px;
}
.box1 {float:left;height:110px;width:110px;background-color:#ffffff;margin:0 5px 0 0;
}
.box2 {float:left;height:110px;width:110px;background-color:#ffffff;margin:0 5px 0 0;
}
.box3 {float:left;height:110px;width:260px;background-color:#ffffff;margin:0 5px 0 0;
}
.box3 h2{font-size:12px;text-transform:uppercase;margin:0;
}
.box3 p{font-size:11px;margin:5px 0 0 0;color:#666666;
}
.box3 a:link{color:#0066CC;text-decoration:none;
}
.box3 a:hover{color:#0066CC;text-decoration:none;
}
.box3 a:visited{color:#0066CC;text-decoration:none;
}
.box4 {float:left;height:110px;width:130px;background-color:#ffffff;margin:0 5px 0 0;
}
.box4 h3{font-size:28px;margin:22px 0 0 0;text-align:center;color:#42be5c;
}
.box5 {float:left;height:110px;width:140px;background-color:#ffffff;margin:0 5px 0 0;
}
.box5 h2{font-size:14px;margin:34px 0 0 0;text-align:center;color:#f10000;
}
.box5 h3{font-size:28px;margin:0px 0 0 0;text-align:center;color:#f10000;
}
.box6 {float:left;height:110px;width:140px;background-color:#ffffff;
}
.box6 h2{font-size:18px;margin:10px 0 0 0;text-align:center;color:#68c6f6;
}
.box6 h3{font-size:36px;margin:0px 0 5px 0;text-align:center;color:#916cc3;
}
.box6 a:link{font-size:14px;margin:6px 0 0 0;text-align:center;color:#2d8abb;text-decoration:none;
}

.body_text p{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:12px;text-align:justify;
}
.body_text h1{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:20px;font-weight:600;margin:0px;
}
.body_text h2{font-family:Arial, Helvetica, sans-serif;color:#999999;font-size:14px;font-weight:300;margin:0px;
}