body   { color: #500; background: #fc9 url(img/smoking.gif) no-repeat; margin: 0pt; padding: 0pt }

  h3  { color: #500; font-size: 1em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-align: left; margin: 10px }

  h2  { color: #500; font-size: 2em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-align: center }
h1   { color: #500; font-size: 2em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-align: center }


  p  { color: #500; font-size: 0.9em; font-family: fontname, "lucida calligraphy", ariel, helvetica }

  #container    { background: url(img/eskviewfade.jpg) no-repeat right top; text-align: center; padding-top: 0.5em; position: relative; width: 100% }

  #content  { background-color: #fc9; padding: 10px 10px 48px; width: 750px }
#content2 { background-color: #fc9; text-align: center; padding: 10px; width: 750px }
#textright      { color: #600; font-size: 0.9em; font-family: "Lucida Calligraphy", "Times New Roman", Georgia, Times; background-color: white; text-align: justify; float: right; margin: 1em; padding: 1em; border: solid 2px #c00; position: absolute; top: 150px; left: 260px; width: 436px ; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;}

  #footer { margin: 30px; 

    
     clear : both;
    bottom: 0pt; text-align: center; width : 750px
    background-color: rgb(0, 51, 0);
    }

  

  ul #nav { margin: 0pt;
    padding: 0pt;
    width: auto;
    list-style-type: none ! important;
    }

  ul#nav li { display: inline;
    }
ul #fac { list-style-type: none; margin: 0pt; padding: 0pt; width: auto; !: }

  ul#nav li { display: inline }
ul #fac2 { list-style-type: none; margin: 0pt; padding: 0pt; width: auto; !: }

  ul#nav li { display: inline }
ul#nav li a { border-right: 1px solid rgb(255, 255, 255);
    padding: 0.2em 1em;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(204, 0, 0);
    width: 6em;
    font-size: 0.8em;
    font-family: Lucida Calligraphy,Ariel,helvetica;
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;
}

  ul#nav li a:hover  { color: rgb(255,255,255); background-color: #400 }

  ul #navlist { margin: 0px 0pt 0pt; 
    padding: 0pt; 
    list-style-type: none;
    width: auto;
    }

  ul#navlist li { display: inline;
    }

  ul#navlist li a { border-right: 1px solid rgb(255, 255, 255);
    padding: 0.2em 1em;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(204, 0, 0);
    width: 6em;

	-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;
    }

  ul#navlist li a:hover  { color: rgb(255,255,255); background-color: #400 }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallery  { text-align: left; float: left; margin: 10px 10px 10px 40px; position: relative; width: auto; height: auto }
.gallery1 { text-align: left; float: left; margin: 10px 10px 10px 40px; position: relative; width: auto; height: auto }
.gallery p     { color: white; font-size: 0.8em; text-align: justify; font-name: Ariel  }
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.gallery1 img { margin: 0 5px 5px 0; border: solid 1px white }
.thumbnail img 
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img { border: solid 1px #b00 }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 10px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
div.clearfloats {
	clear: both;
	font-size: 2px;
	line-height: 2px;
	margin: 0px;
	padding: 0px;
}

.thumbnail:hover span { z-index: 50; top: 0; left: 230px; width: 450px; visibility: visible }
#tariff {clear : both; background-color: white; margin-right: 14%; margin-left: 9%; padding: 1em; border: solid 2px #c33; width: auto; height: auto; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; }


#fac { position: relative; background-color: white; text-align: left; float: left; margin: 1em 1% 1em 1%; padding: 0.5em; border:  solid 0px #c33; width: 45%; height: auto ; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;}
#snip   { clear: both; background-color: white; text-align: left; float: left;  margin: 1em 1% 1em 40px; padding: 0.5em; border: solid 2px #c33; position: relative; width: 680px; height: auto ;-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;}
#snip1 { background-color: white; text-align: left; float: left; margin: 1em 1% 1em 5%; padding: 0.5em; border: solid 2px #c33; width: 35%; height: auto; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; }
#fac2 { position: relative; background-color: white; text-align: left; float: left; margin: 1em 1% 1em 1%; padding: 0.5em; border: solid 0px #c33; width:45%; height: auto; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; }
ul#fac li { background-color: white; text-align: left; margin: 1em; padding: 1em; width: auto }
ul#fac2 li { background-color: white; text-align: left; margin: 1em; padding: 1em; width: auto }