/******************* STYLE *******************/
html, body {	height: 100%; width: 100%;}

body {		margin: 0px;
		background-color: #d43428;
		font-size: 100%;
		}

/******************* FONT/STYLES *******************/
p, .mobmenu, .mobsearch, .mobservicing, .search {
		font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; font-weight: normal;
		font-size: 0.9em;
		margin: 0px;
		padding: 0px;
}

h1 {
		font-family: "Times New Roman", Times, serif; color: #333333; font-weight: normal;
		font-size: 2em;
		margin: 0px;	
		padding: 30px 0px 0px 0px;
}

p {		line-height: 145%;}

.par100 {	line-height: 100%;}
.par110 {	line-height: 110%;}
.par120 {	line-height: 120%;}
.par130 {	line-height: 130%;}

a 		{text-decoration: none;}

a:link, a:visited, a:active {color: #d43428;}
a:hover, a:focus {color: #d43428; text-decoration: underline; outline:none;}

a.white:link, a.white:visited, a.white:active {color: #ffffff;}
a.white:hover, a.white:focus {color: #ffffff; text-decoration: underline; outline:none;}

/******************* LAYOUT *******************/
#backarea {	position: relative;
		width: 100%;
		height: auto;
		background: #ebe8de url("/newtest/images/backgrounds/top-bg-red.png") repeat-x left top;
		z-index: 1;}		
		
header {	position: relative;
		width: 100%;
		height: 134px;
		z-index: 5000;
}

.clear, .clear5, .clear10, .clear20 {	clear: both;}
.clear5 {	height: 5px;}
.clear10 {	height: 10px;}
.clear20 {	height: 20px;}

nav	{display: block;}

#mainarea {	width: 100%;
		height: auto;
		text-align: left;
}

#circle {	width: 271px;
		height: 174px;
		position:absolute;
		left: 0px;
		top: 0px;
}

#circlesback {	background-image:url(/newtest/images/backgrounds/circles2.png);
		width: 100%;
		height: 134px;
		position:absolute;
		left: 0px;
		top: 0px;		
}

.hide, .hidelogo, #skiplinks h2{
		z-index: 1;
		position: absolute;
		top: -999em;
		left: -999em;}

#skiplinks {
	position: relative;
	float: left;
}
#skiplinks ul,li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#skiplinks a {
	display: block;
	position: absolute;
	width: 150px;
	font: normal 0.8em Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	outline-style: none;
	top: -999em;	

}
#skiplinks a:focus  {
	top: 4px;
	left: 280px
}

#skiplinks a:hover {
	text-decoration: underline;
}

a.logo {	display: block;
		margin-left: 103px;
		margin-top: 14px;		
		height: 94px;
		width: 73px;
		background: url(/newtest/images/logos/logo.png) 0px 0px; outline:none;
		background-repeat: no-repeat;
}

a.logo:hover, a.logo:focus 	{background-position: -77px 0px;}

.mobmenu, .mobsearch, .mobservicing {	background: url("/newtest/images/icons/iconsprite.png") no-repeat;
			display: block;
			padding-top: 30px;
			width: 70px;
			height: 28px; 
			font-size: 1.0em;
			text-align: center;
}

.mobmenu	{background-position: 18px -1445px;
		position:absolute;
		top: 50px;
		right: 200px;
}
.mobsearch	{background-position: 19px -1540px;
		position:absolute;
		top: 50px;
		right: 110px;
		}
.mobservicing	{background-position: 18px -1636px;
		position:absolute;
		top: 50px;
		right: 20px;
		}

.mobsearch:focus {text-decoration: underline;}

.dnone, #servcing, #searcharea {display: none;}

#searcharea:target {display: block;
		position: relative;
		top: 0px;
		width: 100%;
		height: auto;
}

#search1 {
		display: block;
		position: relative;
		top: 134px;
		width: 100%;
		height: 40px;
		padding-top: 10px;
		background-color: #c1bbab;
		text-align: center;
}

.search {	position: relative;
		left: 15px;
		border: 0px;
		background-color: #ebe8de;
		width: 55%;
		height: 30px;
		padding: 0px 0px 0px 10px;
		}

.search:hover, .search:focus {
		background:#ffffff;
}


.searchbtn {	position: relative;
		font-size: 0.0em;
		left: 15px;
		background-color: ;
		border: 0px;
		width: 30px;
		height: 30px;
		padding: 0px;
		margin-left: 4px;
		vertical-align: top;
		background: url(/newtest/images/icons/iconsprite.png)#ebe8de no-repeat center -1921px;
}

.searchbtn:hover {border: 0px;
		background-position: center -2017px;
		cursor:pointer;
}

#menuwrapper:target {display: block;}


.r8	{	-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;}

.r10	{	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;}

.r12	{	-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;}

#title {	position: relative;
		width: 96%;
		height: auto;
		min-height: 55px;
		padding-left: 2%;
		padding-right: 2%;
		}

.level1, .level2, .level3, .level3a, .level4, .level5, .level6 {
		float: left;
		background-color: #ffffff;
		margin-left: 2%;		
		margin-right: 0%;
		padding: 1%;
		height: 5em;
		overflow: auto;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #c7c4be;
}

.level1 {	width: 94%;}
.level2 {	width: 45%;}
.level3 {	width: 28.66%;}
.level4 {	width: 20.5%;}
.level5 {	width: 61.33%;}	
.level6 {	width: 69.5%;}	

.level1 {	width: calc(94% - 2px);}
.level2 {	width: calc(45% - 2px);}
.level3 {	width: calc(28.66% - 2px);}
.level4 {	width: calc(20.5% - 2px);}
.level5 {	width: calc(61.33% - 2px);}	
.level6 {	width: calc(69.5% - 2px);}	


#containerleft, .containerleft {
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: auto;
		overflow: hidden;
}

#containerright, .containerright {
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: auto;
		overflow: hidden;
}

.leftarea, .rightarea {
		background-color: #ffffff;
		margin-left: 2%;
		margin-right: 0%;
		margin-bottom: 10px;
		padding: 1%;
		height: auto;
		overflow: auto;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #c7c4be;
}

.leftarea {	float: left;
		width: 94%;
		width: calc(94% - 2px);		

}

.rightarea {	float: left;
		width: 45%;
		width: calc(45% - 2px);		
}

/******************* NAV *******************/

/* Fix Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

/* main menu */
label.menu, a.foot, a.footh {position: relative;
		display: block;
		margin:0;		
		font-size: 0.95em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-style: normal;
		height: 30px;
		cursor:pointer;
		padding-top: 8px;
		text-decoration: none;		

}

a.menu		{z-index: 1;
		position: absolute;
		top: -999em;
		left: -999em;
		display: block;
		margin:0;		
		font-size: 0.95em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-style: normal;
		height: 30px;
		cursor:pointer;
		padding-top: 8px;
		text-decoration: none;
		background-color: #d43428;
		border-top: 1px solid #e4a39e; 
}

label.menu	{cursor: pointer; user-select: none; color: #ffffff; top: 0px; background-color: #d43428; border-top: 1px solid #e4a39e;}
label.menu:hover {background-color: #424242;}

a.menu:link, a.foot:link, a.footh:link  	{color: #ffffff;}
a.menu:visited, a.foot:visited, a.footh:visited 	{color: #ffffff;}
a.menu:hover, a.foot:hover, a.foot:focus, a.footh:focus, a.footh:hover 	{color: #ffffff; text-decoration: none; background-color: #424242;}
a.menu:active, a.foot:active, a.footh:active 	{color: #ffffff;}
a.menu:focus {	color: #ffffff;
		background-color: #424242; 
		position: relative;
		top: 0px;
		left: 0px;
}

a.menu:focus ~ label.menu {display: none;}

a.foot, a.footh {border-bottom: 1px solid #e4a39e; background-color: #d43428; display: block; margin:0;}
a.foot {border-right: 1px solid #e4a39e; }


a.menuh {	border-top: 1px solid #e4a39e; background-color: #a22d24; float: left; display: block; margin:0; width: 50%; height: 38px;}
a.menuh:focus, a.menuh:hover {background-color: #424242;}

.home {		display: block; position: relative; background: url(/newtest/images/icons/iconsprite.png) no-repeat center -1342px; height:38px; width: 100%;}
.close {	display: block; background: url(/newtest/images/icons/iconsprite.png) no-repeat center -1725px; height:38px; width: 100%; border-left: 1px solid #e4a39e;}
.closesearch {	display: block; position: relative; top: -2px; right:10px; float: right; background: url(/newtest/images/icons/iconsprite.png) no-repeat center -1824px; height:32px; width: 32px;}
.closesearch:hover {background-position: center -1728px}	

#menuwrapper {	display: none; 
		position:relative;
		width: 100%;
		margin:0;
}

#menuwrapper ul#menulist {
		position:relative;
		clear: both;
		float: left;
		width: 100%;
		top: 134px;
		margin:0;	
		list-style-type: none;
		padding: 0;
}

#menuwrapper ul#menulist li {width: 100%; text-align: center;}
#menuwrapper ul#menulist li.menu1 {width: 100%;}
#menuwrapper ul li {float: left; z-index: 5001;}

label.menu::after {background: url(/newtest/images/icons/iconsprite.png) no-repeat 0px -192px;
	    content: '';
	    height: 32px;
	    position: absolute;
	    right: 3px;
	    top: 3px;
	    width: 32px;
}

input.dnone:checked + label.menu {background-color: #424242;}
input.dnone:checked + label.menu::after {background-position: 0px -288px; content: "";}

#menutog1:checked ~ #drop1 {display: block;}
#menutog2:checked ~ #drop2 {display: block;}
#menutog3:checked ~ #drop3 {display: block;}
#menutog4:checked ~ #drop4 {display: block;}
#menutog5:checked ~ #drop5 {display: block;}
#menutog6:checked ~ #drop6 {display: block;}

#drop1, #drop2, #drop3, #drop4, #drop5, #drop6, #drop7 {
		display: none;
		position: relative;
		top: 0px; /* 1px less than menu height */
		left: 0px;
		width: 100%;
		background-color: #ffffff;
		border: 0px;
		background: -webkit-linear-gradient(#e7e7e7, #ffffff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#e7e7e7, #ffffff); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#e7e7e7, #ffffff); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#e7e7e7, #ffffff); /* Standard syntax (must be last) */
}

a.drop {	display: inline-block;
		margin: 3px 1% 3px 0%;
		width: 46%;
		padding: 4px 0% 4px 2%;
		}

a.drop:link 	{color: #d43428; background-color: #dddddd;}
a.drop:visited 	{color: #d43428;}
a.drop:hover 	{color: #ffffff; background-color: #d43428; text-decoration: none;}
a.drop:active 	{color: #ffffff;}
a.drop:focus 	{color: #ffffff; background-color: #d43428;}

dl.dropdl{	float: left;
		list-style-type: none;
		padding: 10px 0px 20px 2%;
		margin: 0px;
		text-align: left;
		margin-top: 6px;
		width: 47%;
		min-width: 220px;
		height: auto;
}

dt.dropdt{	font-family: Arial, Helvetica, sans-serif; color: #777777; font-weight: normal;
		font-size: 1.0em;
		margin: 0px;	
		padding: 5px 0px 5px 0px;
		
}

dt.dropdt2{	font-family: Arial, Helvetica, sans-serif; color: #777777; font-weight: bold;
		font-size: 0.95em;
		margin: 0px;	
		padding: 10px 0px 0px 0px;}

dd.dropdd{ 	font-size: 0.9em;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		line-height: 150%;
		margin: 0px;
		padding: 0px;
}

#menu1a {	height: 21em;}
#menu1b {	height: 21em;}

.dropdown1:after { 
		content: " "; 
		display: block;
		clear: both;
} 


/******************* FOOTER *******************/

#footarea {	width: 100%;
		height: 214px;
		background: url("/newtest/images/backgrounds/footerback.png") repeat-x left top;
}		

#footarea2 {	width: 100%;
		height: 133px;
		background: url("/newtest/images/backgrounds/footcircles.png") no-repeat 50% 48px;		
}

#footwrapper {	width: 100%;
		height: 30px;
		padding-top: 8px;
		}
		
ul#footlist {
		clear: both;
		float: left;
		width: 100%;
		height: 30px;
		margin: 0px;
		list-style-type: none;
		padding: 0;
		}
		
ul#footlist li {position: relative;
		left: 0px;
		width: 25%;
		height: 30px;
		text-align: center;
		float: left;
		z-index: 3001;
		}
		
.sites {	position: relative;
		float: left;
		width: 65%;
		margin: 20px 0px 0px 10px;}

.socialcontainer {
		position: relative;
		float: right;
		width: 30%;
		margin: 25px 12px 0px 0px;
		text-align: right;
}

.youtube, .linkedin, .google {
		display: inline-block;
		background: #ffffff url("/newtest/images/icons/iconsprite.png") no-repeat 0px 0px;
		width: 48px;
		height: 48px;
		margin-left: 4px;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
		border-radius: 24px;}

.youtube {	background-position: center -2199px}
.linkedin {	background-position: center -2393px}
.google {	background-position: center -2583px}

.youtube:hover {background-position: center -2103px}
.linkedin:hover {background-position: center -2297px}
.google:hover {	background-position: center -2487px}		

/******************* FORMS *******************/


/******************* TABLES *******************/