/*
------------------------------------------------------------------------
Theme Name:[GSP]
Author:[Ricky]
Author Company URI:http://www.qdesign.us
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
/* ol, ul, li{list-style:none} */
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/


/* CSS Document */

h1{
	font-size: 30px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	line-height: 34px;
	margin-bottom: 20px;
}


h2{
	font-size: 24px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	line-height: 28px;
	margin-bottom: 15px;
}


h3{
	font-size: 20px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	line-height: 24px;
	margin-bottom: 15px;

}


h4{
	font-size: 18px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	line-height: 22px;
	margin-bottom: 15px;


}


h5{


}


p{
	font-size: 14px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	line-height: 20px;
	margin-bottom: 15px;
}

ul{

}

ol{

}

li{

}

a{

}



.dclear{
	clear: both;
	height: 10px;
	line-height: 10px;
	font-size: 1px;
}
.dclear2{
	clear: both;
	height: 40px;
	line-height: 10px;
	font-size: 1px;
}






body{
	margin: 0;
	padding: 0;
	text-align: center;
}




/*HEADER*/

#container_header{
	background: url(images/bg_header.jpg) repeat-x top left;
	text-align: center;
	clear: both;
	min-width: 960px;
	height: 64px;
}

#header{
	width: 960px;       /* CHANGE HERE */
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


#h_left{
	float: left;
	width: 300px;   /* CHANGE HERE */
}




/* END OF HEADER */




/* MAINBANNER */

#container_mainbanner{
	background-color: #f2f2f2;
	text-align: center;
	min-width: 960px;
	height: 380px;
	border-bottom: 1px solid #fff;
}

#mainbanner{
	text-align: left;
	width: 920px;
	margin: 0 auto;
	padding: 20px 15px 0px 25px;
	overflow: auto;
}

#cm_left{
	float: left;
	width:400px;
	margin-top: 70px;
}

#cm_right{
	float: right;
	width: 445px;
	height: 317px;
	padding: 11px 9px 10px 11px;
	background: url(images/bg_mainbanner.jpg) no-repeat top left;
}

.cm_interior{
	height: 210px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.mb_interior{
	padding: 0 !important;
	width: 960px !important;
}

/* END OF MAINBANNER */



/* TEXT BELOW BANNER */

#container_txt_belowbanner{
	text-align: center;
	background-color: #0090ff;
	min-width: 960px;
}

#txt_belowbanner{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 81px;
	height: 81px;
}

#txt_belowbanner p{
	font-size: 16px;
	line-height: 81px;
}

/* END OF TEXT BELOW BANNER */





/* CONTENT */


#container_content{
	background: url(images/bg_content.jpg) repeat-x top left;      /* CHANGE HERE */
	text-align: center;
	clear: both;
	min-width: 960px;
}

#content{
	width: 960px;         /* CHANGE HERE */
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#c_mid{
	padding: 35px 30px;
}

#c_left{
	float: left;
	width: 630px;   /* CHANGE HERE */
	margin-top: 35px;
	margin-left: 30px;
}

#c_right{
	float: right;
	width: 245px;    /* CHANGE HERE */
	margin-top: 35px;
	margin-right: 30px;
}

.box_side{
	background-color: #f5f5f5;
	border: 0;
	border-radius: 20px;
	padding: 15px;
}

.line_prod{
	clear: both;
}

.box_prod{
	float: left;
	width: 203px;
	text-align: center;
	margin-right: 27px;
}

.bp_img{
	clear: both;
}

.bp_txt{
	clear: both;
	padding-top: 20px;
	text-align: center;
	font-size: 14px; 
}










#content ul, #content ol{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#content ul{
	margin-left: 0px;
}

#content li{
	margin-bottom: 5px;
}

#content ul li{
	list-style-type: none;
	background: url(images/bullet.png) no-repeat 0px 6px;
	padding-left: 20px;
}

#content a{
	color: #009cff;
	text-decoration: none;
}

#content a:hover{
	color: #009cff;
	text-decoration: underline;
}


#content .box_side ul li a{
	color: #4a4a4a;
	text-decoration: none;
}

#content .box_side ul li a:hover{
	color: #009cff;
}


/* END OF CONTENT */








/* FOOTER */


#container_footer{
	background: url(images/bg_footer.jpg) repeat-x top left;      /* CHANGE HERE */
	text-align: center;
	clear: both;
	min-width: 960px;
}

#footer{
	width: 960px;         /* CHANGE HERE */
	margin: 0 auto;
	padding: 0;
	text-align: center;
	padding: 35px 25px 0px;
	color: #a1b8d1;
	font-size: 12px;
	line-height: 20px;
}

#footer ul{
	margin: 0;
	padding: 0;
}

#footer ul li{
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

#footer ul li a{
	color: #a1b8d1;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: 400px;
	text-transform: uppercase;
}

#footer ul li a:hover{
	color: #fff;
	text-decoration: none;
}

#footer a{
	color: #a1b8d1;
	text-decoration: underline;
}

#footer a:hover{
	color: #fff;
	text-decoration: underline;
}

#footer p{
	font-size: 12px;
}

/* END OF FOOTER */







/* MENU */

#menu{
	float: right;
	width: 615px;         /* CHANGE HERE */
	margin: 0 auto;
	padding: 0;
	text-align: left;
	height: 64px;
	line-height: 64px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
}


#menu ul{
	margin: 0;
	padding: 0;
	float: right;
}

#menu ul li{
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
	list-style-type: none;
	position:relative;
	margin-left: 15px;
	margin-right: 15px;
}

#menu ul li a{
	font-size: 13px;
	font-weight: 700;
	display: block;
	float: left;
	line-height: 64px;
	text-decoration: none;
	color: #a1b8d1;
	
}

#menu ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: url(images/bg_menu_hover.jpg) repeat-x top left;
}
	


#menu ul ul {
	position: absolute;
	z-index: 500;
	top: 64px;
	left: 0;
	border-bottom: none;
	width:130px;	
	border-top: none;
}

html>body #menu ul ul {
	width:auto;
}

#menu ul ul li {
	display:block;
	background: none;
	padding-right: 0px;
}


#menu ul ul li a {
	width:150px;
	background:#d2dee9;
	/*border-bottom: 1px solid #577fa4;*/
	color:#000000;
	display:block;
	float:none;
	padding-left:10px;
	font-weight:normal;
	height:25px;
	line-height: 25px;
	margin-right: 0px;
	font-size: 12px;
	text-align: left;
}

#menu ul ul li a:hover {
	background:#fff;
	color:#000000;
	margin-right: 0px;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

html #menu ul li a { height: 1%; }

#menu li:hover ul, li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
#menu{float:none;}
body{behavior:url(csshover.htc); }
#menu ul li{float:left; }
#menu a{height:1%;font: 700 13px 'Raleway', sans-serif;}

<![endif]-->

/* END OF MENU */