/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
min-width: 950px;
}

#main {
width: 100%;
background: url('../image/main-bg.gif') repeat-y center 0;
min-height: 100%;
height: 100%;
position: relative;
}
 
body>#main {
height: auto;
}

a:link, a:visited {
color: #2E6400;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ''
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ''
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

ul {margin:0; padding:0; list-style:none;  }
ul a { color:#FF9600; text-decoration:none; }
ul a:hover, ul a:hover span { color:#FF9600}
.li1 lii { background:url('../image/pointer.gif') no-repeat left center; padding-left:6px; line-height:22px}




/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #163000;
}

p.xmax {
text-align: left;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #163000;
}

p.max {
text-align: left;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.9px;
color: #163000;
}

p.xmed {
text-align: left;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.8px;
color: #163000;
}

p.med {
text-align: left;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.7px;
color: #163000;
}

p.med a, p.med a:visited { 
text-align: left; text-decoration:none;
color: #163000; font-weight: normal;
}

p.med a:hover {
color: #00FF00;
}

p.sml {
text-align: left;
font: 0.65em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.6px;
color: #163000;
}

h1 {
font-size: 2.2em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
padding: 59px 0px 8px 70px;
background: url('../image/hookah.gif') no-repeat 0 38px;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h2 {
font-size: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 3px 0 0 2px;
}

h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #295B00;
letter-spacing: 1px;
padding-bottom: 3px;
border-bottom: 1px solid #295B00;
margin-bottom: 7px;
}

h4 a:link, h4 a:visited {
font-size: 1.0em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
color: #FFFFFF;
letter-spacing: 1px;
} 

h6  {
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-align: left;
color: #295B00;
letter-spacing: 1px;
padding-bottom: 0px;
margin-top: 0px;
}

h6 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
}

/* image */

img.float {
float: left;
margin: 0.5em 0.8em 0.5em 0;
border: none;
}

img.floatc {
float: center;
border: 1px solid #295B00;
margin: 0.5em 0em 0.5em 4.7em;
}

img.floata {
float: center;
margin: 0.3em 0em 0.3em 4.7em;
border: none;
}

img.floatb {
float: center;
border: none;
margin: 0.5em 0em 0.5em 0em;
}

/* Header */

#header {
height: 148px;
position: relative;
background: #285800 url('../image/hd-bg.gif') repeat-x 0 0;
}

#header-in {
width: 900px;
height: 148px;
position: relative;
margin: 0 auto;
}

ul#navigation {
float: right;
margin: 8px 1px 0 0;
display: inline;
color: #FFFFFF;
}

ul#navigation li {
float: left;
display: inline;
list-style-type: none;
text-align: center;
font-size: 0.9em;
}

ul#navigation li a, ul#navigation li a:visited {
text-decoration: none;
color: #FFFFFF;
font-weight: normal;
}

ul#navigation li a:hover {
text-decoration: underline;
}

li#house {
background: url('../image/house.gif') no-repeat 0 1px;
padding-left: 24px;
}

li#house a {
margin-right: 16px;
}

li#sitemap {
background: url('../image/sitemap.gif') no-repeat 0 2px;
padding-left: 24px;
margin-left: 16px;
}

li#sitemap a {
margin-right: 16px;
}

li#envelope {
background: url('../image/envelope.gif') no-repeat 0 2px;
padding-left: 23px;
margin-left: 16px;
}

/* webform */

.webform {font-size:0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.webform fieldset { border: 0px none; }
.webform label { margin-right:0.3em; color:#000000; text-align:right;}
.webform .inputbox {color:#000000; margin-right:0.3em; border:3px outset #F4FF7C; text-align:center;}
.submit { font-weight:bold; color:#000000; background-color:#F4FF7C; border:3px outset #F4FF7C}



/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:85%;
padding:8px;
}
.Comments {visibility: hidden;}
.spacer{clear:both; height:1px;}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #295B00;
background:#E8FFC8;
font-size:11px;
color:#666666;
}
fieldset { 
border: 0px none; 
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:190px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:190px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:240px;
margin:2px 0 10px 10px;
}
#stylized texarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 4px 0 4px;
}
#stylized button{
clear:both;
margin-right:18px;
width:125px;
height:31px;
background:#666666 url('../image/button.png') no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
float:right;
}


/* Menu */

#menu-box {
background: #4A4A4A url('../image/menu-bg.gif') repeat-x 0 0;
border-bottom: 3px solid black;
}

#menu {
width: 950px;
margin: 0 auto;
}

#menu li {
display: inline;
list-style-type: none;
text-align: center;
}

#menu li.first a {
margin-left: 1.6em;
display: inline;
}

#menu li a {
float: left;
color: #FFFFFF;
font-weight: bold;
font-size: 1.1em;
display: block;
padding: 0.9em 1.4em 0.7em 1.4em;
}

#menu li a:hover, #menu li a.active {
color: #000000;
background-color: #DFF300;
font-weight: bold;
font-size: 1.1em;
}


/* Content box */

#content {
background: #FFFFFF url('../image/content-bg.gif') repeat-x 0 0;
min-height: 624px;
}

#content-box {
width: 950px;
margin: 0 auto;
background-color: #FFFFFF;
text-align: left;
border-right: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;
padding-bottom: 230px;
min-height: 544px;
}

#content-box-in-left {
width: 70%;
float: left;
background-color: #FFFFFF;
}

#content-box-in-left-in {
margin: 1.8em 1em 7em 1.8em;
}

#content-box-in-left h5 {
font-size: 1.3em;
font-weight: normal;
color: #295B00;
letter-spacing: 1px;
margin-top: 12px;
margin-bottom: 12px;
}

#content-box-in-left h5 a:link, h5 a:visited {
font-weight: bold;
text-decoration: none;
}

#content-box-full {
width: 95%;
float: left;
margin: 1.8em 1em 7em 1.8em;
background-color: #FFFFFF;
}

#content-box-in-right {
width: 29%;
float: right;
background-color: #FFFFFF;
}

#content-box-in-right h3 {
border: 0px none;
background-color: #252525;
color: #FFFFFF;
font-size: 1.3em; padding-left:10px; padding-right:0; padding-top:3px; padding-bottom:4px
}

#content-box-in-right h3 a:link, h3 a:visited {
text-decoration: underline;
font-size: 0.9em;
color: #00FF00;
}

#content-box-in-right h3 a:hover {
text-decoration: none;
background-color: #DFF300;
color: #000000;
}

#content-box-in-right-in {
margin: 1.8em 0 7em 1.5em;
}

#content-box-in-right-in dl {
margin: 0 0 40px 2px;
}

#content-box-in-right-in dl a:hover {
text-decoration: none;
background-color: #DFF300;
color: #000000;
}

#content-box-in-right-in dt {
margin-bottom: 3px;
font-weight: bold;
background-color: #E8FFC8;
color: #204300;
line-height: 140%;
padding: 1px 0 1px 15px;
}

#content-box-in-right-in dd {
margin: 0 5px 18px 2px; font-size: 0.8em;
line-height: 140%;
}


/* Table */

table {
font-size: 1.0em;
border-collapse: collapse;
border: 2px solid #2C5D00;
margin: 15px 0 40px 0;
table-layout: fixed;
width: 99%;
}


th, td {
border: 1px solid #2C5D00;
}

th {
text-align: left;
font-weight: bold;
padding: 5px 13px;
}

td {
text-align: center;
font-weight: bold;
font-size: 0.8em;
padding: 16px 13px;
}

.first-row {
text-align: center;
background: #FFD162;
}

.first-row th {
font-weight: bold;
text-align: center;
border-bottom: 2px solid #2C5D00;
}

.first-column {
background: #E8FFC8;
border-right: 1px solid #2C5D00;
}

.last-column {
background-color: #FFFFFF;
border-left: 1px solid #2C5D00;
}

/* Quotes Table */

.firstcolumn {
width: 20%;
background: #FFD162;
border-right: 1px solid #2C5D00;
}

.lastcolumn {
width: 80%;
background-color: #F4FF7C;
border-left: 1px solid #2C5D00;
}

/* Paper Table */

.firstcol {
width: 30%;
background: #FFD162;
border-right: 1px solid #2C5D00;
}

.lastcol {
width: 70%;
background-color: #F4FF7C;
border-left: 1px solid #2C5D00;
}

/* Product Table */


.firprorow {
background: #FFD162;
font-weight: bold;
font-size: 1.0em;
border-bottom: 2px solid #2C5D00;
}

.firprorow th {
text-align: center;
}

.clearrow {
border: 0px;
font-size: 0.5em;
background-color: #FFFFFF;
}

.firprocolumn {
background-color: #F4FF7C;
text-align: left;
font-size: 0.8em;
border-right: 1px solid #2C5D00;
}

.firprocolumn th {
font-weight: normal;
}

#footer {
width: 100%;
height: 280px;
background: #285800 url('../image/footer-bg.gif') repeat-x 0 0;
position: absolute;
bottom: 0;
left: 0;
}

#footer-in {
width: 950px;
margin: 0 auto;
}

p.footer-left {
float: left;
width: 200px;
color: #FFFFFF;
text-align: left;
margin: 22px 0 0 15px;
display: inline;
}

p.footer-left a, p.footer-left a:visited {
color: #FFFFFF;
padding: 1px 2px;
text-decoration:none;
}

p.footer-left a:hover {
color: #00FF00;
}

p.footer-right {
float: right;
width: 700px;
font-size: 0.8em;
color: #FFFFFF;
text-align: right;
margin: 9px 15px 0 0;
display: inline;
}

p.footer-right a, p.footer-right a:visited {
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-right a:hover {
color: #00FF00;
}

p.footer-right a, p.footer-right a:visited  {
font-weight: normal;
}

p.fter-right {
float: right;
width: 650px;
font-size: 0.75em;
color: #FFFFFF;
text-align: right;
margin: 9px 25px 0 0;
display: inline;
}

p.fter-right a, p.fter-right a:visited {
color: #FFFFFF;
text-decoration:none;
}

p.fter-right a:hover {
color: #FFFFFF;
}

p.fter-right a, p.fter-right a:visited  {
font-weight: normal;
}


p.full {
float: left;
width: 920px;
font-size: 0.65em;
color: #FFFFFF;
text-align: justify;
margin:40px 15px 0 15px;
display: inline;
}

p.full a, p.fter-right a:visited {
color: #FFFFFF;
text-decoration:none;
}

p.full a:hover {
color: #FFFFFF;
}

p.full a, p.fter-right a:visited  {
font-weight: normal;
}