BODY {
margin-top: 10px;
padding: 0px;
color: #000000;
font-family: verdana, arial, geneva;
font-size: 10px;
line-height: 135%;
background-color: #ffffff;
}




#wrapper {
width: 900px;
margin-top: 20px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}



#menu {
float: left;
}




#main {

height: 360px;
margin-left: 166px;
margin-right: 10px;
background-color: #efefef;
padding-top: 10px;
}

#footer {
width: 900px;
padding: 40px;
margin-left: auto;
margin-right: auto;
clear: both;
}

#form {
width: 500px;
}





H1 {
color :  #45595a;
font-size : 24px;
margin-left: 40px;
margin-top: 1px;
padding: 1px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}


H2 {
color :  #666666;
font-size : 14px;
margin-top: 0px;
margin-left: 560px;
margin-bottom: 0px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}



H3 {
color :  #666666;
font-size : 14px;
margin-top: -14px;
margin-left: 192px;
font-family : Arial, Helvetica, Sans-Serif;

}



P { 
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 140%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 10px;
 } 
 


 img.righttop {
 float: right;
 clear: right;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
 margin-top: 20px;
 margin-right: -10px;
 margin-left: 0px;
 margin-bottom: 0px;
 }

 img.right {
 float: right;
 clear: right;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 10px;
 margin-bottom: 0px;
 }


 img.left {
 float: left;
 clear: none;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: 0px;
 margin-right: 20px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
 img.bottom {
 padding: 0;
 margin-top: -13px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
  img.fimg {
 padding: 0;
 float: right;
 margin-top: 30px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
 
a:link { color: #474747;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited { color: #474747;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #afcae5;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #afcae5;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:link.inline { color: #4a5e65;
font-size: 8pt;
font-family: arial,geneva;
font-style: italic;
text-decoration: none;
}

a:visited.inline { color: #4a5e65;
font-size: 8pt;
font-family: arial,geneva;
font-style: italic;
text-decoration: none;
}

a:hover.inline { color: #7b8b9c;
font-size: 8pt;
font-style: italic;
font-family: arial,geneva;
text-decoration: none;
}






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

.guizhou1container{
position: relative;
width: 920px;
background: url(images/guizhou1bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.guizhou2container{
position: relative;
width: 920px;
background: url(images/guizhou2bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.bwcontainer{
position: relative;
width: 920px;
background: url(images/bwbak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.land1container{
position: relative;
width: 920px;
background: url(images/land1bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.land2container{
position: relative;
width: 920px;
background: url(images/land2bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.port1container{
position: relative;
width: 920px;
background: url(images/port1bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.port2container{
position: relative;
width: 920px;
background: url(images/port2bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.earlyworks1container{
position: relative;
width: 920px;
background: url(images/earlyworks1bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.earlyworks2container{
position: relative;
width: 920px;
background: url(images/earlyworks2bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}


.h1container{
position: relative;
width: 920px;
background: url(images/h1bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.h2container{
position: relative;
width: 920px;
background: url(images/h2bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.h3container{
position: relative;
width: 920px;
background: url(images/h3bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}

.h4container{
position: relative;
width: 920px;
background: url(images/h4bak.gif);
background-repeat:no-repeat;
background-attachment:relative;
background-position: top;
}


/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: #373737;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}