body {
	font: normal 12px verdana;
	background-repeat: no-repeat;
	}
	
h1 {
margin-top: 0;
margin-bottom: 0;
font: bold 16px verdana;
} 	

img#bg {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#content {
position:relative;
z-index:1;
}

#main {
position:relative;
z-index:1;
background-color:#FFFFFF;
}

#credentials_text {
	position: absolute;
	top: 311px;
	left: 181px;
	height: 43px;
	width: 545px;
	z-index: 2;
	line-height: 18px;
}

#credentials_names #row {
	width: 160px;
	font-size:12px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#credentials_names a {
	text-decoration:underline;
}

#credentials_names a:visited {
	text-decoration:underline;
}

#gallery_text {
	position: absolute;
	top: 311px;
	left: 181px;
	height: 43px;
	width: 545px;
	z-index: 2;
	line-height: 18px;
}

#gallery_names #row {
	
	width: 242px;
	font-size:12px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#gallery_flatroof #row {
	
	width: 380px;
	font-size:12px;
	float: left;
	margin: 0px 0px 0px 0px;
}

Tr.main_rain {
	background-image: url(images/rain_header.gif);
	background-repeat: no-repeat;
}

Tr.main_rain_sm {
	background-image: url(images/rain_drops_sm.gif);
	background-repeat: no-repeat;
}	

Tr.main_rain_st {
	background-image: url(images/rain_drops_st.gif);
    height: 100%;
	width: 100%;
}		

Td.normalList ul {
	margin: 20px;
	padding: 0px;
	list-style-image: url(images/diamond.gif);
}

Td.normalList ul li {
	margin: 0px;
	padding: 5px;
	list-style-image: url(images/diamond.gif);
}		
tr.HeaderMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

tr.HeaderMenu ul li {
	position: relative;
	float: left;
	width:160px;
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}
li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #336633; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #336633;
	}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
{
   color: #99cc99;
   background-color: #336633;
}

/* set dropdown to default */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
 {
    color: #336633;
   background-color: #fff;
}
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;
}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
	display: block;
}

a
{
	text-decoration: none;
	color: #000000;	
}	
a:visited { 
	text-decoration: none;
	/*color: #000000;*/	
}
	
a:hover { color: #000000; }
a:active { 
	text-decoration: none;
	color: #000000;
}

a img,
a:visited img,
a:active img,
a:hover img,
a.img, 
a.img:visited, 
a.img:active, 
a.img:hover 
{ border: none; }

TR.HeaderMenu {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 15px;
  background: #336633;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  
}

TR.FooterMenu {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #336633;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}


TR.FooterMenu a {
	color: #ffffff;
}

TABLE.Body	{
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  background-color:#FFFFFF 
}


 TR.smallText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 4px;
}

#Content
{
	width: auto;
	display: block;
	padding: 3.5em 50px 5px 60px;
	border-left: 1px #000000;
	border-right: 1px #000000;
	background: white;
}

	#StyleSwitcher
	{
		color: #000000;
		font-size: 110%;
		position: absolute;
		top: 100px; right: 10px; z-index: 1;
	}
	#StyleSwitcher a, #StyleSwitcher a:hover
	{
		color: #000000;
		border-bottom: 1px dotted #555;
	}

	html>body #Boxes /*for standards compliant browsers */
	{ margin-right: 15px; width: 375px; height: 600px; }
	* html #Boxes /*for IE6 and below */
	{ width: 375px; }
	
	* html #Boxes.SpamFilterPage /*for IE6 and below */
	{ width: 802px; }

	
	#Boxes h2
	{
		padding: 6px 5px 6px 10px;
		margin: 0;
		font-weight: bold;
		font-size: 13px;
		color: white;
		background: #ffffff url(images/header_gradient.gif) repeat-y top left;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	#Boxes h3,
	#Boxes h4,
	#Boxes p, 
	#Boxes ul, 
	#Boxes ol,
	#Boxes code, 
	#Boxes blockquote,
	#Boxes cite,
	#Boxes .Section
	{
		margin: 0;
		font-size: 13px;
		line-height: 1.5em;
		background-color: white;
		padding: 10px 15px 5px 40px;
		border-left: #000000 1px solid ;
		border-right: #000000 1px solid;
		display: block;
	}
	#Boxes h3, #Boxes h4 
	{ 
	    font-size: 17px;
	    padding-left: 15px;
	    padding-bottom: 0;
	    padding-top: 20px;
	}
	#Boxes h4 { font-size: 15px; }
	#Boxes p { padding: 10px 15px 5px 15px; }
	#Boxes ul, #Boxes ol { line-height: 1em; }
	#Boxes blockquote { font-size: 1.5em; } 
	#Boxes .Section { padding: 10px 15px 0 15px; }
	
	#Boxes li p, 
	#Boxes li ul, 
	#Boxes li ol,
	#Boxes li code, 
	#Boxes li blockquote
	{
		padding: 0;
		font-size: 1em;
		line-height: 1.5em;
		margin: 10px 15px 5px 0;
		border: none;
	}
	#Boxes ol ol,
	#Boxes ol ul,
	#Boxes ul ol,
	#Boxes ul ul
	{ margin-left: 20px; }
	
	/*#Boxes li h4 { line-height: 1em; }*/
	
	#Boxes .Box_Footer
	{
		padding: 0;
		margin: 0 0 25px 0;
		background-image: url(images/BoxBottomLeft.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		overflow: hidden;
	}
	#Boxes .Box_Footer2
	{
		padding: 0;
		margin: 0;
		background-image: url(images/BoxBottomRight.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		overflow: hidden;
	}
	#Boxes .Box_Footer3
	{
		height: 4px;
		padding: 0;
		margin: 0 5px;
		background-image: none;
		background-color: white;
		border-bottom: 1px solid #000000;
		overflow: hidden;
	}
	
	.LeftCol
	{
	    float: left;
	    width: 335px;
		
	}
	
	.LeftCol #Boxes
	{
	    width: 335px;
	    margin-right: 20px;
	}
	
	.RightCol
	{
	    float: left;
	    width: 335px;
	    
	}
	
	.RightCol #Boxes
	{
	    width: 335px;
	    margin-left: 20px;
	}
	
	.MainCol
	{
	    float: left;
	    width: 670px;
	    
	}
	
	.MainCol #Boxes
	{
	    width: 670px;
	    margin-left: 0px;
	}	
	
	.Clear { clear: both; display: block; }
	
#Boxes h3.telNumber
{
    font-size: 22px;
    text-align: center;
    color: #000000;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

#Boxes h3.smallText
{
    font-size: 10px;
	font-weight: normal;
    text-align: center;
    color: #000000;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
	
}	

#Boxes h3.smallTextleft
{
    font-size: 10px;
	font-weight: normal;
    text-align: left;
    color: #000000;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
	
}

#Boxes h3.normal
{
    font-size: 13px;
	font-weight: normal;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 8px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}
#man {
	position:absolute;
	top:232px;
	z-index: 2;
}
#earth {
	position:absolute;
	z-index: 3;
	top: 340px;
}