@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-family: 'Open Sans', sans-serif;

}

.add21 {
	display:none;
}

#main {

	float: left;

	height: auto;

	width: 100%;

}



#header {

	width:100%;

	height:auto;

	float:left;

	margin-top:9px;

	background:url(../images/logo_bg.jpg) repeat-x left top;

}

#header1 {

	width:100%;

	height:auto;

	 

}

#mdl {

	width:100%;

	height:auto;

	float:left;

}



#footer {

	width:100%;

	height:auto;

	float:left;
	margin-top:22px;
	background:#eeeeee;

}



.main_width {

	width:1100px;

	height:auto;

	margin-left:auto;

	margin-right:auto; 

}



.main_width_inner {

	width:100%;

	height:auto;

	float:left;

}



.logo {

	width:457px;

	height:auto;

	float:left;

	padding-top:21px;

	padding-bottom:16px;

}



.logo_rgt {

	position:absolute;

	width:58%;

	height:98px;

	float:right;

	background:url(../images/menu_lft.png) no-repeat left top ;

	right:0px;

}



.logo_rgtin {

	width:89%;

	margin-left:11%;

	float:left;

	color:#fff;

	height:98px;

	background:#ce2027;

}



#navigation {

	width:90%;

	height:auto;

	float:left;

	font-size:17px;

	color:#ffffff;

	text-transform:uppercase;

	margin-left:10%;

	margin-top:42px;

}



#navigation a {

	margin-left:25px;

	margin-right:25px;

	float:left;

	color:#fff;

	

	text-decoration:none;

}



#navigation #selected  {

	text-decoration:underline;

}



#navigation a:hover  {

	text-decoration:underline;

}



#selected {

	color:#000000;

}



.hr_bt {

	width:100%;

	height:auto;

	float:left;

	background:url(../images/gr_bg.jpg) repeat-x left top;

	font-size:1em;

	color:#747474;

	padding-top:7px;

	padding-bottom:7px;

}



.banner {

	width:100%;

	height:408px;

	float:left;

	/*border:solid 1px #d6d6d6;

	padding:10px;

	margin-top:1.4em;*/

}



.ban1 {

	position:absolute; width:57%; height:auto; right:0px; z-index:10000000; top:465px ;

	background:url(../images/bl_bg.png) no-repeat right top;



	

}





.top_img {

	width:633px;

	height:164px;

	float:left;

}



.main_cont {

	width:100%; float:left; height:auto; margin-top: 405px;

}



.main_cont1 {

	width:100%; float:left; height:auto; margin-top:1.1em;

}



.main_con_lft1 {

	width:625px;

	height:auto;

	float:left;

	font-size:17px;

	line-height:27px;

	color:#3b3b3b;

}



.main_con_lft1 h1 {

	font-size:2.2em;

	color:#da351f;

	margin-top:0px;

	margin-bottom:22px;

	padding:0px;

	width:100%;

}



.main_cont1 h1 {

	font-size:1.6em;

	color:#da351f;

	margin-top:0px;

	margin-bottom:22px;

	padding:0px;

	width:100%;

}







.main_con_rgt {

	width:457px;

	height:auto;

	float:right;

}



.main_con_rgt a {

	float:left;

}



.add1 {

	width:216px;

	height:199px;

	float:left;

	margin-bottom:20px;

}



.add2 {

	width:216px;

	height:199px;

	float:left;

	margin-left:25px;

	margin-bottom:20px;

}



.add3 {

	width:100%;

	height:auto;

	float:left;

}



.fr_rgt {

	background:url(../images/fr_rgt.png) repeat-x left top;

}



.fr1 {

	width:42%;

	height:auto;

	float:left;

	padding-top:33px;

	padding-bottom:33px;

	font-size:14px;

	color:#8b8b8b;

}



.fr1 a {

	font-size:14px;

	color:#2a2828;

	text-transform:uppercase;

	font-weight:bold;

	margin-left:12px;

	margin-right:12px;

	text-decoration:none;

}



.fr1 a:hover {

	text-decoration:underline;

}



.fr2 {

	width:30%;

	font-size:14px;

	color:#3e3e3e;

	background:url(../images/sh.png) no-repeat left top;

	margin-top:14px;

	margin-bottom:4px;

	padding-left:4%;

	float:left;

	height:72px;

	padding-top:22px;

	line-height:23px;

}



.fr21 {

	width:20%;

	height:auto;

	float:right;

	

	font-size:12px;

	color:#686868;

}



.fr21 a {

	color:#686868;

	text-decoration:none;

}



.fl {

	margin-left:90px;

}



.inner1 {

	width:100%;

	height:auto;

	float:left;

	/*margin-top:1.4em;*/

	

}



.inner1 img {

	width:100%;

	height:auto;

}







.contact1 {

	float: left;

	height: 430px;

	width: 29%;

	margin-right: 3%;

	border: solid 1px #bababa;

	font-size:14px;

	padding-left: 2%;

	-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

margin-bottom:25px;

line-height:24px;

}



.contact2 {

	float: left;

	height: 430px;

	width: 29%;

	margin-right: 3%;

	border: solid 1px #bababa;

	font-size:13px;

	padding-left: 2%;

	-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

margin-bottom:25px;

}



.contact3 {

	float: left;

	height: 420px;

	width: 29%;

	

	border: solid 1px #bababa;

	font-size:13px;

	padding-left: 2%;

	-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

padding-top:10px;

margin-bottom:25px;

}







.frm1 {

	width:91%;

	height:28px;

	-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

border: solid 1px #bababa;

line-height:22px;

outline:none;

margin-top:15px;

padding-left:1%;

font-family:Lato, Helvetica, Arial, sans-serif;

color:#5E5E5E;

}



.frm2 {

	width:91%;

	height:80px;

	-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

border: solid 1px #bababa;

line-height:22px;

outline:none;

margin-top:15px;

padding-left:1%;

font-family:Lato, Helvetica, Arial, sans-serif;

color:#5E5E5E;

}



.submit {

	padding:8px;

	font-family:Lato, Helvetica, Arial, sans-serif;

	font-size:16px;

	color:#fff;

	background:#c51f27;

	border:none;

	outline:none;

		-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

margin-top:6px;

}



.bt_bg1 {
	background:url(../images/bt_bg1.jpg) repeat-x left top;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:28px;
	float:left;
	margin-right:10px;
	

}

.bl12 {
	background:url(../images/bl12.png) no-repeat left center;
	padding-left:15px;
}


ul.ben {
	width:98%;
	height:auto;
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.ben li {
	background:url(../images/tick.png) no-repeat left 8px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4%;
	width:96%;
	float:left;
	margin:0px;
	color:#000;
}

.ben212 {
	width:35%;
	float:right;
	background:#f0f0f0;
	padding-left:1%;
	padding-right:1%;
	padding-top:8px;
	padding-bottom:8px;
}

ul.ben1 {
	width:100%;
	height:auto;
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.ben1 li {
	background:url(../images/tick.png) no-repeat left 8px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6%;
	width:94%;
	float:left;
	margin:0px;
	color:#000;
}









/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */



@media only screen and (max-width: 1279px) {



.main_width {

	width:94%;

}



.logo {

	width:36%;

}



.logo_rgt {

	width:52%;

}



.logo_rgtin {

	margin-left:16%;

}



#navigation {

	margin-left:0px;

	font-size:15px;

}



#navigation a {

	margin-left:15px;

	margin-right:15px;

}



.banner {

	width:98%;

	height:355px;

	padding:1%;

}



.ban1 {

	position:absolute; width:52%; height:auto; right:0px; z-index:10000000; top:436px ;

	background:url(../images/bl_bg1.png) no-repeat right top;



	

}



.top_img {

	width:500px;

	height:130px;

	float:left;

}



.top_img img {

	width:500px;

	height:130px;

}



.main_cont {

	margin-top:50px;

}



.main_con_lft1 {

	width:56%;

}



.main_con_rgt {

	width:40%;

}



.add1 {

	width:45%;

	margin-bottom:0px;

}



.add1 img {

	width:100%;

	height:auto;

}



.add2 {

	width:45%;

	margin-bottom:0px;

}



.add2 img {

	width:100%;

	height:auto;

}



.add3 {

	width:96%;

}



.add3 img {

	width:100%;

	height:auto;

}



.fl {

	margin-left:60px;

}









}



/*Ipad Portrait*/

@media only screen and (max-width: 835px) {

	

.logo_rgt {

	position:static;

	width:100%;

	height:34px;

	float:right;

	top:6.1em;

	right:0px;

	

}



.logo_rgtin {

	width:100%;

	margin-left:0px;

	height:34px;

}



#navigation {

	width:100%;

	margin-top:0px;

	font-size:15px;

	margin-left:0px;

}



#navigation a {



	padding-top:5px;

	padding-bottom:7px;

}



.banner {

	width:98%;

	height:272px;

	padding:1%;

	margin-top:0.9em;

}



.ban1 {

	display:none;

}



.main_con_lft1 {

	width:61%;

}



.main_con_rgt {

	width:35%;

}



.add1 {

	width:45%;

	height:104px;

	margin-bottom:0px;

}



.add1 img {

	width:100%;

	height:104px;

}



.add2 {

	width:45%;

	height:104px;

	margin-bottom:0px;

}



.add2 img {

	width:100%;

	height:104px;

}



.add3 {

	width:100%;

	margin-top:15px;

}



.add3 img {

	width:100%;

	height:auto;

}



.fr21 {

	display:none;

}



.fr_rgt {

	background:none;

}









}



@media only screen and (max-width: 720px) {

	.pagination{ padding-top:10px !important;	}

.main_width {

	width:96%;

}



.logo {

	width:100%;

}



.logo img {

	width:100%;

	height:auto;

}



.logo_rgt {

	position:static;

	width:100%;

	height:30px;

	float:right;

	

	right:0px;

	

}



.logo_rgtin {

	width:100%;

	margin-left:0px;

	height:30px;

}



#navigation {

	width:100%;

	margin-top:0px;

	font-size:13px;

	margin-left:0px;

}



#navigation a {

	margin-left:9px;

	margin-right:9px;

	padding-top:4px;

	padding-bottom:4px;

}



.hr_bt {

	font-size:0.8em;

}



.banner {

	width:96%;

	height:150px;

	padding:2%;

	margin-top:0.8em;

}



.ban1 {

	display:none;

}





.main_cont {

	margin-top:40px;

}



.main_con_lft1 {

	width:100%;

	margin-bottom:1em;

}



.main_con_rgt {

	width:100%;

	margin-bottom:1em;

}



.add1 {

	width:47%;

	height:120px;

	margin-bottom:0px;

}



.add1 img {

	width:100%;

	height:120px;

}



.add21 {

	width:47%;

	height:120px;

	margin-bottom:0px;
	display:inline-block;
	margin-left:3%;

}

.add2 {
	display:none;
}



.add21 img {

	width:100%;
	
	height:120px;

}



.add3 {

	width:100%;

	margin-top:15px;

}



.add3 img {

	width:98%;

	height:auto;

}



.fr_rgt {

	background:none;

}



.fr1 {

	width:100%;

	font-size:11px;

}



.fr1 a {

	font-size:12px;

	margin-left:5px;

	margin-right:5px;

}



.fr2 {

	display:none;

}





.contact1 {

	width:96%;

	height:auto;

	padding-bottom:12px;

}



.contact2 {

	width:96%;

	height:auto;

	padding-bottom:12px;

}



.contact3 {

	width:96%;

	height:auto;

	padding-bottom:12px;

}



.contact3 iframe {

	width:98%;

}

.bt_bg1 {
	width:96%;
	margin-bottom:12px;
	margin-right:0px;
	font-size:13px;
	padding:2%;
}

ul.ben {
	width:98%;
}








}



@media only screen and (min-width: 1900px) {

	

	.ban1 {

		width:55%;

	}

	

	.logo_rgt {

		width:55%;

	}

	

	.logo_rgtin {

		margin-left:8%;

	}

}