@charset "utf-8";

/* CSS Document */



body {

	margin:0 auto;

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

	font-size:14px;

	color:#333;

}

.carousel-inner img {
  margin: auto;
}


a { color:#fc8321; text-decoration:none; }

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



p { line-height:22px; padding:5px 0; margin:0px; }



h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; text-transform:uppercase; font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; }

h1 { font-size:30px; padding:5px 0; color:#fff; }

h2 { font-size:24px; color:#fc8321; }

h3 { background-color:#4a433f; border-left:10px solid #fc8321; font-size:20px; padding:5px 10px; color:#fff; }

h4 { margin:auto; font-size:20px; color:#9dc024; }

h5 { font-size:18px; color:#FFF; padding-bottom:10px; }

h6 { font-size:20px; color:#9bc02b; padding-bottom:10px; }



.style1 { color:#fc8321; font-weight:bold; }

.style2 { float:right; margin:10px 0 10px 30px; }

.style3 { float:right; }

.style4 { float:left; margin:0 0 0 0; }



.clr { clear:both; }

.space { height:20px; }



#heading-bg {

	width:100%;

	margin:0 auto;

	background:url(../images/border.jpg) repeat-y;

	background-color:#fc8321;

	padding:10px 0;

}



#heading {

	width:1100px;

	margin:0 auto;

	padding:10px 20px;

	background-color:#222222;

}



#wrapper {

	width:100%;

	margin:0 auto;

}



#top-link-bg {

	width:100%;

	margin:0 auto;

	background-color:#2d2d2d;

}



#top-link {

	width:1100px;

	padding:10px 0;

	margin:0 auto;

	color:#d3d3d3;

	font-size:12px;

	line-height:25px;

}



#top-link a {

	font-size:12px;

	color:#d3d3d3;

	text-decoration:none;

	padding:0 5px;

}



#top-link a:hover {

	color:#fc8321;

	text-decoration:none;

}



#header-bg {

	max-width:1100px;
	min-width:800px;
  	height:140px;

	margin:0 auto;

	background-color:#FFF;
	
	border-bottom:1px solid #d3d3d3;

}

#headerleft {
	width: auto;
	height: auto;
}

#header {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  margin:0 auto;
  height: 100%;
}

#headerlogo {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 4;
  padding-top: 10px;
}

#motto {
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 1;
}

#phone {
  grid-column-start: 2;
  grid-row-start: 2;
  grid-row-end: 2;
}

#email {
  grid-column-start: 2;
  grid-row-start: 3;
  grid-row-end: 3;
}


#menu-bg {

	width:100%;

	margin:0 auto;

}



#menu {

	width:1100px;

	height:30px;

	margin:0 auto;

	padding:8px 0 0 0;

}



#menu ul {

list-style:none;

margin:0 auto;

padding:0px

}



#menu li {

float:left;

list-style:none;

margin:0 auto;

}



#menu li a {

font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;

font-size:16px;

color:#000;

padding:8px 20px;

text-decoration:none;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

	-webkit-transition: all 0.8s ease;

	-moz-transition: all 0.8s ease;

	-o-transition: all 0.8s ease;

	transition: all 0.8s ease;

}



#menu li a:hover, #menu li .active  {

color:#FFF;

background-color:#fc8321;

text-decoration:none;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

}



.row { width:1095px; margin:0 auto;	padding:30px 0; color:#666; line-height:22px; }

.span1 { width:340px; float:left; margin:0 20px 0 0; padding:0 0 0 65px; background:url(../images/icon-abt.jpg) no-repeat; }

.span2 { width:340px; float:left; margin:0 20px 0 0; padding:0 0 0 65px; background:url(../images/icon-serv.jpg) no-repeat; }

.span3 { width:340px; float:left; margin:0 20px 0 0; padding:0 0 0 65px; background:url(../images/icon-contact.jpg) no-repeat; }



#content-bg {

	width:100%;

	margin:0 auto;

	padding:40px 0;

	background:url(../images/body_shadow.png) no-repeat center top;

}



#content {

	width:1100px;

	margin:0 auto;

	font-size:14px;

}



#box-left {

	width:750px;

	margin:0;

	float:left;

}



#box-left ul {

	margin:0px;

	padding:0px;

}



#box-left ul li {

	list-style:none;

	padding:0 0 0 30px;

	list-style:none;

	line-height:30px;

	color:#000;

	background:url(../images/tick.png) no-repeat;

}



#box-right {

	width:320px;

	float:right;

	font-size:14px;

	color:#FFF;

	background-color:#333;

	border:1px solid #555555;

}



#box-right ul {

	margin:0px;

	padding:0px;

}



#box-right ul li {

	padding:10px 10px;

	list-style:none;

	color:#FFF;

	background-color:#000;

}



#box-right ul li:hover, #box-right #active {

	background-color:#fc8321;

	padding:10px 10px;

	color:#000;

}



#box-right ul li a {

	text-decoration:none;

	color:#FFF;

}



#box-right ul li a:hover {

	text-decoration:none;

	color:#000;

}



#box {

	padding:10px;

}



#box ul {

	margin:0px;

	padding:10px 0;

}



#box ul li {

	list-style:none;

	padding:0 0 0 30px;

	list-style:none;

	line-height:25px;

	color:#000;

	background:url(../images/tick1.png) no-repeat;

}



#footer-bg {

	width:100%;

	margin:0 auto;

	background-color:#2b2b2b;

	padding:20px 0;

}



#footer {

	width:1100px;

	margin:0 auto;

	color:#FFF;

}



#footer-box1 {

	width:380px;

	margin:0 20px 0 0;

	float:left;

}



#footer-box2 {

	width:280px;

	margin:0 20px 0 0;

	float:left;

}



#footer-box2 ul {

	padding:0 0 0 30px;

	margin:0px;

}



#footer-box2 li {

	padding:10px 0 0 10px;

	font-size:12px;

}



#footer-box2 li a {

	font-size:12px;

	color:#CCC;

	text-decoration:none;

}



#footer-box2 li a:hover {

	color:#fc8321;

	text-decoration:none;

}



#footer-box3 {

	width:370px;

	margin:0 auto;

	float:left;

	line-height:25px;

	margin:0 30px 0 0;

}






#fb {

	height:22px;

	padding:8px 0 0 50px;

	margin:10px 0;

	background:url(../images/fb.png) no-repeat;

	color:#666;

}

#fb a {

	color:#FFF;

	padding:3px 10px;

	background-color:#314a87;

	text-decoration:none;

}

#fb a:hover {

	color:#000;

	padding:3px 10px;

	background-color:#314a87;

	text-decoration:none;

}



#gp {

	height:22px;

	padding:8px 0 0 50px;

	margin:10px 0;

	background:url(../images/gp.png) no-repeat;

	color:#666;

}

#gp a {

	color:#FFF;

	padding:3px 10px;

	background-color:#cb3000;

	text-decoration:none;

}

#gp a:hover {

	color:#000;

	padding:3px 10px;

	background-color:#cb3000;

	text-decoration:none;

}



#yt {

	height:22px;

	padding:8px 0 0 50px;

	margin:10px 0;

	background:url(../images/yt.png) no-repeat;

	color:#666;

}

#yt a {

	color:#FFF;

	padding:3px 10px;

	background-color:#d72a25;

	text-decoration:none;

}

#yt a:hover {

	color:#000;

	padding:3px 10px;

	background-color:#d72a25;

	text-decoration:none;

}



#copy-bg {

	width:100%;

	margin:0 auto;

	padding:15px 0 5px 0;

	background-color:#000;

}



#copy {

	width:1100px;

	height:30px;

	margin:0 auto;

	font-size:12px;

	color:#FFF;

}