@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Nunito:700);
@import url(http://fonts.googleapis.com/css?family=Francois+One);

#main {
  height: 100%;
  width: 100%;
  background: #FFF url(../img.tpl/pattern1.png) repeat fixed;
  margin: 0px auto;
  float: left;
  padding: 0px;
}
#main2 {
  width: 986px;
  margin: 0px auto;
  padding: 0px;
  height: auto;
}
#topdiv {
  height: 100px;
  width: 984px;
  margin: 0px;
  background: #FFF;
  padding: 0px;
  float: left;
  border-right: 1px dotted #cecece;
  border-left: 1px dotted #cecece;
}
#logodiv{
	width: auto;
	height: 90px;
	display:block;
	float: left;
	position: absolute;
	padding: 10px 0px 0px 6px;
	margin: 0px;
}
#logorightbox{
  width: 466px;
  height: 70px;
  display:block;
  float: right;
  padding: 0px;
  margin: 14px 6px 0px 0px;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #EAEAEA;
  text-align: right;
}
#navdiv {
	width: 986px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom: 2px solid #E2E2E2;
	background: #F9F9F9;
	z-index: 10;
	position: relative;
}
#btn_navbg {
	height: 33px;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	float: right;
	width: auto;

}
#toplcd {
  width: 986px;
  margin: 0px;
  padding: 0px;
  height: 240px;
  float: left;
}
.toplcd02 {
	width: 986px;
	margin: 0px;
	padding: 0px;
	height: 240px;
	float: left;

}
#shade001{
  clear: both;
  background: url(../img.tpl/shade06.png) no-repeat center 0px;
  margin: 0px;
  padding: 0px;
  height: 10px;
  width: 986px;
  float: left;
}
#shade002{
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 10px;
  width: 986px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}
#canterdiv {
  width: 986px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  float: left;
}
#canterbox_01 {
  width: 984px;
  float: left;
  height: 250px;
  margin: 0px;
  padding: 0px;
  background: #FFF url(../img.tpl/ceo.png) no-repeat right bottom;
  border-right: 1px dotted #cecece;
  border-left: 1px dotted #cecece;
  border-bottom: 1px dotted #cecece;
}
#canterbox_01 .txtbox {
  width: 730px;
  float: left;
  margin: 10px 0px 0px;
  padding: 30px 0px 10px 24px;
  background: url(../img.tpl/title_home_msg.png) no-repeat left top;
  font: bold 12px/18px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}
#introbox_01 {
  width: 980px;
  float: left;
  height: 230px;
  margin: 0px;
  padding: 0px;
  background: #FFF url(../img.tpl/introtxt.png) no-repeat left center;
}
#introbox_01 .txt {
  width: 620px;
  float: right;
  margin: 17px 110px 0px 0px;
  padding: 0px 0px 10px;
  font: bold 12px/18px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}
#introbox_02 {
  width: 980px;
  float: left;
  height: 220px;
  margin: 0px;
  padding: 0px;
  background: #FFF url(../img.tpl/pholtxt.png) no-repeat 60px 11px;
}
#introbox_02 .txt {
  width: 720px;
  float: right;
  margin: 14px 90px 0px 0px;
  padding: 0px 0px 10px;
  font: bold 12px/20px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}
#footerdiv {
  width: 986px;
  height: 90px;
  margin: 0px;
  padding: 0px;
  background: #FFF url(../img.tpl/footerbg.jpg) no-repeat;
  float: left;
}

#adsdiv {
  width: 984px;
  height: 60px;
  border-right: 1px dotted #cecece;
  border-left: 1px dotted #cecece;
  float: left;
  margin: 10px 0px 0px;
  padding: 0px;
  background: #FFF;
}
#ftbtnlink {
  height: 0px;
  width: 500px;
  margin: 20px auto 0px;
}
#ftbtnlink ul {
  width: 500px;
  list-style: none;
}
#ftbtnlink ul li {
  text-align: right;
  float: left;
  color: #c3c3c3;
  font: bolder 13px/26px Arial;
}
#ftbtnlink ul li a {
  text-align: right;
  color: #999;
  padding-right: 7px;
  padding-left: 7px;
  text-decoration: none;
  font: bold 12px/26px Arial, Helvetica, sans-serif;
}
#ftbtnlink ul li a:hover {
  text-align: right;
  font: bold 12px/26px Arial, Helvetica, sans-serif;
  color: #d60a12;
  padding-right: 7px;
  padding-left: 7px;
  text-decoration: none;
}
#copyright{
  margin:68px 80px 0px 0px;
  padding:0px;
  text-align:center;
  display:block;
  color: #999;
  font: 10px Arial, Helvetica, sans-serif;
  float: right;
}

h1, h2, h3, h4, h5, h6, .txt {
 font-family: 'Nunito', Arial, Helvetica, sans-serif;
}
.navbtn01 h3, .navbtn02 h3, .navbtn03 h3, .navbtn04 h3, .navbtn05 h3, .navbtn06 h3, .navbtn07 h3 {
  font: normal 13px/0px 'Nunito', Arial, Helvetica, sans-serif;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
font-size: 0px;
line-height: 0px;
}
#spacebox{
margin: 0px;
height: 10px;
width: 100%;
clear: both;
padding: 0px;
}
strong{
  margin:0px 1px;
  padding:0px;
  color: #c3c3c3;
  clear: both;
  font-size: 12px;
  font-weight: bold;
}
.readmore {
font: bold 10px/13px 'Nunito', Arial, sans-serif;
color: #9f111b;
text-decoration: none;
margin-left: 4px;
}
.readmore a:hover {
text-decoration: none;
}

#canterdiv2 {
  width: 986px;
  margin: 0px 0px 10px;
  padding: 0px 0px 10px;
  height: auto;
  float: left;
  border-right: 1px dotted #cecece;
  border-left: 1px dotted #cecece;
  background: #FFF;
}

#maincontent {
  width: 960px;
  float: left;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#maincontent ul{
	float: left;
}
#maincontent li{
	margin: 0px;
	padding: 0px 0px 6px 20px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	list-style: none;
}
#maincontent .titleh2 {
  width: 320px;
  float: left;
  padding: 0px;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  height: auto;
}

#maincontent .mtxt {
	width: 900px;
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 20px;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #8F8F8F;
}

#maincontent .mtxt a {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #5F5F5F;
  cursor: pointer;
  padding-left: 10px;
}


.mtxt2 {
  font: bold 11px/20px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
  float: left;
  padding-top: 8px;
  margin-top: 6px;
  padding-left: 20px;
  width: 90%;
  margin-bottom: 6px;
}

.mtxt2 a {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #656565;
  cursor: pointer;
  padding-left: 10px;
}

.mtxt2 a:hover {
  color: #CD0000;
  text-decoration: none;
}



.mtxt4 a {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #656565;
  cursor: pointer;
  padding-left: 10px;
}

.mtxt4 a:hover {
  color: #CD0000;
  text-decoration: none;
}

#canterrightbox {
  width: 200px;
  float: right;
  height: 295px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  background: url(../img.tpl/right-box_bg.png) no-repeat;
}
#canterrightbox .logoimg {
  width: 158px;
  float: left;
  height: 68px;
  margin: 20px 0px 20px 20px;
  padding: 0px;
  display: block;
}

.mtxt4 {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #505050;
  float: left;
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
}

#canterrightbox ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 80%;
  margin: 20px 0px 10px 20px;
  float: left;
}
#canterrightbox li{
  display: block;
  margin: 0px 0px 16px;
  padding: 0px 0px 4px 20px;
  border-bottom: 1px dotted #c3c3c3;
}
#canterrightbox li a{
  color:#9F9F9F;
  text-decoration: none;
  text-align: center;
  font: bold 11px Arial, Helvetica, sans-serif;
}
#canterrightbox li a:hover {
  color: #CD0000;
}
#canterrightbox li h4{
  color: #3A3A3A;
  font-size: 11px;
}
#canterrightbox li .bold{
  font: bold 9px Arial, Helvetica, sans-serif;
  color: #646464;
  margin: 0px;
  padding: 0px;
  height: 10px;
  clear: both;
}
#canterrightbox03 {
  width: 240px;
  float: right;
  height: 295px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  background: #E8E8E8;
}
#maincontent03 {
  width: 980px;
  float: left;
  height: auto;
  margin: 0px;
  padding: 0px;
}

#maincontent03 .titleh2 {
  width: 240px;
  float: left;
  padding: 0px;
  display: block;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 14px;
  height: auto;
}

#maincontent03 .mtxt {
  width: 714px;
  float: left;
  margin: 0px;
  padding: 0px 10px 10px 20px;
  font: bold 11px/16px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}

#contactbox{
  float: left;
  margin: 0px 0px 14px 14px;
  padding: 0px;
  border-bottom: 1px dotted #F7F7F7;
  width: 462px;
  }
  
#contactbox ul{
  margin: 0px;
  padding: 0px;
}

#contactbox ul li {
  padding: 0px;
  list-style: none;
  display: inline;
  float: left;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 6px;
}
#contactbox .box01 {
  height: 104px;
  width: 100px;
  border: 2px solid #F0F0F0;
}

#contactbox .box04 {
  height: 130px;
  width: 220px;
  border: 2px solid #DBDBDB;
}

#contactbox .box02 {
  height: 108px;
}
#contactbox .box03 {
  height: 104px;
  width: 100px;
  border: 2px solid #F0F0F0;
}

#contactbox .boxtitle {
  font: bolder 12px Arial, Helvetica, sans-serif;
  color: #555;
  margin: 0px 0px 6px;
}
#contactbox .boxtext {
  font: bold 11px/16px Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
}

#contactbox .boxtext2 {
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
  width: 514px;
}
#contactbox02{
  float: left;
  height: auto;
  width: 650px;
  margin: 0px 0px 8px 20px;
  padding: 6px 0px;
  border-top: 1px dotted #E1E1E1;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}

.boxtitle04 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #555;
}

.imgicon01 a{
  float: left;
  margin: 10px 18px 0px 4px;
  padding: 0px;
  background: url(../img.tpl/icon_t.png) no-repeat 0px bottom;
  height: 29px;
  width: 29px;
}
.imgicon01 a:hover{
  background: url(../img.tpl/icon_t.png) no-repeat;
}
.imgicon02 a{
  float: left;
  margin: 10px 18px 0px 4px;
  padding: 0px;
  background: url(../img.tpl/icon_f.png) no-repeat 0px bottom;
  height: 29px;
  width: 29px;
}
.imgicon02 a:hover{
  background: url(../img.tpl/icon_f.png) no-repeat;
}



#col2 {
  width: 730px;
  float: left;
}

#col2 ul {
  float: left;
  width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
}

#col2 li {
  float: left;
  width: 6em;
  margin: 0;
  padding: 0;
}





#contactbox44{
	float: left;
	width: 800px;
	margin: 0px 0px 14px 20px;
	padding: 0px;
	border-bottom: 1px dotted #F7F7F7;
  }
#contactbox44 ul{
  margin: 0px;
  padding: 0px;
}

#contactbox44 ul li {
  padding: 0px;
  list-style: none;
  display: inline;
  margin: 6px 3px 6px 6px;
  float: left;
}
#contactbox44 .box01 {
  height: 104px;
  width: 170px;
  border: 2px solid #F0F0F0;
}
#contactbox44 .box02 {
  height: 108px;
  width: 400px;
}
#contactbox44 .box03 {
  height: 104px;
  width: 100px;
  border: 2px solid #F0F0F0;
}

#contactbox44 .boxtitle {
  font: bold 13px/16px Arial, Helvetica, sans-serif;
  color: #5C5C5C;
  margin: 0px 0px 4px;
}

#contactbox44 .boxtext {
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
}

#contactbox44 .boxtext2 {
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
  width: 514px;
}


#contactbox77{
	float: left;
	width: 800px;
	margin: 0px 0px 14px 20px;
	padding: 0px;
	border-bottom: 1px dotted #F5F5F5;
  }
#contactbox77 ul{
  margin: 0px;
  padding: 0px;
}

#contactbox77 ul li {
  padding: 0px;
  list-style: none;
  display: inline;
  margin: 6px 3px 6px 6px;
  float: left;
}
#contactbox77 .box01 {
  height: 140px;
  width: 170px;
  border: 2px solid #F0F0F0;
}
#contactbox77 .box02 {
	height: auto;
	width: 400px;
}
#contactbox77 .box03 {
  height: 104px;
  width: 100px;
  border: 2px solid #F0F0F0;
}

#contactbox77 .boxtitle {
  font: bold 13px/16px Arial, Helvetica, sans-serif;
  color: #5C5C5C;
  margin: 0px 0px 4px;
}
#contactbox77 .boxtitle077 {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	margin: 0px 0px 4px;
}
#contactbox77 .boxtext {
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
}

#contactbox77 .boxtext77 {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #7E7E7E;
	margin: 0px;
	padding: 0px;
	height: auto;
	text-align: left;
	width: 724px;
}




#movintro {
  margin: 140px auto 0px;
  padding: 0px;
  width: 840px;
  height: 500px;
  border: 1px dotted #909090;
}
  
.skippage {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #8F8F8F;
  width: 840px;
  text-align: right;
  padding: 4px 0px 0px;
  height: 20px;
  margin: 0px auto;
}

.skippage a {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #656565;
  cursor: pointer;
  padding-left: 10px;
}

.skippage a:hover {
  color: #CD0000;
  text-decoration: none;
}

.redtxt {
  color: #BC1B21;
}

#jobdiv{
  float: left;
  width: 800px;
  font: bold 14px/24px Arial, Helvetica, sans-serif;
  color: #505050;
  margin-left: 10px;
}
#jobdiv ul {
  width: 800px;
  list-style: none;
  padding-left: 20px;
}
#jobdiv ul li {
  text-align: left;
  font: bold 12px/18px Arial, Helvetica, sans-serif;
  height: 12px;
  background: url(../img.tpl/arrow-right.png) no-repeat left center;
  padding-left: 10px;
}
#jobdiv ul li a {
  color: #8F8F8F;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}
#jobdiv ul li a:hover {
  color: #5F5F5F;
}


#boxed404 {
  margin:0px auto;
  width:auto;
  height: auto;
}
ul#error_404 {
  padding-top:50px;
  text-align:center;
  list-style: url(none) none;
}
ul#error_404 li {
	margin: 0px 0px 40px;
}