html, body { background: url('../img/bg.gif'); background-attachment: fixed; color:#E5E5E5; font-family:Verdana,Arial,Sans-Serif; text-align:center; font-size: 11px; }
#wrapper { width: 800px; margin: 0 auto;overflow: hidden; border: 4px solid #000; background-color: #414041;}
p.lline{ float: left; width: 100%; margin: 0px; background: url('../img/large_line.gif') repeat-x; height: 7px;}
p.sline{ float: left; width: 100%; margin: 0px; background: url('../img/large_line.gif') repeat-x; height: 2px;  }

/*=============header==========*/
.header{ float: left; width: 100%; border-top: 3px solid #000;border-bottom: 3px solid #000; }
.header h1{ margin: 10px;}
.header a{text-decoration:none; color: #fff; font-size: 14px;}
.header a:hover{ color: #cdcdcd;}

/*===============top menu======*/
.menu{ float: left; width: 100%;border-top: 3px solid #000; border-bottom: 3px solid #000; }
.menu ul{ background: url('../img/menu.gif') ; height: 17px; margin:2px 1px 2px 1px; list-style-type: none; padding: 0px 5px 0px 5px; }
.menu li { float: left; border-left: 2px solid #414041; height: 17px; padding: 1px 20px 0px 20px; display: inline;}
.menu li.last{  border-right: 2px solid #414041;}
.menu li a { text-decoration: none; color: #000; font-weight: bold;}
.menu li a:hover{ color: #fff }

/*==============connent========*/
#slc { float: left; width: 100%;border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 10px 0px 10px 0px;}
.lslc{ float: left; width: 150px;}
.rslc{ border: 4px solid #000; float: right; width:  640px; border-right: 0px; }
.rslc h2{ font-size: 13px; margin-left: 20px;}
#cslc{ float: left; width: 618px; border: 2px solid #fff; border-right: 0px; padding: 10px; text-align: left;  display: inline; }
#cslc img{ border: 4px solid #000; float: left; margin-right: 20px; margin-bottom: 10px;}
#cslc h5{ font-size: 12px; color: #D36F36; text-transform: uppercase;}

div.text {border: 1px solid #000; background-color: #C6C6C6; padding: 5px 4px; color: #000; float: left; margin: 0 0 10px 0; width: 100%;}

/*==========opinions==========*/
.opinion { margin-bottom: 10px; padding: 10px; width:596px; float: left; border: 1px solid #000; border-top: 0px; margin-top: 0px; background-color: #c6c6c6; font-size: 10px; overflow: hidden; }
.opinion form{overflow: hidden;width: 100%;}
.opinion h2{color: #D36F36;}
.opinion label{ color: #000; float: left; display: block; width: 150px; }
.opinion label.sml{ color: #000; float: left; display: block; width: 25px; height: 27px; }
#cslc .opinion .sml img{ border: none;  margin: 0;}
.opinion input.radio { float: left; margin-right: 20px;}
.opinion p{clear: both;}
.opinion input.text{border: 1px solid #000; background-color: #fff; padding: 0px; margin-right: 10px;}
.opinion textarea{ border: 1px solid #000; background-color: #fff; padding: 0px; width: 400px;}
.opinion div.bordered{ border: 1px solid #000; overflow:hidden; background-color:#fff; width: 390px; padding: 5px;}
.opinion .btn{ background: url('../img/menu.gif'); float: left; clear: left;}
.opinion .btn input{ background:transparent;cursor: pointer;font-weight: bold;border: 0 none; margin: 0px 5px 0px 5px;  }

/*=============comments===========*/
.comm {clear: both; border: 1px solid #000000;  margin-right: 10px; margin-top: 10px; background-color: #fff;}
.comm h3{ overflow: hidden; padding:0px; margin: 0px; background-color:#898989; border-bottom: 1px solid #000000; font-size:12px; color: #E5E5E5; padding-left: 5px; }
.comm p{ color: #000; padding: 10px; }
.comm img { border: none !important; margin-left: 10px; margin-right: 5px !important;}
/*==============portfolio=========*/

#cslc h5{ margin: 0px; margin-top: 10px;}

#cslc dl{float:right; width:56%;}
#cslc dl dt{ width: 100px;clear:left;  float: left; margin-top: 5px; font-weight: bold; font-size: 12px;}
#cslc dl dd{ float: left; width: 230px; display: inline; margin-left: 10px; margin-top: 5px; font-size: 12px;}

#cslc .clear{ clear: both;}
#cslc dl.clear{ width: 98%;}
#cslc dl.clear dt{ width: 170px;clear:left;  float: left; margin-top: 5px; font-weight: bold; font-size: 12px;}
#cslc dl.clear dd{ float: left; width: 400px;  display: inline; margin-left: 10px; margin-top: 5px; font-size: 12px;}

/*===========galleries=============*/

#cslc .lgalls div{ float: left; border: 2px solid #000; width: 99%; padding: 0px; background-color: #C6C6C6; margin-bottom: 10px;}
#cslc .lgalls div h3{ margin: 0px; background-color: #898989; font-size: 12px; padding: 10px 10px 10px 10px; border-bottom: 2px solid #000;}
#cslc .lgalls div h3 a{ color: #E5E5E5; text-decoration: none;}
#cslc .lgalls div h3 a:hover{ color: #D36F36;}
#cslc .lgalls div img{ border: none; margin: 0px; padding: 0px;  }
#cslc .lgalls div p{ padding: 10px; float: left; color: #000; }
#cslc .lgalls div p a{ color: #D36F36; text-decoration: none;}
#cslc .lgalls div p a:hover{ text-decoration: underline;}
#cslc .lgalls .list { border: none;  }
#cslc .lgalls .list p{ width: 85%; margin: 0;}

#cslc .lpdiv { margin-top: 15px; overflow: hidden;}
#cslc .lblog .lpdiv h3{ margin: 0px; background-color: #898989;  font-size: 12px; padding: 10px 10px 10px 10px; border: 1px solid #000;}
#cslc .lblog .lpdiv h3 a{ color: #E5E5E5; text-decoration: none;}
#cslc .lblog .lpdiv h3 a:hover{ color: #D36F36;}
#cslc .lblog .lpdiv .text_list{border: 1px solid #000; background-color: #C6C6C6; padding: 5px 4px; color: #000; overflow: hidden;}
#cslc .lblog .lpdiv .text_list p {clear: both;}
#cslc .lblog .lpdiv .text_list p a{ color: #D36F36; text-decoration: none;}
#cslc .lblog .lpdiv .text_list p a:hover{ text-decoration: underline;}


/*========form elements=========*/
.slcForm { margin: 10px;}
.slcForm label{ font-weight: bold; display:block; float: left; text-align: left; width: 130px;}
.slcForm .text{ border: 2px solid #fff; background-color: #cdcdcd; font-size: 10px; width: 300px;}
.slcForm textarea{ border: 2px solid #fff; background-color: #cdcdcd; font-size: 10px; }
.slcForm .btn{ background: url('../img/menu.gif'); float: left; height:20px; }
.slcForm .btn input{ background: transparent; border:0 none; height:20px; cursor: pointer; font-weight: bold; margin: 0px 5px 0px 5px; };

.home {float: left; width: 100%;font-weight: bold;font-size: 12px;text-align: center;}
.home p{font-weight: bold; font-size: 12px;}
.home img{ border: 4px solid #000; float: left; }

/*===========left blocks========*/ 
.lblock { border: 4px solid #000; border-left: 0px; margin-bottom: 10px;}
.lblock .inblock { border: 2px solid #fff; border-left: 0px;}
.lblock h3{ padding: 0px; margin: 4px 0px 4px 0px; border-bottom: 2px solid #fff; font-size: 12px; padding:bottom: 10px;}
.lblock ul{ padding: 0px; margin: 10px 0px 20px 30px; list-style-type: circle; text-align: left;}
.lblock a{ font-weight: bold; color: #fff; text-decoration: none;}
.lblock a:hover{ color: #D36F36;}


/*================links===========*/
ul.links { list-style-type: circle;}
ul.links li{ padding-top: 10px;}
ul.links li a{ font-weight: bold; color: #fff;}
ul.links li a:hover{  color: #D36F36; }
ul.links li div{ padding: 5px; border-right: 1px solid #000;border-bottom: 1px solid #000; color: #D36F36;}

/*==============list images=========*/
.listimg {overflow:hidden; width: 600px;text-align: center; margin: 0 auto;}
.listimg a{ display: inline; float: left; border: 1px solid #000; width: 134px; height: 102px; margin: 8px 6px 8px 6px; overflow: hidden;}
#cslc .listimg a img{ border: 2px solid #fff; float: none;  margin:0; width: 130px; height: 97px;}

/*===============slider==============*/
.cimage {  overflow: hidden; text-align: center; margin-right: 10px;}
.cimage img{ margin: 0 auto; float: none !important; margin: 0px; padding: 0px; min-height: 345px; width: 460px;}

div.tpnav {  overflow: hidden; width: 60%; margin: 0 auto; padding-right: 10px;}
div.tpnav a{  float: right; color: #fff; font-weight: bold; text-decoration:none;}
div.tpnav a:hover{ color: #D36F36;}
div.tpnav a.nx{ float: right;}
div.tpnav a.pr{ float: left;}

.slider {overflow: hidden; width: 100%; margin: 0 auto; clear: both;  margin-top: 10px; }
.slider .nav{ overflow: hidden;  margin-right: 10px; }
.slider div.nav a{  float: right; color: #fff; font-weight: bold; text-decoration:none;}
.slider div.nav a:hover{ color: #D36F36;}
.slider div.nav a.nx{ float: right;}
.slider div.nav a.pr{ float: left;}
.hslider{ overflow: hidden; height: 90px; white-space: nowrap; margin-right: 10px; }
#cslc .hslider img{ float: none; margin-right: 13px; width: 100px; height: 75px;}
#cslc h3.title { clear: left; float: left; width: 596px; margin:0; background-color: #898989; font-size: 12px; padding: 1px 10px 1px 10px; border: 1px solid #000;}

/*================pager===========*/

.pager{ font-weight: bold;}
.pager a{ color: #D36F36; margin-left: 5px;}
.pager span{ margin-left: 5px;}

/*=============footer==========*/
.footer {padding: 6px 0px 6px 0px; float: left; width: 99%; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 6px; font-weight: bold; }
.footer a{text-decoration: none; color: #D36F36; }
.footer a:hover{ color: #fff; }
.footer a.on{ color: #fff; }
.footer .fleft{ float: left; }
.footer .fleft a{ margin-right: 10px;}
.footer .fright{ float: right; margin-right: 5px;}

.text p { width: 610px; clear: both;}

.error{ color: red; background-color: #fff; padding: 5px; bordeR: 1px solid #000; display: none;}
.cmform_message{ color: green; font-size: 12px; }