h1  {   color: #000033; font-size: 24pt;  font-family: Georgia; letter-spacing: 0pt; line-height: 30pt; }
h2  {   color: #CCCCFF; font-size: 10pt; font-family: Georgia; letter-spacing: 0pt }

body {  height: 100%; margin: 0px; background-color: #000033; background-image: url(bggrad.jpg); background-repeat: repeat-x; background-position: fixed; background-position: top left; }
a   { color: #CCCCFF; text-decoration: none;  border-width: 0px;
border-style: none;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;}
a:hover   { color: #FFFF66; text-decoration: none; }
hr {
border: 1px dotted white; 
width: 400px;

}
b { color: #FFFF00}


div.nav { 
position: absolute;
top: 0px;
left: 0px;
width: 100%;
text-align: left; 
padding: 7px 0px 7px 37px; 
background-color: #000033;
color: #FFFFFF; 
font-weight: bold; 
text-transform: none;  
font-size: 10pt;  
font-family: Georgia; 
border-style: none none solid none;
border-width: 0px 0px 1px 0px;
border-color: #FFFFFF;
opacity: .7;
filter: alpha(opacity=70);
}

div.navfront { 
text-align: right; 
padding: 0px 0px 0px 0px; 
background-image: url(images/index_01.jpg); background-repeat: none;
color: #FFFFFF; 
font-weight: bold; 
text-transform: none;  
font-size: 10pt;  
font-family: Georgia; 
border-style: none none none none;
border-width: 0px 0px 1px 0px;
border-color: #FFFFFF;
}

img {
border-width: 0px;
border-style: none;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
vertical-align: middle;

}

img.images {
padding: 10px;
border-width: 0px;
border-style: none;
border-color: #FFFFFF;
vertical-align: middle;

}

img.gallery {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-top: 0px;
border-width: 0px;
border-style: none ;
vertical-align: middle;

}

div.photos {
float: left;
height: 250px;
width: 250px;
padding: 0px 40px 40px 0px;
text-transform: none;  
font-size: 12pt;  
font-family: Georgia; 
text-align: center;
vertical-align: middle;
}


ul.pics {
position: absolute;
top: 130px;
left: 30px;
display: block;
padding: 0px;
list-style-type: none;
color: #FFFFFF;
text-transform: uppercase;
}

li.pics {
display: block;
list-style-type: none;
padding: 3px 3px;
text-align: center;
vertical-align: middle;
}
 
img.photos {
padding: 0px 0px 0px 0px;
border-width: 0px;
border-style: none ;
vertical-align: middle
}

ul.photos {
display: inline;
padding: 0px;
list-style-type: none;
}

li.photos {
display: inline;
list-style-type: none;
padding: 0px 30px 30px 0px;
}



ul.goglog {
display: block;
padding: 0px;
list-style-type: none;
color: #FFFFFF;
}

li.goglog {
display: block;
list-style-type: none;
padding: 30px;
}

div.main { 
position-absolute;
top: 0px;
right: 0px;
height: 463px;
background-image: url(graphic2.jpg); 
background-repeat: no-repeat;
background-position: fixed;
background-position: top right;
}


div.intromain { 
position-absolute;
top: 0px;
right: 0px;
height: 504px;
background-image: url(intrographic.jpg); 
background-repeat: no-repeat;
background-position: fixed;
background-position: center;
}

div.content {
background-color: none;
position: absolute;
top: 130px;
left: 320px;
width: 500px;
height: 700px; 
overflow: auto;
color: #FFFFFF; 
font-weight: normal; 
font-size: 8.5pt;
line-height: 13pt; 
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
letter-spacing: 1pt;
padding-right: 20px;
padding-top: 15px;
opacity: .9;
filter: alpha(opacity=90);
}


div.gallery {
background-color: none;
position: absolute;
top: 130px;
left: 10%;
width: 80%;
color: #FFFFFF; 
font-weight: normal; 
font-size: 7.5pt;
line-height: 13pt; 
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
letter-spacing: 1pt;
padding-right: 20px;
padding-top: 15px;
vertical-align: middle;
}



div.contentbig {
background-color: none;
position: absolute;
top: 130px;
left: 30px;
overflow: auto;
color: #FFFFFF; 
font-weight: normal; 
font-size: 8.5pt;
text-align: justify;
line-height: 13pt; 
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
letter-spacing: 1pt;
padding-right: 20px;
padding-top: 15px;
opacity: .9;
filter: alpha(opacity=90);
}

div.showreview {
background-image: url(bggrad.jpg); background-repeat: repeat-x; background-position: fixed; background-position: top left;
position: absolute;
top: 30px;
left: 30px;
width: 400px;
height: 500px; 
overflow: auto;
color: #FFFFFF; 
font-weight: normal; 
font-size: 8.5pt;
text-align: justify;
line-height: 13pt; 
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
letter-spacing: 1pt;
padding-right: 20px;
padding-top: 15px;
}

div.review {
border: 1px solid;
border-color: white;
padding: 15px;
}

div.title {
position: absolute;
top: 40px;
left: 35px;
}


div.introtitle {
position: absolute;
top: 200px;
left: 65px;
}


div.quotation {
position: absolute;
top: 475px;
left: 850px;
padding: 25px;
color: #FFFFFF; 
font-weight: normal; 
font-size: 9pt;
line-height: 13pt; 
font-family: Georgia;  
letter-spacing: 1pt;

}


div.introquotation {
position: absolute;
top: 300px;
left: 200px;
padding: 25px;
color: #FFFFFF; 
font-weight: normal; 
font-size: 9pt;
line-height: 13pt; 
font-family: Georgia;  
letter-spacing: 1pt;

}

.nav .navfront ul {
display: inline;
padding: 0px;
list-style-type: none;
color: #FFFFFF;
}

.navfront li {
display: inline;
list-style-type: none;
padding: 3px 3px;
}

.navfront a
{
color: #FFFFFF;
text-decoration: none;
}

.navfront a:visited
{
text-decoration: none;
}

.navfront a:hover
{
color: #FFFF66;

}


.nav ul {
display: inline;
padding: 0px;
list-style-type: none;
color: #FFFFFF;
}

.nav li {
display: inline;
list-style-type: none;
padding: 3px 3px;
}

.nav a
{
color: #FFFFFF;
text-decoration: none;
}

.nav a:visited
{
text-decoration: none;
}

.nav a:hover
{
color: #FFFF66;

}