body {
	width: 100%;
	height: 100%;
	font-family: "Lucida Sans", Verdana;
	margin: 0;
	padding:  0;
	background: #000 url(/img/bg.gif) 0 0 repeat-x;
	overflow: hidden;
}

a, img {border: none; outline: none;}
a img {max-width: 100%;}
a, a:link {color: #666; text-decoration: none;}
a:hover {color: #fff;}
 
/*layout*/
.top_wrapper {width: 100%; margin: 0; padding: 0; background-color: transparent;}
.left_col, .right_col {display: block; width: 10% !important; height: 100%; background: transparent;}
.center_col {width: 80%; height: 100%; background: transparent; float: left; z-index: -10;}
.center_col_content, .nav_wrapper, .footer_wrapper {width: 80%; margin: 0 auto;}
.center_col_content {display: block; margin: 1em auto 0 !important; clear: both; position: relative; z-index: 1; padding: 0;}
.center_col_content h1.static_headers {color: #336666; position: absolute; top: 75px; height: 35px !important; background: black; width: 100%}
.left_col {float: left; clear: left;}
.right_col {float: right;}
.top_col_a, .top_col_b, .bottom_col_a, .bottom_col_b {display: block; width: 72px; height: 50%; clear: both; margin: 0;}
.top_col_b, .bottom_col_b {float: right;}
.top_col_a div {width: 72px; height: 72px; background: transparent url(/img/home_matrix1.png) left top no-repeat;}
.top_col_b div {width: 72px; height: 72px; background: transparent url(/img/home_matrix1.png) right top no-repeat; position: absolute; top: 0; right: 0;}
.bottom_col_a div {width: 72px; height: 72px; background: transparent url(/img/home_matrix1.png) left bottom no-repeat; position: absolute; bottom: 0;}
.bottom_col_b div {width: 72px; height: 72px; background: transparent url(/img/home_matrix1.png) right bottom no-repeat; position: absolute; bottom: 0;}
.nav_wrapper {width: 690px; height: 50px; background: transparent !important; clear: both; margin: 222px auto 0; text-align: center;}
.nav_wrapper a {margin: 0 0 0 10px; float: left;}
.contacts {display: block; background: url(/img/contacts.gif) 0 0 no-repeat; width: 99px; height: 31px;}
.mixed_media {display: block; background: url(/img/competittion.gif) 0 0 no-repeat; width: 136px; height: 34px;}
.mixed_media:hover {display: block; background: url(/img/competittion_h.gif) 0 0 no-repeat; width: 136px; height: 50px;}
.annual {display: block; background: url(/img/annual.gif) 0 0 no-repeat; width: 89px; height: 44px;}
.annual:hover {background: url(/img/annual_h.gif) 0 0 no-repeat; width: 89px; height: 44px;}
.content_wrapper {background: url(/img/blackbg25.png) repeat !important; width: 100%; margin: 0 auto; color: #fff; overflow: scroll; overflow-x: hidden; height: 530px; clear: both;}
.content_wrapper_scroll {width: auto; padding: 3% 2em 0; min-height: 520px;}
.content_wrapper_scroll img {width: auto !important;}
.lessedra_logo_real {border: 0; position: absolute; top: 130px; right: 139px;}
.portal {text-align: center; font-size: 80%; color: #999; position: relative; top: 107px;}
.counter {position: fixed; bottom: 2px; left: 72px;}

.promo {color: #f1f1b4; font-size: 2em; font-family: 'RalewayThin', sans-serif;  position: absolute; top: 70%; left: 50%; text-transform: uppercase;}