

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object, input{ text-decoration: none; outline: none; color: #333;}
button::-moz-focus-inner , input::-moz-focus-inner { border: 0; }
a:hover { text-decoration: none; color: #e78e02; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
small { font-size: 10px;}
p { margin: 0 0 15px;}
	  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #fcfbf8 url(../images/bg.jpg) 50% 0 repeat-x; font: 11.5px/16px Verdana,Arial,Helvetica,sans-serif; color: #3c3c3c;}

#top, #content , #footer{ width: 961px; margin: 0 auto; clear: both;}
#page { width: 961px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -100px; clear: both;}

/* Top

------------------------------------------------------------------------- */
#top { margin: 0 -18px; height: 236px; padding: 0 18px; position: relative; background: url(../images/bgt.jpg) 50% 0 no-repeat; }
#top h1 { padding:0; margin:0; visibility: hidden;}
#top h1 a { float: left; width: 58px; height: 92px; background: url(../images/logo.png) 0 0 no-repeat; }
#top h1 strong { float: left; margin: 5px 15px; padding: 13px; border-left: 1px dotted #b4ada2; font: 19px/22px "Trebuchet MS"; color: #473722;}
#top h2 { float: left; clear: both; margin: 20px 0 0 90px; font:16px/24px "Trebuchet MS"; color: #473722; display: inline;}

/* Content

------------------------------------------------------------------------- */
#content { background: url(../images/bgc.jpg) 50% 0 no-repeat; border-top: 1px dotted #aaa399;}
#content h2 { margin: 22px 0 0px 25px; padding: 3px 13px; border-left: 1px dotted #b4ada2; font: 14px/17px "Trebuchet MS"; color: #4b3a26;}
h3 { margin: 18px 0 0 18px; padding: 0 0 2px 28px; font: 14px/17px "Trebuchet MS"; color: #4b3a26; background: url(../images/bulks.gif) 0 -200px no-repeat;}
h3 a {color: #4b3a26; text-decoration: none;}
h3 .bulk { display: none;}
h3 a:hover {color: #e78e02; text-decoration: none;}
h4 { font-weight: bold; font-size: 11.5px; text-align: left; margin: 0 0 8px}
.sidebar h3 { background-position: 0 0; font: 14px/17px "Trebuchet MS";}
.content { padding: 0; float: left; border: 1px dotted #a9b238; position: relative; margin: 0 0 20px; width: 603px; padding: 0 0 15px;}
.sidebar { padding: 0; float: right; border: 1px dotted #a9b238; position: relative; margin: 0 0 20px; width: 337px; padding: 0 0 15px;}
.sidebar-background { background: url(../images/bg-sidebar.jpg) 50% 0 no-repeat; }
.sidebar-background h3 { font: 16px/17px "Trebuchet MS"; }
.bottom { float: left; width: 100%; clear: both; background: url(../images/bg-bottom.jpg) 50% 0 no-repeat;}
.bottom .content, .bottom  .sidebar { padding: 0; height: 240px; }
.bottom .lead { height: 220px; padding: 18px 25px 5px 22px; overflow: hidden; text-align:justify;}
.contact { padding: 0; float: right; border: 1px dotted #a9b238; position: relative; margin: 6px 0 7px; width: 190px; padding: 6px 2px 6px 42px; font-size: 10px; line-height: 12px; background: url(../images/bulks.gif) 14px 10px no-repeat;}
.contact a { padding-right: 18px; background: url(../images/bulks.gif) 100% -600px no-repeat;}
.contact a:hover { background-position: 100% -800px;}
.lt { position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; background: #a9b238; border: 1px solid #fff;}
.rt { position: absolute; top: -1px; right: -1px; width: 1px; height: 1px; background: #a9b238; border: 1px solid #fff;}
.lb { position: absolute; bottom: -1px; left: -1px; width: 1px; height: 1px; background: #a9b238; border: 1px solid #fff;}
.rb { position: absolute; bottom: -1px; right: -1px; width: 1px; height: 1px; background: #a9b238; border: 1px solid #fff;}
#icon {float:left; margin: 21px 0 0 20px; position: relative;}


ul#menu { float: left; margin: 19px -3px; overflow: hidden; display: inline;}
ul#menu li { float: left; padding: 0; margin: 0 6px; display: inline; background: url(../images/bgm.gif) 0 -50px no-repeat;}
ul#menu li a { float: left; font: 14px/15px Arial; padding: 4px 10px 6px; height: 15px; overflow: hidden; background: url(../images/bgm.gif) 100% -75px no-repeat; color: #fff;}
ul#menu li:hover, ul#menu li.current { background-position: 0 0;}
ul#menu li a:hover, ul#menu li.current a { text-decoration: none; background-position: 100% -25px;}

ul#menu-offer { float: left; width: 100%; clear: both; margin: 0; padding: 0;}
ul#menu-offer li { float: left; width: 175px; margin: 22px -16px 0 25px; display: inline; overflow: hidden; padding: 0px 10px 0px 0px;}
ul#menu-offer li.clear { margin: 0; padding: 0; width: 100%; clear: both;}
ul#menu-offer li h3 { margin: 0 0 5px; width: 112px; border-bottom: 1px dotted #b4ada2; padding-bottom: 5px; }
ul#menu-offer li h3 a { background: none; padding: 0; }
ul#menu-offer li a { padding-right: 16px; background: url(../images/bulks.gif) 100% -399px no-repeat;}
ul#menu-offer li a:hover { background-position: 100% -799px;}
p#more-offer { float: left; clear: both; margin: 24px 0 0px 25px; padding: 0; display: inline; width: 565px;}

a.more { padding-right: 16px; background: url(../images/bulks.gif) 99.7% -399px no-repeat; height: 100%; white-space: pre;}
a.more:hover { background-position: 99.7% -799px;}

.lead h3 { margin: 0 0 15px; background-position: 0 0;}
.lead img { float: left; border: 5px solid #dde193; margin: 2px 12px 2px 0;}
.lead a:hover img { border-color: #e78e02;}

ul#news { float: left; width: 100%; clear: both; margin: 0; padding: 0;}
ul#news li { float: left; width: 260px; margin: 22px 0 0 18px; display: inline; padding-left: 38px; overflow: hidden;}
ul#news li a { padding-right: 16px; background: url(../images/bulks.gif) 100% -399px no-repeat;}
ul#news li a:hover { background-position: 100% -799px;}
ul#news li img { float: left; margin: 0 0 0 -38px; }
ul#news li p { border-left: 1px dotted #b4ada2; padding-left: 10px; margin: 0 -6px 0 0;}

ul#news-2 { float: left; width: 100%; clear: both; margin: 0; padding: 0;}
ul#news-2 li { float: left; width: 510px; margin: 0px 0 20px 5px; display: inline; padding-left: 38px; overflow: hidden;}
ul#news-2 li a { padding-right: 16px; background: url(../images/bulks.gif) 100% -399px no-repeat;}
ul#news-2 li a:hover { background-position: 100% -799px;}
ul#news-2 li img { float: left; margin: 0 0 0 -38px; }
ul#news-2 li p { border-left: 1px dotted #b4ada2; padding-left: 10px; margin: 0 0px 0 0; text-align:justify;}

ul#about { float: left; width: 100%; clear: both; margin: 0; padding: 0;}
ul#about li { float: left; width: 280px; margin: 20px 0 0 18px; display: inline; padding-left: 10px; overflow: hidden;}
ul#about li a { padding-right: 16px; background: url(../images/bulks.gif) 100% -399px no-repeat;}
ul#about li a:hover { background-position: 100% -799px;}
ul#about li p { border-left: 1px dotted #b4ada2; padding-left: 10px; margin: 0 -6px 0 0;}

.pagination {float:right;position:relative;left:-50%;text-align:left; margin: 14px 0 0;}
.pagination .pagination-inner {list-style:none;position:relative;left:50%;} 
.pagination a { float: left; width: 15px; height: 14px; overflow: hidden; margin: 0 3px; font-size: 9px; line-height: 12px; text-align: center; color: #d8d4cd; background: url(../images/pages.gif) -22px 0 no-repeat;}
.pagination a:hover, .pagination a.activeSlide { color: #a1988d; background-position: 0 0;}

.text-content { padding: 0 28px 0 18px; margin: 18px 0 0; text-align:justify;}
.text-content ul li { margin: 0 0 15px 40px; list-style: outside disc; color: #ccd655;}
.text-content ul li a { padding-right: 16px; background: url(../images/bulks.gif) 100% -399px no-repeat;}
.text-content ul li a:hover { background-position: 100% -799px;}
.text-content ul li p { color: #3c3c3c;}
.text-content ul li p { margin: 0;}
.text-content em { font-size:13px; }
.sidebar .text-content { padding-right: 18px; text-align: justify;}
.sidebar .text-content ul li { margin: 0 0 10px 20px; }

#menu-sidebar { float: left; width: 298px; margin: 20px 0 0 18px; overflow: hidden;}
#menu-sidebar li { float: left; width: 274px; margin: -1px 0 1px; padding: 7px 0 9px 24px; background: url(../images/bulks.gif) 0 -390px no-repeat; font-size: 12px; border-top: 1px dotted #b4ada2;}
#menu-sidebar a:hover, #menu-sidebar li.current a { color: #e78e02; text-decoration: none; }

#objectFrame {width:580px; height:450px; text-align:center; vertical-align:middle;}
#gallery {width:575px; margin:0 auto;}
#container {padding:0; margin:0; list-style:none; height:120px;}
#container li {float:left;}
#container li a {float:left; width:60px; height:75px; padding: 0px 15px 0px 0px; margin:20px 0px 0px 20px; display:inline; border: 5px solid #dde193;}
#container li a img {border:0; display:block;}
#container li a:hover {border-color: #e78e02;}
#container li a:focus {outline:1px solid #bbb;border-color: #e78e02;}

#float-left {float:left; padding-right:15px; }

/* Footer 

------------------------------------------------------------------------- */
#footer { height: 99px; overflow: hidden; background: url(../images/bgf.jpg) 50% 0 no-repeat; border-top: 1px dotted #aaa399; font-size: 10px; color: #8c951b; }
#footer a { color: #8c951b;}
#footer a:hover, #footer li.current a { color: #e78e02; text-decoration: none; }
#footer .fr { text-align: right; margin: 14px 0 0;}
#footer ul { float: left; margin: 16px 0 0 -6px; overflow: hidden; display: inline;}
#footer ul li { float: left; line-height: 10px; padding: 0 6px; margin: 0 1px 0 -1px; display: inline; border-left: 1px solid #a4ad2d;}
#footer ul li a { float: left; }
#partners {padding:36px 0 0 0; }
#partners img {vertical-align:middle; }

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 100px; }

