@charset "utf-8";
/* CSS Document */
/*-----------------------* GLOBLS *------------------------------*/
img, img a{border:none;}
a{ text-decoration: none;}
body{ width: 100%; background: #1e2126 url(../images/header_image.gif) no-repeat 0 0;}
h1{  margin:5px 5px 0 5px; border-left: 5px solid #cacaca; padding:0 0 0 5px;font: bold 18px "Trebuchet ms", Arial; color: #CB411D;}
h2{  margin:5px; padding:0;font: bold 16px "Trebuchet ms", Arial; color: #CB411D;}
h3{  margin:0px; padding:0;font: bold 14px "Trebuchet ms", Arial; color: #CB411D;}
tt{  margin:0; padding:0;font: normal 12px "Trebuchet ms", Arial; color: #646464; font-style: normal; }
em{  margin:0 0 15px 5px; padding:0;font: normal 12px "Trebuchet ms", Arial; color: #cacaca; font-style: normal; }

/*-----------------------* MAIN *------------------------------*/
#container{width: 1000px;  margin: 100px auto 0 auto;  }
#header{-moz-border-radius: 4px 4px 0 0;background: #045c97 url(../images/header_bg.gif) repeat-x; width: 1000px;height: 60px;padding: 15px 0 0 0; border-bottom: 4px solid #CFBD8B;}
#headerwrap{ overflow: hidden; background: url(../images/tab_bg3.gif) repeat-x; width: 1000px; }
#logo{float: left;width: 129px; padding: 10px 0 0 10px; height: 46px;}
#hz_menu{ float: left; width: 750px; overflow: hidden; }


#bookshelf{float: left; margin:12px 0px 0 0; }
#middlewrap{  background-color:#003051; overflow: hidden; padding: 10px;}
#middlewrap1{  background-color:#fff; /*overflow: hidden;*/ padding: 15px; width: 1000x;}
#image{ float: left; width: 700px;height:485px;}
#thumbs{ float: right;}
#thumbs ul{ list-style:none; margin:0; padding:0;}
#thumbs ul li{ margin: 0 0 25px 0;width: 221px; height: 145px; background: url(../images/thumb_shadow.gif) no-repeat center center;}
#base{ width: 1000px; height: 200px; background-color: #045c97;}
#base1{ width: 1000px;background-color: #045c97;}
#base1wrap{ overflow: hidden; padding: 10px;}
#welcome{ float: left; width: 738px; height: 130px; background: url(../images/big_box.gif) no-repeat center center;}
#welcometext{ margin: 10px; font: normal 14px Arial, Helvetica, sans-serif; color: #e6e4e4; line-height: 20px;}
.welcomereadmore{ width: 720px; text-align: right; color: #CB3F1C;  }
.welcomereadmore a{ color: #CB3F1C;}
#testimonials{ float: right;width: 234px; height: 128px; background: url(../images/testimonial_box.gif) no-repeat center center;}
.testimonialsreadmore{ width: 220px; text-align: right; color: #CB3F1C;}
.testimonialsreadmore a{ color: #CB3F1C;}
#testimonialstext{ margin:30px 10px 5px 10px; font: normal 12px Arial; color: #e6e4e4; line-height: 15px;}
#base2wrap{}
#base2wrap ul{ list-style: none; margin:0 auto; padding:0; overflow: hidden; width: 850px;}
#base2wrap ul li{ float: left; margin: 5px 40px 5px 40px; color:#CCCCCC; font: bold 12px Arial, Helvetica, sans-serif;}
#base2wrap ul li a{ color:#ccc;}
#base2wrap ul li a:hover{ color:#fff;}
#base2wrap ul li img{ vertical-align: middle;}
#footer{ width:1000px; height:49px; background: url(../images/footer_bg.gif) repeat-x;}
#footertext{ width:1000px; padding: 20px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; color: #ccc;}

.testiwrap{overflow:hidden;color:#000000; margin-bottom: 10px; border-bottom: 1px dotted #cacaca; }
.testiwrap1{ float:left;width: 480px; margin: 0 0 0 20px; }
.testiwrap2{ float:right;width: 150px;  }
.testiwrap2 img{ border: 1px solid #646464;}

.subcontent{ overflow: hidden; width: 1000px;background:#FBFBFB url(../images/content_bg.gif) repeat-x;}
.subcontent1{ float: left;width: 630px; margin: 10px 10px 10px 20px;}
.subcontent1text{ margin-top: 15px;}
.subcontent2{ float: right; width: 280px;margin: 0 10px 0 10px;background-color:#F2F0E7; border:1px solid #cacaca;}
.subcontent2 ul{ margin:60px 0 0 0px; padding:0; list-style: none;}
.subcontent2 ul li{ display: block;  width: 200px;   font: normal 12px "Trebuchet ms", Arial;}
.subcontent2 ul li a{ color: #990000; display: block;line-height: 24px; padding: 0 0 0 10px; border-bottom: 1px solid #cacaca;}
.subcontent2 ul li a:hover{ background-color: #E6E4DB;}

.subcontent2thumbs{ margin-bottom: 10px;}
.subcontent2thumbs ul{margin:30px 0 0 0px; padding:0; list-style: none; overflow: hidden;}
.subcontent2thumbs ul img{ border-bottom: 1px solid #cacaca;}
.subcontent2thumbs ul li{ float: left; text-align: center; font: normal 12px "Trebuchet ms", Arial; margin:10px 0 0 20px;}
.subcontent2thumbs ul li a{ float: left;color: #990000;  padding: 0 0 0 0px; border-bottom: 1px solid #cacaca;border: 3px solid #cacaca;}
.subcontent2thumbs ul li a:hover{ background-color: #E6E4DB;}