/* CSS Document */
body{ margin:0px auto; margin-bottom:20px; padding:0px; background:url(../images/design/body-bg.gif) repeat-x;}
img{ border:0;}
div{ font-family:Arial; font-size:12px; color:#525252;}
p{padding:0px; margin:0; font-family:Arial; font-size:12px; color:#525252; text-align:justify;}
table{text-align:left;}
h1, h2{ padding:0px; margin:0px; font-weight:normal;}
a{color:#0da4dd; text-decoration:none;}
a:hover{color:#0da4dd; text-decoration:underline;}
	
.clear{clear:both; padding:0px; margin:0px; line-height:0%;}
#main-area{width:975px; margin: 0px auto;}
#header-area{ width:975px; margin:0px auto; height:105px;}
#mid-area{ width:975px; margin: 0px auto;}

.logo{ float:left; padding-left:21px;}
.top-right{ float:right; text-align:right; padding-top:18px; width:685px;}
.top-right a{ text-decoration:none; color:#333333; padding-right: 5px; padding-left: 5px;}
.top-right a:hover{ text-decoration:none; color:#d95d01;}
.top-right a.active{ text-decoration:none; color:#d95d01;}
.top-right h2{ padding-top:17px; font-weight:normal; font-family:Calibri, "Trebuchet MS", Arial, Helvetica; color:#555555; font-size:18px; padding-right: 2px;}
.ban-home{ height:249px; width:975px; margin-bottom:25px;}
.con-left-area{float:left; width:305px;}
.gr-mid{ float:left; background:url(../images/design/gr-middle.png) repeat-y; width:265px; height:314px; padding:6px 20px;}
.gr-mid h1{ font-family:"Trebuchet MS"; font-size:18px; text-transform:uppercase; background:url(../images/design/gr-bullet.gif) -2px 2px no-repeat; padding:0px 0px 5px 20px; color:#FFFFFF; font-weight:bold;}
.gr-mid p{ color:#eee; padding-bottom:12px;}
.zwebb-link{
	color:#ffba68;
	text-decoration:none;
	font-weight:bold;
	padding:0px 10px 0px 8px;
	background:url(../images/design/zwe-bullet.gif) 0px 4px no-repeat;
	font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; 
	line-height:190%;
}
.zwebb-link:link{color:#ccc; text-decoration:none;}
.zwebb-link:visited{color:#ccc; text-decoration:none;}
.zwebb-link:hover{color:#ffaa00; text-decoration:none;}
.zwebb-link:active{color:#ffaa2a; text-decoration:none;}


.zwebb-link-active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:0px 10px 0px 8px;
	background:url(../images/design/zwe-bullet-white.gif) 0px 4px no-repeat;
	font-size:12px;
	line-height:140%;
}
.zwebb-link-active:link{color:#ffffff; text-decoration:none;}
.zwebb-link-active:visited{color:#ffffff; text-decoration:none;}
.zwebb-link-active:hover{color:#ffffff; text-decoration:none;}
.zwebb-link-active:active{color:#ffffff; text-decoration:none;}



.bot-linkbg{background:url(../images/design/bot-linkbg.gif) repeat-x; width:975px; height:82px;}
.bot-linkbg div{ float:left;}
.bot-linkbg h2{ padding-top:20px; font-family:"Trebuchet MS"; color:#f86707; font-size:13px; font-weight:bold;}
.bot-link-img{ padding-left:32px; width:50px;}


.gr-top-middle{background:url(../images/design/gr-top-middle.png) left bottom no-repeat; padding:0; margin:0 auto; height:14px; width:305px;}
.gr-bot-middle{background:url(../images/design/gr-bot-middle.png) no-repeat; height:14px; width:305px;}
.footer{ padding-top:1px;}
.footer-area{width:975px; height:41px; background:url(../images/design/foot-mid.gif) repeat-x; }
.foot-left{ float:left; background:url(../images/design/foot-left.gif) left top no-repeat; font-size:11px; padding:15px 0px 0px 15px; height:26px; font-family: Tahoma, Arial, Verdana;}
.foot-right{ float:right; background:url(../images/design/foot-right.gif) right top no-repeat; font-size:11px; color: #777; padding:14px 36px 0px 0px; height:26px; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.ref-link{float:left; text-align:left; padding-right:15px; width:250px;}
.ref-link ul{ padding:0px; margin:13px 0px 20px 0px; list-style:none; font-variant:small-caps; font-size:13px; font-family: Tahoma, Arial, sans-serif; letter-spacing: 1px;}
.ref-link ul li{ margin:0px; margin-bottom:2px; line-height:145%; list-style-type:none; }
.ref-link ul li a{ text-decoration:none; color:#0da4dd; padding:0px 0px 0px 8px; background:url(../images/design/blue-bullet.gif) 0px 5px no-repeat;}
.ref-link ul li a:hover{ text-decoration:underline; color:#0da4dd;}
.contact-detail{ width:250px; float:left; margin-right:45px;}
.contact-detail p{ padding:0px 0px 15px 0px;}
.contact-form{float:left; width:300px;}
.textfield{ width:190px; background: #FFFFFF url(../images/design/textfield.gif) top repeat-x; color:#333; border:1px solid #cecece; padding:3px;} 

.ip {color: #aaa; padding: 11px 9px; font-size: 10px;}
.tack {text-align: center; font-size: 18px; height: 400px; color:#FFF;}
.tack h2 {color:#FFF}
.tack p {color:#FFF}
.tack a {color: #CCC; text-decoration: underline;}