/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.gif) top repeat-x #000000; text-align:center;}

img {vertical-align:top;}
a img { border:0;}


.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;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; outline:none; padding-left:2px; text-decoration:none; text-align:center;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h3{ color:#2f2f2f; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; padding-bottom:10px;}

/* ============================= main layout ====================== */
.space1{ margin-left:14px;}
.padding1{ padding-top:46px;}

/* ============================= 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;}

/* ============================= content ====================== */
.column-2{ font-weight:normal; font-size:11px;}
.column-2 table{ vertical-align:middle; text-align:center; border:0;}
.column-2 td{ vertical-align:middle; text-align:center; width:200px; height:120px;}
.column-2 td a{ vertical-align:middle; text-align:center;}

.box{ background:url(images/box-bot-tail.gif) bottom repeat-x #fff;}
.box .left-bg{ background:url(images/box-left-bg.gif) left top no-repeat;}
.box .right-bg{ background:url(images/box-right-bg.gif) right top no-repeat; width:100%; height:519px;}
.box .indent{ padding:45px 40px 30px 40px;}

.link{ display:inline-block; margin-top:9px; color:#2f2f2f; text-decoration:none;}
.link:hover{ color:#1b9bc0;}
.link1{ color:#1b9bc0;}

.list{ margin:-6px 0;}
.list li{ line-height:3.333em; color:#1b9bc0;}

.list1 a{ color:#828282; text-decoration:none;}
.list1 a:hover{ color:#1b9bc0;}

.gallery{ position:relative; padding:25px 50px 50px 0;}
.gallery table{ width:137px;}
.gallery td{ width:135px; height:85px; vertical-align:middle; text-align:center;}
.gallery td a{ display:inline-block; margin-bottom:1px; color:#000000; text-align:center;}
.gallery .up{ position:absolute; margin:-30px 0 0 58px;}
.gallery .down{ position:absolute; margin:479px 0 0 58px;}
.text{ position:absolute; width:758px; height:31px; overflow:hidden; background:url(images/text-bg.png) no-repeat 0 0; margin:459px 0 0 12px; color:#dcdcdc; padding:14px 30px 0 35px;}
.text a{ color:#fff; text-decoration:none; float:right;}
.text a:hover{ color:#1b9bc0;}

/* ============================= footer ====================== */
#footer{ width:100%; overflow:hidden; color:#2f2f2f; word-spacing:2px;}
#footer p{
	padding-top:10px;
	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;}

/* ============================= left menu ====================== */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#565555; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* ============================= up menu ====================== */
.sub td{background:url(images/but1.png); width:126px; height:35px; text-align:center; color:#565555;}
.sub a{font-size:11px; text-align:center; color:#565555;}
