html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 11px; font-family:Arial,sans-serif; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body { background: #464543; text-align: center; width: 100%; height: 100%; }

/* ***************************************************** */

#frame-top { width: 100%; height: 148px; margin: 0 auto; background-image: url("../images/frame-top.png"); background-repeat: repeat-x; text-align: center;  }
	#frame-top .wrapper { position: relative; width: 900px; height: 148px; margin: 0 auto; }
		#frame-top .wrapper a.logo { display: block; position: absolute; left: 30px; top: 30px;  } 
		#frame-top .wrapper a.topmenu { display: block; margin-right: 30px; margin-top: 67px; float: right; font-family: Arial, sans-serif; font-size: 11px; color: #32384e; text-decoration: none; } 
			#frame-top .wrapper a.topmenu img { margin-right: 10px; }
			#frame-top .wrapper a.topmenu:hover { color: #e0ad13; text-decoration: underline; }	

		
#frame-menu { width: 100%; height: 58px;  margin: 0 auto; background-image: url("../images/frame-menubar.png"); background-repeat: repeat-x; text-align: center; font-size: 0; }
#frame-menu .wrapper { width: 900px; border-bottom: 4px solid #e0ad13; margin: 0 auto; height: 54px; }
 #frame-menu .container { clear: both; text-align:center; display:inline-block; }
 #frame-menu ul {  display: table; vertical-align: top; list-style-type:none; position: relative; margin: 0 auto;  }
	#frame-menu ul li { display: table-cell; font-size: 0px; }
	#frame-menu ul li a { display: block; float: left; padding: 20px 35px; background-position: 0 0; background-repeat: no-repeat; font-family: Trebuchet MS; font-size: 15px; font-weight: bold; color: #636363; letter-spacing: -1px; text-decoration: none; }
	#frame-menu ul li a:hover { color: #c39200; background-image: url("../images/triangle.png"); background-repeat: no-repeat; background-position: center bottom; }
	#frame-menu ul li img.menu-separator { float: left;  margin: 0 auto; margin-top: 20px;  }

	
#frame-footer { position: relative; width: 100%; height: 130px;  margin: 0 auto; background-image: url("../images/frame-footer.png"); background-repeat: repeat-x; text-align: center;  }
	#frame-footer .wrapper { width: 900px; margin: 0 auto;  position: relative; }
	#frame-footer .menu-footer {  position: absolute; left: 20px; top: 40px; padding-bottom: 20px; width: 460px; text-align: left; }
		#frame-footer .menu-footer a { float: left; display: block; color: #8f8f8f; font-size: 11px; text-decoration: none; }
		#frame-footer .menu-footer a:hover { color: #e0ad13; text-decoration: underline; }
		#frame-footer .menu-footer span { float: left; display: block; color: #e0ad13; margin: 0 10px;  }
		#frame-footer .menu-footer a.logo-footer { float: left; margin: 14px 0 0 0; }
		#frame-footer .menu-footer p { float: left; margin: 12px 0 0 20px; color: #8d8c8b; }
	#frame-footer .info-footer { position: absolute; right: 20px; top: 40px; padding-bottom: 20px; width: 360px; text-align: left; background-image: url("../images/yellow-bar.png"); background-position: left top; background-repeat: no-repeat; padding-left: 20px; }
		#frame-footer .info-footer .telephone { float: right; }
		#frame-footer .info-footer span { float: left; font-size: 11px; color: #9f9f9e; width: 260px; }
		#frame-footer .info-footer a { color: #9f9f9e; text-decoration: underline; }
		#frame-footer .info-footer a:hover { text-decoration: none; color: #e0ad13; }
		
	#frame-footer .separator { display: block; position: absolute; top: 100px; left: 0px;}
	#frame-footer .wrapper .links { width: 900px; margin: 0 auto;  position: absolute; top: 110px; left: 0px; }	
	#frame-footer .wrapper .links span.recommended { float: left; margin: 0 0 10px 20px; color: #9f9f9e; }
	#frame-footer .wrapper .links span.recommended a, #frame-footer .wrapper .links span.development a { text-decoration: none; color: #e0ad13; }
	#frame-footer .wrapper .links span.recommended a:hover, #frame-footer .wrapper .links span.development a:hover { text-decoration: underline; color: white; }
	#frame-footer .wrapper .links span.development { float: right; margin: 0 20px 40px 0; color: #9f9f9e; }
	
.clearfloats { clear: both; font-size: 1px; visibility: hidden; }
.floatright { float: right; }
.floatleft { float: left; }
.last { margin-bottom: 0 !important; }
.margin-left10 { margin-left: 10px !important; }