@charset "utf-8";

/* custom css */
div#safety_bg{
	/*background-image: url(../images/caution.jpeg);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/caution.jpeg) repeat 0 0, url(../images/caution.jpeg) repeat 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))), url(../images/caution.jpeg) repeat 0 0;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/caution.jpeg) repeat 0 0;*/
	
	min-height: 600px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url(../images/caution.jpeg) repeat 0 0, url(../images/caution.jpeg) repeat 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8))), url(../images/caution.jpeg) repeat 0 0;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%), url(../images/caution.jpeg) repeat 0 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%), url(../images/caution.jpeg) repeat 0 0;
}

div#benefits_bg{
	min-height: 600px;
	background-image: url(../images/painting.jpg);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/painting.jpg) no-repeat 0 0, url(../images/painting.jpg) repeat 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%), url(../images/painting.jpg) no-repeat 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))), url(../images/painting.jpg) no-repeat 0 0;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/painting.jpg) no-repeat 0 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/painting.jpg) no-repeat 0 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/painting.jpg) no-repeat 0 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(../images/painting.jpg) no-repeat 0 0;
	background-position: center;
	background-size: cover;
}

div#index_bg{
	max-height: 600px;

}


#main-menu {
	text-align:center;
}
#main-menu ul {
	text-align:left;
}
#main-menu > li {
	float:none;
	display:inline-block;
	margin-right:-4px;
}
*:first-child+html #main-menu > li { /* for IE7 */
	display:inline;
	margin-right:0;
	zoom:1;
}
* html #main-menu li { /* for IE6 */
	float:none;
	display:inline;
	zoom:1;
}
/*
 Override the above in collapsible mode.
 Make sure the break point width is the same as the one in the theme you use.
*/
@media screen and (max-width: 640px) {
	#main-menu {
		text-align:left;
	}
	#main-menu > li {
		display:block;
		margin-right:0;
	}
}