/* CSS Document */



* {	margin:0; padding:0; font-size:100%;}



body{background:url(images/top-tail.gif) top repeat-x #000000; text-align:center;}



a img { border:0;}

ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}



html{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:0.7em; color:#ffffff; font-weight:bold; text-transform:inherit;}



/* ============================= header ====================== */

#header{ width:100%; overflow:hidden;}

#header .menu{ float:right;}

#header .menu li{ float:left; padding-left:2px; padding-top:30px; font-weight:normal; font-size:10px; font-family:"Trebuchet MS", Tahoma, Verdana, Arial;}

#header .menu .big a{ display:inline-block; width:70px; height:25px; text-align:center; text-transform:capitalize; background:url(images/circle_menu.png) no-repeat 0 0; color:#e0e0e0; text-decoration:none; padding:20px 0 25px 0;}

#header .menu .small a{ display:inline-block; width:70px; height:20px; text-align:center; text-transform:capitalize; background:url(images/circle_menu.png) no-repeat 0 0; color:#e0e0e0; text-decoration:none; padding:25px 0 25px 0;}

#header .menu .big a:hover, #header .menu .small a:hover, #header .menu .active{ background:url(images/circle_menu_.png) no-repeat 0 0;}

#header .menu .last{ width:auto; background:none; padding-top:45px;}

#header .logo{ padding-top:10px;}



/* ============================= footer ====================== */

#footer{ width:100%; overflow:hidden; color:#2f2f2f; word-spacing:2px;}

#footer p{ padding-top:71px; font-weight:normal;}

#footer a{ color:#2f2f2f; text-decoration:none; font-weight:normal;}

#footer a:hover{ color:#1b9bc0;}

#footer .right{ color:#838383; padding-right:85px;}

#footer .right a{ color:#838383;}

#footer .right a:hover{ color:#1b9bc0;}