/******************* STYLE *******************/
html, body {	height: 100%; width: 100%;}

body {		margin: 0px;
		background-color: #d43428;
		min-width: 1000px
		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.8em;
		margin: 0px;
		padding: 0px;
}

h1 {
		font-family: "Times New Roman", Times, serif; color: #333333; font-weight: normal;
		font-size: 2em;
		margin: 0px;	
		padding: 64px 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: 985px;
		height: 134px;
		margin-left: auto;
		margin-right: auto;
		left: -17px;
		top: 0px;	
		text-align: left;
		z-index: 5000;
}

.clear, .clear5, .clear10, .clear20 {	clear: both;}
.clear5 {	height: 5px;}
.clear10 {	height: 10px;}
.clear20 {	height: 20px;}

nav	{display: block;}

#mainarea {	width: 970px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
}

#circle {	background-image:url(/newtest/images/backgrounds/circle.png);
		width: 271px;
		height: 174px;
		position:absolute;
		left: 0px;
		top: 0px;
}

#circlesback {	background-image:url(/newtest/images/backgrounds/circles.png);
		width: 612px;
		height: 126px;
		position:absolute;
		left: 283px;
		top: 0px;
}


.hide, .hidelogo, .toppage, #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;}

.dnone, .mobmenu, .mobsearch, .mobservicing, #closemenu, #closesearch {display: none;}

.search {	position: relative;
		border: 0px;
		color: #666666;
		background-color: #ebe8de;
		font-size: 0.8em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-style: normal;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: 130px;
		height: 20px;
		padding-top: 0px;
		padding-bottom: 0px;		
		padding-left: 4px;
		margin-left: 1px;
		margin-top: 0px;		
		margin-bottom: 0px;				
		}

.search:hover, .search:focus {
		background:#ffffff;
}

#search1 {	background-color: #ebe8de;
		width: 161px;
		height: 20px;
		position: absolute;
		right: 190px;
		top: 52px;		
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		padding: 2px;
} 

.search1 {	position: relative;
		background-color: #ebe8de;
		width: 161px;
		height: 20px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		padding: 2px;
} 

.searchbtn {	font-size: 0.0em;
		color: transparent;
		border: 0px;
		height: 20px;
		width: 20px;
		padding: 0px;
		margin-left: 4px;
		vertical-align: top;
}

.searchbtn {	background: url(/newtest/images/icons/iconsprite.png) no-repeat center -1926px; outline:none;}


.searchbtn:hover, .searchbtn:focus  {
		border: 0px;
		background-position: center -2022px;
		cursor:pointer;
}
 
#servcing {	width: 185px;
		height: 1.5em;
		position: absolute;
		right: 0px;
		top: 40px;	
		padding: 0px;
		margin: 0px;
		text-align: right;
} 

.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: 948px;
		height: 95px;
		padding-left: 10px;
		padding-right: 10px;
		}

.level1, .level2, .level3, .level3a, .level4, .level5, .level6 {
		float: left;
		background-color: #ffffff;
		margin-left: 10px;		
		margin-right: 10px;
		padding: 10px;
		height: 5em;
		overflow: auto;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #c7c4be;
}

.level1 {	width: 926px;}
.level2 {	width: 442px;}
.level3 {	width: 280px;}
.level3a {	width: 266px;}
.level4 {	width: 200px;}
.level5 {	width: 604px;}	
.level6 {	width: 684px;}	

#containerleft, .containerleft {
		float: left;
		width: 646px;
		margin: 0px;
		padding: 0px;
		height: auto;
		overflow: hidden;
}

#containerright, .containerright {
		float: right;
		width: 322px;
		margin: 0px;
		padding: 0px;
		height: auto;
		overflow: hidden;
}

.leftarea, .rightarea {
		background-color: #ffffff;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 10px;
		height: auto;
		overflow: auto;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #c7c4be;
}

.leftarea {	float: left;
		width: 604px;
}

.rightarea {	float: right;
		width: 280px;
}

/******************* NAV *******************/

/* main menu */
#menuwrapper {	width: 766px;
		height: 31px;
		position:absolute;
		right: 0px;
		top: 103px;	
		margin:0;
}

#menuwrapper ul#menulist {
		clear: both;
		float: left;
		width: 766px;
		height: 31px;
		margin:0;	
		list-style-type: none;
		padding: 0;
}

label.menu, p.menu, a.foot {position: relative;
		display: block;
		margin:0;		
		font-size: 0.8em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-style: normal;
		height: 25px;
		cursor:pointer;
		padding-top: 6px;
		text-decoration: none;		

}

a.menu		{z-index: 1;
		position: absolute;
		top: -999em;
		left: -999em;
		display: block;
		margin:0;		
		font-size: 0.8em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-style: normal;
		height: 25px;
		cursor:pointer;
		padding-top: 6px;
		text-decoration: none;}

p.menu		{color: #ffffff; top: 0px}

label.menu	{color: #ffffff; top: 0px}

a.menu:link, a.foot:link  	{color: #ffffff;}
a.menu:visited, a.foot:visited 	{color: #ffffff;}
a.menu:hover, a.foot:hover 	{color: #ffffff; text-decoration: none;}
a.menu:active, a.foot:active 	{color: #ffffff;}
a.menu:focus 	{color: #ffffff; background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -72px, url(/newtest/images/backgrounds/menubar.png) repeat-x 0px -36px; outline:none; top: 0px; left:0px; position: relative;}

a.menu:focus ~ label.menu {display: none;}

a.foot:focus	{background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -72px, url(/newtest/images/backgrounds/menubar.png) repeat-x 0px -36px; outline:none;}

a.menuh {	display: block; margin:0; height: 31px;}
a.menuh:focus 	{background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px 0px; outline:none;}

a.footh {	display: block; margin:0; height: 31px; background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -253px; outline:none;}
a.footh:focus, a.footh:hover 	{background-position: -43px -253px}

#menuwrapper ul#menulist li {
		position: relative;
		left: 0px;
		height: 30px;
		text-align: center;
}

.menuback {	background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -144px, url(/newtest/images/backgrounds/menubar.png) repeat-x 0px -108px; outline:none;}

#menuwrapper ul#menulist li {width: 113px; }
#menuwrapper ul#menulist li.menu1 {width: 43px; background: url(/newtest/images/backgrounds/menubar.png) no-repeat -54px 0px,}
#menuwrapper ul#menulist li.menu8 {width: 45px; background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -144px, url(/newtest/images/backgrounds/menubar.png) repeat-x right -180px;}

.menuback:hover {background-position: 0px -72px, 0px -36px }
#menuwrapper ul#menulist li:hover.menu1 {background-position: 0px 0px}
#menuwrapper ul#menulist li:hover.menu8 {background-position: 0px -72px, right -216px}


#menuwrapper ul li {	float: left;
		z-index: 5001;
}

#menuwrapper ul#menulist li:hover div.dropdown1 { display: block; }
#menuwrapper ul#menulist li div.dropdown1 {
		display: none;
		position: absolute;
		top: 30px; /* 1px less than menu height */
		left: 0px;
		width: 712px;
		background-color: #ffffff;
		border: 5px #c13524 solid;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
		box-shadow: 0px 7px 3px #999999;
		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) */
}		

#menuwrapper ul#menulist li.menu2 div.dropdown1 { left: 0px; }
#menuwrapper ul#menulist li.menu3 div.dropdown1 { left: -113px; }
#menuwrapper ul#menulist li.menu4 div.dropdown1 { left: -226px; }
#menuwrapper ul#menulist li.menu5 div.dropdown1 { left: -339px; }
#menuwrapper ul#menulist li.menu6 div.dropdown1 { left: -452px; }
#menuwrapper ul#menulist li.menu7 div.dropdown1 { left: -565px; }
#menuwrapper ul#menulist li.menu8 div.dropdown1 { left: -678px; }

a.drop {	display: inline-block;
		margin: 0px;	
}

a.drop:link 	{color: #d43428;}
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;}
a.drop::after 	{content: " |"; color:#666666; margin-right: 3px;}

dl.dropdl{	float: left;
		list-style-type: none;
		padding: 10px 0px 20px 2%;
		margin: 0px;
		text-align: left;
		margin-top: 6px;
		width: 31%;
		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.8em;
		margin: 0px;	
		padding: 10px 0px 0px 0px;}

dd.dropdd{ 	font-size: 0.75em;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		line-height: 150%;
		margin: 0px;
		padding: 0px;
}

.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: 970px;
		height: 133px;
		background: url("/newtest/images/backgrounds/footcircles.png") no-repeat 248px 32px;		
		margin-left: auto;
		margin-right: auto;
}

#footwrapper {	width: 948px;
		height: 31px;
		text-align: left;	
		margin-left: 10px;		
		margin-right: 10px;
		background: url("/newtest/images/backgrounds/menubar.png") no-repeat 780px -289px, url("/newtest/images/backgrounds/menubar.png") no-repeat 5px -108px, url("/newtest/images/backgrounds/menubar.png") no-repeat left -180px, url("/newtest/images/backgrounds/menubar.png") no-repeat right -180px;
		background-size: 149px 320px, 938px 320px, 149px 320px, 149px 320px;	
		}


ul#footlist {
		clear: both;
		float: left;
		width: 766px;
		height: 31px;
		margin: 0px 0px 0px 31px;
		list-style-type: none;
		padding: 0;
		}

ul#footlist li {
		position: relative;
		left: 0px;
		height: 30px;
		text-align: center;
		}
		
#footwrapper ul li {	float: left;
		z-index: 3001;
}

.foot1 {width: 132px;}
.footlast::after {background: url(/newtest/images/backgrounds/menubar.png) no-repeat 0px -144px;
	    	content: '';
	    	height: 31px;
	    	position: absolute;
	    	right: 0px;
	    	top: 0px;
	    	width: 2px;
}

.foot2 {	width: 32px;  margin-left: 300px;}


.sites {	position: relative;
		float: left;
		width: 70%;
		margin: 20px 0px 0px 10px;}

.socialcontainer {
		position: relative;
		float: right;
		width: 25%;
		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 *******************/








