@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0; }

body { 
text-align:center; font:normal 11px "Trebuchet MS"; background-color:#f1f1e7; 
background-image:url(../images/htopbg.gif); background-repeat:repeat-x;	
}

p { /*text-indent: 20px;*/margin-bottom:8px; float:left; position:relative; }

.pTypeH01 { font:bold 14px "Times New Roman"; color:#363322; }
.pTypeH02 {font:italic 18px "Times New Roman"; line-height:16px; letter-spacing:2px; }
.pTypeH03 { font:bold 12px "Times New Roman"; color:#363322; }
.pTypeH04 { font:bold italic 12px "Trebuchet MS"; color:#F3F3F3 }
.pTypeH05 { font:italic 12px "Trebuchet MS"; color:#666666; line-height:normal; }

#bwrapper { 
margin: 0px auto; padding:0 65px 0 65px; width: 774px; text-align:left; 
background:url(../images/wtopbg.png) no-repeat right top; position:relative;
}

#header{ width:774px; height:120px; padding:0px; margin:0px; position:relative; }
#header .col2a{ width:250px; float:left; position:relative; overflow:hidden; text-align:center; }
#header .col2b{ width:524px; float:left; position:relative; }
.weblogo { margin:48px 0 0 40px; position:relative; float:left; }


#contentR1{ width: 758px; height:233px; padding:8px; margin:0 0 10px 0; background-color:#FFFFFF; 
border:solid 1px #dbdbcf; overflow:hidden; position:relative;
}

/* --------------- Begin Row 1 - 3 col style ------------------- */
#contentR1 .col3a{ width:365px; height:233px; float:left; position:relative; overflow:hidden; margin-right:8px; }
#contentR1 .col3b{ width:188px; height:215px; float:left; position:relative; padding:10px; background:url(../images/hot.gif) no-repeat; 
margin-right:8px; }
#contentR1 .col3c{ width:168px; height:214px; padding-top:16px;  float:left; position:relative; background:url(../images/testi.gif) no-repeat; text-align:left;
overflow:hidden; }

.banner { width:349px; height:14px; top:200px; left:8px; margin:0px; padding:8px; background-color:#000;
opacity:0.1; filter:alpha(opacity=30); -moz-opacity:0.3; position:absolute; z-index:99; }
.bannertxt { width:349px; height:14px; top:200px; left:8px; margin:0px; padding:6px; position:absolute; z-index:100;
font:bold italic 12px "Times New Roman"; color:#F5F5F5; }

#contentR1 h4{ font:bold 18px "Trebuchet MS"; color:#F5F5F5; width:100%; float:left; position:relative; margin-bottom:5px; }
/* --------------- End   Row 1 - 3 col style ------------------- */

.hottag{ height:60px; width:58px; left:151px; position:absolute; top:-2px; }

#contentR2{ width: 774px; height:auto; padding:0px; margin:0 0 10px 0; overflow:hidden; 
position:relative; font:normal 12px "Times New Roman"; color:#282825;
}

/* --------------- Begin 3 col style code:col3a ------------------- */
#contentR2 .col3a{ width:251px; float:left; position:relative; }
#contentR2 .col3b{ width:252px; float:left; position:relative; margin:0 10px 0 10px; }
#contentR2 .col3c{ width:251px; float:left; position:relative; }
#contentR2 h3{ font:italic 22px "Times New Roman"; color:#282825; width:100%; float:left; position:relative; margin-bottom:8px; }
#contentR2 h4{ font:bold italic 16px "Times New Roman"; color:#282825; width:100%; float:left; position:relative; margin-bottom:8px; }
#contentR2 h5{ font:bold 14px "Trebuchet MS"; color:#282825; width:100%; float:left; position:relative; margin-bottom:8px; }
#contentR2 .tname { font:bold 12px "Trebuchet MS"; color:#FF6600; position:relative; }
#contentR2 .tloc { font:normal 11px "Trebuchet MS"; color:#666666; position:relative; }
#contentR2 .temail { font:normal 11px "Trebuchet MS"; color:#FF3300; text-decoration:underline; position:relative; }
#contentR2 .tsubtitle { font:normal 11px "Trebuchet MS"; color:#666; width:100%; float:left;}
/* --------------- End   3 col style code:col3a ------------------- */

/* --------------- Begin 2 col style code:col2a ------------------- */
#contentR2 .col2a{ width:251px; float:left; position:relative; }
#contentR2 .col2b{ width:523px; float:left; position:relative; margin:0; }
/* --------------- End   2 col style code:col2a ------------------- */

/* --------------- Begin 2 col style code:col2a ------------------- */
#contentR2 .col2a1{ width:513px; float:left; position:relative; margin:0 10px 0 0 }
#contentR2 .col2b1{ width:251px; float:left; position:relative; margin:0; }
/* --------------- End   2 col style code:col2a ------------------- */

#contentR2 .layer1 { width:100%; height:100%; float:left; position: relative; margin:0 0 10px 0; }

/* ----------------- Begin footer ------------------- */
#footer { text-align:center; background:url(../images/hfooterbg.gif) repeat-x; height:115px; position:inherit; width:100%; 
color:#FFFFFF;margin-bottom:5px; overflow:hidden; }
#fwrapper { margin: 0px auto; padding:0 65px 0 65px; width: 774px; text-align:left; } 
.footer { font:normal 10px Arial; color:#666666; position:relative; }

#quicklinks{ background: url(../images/hfooterimgbg.gif) no-repeat right bottom; height:115px; width:100%; 
position:relative; overflow:hidden; color:#edede3; }
#quicklinks .col2a{ width:430px; float:left; position:relative; overflow:hidden; margin:8px 0 0 0; height:95px; }
#quicklinks .col2b{ width:270px; float:right; position:relative;overflow:hidden; margin:8px 0 0 0;height:95px;}
.col2b a { text-decoration:underline; color:#FF6600; }
.col2b a:hover { text-decoration:none; color:#C82D0E; }

.qltitle { font:italic bold 11px "Trebuchet MS"; color:#f4c91c; width:100%; float:left; position:relative; }
/* ----------------- End footer ------------------- */

/* ----------------- Begin Gallery Home ----------------------------- */
#img80 { float:left; position:relative; overflow:hidden; width:252px; }
#img80 ul{ list-style:none; margin-bottom:10px; }  
#img80 li{ border:solid 5px #c9c8bd; width:70px; height:70px; float:left; margin:2px; padding:0px; }
#img252 { width:250px; height:auto; border:solid 1px #c9c8bd; float:left; position:relative; margin:2px 0 2px 0; }
/* ----------------- End   Gallery Home ----------------------------- */

/* ----------------- Begin list ----------------------------- */
#services { float:left; position:relative; overflow:hidden; width:100%; }
#services ul{ list-style:none; margin-bottom:10px; font:bold 13px "Times New Roman"; }  
#services li{ background:url(../images/liline.png) no-repeat center bottom; width:251px; height:18px; float:left; 
margin-bottom:2px; padding:0px; }
#services li a{ text-decoration:none; color:#C82D0E; }
#services li a:hover{ text-decoration:none; color:#444444; }

#undlist { float:left; position:relative; overflow:hidden; width:100%; }
#undlist ul{ list-style:none; margin-bottom:10px; font:bold 11px Arial; color:#333; }  
#undlist li{ background:url(../images/liline.png) no-repeat center bottom; width:251px; height:auto; float:left; 
margin-bottom:4px; padding:0px; text-align:left; }
#undlist li a{ text-decoration:none; color:#C82D0E; }
#undlist li a:hover{ text-decoration:none; color:#444444; }

#hot { float:left; position:relative; overflow:hidden; width:100%; }
#hot ul{ list-style:none; margin-bottom:10px; font:normal 11px "Trebuchet MS"; color:#FCFCFC; margin:0px; padding:0px; }  
#hot li{ height:auto; float:left; margin-bottom:5px; text-align:left; }
#hot a { text-decoration:underline; color:#FFCC00; }
#hot a:hover { text-decoration:none; color:#F5F5F5; }
.hotlist { width:26px; height:22px; float:left; position:inherit; background:url(../images/uli.png) no-repeat;
font:bold 14px "Trebuchet MS"; color:#F9F9F9; text-align:center; padding-top:4px; margin:4px 5px 0 0;}

#topics { float:left; position:relative; overflow:hidden; width:100%;}
#topics ol{ list-style:decimal-leading-zero; margin-bottom:10px;  margin:0px; padding:0 0 0 40px; }  
#topics li{ height:auto; width:98%; float:left; margin-bottom:5px; text-align:left; font:normal 12px "Times New Roman"; color:#000; list-style-type:none; padding-left:2%; }
#topics li p{ margin-bottom:8px; float:left; position:relative; font:normal 12px "Times New Roman";  color:#000; } 
#topics span{ margin-bottom:2px; float:left; position:relative; width:100%; font:bold 14px "Times New Roman";  color:#333; } 

#testi { width:100%; height:100%; float:left; position:relative; font:normal 11px "Trebuchet MS"; color:#D24208; }
#testi a { text-decoration:underline; color:#E35B1A; font-weight:bold;}
#testi a:hover { text-decoration:none; color:#666; }
#testi span{ float:left; position:relative; width:100%; font:bold 12px "Trebuchet MS";  color:#333; } 

#slist { float:left; position:relative; overflow:hidden; width:100%; }
#slist ul{ list-style:none; margin-bottom:10px; font:normal 11px "Trebuchet MS"; color:#333; }  
#slist li{ background:url(../images/sli.gif) no-repeat left top; width:243px; height:auto; float:left; 
margin-bottom:2px; padding:0 0 0 8px;; text-align:left; }

#slist li .subcat { padding:2px 0 2px 0; color:#353535; float:left; position:relative; }

#testimonials { width:513px; height:auto; overflow:hidden; float:left; position:relative; margin:0px; padding:0px; }
#testimonials ul { list-style:none; }
#testimonials li { margin:0 0 10px; 0; padding:0px; font:normal 11px "Trebuchet MS";}
#testimonials li .pdetails { margin-bottom:5px; float:left; position:relative; overflow:hidden; width:513px; height:60px; }
#testimonials li .tdetails { float:left; position:relative; overflow:hidden; width:513px; }
/* ----------------- End   list ----------------------------- */

/* ----------------- Begin readmore ----------------------------- */
.readmore1{ font:bold 11px "Trebuchet MS"; color:#666666; text-decoration:none; margin-top:5px; position:relative; }
.readmore1 a{ text-decoration:underline; color:#E35B1A; }
.readmore1 a:hover { color:#666; text-decoration:none; }
/* ----------------- End  readmore ----------------------------- */

/* ----------------- Begin Navigation -------------------------- */
#nav{ width:482px; height:41px;  margin:56px 23px 0 0; float:right; position:relative; }  
.navcorner { width:10px; height:41px; float:left; }
.navmenu { width:456px; height:41px; background:url(../images/nav.png) repeat-x; float:left; position:relative; 
font:bold 16px "Trebuchet MS"; color:#4D4D4D; }
.navmenu ul{ list-style:none; display:inline; }
.navmenu li{ height:22px; padding:4px 9px 4px 9px; margin:5px 0 5px 0; float:left;}
.navmenu a { cursor:pointer; text-decoration:none; color:#4D4D4D;}
.navmenu a:hover{ color:#262313; cursor:pointer; text-decoration:underline; }
.navselected { color:#262313; text-decoration:underline; }

.navbottom { width:430px; height:20px; float:left; position:relative; font:normal 11px "Trebuchet MS"; color:#C3C2B7; margin-top:50px; }
.navbottom ul{ list-style:none; display:inline; }
.navbottom li{ float:left;}
.navbottom a{ color:#C3C2B7; cursor:pointer; text-decoration:none;}
.navbottom a:hover{ color:#edede3; cursor:pointer; text-decoration:underline;}

.navbottomd { margin:0 5px 0 5px; cursor:default; text-decoration:none; color:#edede3;} 
.navbottomd:hover { text-decoration:none; color:#edede3;} 
/* ----------------- End   Navigation -------------------------- */

.note { height:auto; width:503px; margin:10px; float:left; position:relative; 
font:normal 12px "Trebuchet MS"; color:#333333; border:solid 1px #EBEBEB; background:#FFFFFF; }

/* ----------------- Begin Form -------------------------- */
#feedback { width:500px; height:auto; float:left; position:relative; margin-bottom:10px; font:normal 11px "Trebuchet MS"; color:#333333; }
#feedback ul { list-style:none; padding:0px; margin:0px; }
#feedback li { margin:0 0 10px 0; padding:0px; list-style:none; float:left; position:relative;  }
.frmlabel { font:bold 12px "Trebuchet MS"; width:100%; float:left; }
.frmfeild { font:normal 12px "Trebuchet MS"; border:solid 1px #CCCCCC; height:18px;  }
.frmrequired { font-weight:bold; color:#FF3300; width:auto; }
/* ----------------- End   Form -------------------------- */

.warning { float:left; position:relative; margin:0 5px 5px 0; }
.warningtxt { font:bold 12px "Trebuchet MS"; color:#DA2910; }
#msgbxok { width:50px; height:20px; position:absolute; text-align:center; padding-top:3px; 
font:bold 14px "Trebuchet MS"; color:#F5F5F5; background-color:#3C3C3C; border:solid 1px #CCC; }
#msgbxok:hover {  background-color:#F5F5F5; color:#3C3C3C; cursor:pointer; }

#modalpanel{ width: 790px; padding:8px; margin:0; background-color:#FFFFFF; 
border:solid 1px #dbdbcf; overflow:hidden; position:relative; text-align:left;}
#modalpanel h3{ font:italic 22px "Times New Roman"; color:#282825; width:auto; position:relative; margin-bottom:4px; }
#modalpanel h4{ font:bold italic 16px "Times New Roman"; color:#282825; width:auto; position:relative; margin-bottom:4px; }
#modalpanel p{ position:relative; margin-bottom:6px; }
.close01{ height:12px; width:12px; left:772px; position:absolute; top:9px; cursor:pointer; overflow:hidden; z-index:999; }