﻿* { margin: 0; padding: 0; outline:0; }

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 20px;
    font-family: Georgia, serif;
    color: #6a6a6a;
    background: #f5f5ee;
}

a { color: #ff3333; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; color:#cc0a00; }

a img { border: 0; }


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.c2 { display: block; height: 12px; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.c3 { display: block; height: 9px; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

#wrapper {  min-height: 100%; height: auto !important; height: 100%; margin-bottom: -263px; }

.center { width: 985px; margin: 0 auto; }

h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS", serif; font-weight: normal; line-height: 22px; color: #ff3333; }
h1,h2,h3,h4,h5 { text-transform: uppercase; }
h1 a,h2 a,h3 a,h4 a,h5 a { text-decoration: none; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

.page-title { display: block; background-color: #e3e3d1;  height: 100%; overflow: hidden; margin-bottom: 12px; }
.page-title h1 { float: left; background: #ff3333 url(images/page-title-arrow.gif) no-repeat right 0; height: 41px; font-size: 20px; color: #fff; line-height: 40px; padding: 0 33px 0 10px; }
.page-title h2 { float: left; background: #ff3333 url(images/page-title-arrow.gif) no-repeat right 0; height: 41px; font-size: 20px; color: #fff; line-height: 40px; padding: 0 33px 0 10px; }

.entry { background-color: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #cecec8; padding: 10px; }
.entry p { padding-bottom: 1px; }
.entry .red { font-size: 12px; color:#ff3333; padding: 0; }
.entry ul,
.entry ol { list-style-type: none; }
.entry h6.posted { font-size: 11px; color: #b5b4b4; font-family: Arial; padding-bottom: 5px; }
.entry h3 { padding-top:10px;}
.entry h3.first { padding-top:0;}
.entryy { background-color: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #cecec8; padding: 16px; }
.entryy p { font-size: 10px; line-height: 15px; }

.entry .ordererror { font-size: 9px; color: #FF0000; }
.entry .labelcell { font-weight: bold; font-size: 12px }
.entry .valuecell { font-size: 12px; }
.entry .headercell { background: #004164; color: #FFFFFF; font-weight: bold; }
.entry table { border-collapse:collapse; margin-bottom:10px; }
.entry th { border:solid 1px #fff; background:#ffb396; color:#fff; padding:3px 10px; text-align: left; font-weight: normal;}
.entry td { border:solid 1px #fff; padding:3px 10px; text-align: left; background:#ececec; }
.entry td.ac { text-align: center; }
.entry td a { color:#646464; text-decoration: underline; }
.entry td a:hover { color:#8d2c2d; text-decoration: none; }

.entry blockquote { font-style: italic; border-left:solid 3px #ff5c5c; padding-left:10px; display:block; margin-bottom:10px; margin-left:10px; }

.entry .smaller { font-size: 12px; line-height: 17px; padding-right: 10px; }

.entry ul.red-arrow { }
.entry ul.red-arrow li { background: url(images/bullet-red-arrow.gif) no-repeat left 8px; padding-left: 5px; }
.entry ul.red-arrow ul li { background: none; }
.entry ul.red-arrow ul li a { color: #6a6a6a; }
.entry ul.red-arrow ul ul { padding-left: 10px; }

.entry a.images { display: block; width: 195px; border: 3px solid #eee; }
.entry a.images img { border: 1px solid #fff; display: block; } 

.entry a.arrow { float: left; display: inline; font-size: 12px; color: #cc0a00; background: url(images/find-out-arrow.gif) no-repeat right 5px; padding-right: 15px; }
.entry a.arroww { display: inline; font-size: 12px; color: #cc0a00; background: url(images/find-out-arrow.gif) no-repeat right 1px; padding-right: 20px; }

.entry .line { height: 1px; display: block; background-color: #e9e9e7; margin: 5px 0; font-size: 0; line-height: 0; text-indent: -4000px;}
.entry .comment-tooltip { float: right; display: inline; width: 27px; height: 22px; background: url(images/comment-tooltip.gif) no-repeat 0 0; font-size: 11px; text-align: center; color: #8d8d8d; line-height: 14px; margin-top: 3px; }

.text-styles .entry ul { list-style-type: disc; }
.text-styles .entry ol { list-style-type: decimal; }
.text-styles .entry ul,ol { padding-left: 20px; }

.webform {font-size:0.9em; margin: 8px 0 8px 0; }
.webform fieldset {border: 0px none; }
.webform label {color:#4a5461; text-align:left;}
.webform .inputbox {color:#4a5461; border: 2px outset #F4FF7C; text-align:center; margin: 0 20px;}
.webform .button1 { 
 float: right; 
 display: inline; 
 height: 29px; 
 background-repeat: no-repeat; 
 background-position: 0 0; 
 font-size: 12px; 
 color: #4a5461; 
 cursor: pointer; 
 border: 0; 
 padding: 0 0 4px 5px;  
 width: 123px; 
 background-image: url(images/green-arrow-btn.gif); 
 line-height: 28px; 
 }

#header { position: relative; margin-bottom: 12px; z-index: 5; }
#header,
#header .center { height: 76px; background: url(images/header-bg.gif) repeat-x 0 0; }
#header .center { position: relative; }

h1#logo { float: left; display: inline; margin-top: 17px;  width: 112px; height: 38px; }
h1#logo a { height: 38px; display: block; background-image: url(images/herbal-smoke.png); }

#navigation { float: left; display: inline; margin: 28px 0 0 24px; }
#navigation ul { list-style: none outside none; }
#navigation ul li { position: relative; float: left; display: inline;  height: 55px; background: url(images/nav-border.gif) no-repeat right 0; padding-right: 6px; margin-right: 12px; }
#navigation ul li.last { background: none; }
#navigation ul li a { float: left; height: 55px;  font: normal normal normal 17px/14px "Trebuchet MS", serif; color: #fff; text-transform: uppercase; padding-top: 3px; padding-right: 7px; text-decoration: none; }
#navigation ul li a:hover { color: #cd0101; }
#navigation ul li a.hover { color: #cd0101; background: #000 url(images/nav-arrow.gif) no-repeat right 8px; }
#navigation ul li .dd { position: absolute; top: 49px; left: 0; width: 245px; background: #000 url(images/ddd-b.gif) no-repeat 0 bottom; display: none; }
#navigation ul li .dd ul { padding-top: 8px; height: 100%; }
#navigation ul li .dd ul li { float: none; display: block; height: 22px; padding: 0 0 0 14px; margin: 0; background: none; font-size: 0; line-height:0;}
#navigation ul li .dd ul li a { float: none; display: block; height: 22px; padding: 0; margin: 0; font-size: 14px; line-height: 16px; color: #b8b8b8; text-transform: none; }
#navigation ul li .dd ul li a:hover { color: #cd0101; }
#navigation ul li .dd .hover { background: transparent; padding-bottom: 0; }
#navigation ul li .dd .dd { top: -5px; left: 100%; }

.search { float: right; display: inline; width: 161px; margin: 18px 5px 0 0; }
.search p{ float: left; height: 55px;  font: normal normal normal 17px/14px "Trebuchet MS", serif; color: #fff; text-transform: uppercase; padding-top: 3px; padding-right: 7px;  }
.search p a { text-decoration: none; color: #fff;}
.search p a:hover { color: #cd0101; }


#main { padding-bottom: 40px; }
#mainn { padding-bottom: 40px; }
#content { overflow: hidden; }
#contentt { overflow: hidden; }
#contenttt { overflow: hidden; }

.col { float: left; display: inline; margin-right: 8px; margin-bottom: 10px;  }
.col h2 { font-size: 26px; }
.last { margin-right: 0 !important; }

.cols { width: 659px;  }
.cols .col { float: none; display: block; width: 659px; }
.cols .col .images { margin-right: 10px; }
.cols .col .text-holder { float: left; display: inline; width: 427px; }
.cols .col .line { margin: 40px 0 5px; }

.cols-2 { }
.cols-2 .col { width: 488px; }
.cols-2 .col .images { margin-right: 10px; }
.cols-2 .col .text-holder { float: left; display: inline; width: 256px; }
.cols-2 .col .line { margin: 20px 0 5px; }

.cols-3wide {}
.cols-3wide .col { float: left; display: inline; width: 325px; }
.cols-3wide .col .images { width: 298px; }

.cols-3 {}
.cols-3 .col { width: 315px; margin-right: 20px; }
.cols-3 .col-last { margin-right: 0; }

.cols-4 {}
.cols-4 .col { width: 240px; }
.cols-4 .col .images { width: 212px; }

.pagination { color: #cecec8; }
.pagination a { color: #cc0a00; }
.page-numbers { text-align: center; font-size: 12px; }
.page-numbers ul { display: inline; }
.page-numbers ul li { display: inline; margin-right: 11px; }
.page-numbers ul li a { color: #a9a9a9; text-decoration: none; }
.page-numbers ul li a:hover,
.page-numbers ul li a.active { color :#ff0000; }

.service { }
.service h2 { font-size: 26px; margin-bottom: 20px; }
.service div.right { width: 790px; margin-right: 20px; }
.service .line { margin: 15px 0 10px 0; }

.message,
.field { -webkit-box-shadow: inset 0 2px 2px #e8e8e8; -moz-box-shadow: inset 0 2px 2px #e8e8e8; box-shadow: inset 0 2px 2px #e8e8e8; border: 1px solid #b2b2b2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

.field { width: 283px; height: 28px; padding: 2px 5px;  }
.message { width: 612px; height: 96px; overflow-y: auto; }
label { display: block; margin-bottom: 4px; padding-left: 3px; }
label span { color: #9b9a9a; }
form .row { margin-bottom: 10px; position: relative; height: 100%; overflow: hidden; }
form .button-row { width: 624px; }
form .button-row .submit-btn { width: 85px; height: 35px; display: block; background: url(images/submit-btn.gif) no-repeat 0 0; cursor: pointer; font-family: "Trebuchet MS"; font-weight: bold; font-size: 20px; text-transform: uppercase; color: #fff; padding: 0 0 2px 3px; margin: 4px 0 0 auto; }
span.alert { font-size: 11px; color: #a01717; padding-left: 22px; background: url(images/alert.gif) no-repeat 0 center; margin-left: 10px; }
span.alert { display: none; position: absolute; top: 28px; left: 450px; }
.field-error .alert { display: block; }
.field-error .field { border-color: #000; background: #e3e3d1; }

#slider-holder { position: relative; height: 100%; border-bottom: 1px solid #cecec8; margin-bottom: 12px; }
#slider-images { position: relative; width: 985px; height: 253px; overflow: hidden; }
#slider-images ul { position: relative; list-style-type: none; height: 100%; overflow: hidden; }
#slider-images ul li,
.jcarousel-clip { position: relative; width: 985px; height: 253px; }

#slider-images.left { width: 667px; }
#slider-images.left ul li .jcarousel-clip { width: 667px; }
#slider-holder .right { width: 284px; height: 239px; background-color: #e3e3d1; padding: 14px 17px 0; color: #4d4d45; }
#slider-holder .right h1 { position: relative; left: -9px; width: 293px; height: 34px; background: url(images/slider-heading-bg.gif) no-repeat 0 0; color: #fff;  font-size: 26px; padding: 6px 0 0 25px; margin-bottom:7px; }
#slider-holder .right .line { height: 1px; display: block; background-color: #d5d5cb; margin: 10px 0 17px 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#slider-nav ul { list-style-type: none; }
#slider-nav ul li { float: left; display: inline; width: 88px; margin-right: 8px; }
#slider-nav ul li a { width: 82px; display: block; border: 3px solid #d1d1b5; }
#slider-nav ul li a:hover,
#slider-nav ul li a.active { border-color:#a5a57a; }
#slider-nav ul li a img { border: 1px solid #fff; }

#prev-slide,
#next-slide { position: absolute; top: 105px; width: 38px; height: 38px; display: block; z-index: 5; }
#prev-slide { left: 16px; background-image: url(images/slider-prev.png); }
#next-slide { right: 16px; background: url(images/slider-next.png); }

#sidebar { float: right; display: inline; width: 306px; background-color: #e3e3d1; padding-left: 12px; }
#sidebar h2 { position: relative; width: 283px; height: 33px; background: url(images/sidebar-heading-bg.gif) no-repeat 0 0; color: #fff; margin-left: -4px; margin-top: 9px; padding: 7px 0 0 35px; }
#sidebar ul.gray-arrow { list-style-type: none; }
#sidebar ul.gray-arrow li { background: url(images/border-sidebar.gif) no-repeat 0 bottom; padding: 3px 0 3px 6px; }
#sidebar ul.gray-arrow li.last { background: none; }
#sidebar ul.gray-arrow li a { color : #777769; font-size: 15px; text-decoration: none; background: url(images/gray-arrow.gif) no-repeat 0 5px; padding-left: 10px; line-height: 18px; }
#sidebar ul.gray-arrow li a:hover { color: #000; }
#sidebar .tags { padding-top: 5px; }
#sidebar .tags a,
#sidebar .archives a { float: left; display: inline; color: #fff; text-decoration: none; background-color: #b9b9a0; padding: 0 4px;  margin: 0 6px 4px 0; }
#sidebar .tags a:hover,
#sidebar .archives a:hover { color: #000; }
#sidebar .archives { background: url(images/border-sidebar.gif) no-repeat 0 bottom; padding-bottom: 6px; }
#sidebar .archives h6 { color: #777769; }
#sidebar .banners { padding: 18px 0 0 27px; height: 100%; }
#sidebar .banners a { float: left; display: inline; margin: 0 24px 20px 0; }

#sidebar.left { float: left; display: inline; }
#sidebar.left h2 { position: relative; background: url(images/sidebar-headingbg-left.gif) no-repeat 0 0; color: #fff; margin-left: -20px; }

.project-image { width: 631px; overflow: hidden; }
.project-image a.images { width: 631px; }  
.project-gallery { margin-top: 8px; }
.project-gallery li { float: left; display: inline; width: 207px; margin-right: 8px; overflow: hidden; }
.project-galleryy { margin-top: 8px; }
.project-galleryy li { float: left; display: inline; width: 207px; margin-right: 8px; overflow: hidden; }


.article-tooltip { float: right; display: inline; width: 23px; height: 27px; background: url(images/article-tooltip.gif) no-repeat 0 0; font-family: Arial; color: #fff; font-size: 11px; line-height: 19px;  padding-left: 9px; margin: 9px 10px 0 0; }

.posted-by { display: block; font-family: Arial; font-size: 11px; color: #8e8e74; padding-left: 3px; margin-bottom: 5px; }

.article { margin-bottom: 8px; }
.article .entry .images { width: 632px; margin-bottom: 10px; }
.article-details { font-family: Arial; font-size: 11px; color: #8e8e74; padding: 5px 0 0 2px; border-top: 1px solid #dfdfdb;  }
.article-details p { padding: 0; margin: 0; }
.article-details a { color: #8e8e74; }

.leave-comment { float: right; display: inline; color: #939375; margin: 10px 12px 0 0; }

.comments { margin-bottom: 8px; }
.comment { padding: 0 10px 15px 0; border-bottom: 1px solid #dfdfdb; margin-bottom: 10px; } 
.comment-last { margin: 0; border: 0; }
.comment p { padding: 0; }
.comment .comment-details { color: #e52121; margin-bottom: 10px; }
.comment .comment-details span { font-size: 11px; font-family: Arial; color: #8e8e74; }
.comment .avatar { padding: 1px; border: 3px solid #eee; margin-right: 10px;  }
.comment .replay-comment { display: block; color: #e52121; margin-top: 5px; }
.comment .sub-comment { padding: 5px 0 0 80px; }


.under-construction { width: 100%; text-align: center; }
.under-construction h1 { font-size: 35px; margin: 25px 0 15px; }
.under-construction h2 { font-size: 22px; color: #a6a6a1; text-transform: none; }

#screen { background: #f5f5ee; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 111; display: none; opacity: 0.56; -moz-opacity: 0.56; filter:alpha(opacity=56); }
	
.abs-holder { font-size: 0; line-height: 0; width: 0; height: 0; position: absolute; top: 0; left: 50%; z-index: 111; }
.login { position: absolute; top: 200px; left: -192px; width: 470px; display: none; font-size: 13px; line-height: 1.5; }
.login .entry { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 18px 30px 12px 23px;  }
.login .entry h2 { position: relative; width: 283px; height: 33px; background: url(images/login-heading-bg.gif) no-repeat 0 0; color: #fff; padding: 7px 0 0 35px; margin-bottom: 5px; left: -31px;  }
.login .field { width: 404px; }
.login .alert { position: static; background: none; margin-left: 0; color: #ff3333; font-size: 15px; padding: 15px 0 0 0; white-space: nowrap; }
.login .submit-button { width: 85px; height: 35px; background: url(images/submit-btn.gif) no-repeat 0 0; cursor: pointer; font-family: "Trebuchet MS"; font-weight: bold; font-size: 20px; text-transform: uppercase; color: #fff; padding: 0 0 2px 3px; margin: 15px 0 0 auto; }

#footer-push, #footer, #footer .center { height: 263px; }
#footer { background: #000; }
#footer .content { height: 245px; padding-top: 18px; }
#footer .cols-footer { }
#footer .cols-footer .col { float: left; display: inline; width: 249px; min-height: 229px; border-right: 1px solid  #252525; padding-right: 21px; margin-right: 18px; }
#footer .cols-footer .wide-col { width: 405px; overflow: hidden; }
#footer .cols-footer .col-last { border-right: 0; padding-right: 0; margin-right: 0;}
#footer .cols-footer .col h5 { font-size: 18px; color: #f5f5ee; line-height: 18px; font-family: Georgia, serif; text-transform: none; }
#footer .cols-footer .col ul { list-style-type: none; padding-top: 20px;  }
#footer .cols-footer .col ul li {color: #a4a4a0; padding-bottom: 10px; margin-bottom: 2px; }
#footer .cols-footer .col ul li.last { border-bottom: 0; }
#footer .cols-footer .col ul li a { font-size: 12px; line-height: 16px; color: #a4a4a0; }
#footer .cols-footer .col ul h6 { font-size: 11px; line-height: 11px; color: #5f5f5f; }
#footer .cols-footer .wide-col ul { padding-top: 20px; height: 100%; }
#footer .cols-footer .wide-col ul li { float: left; display: inline; width: 405px; height: 186px; border: 0; padding:0; margin: 0 15px 15px 0; }
#footer .cols-footer .wide-col ul li.last { margin-right: 0; }
#footer .cols-footer .wide-col ul li a { display: block; border: 1px solid #ccc; }
#footer .cols-footer .wide-col ul li a img { width: 400px; border: 1px solid #000; }

.footer-linkss,
.footer-linkss .shell { height: 105px; background: #000; }

.footer-linkss {text-transform: uppercase; color: #666; font-size: 8px; }
.footer-linkss p {width: 985px; margin: 0 auto; text-align: justify; line-height:12px; padding-top:19px; }
.footer-linkss a {color: #666; text-decoration: none; }
.footer-linkss a:hover { color: #7dc33a; }

#copy { text-align: center; background:#333; height:40px; line-height:40px; font-size:11px; }
#copy { white-space:nowrap; }
#copy .left a{ margin-right:10px; }
#copy a{ color:#999; }

.msg { display:none; margin-bottom:15px; padding:10px; }
.msg p { padding:0;}

.msg-thanks { background:#e3e3d1;}
.msg-alert { background:#ff3333; color:#fff;}