body {margin:0 0 50px 0;
      padding:0;
      background: #CBD8D8;
	  font-family: Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
	  font-size:62.5%;
	
	  }
img {border:none;}
clear {clear:both;}
.bold {font-weight:bold;}
.floatright {float:right;}
/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************   container *******************************************/
#container {margin:0 auto;
     	    padding: 0;	
		    width:761px;
            background: #ffffff;
        	 }
			 
/**************  left column   *****************************************/
img#logo {float:left;
		margin:10px 0 0 10px;
		padding:0;}			 

ul.headmenu {float:left;
                  margin:8px 0 0 50px;
                  padding: 0;
                  list-style-type: none;
                  width:100px;
				  font-size:1em;
				letter-spacing:-0.04em; }

ul.headmenul {margin:8px 0 0 164px;
			width:152px;
			}

ul.headmenur {margin:8px 0 0 37px;
			width:40px;
			}
				
ul.headmenu li {margin:0 0 4px 0;
                padding: 0;	}		 

ul.headmenu a {text-decoration:none;
  color:#588090;}
			 
/**************  left column   *****************************************/
#leftcol {float:left;
		margin:0 0 0 10px;
		padding:0;
		width:180px;
		}

/**************  left main menu   *****************************************/
ul#leftmainmenu {position:relative;
				margin:44px 0 0 0;
				padding:0; 
				height:164px; 
				background:transparent url(images/leftmainmenu.gif) 0 0 no-repeat; 
				list-style-type:none;
	}	
				 
ul#leftmainmenu  li {position: absolute;
             margin: 0;
			 padding: 0;
			 height: 50px;
			 width: 180px;
   			 }	
			 
ul#leftmainmenu a {position:absolute; 
			display:block; 
			width:180px; 
			height:50px;
			text-decoration:none;
			}
 
ul#leftmainmenu  span {position:absolute;
			visibility:hidden;} 
		
#leftmainmenu li#backgroundlink {top:0;left:0;}
#leftmainmenu li#downloadslink {top:57px;left:0;}
#leftmainmenu li#contactslink {top:114px;left:0;}
			
body#background li#backgroundlink {background: url(images/leftmainmenu.gif) 0 -171px no-repeat;}
body#downloads li#downloadslink {background: url(images/leftmainmenu.gif) 0 -228px no-repeat;}
body#contacts li#contactslink {background: url(images/leftmainmenu.gif) 0 -285px no-repeat;}

#leftmainmenu li#backgroundlink a:hover {background: url(images/leftmainmenu.gif) 0 -171px no-repeat;}
#leftmainmenu li#downloadslink a:hover {background: url(images/leftmainmenu.gif) 0 -228px no-repeat;}
#leftmainmenu li#contactslink a:hover {background: url(images/leftmainmenu.gif) 0 -285px no-repeat;}
		
		
/**************  feature menu   *****************************************/
ul#featuremenu {position:relative;
				margin:44px 0 0 0;
				padding:0; 
				height:278px; 
				background:transparent url(images/featuremenu.gif) 0 0 no-repeat; 
				list-style-type:none;
	}	
				 
ul#featuremenu  li {position: absolute;
             margin: 0;
			 padding: 0;
			 height: 50px;
			 width: 180px;
   			 }	
			 
ul#featuremenu a {position:absolute; 
			display:block; 
			width:180px; 
			height:50px;
			text-decoration:none;
			}
 
ul#featuremenu  span {position:absolute;
					visibility:hidden;} 
		
#featuremenu li#feature1 {top:0;left:0;}
#featuremenu li#feature2 {top:57px;left:0;}
#featuremenu li#feature3 {top:114px;left:0;}
#featuremenu li#feature4 {top:171px;left:0;}
#featuremenu li#feature5 {top:228px;left:0;}
			
body#location li#feature1 {background: url(images/featuremenu.gif) 0 -285px no-repeat;}
body#connected li#feature2 {background: url(images/featuremenu.gif) 0 -342px no-repeat;}
body#space li#feature3 {background: url(images/featuremenu.gif) 0 -399px no-repeat;}
body#rewarding li#feature4 {background: url(images/featuremenu.gif) 0 -456px no-repeat;}
body#design li#feature5 {background: url(images/featuremenu.gif) 0 -513px no-repeat;}

#featuremenu li#feature1 a:hover {background: url(images/featuremenu.gif) 0 -285px no-repeat;}
#featuremenu li#feature2 a:hover {background: url(images/featuremenu.gif) 0 -342px no-repeat;}
#featuremenu li#feature3 a:hover {background: url(images/featuremenu.gif) 0 -399px no-repeat;}
#featuremenu li#feature4 a:hover {background: url(images/featuremenu.gif) 0 -456px no-repeat;}
#featuremenu li#feature5 a:hover {background: url(images/featuremenu.gif) 0 -513px no-repeat;}

/*************** main col  *******************/
#maincol {float:left;
		position:relative;
		margin:44px 0 0 7px;
		padding:0;
		width:564px;
		}
#maincol p.aunder a {text-decoration:underline;}

/*************** home  *******************/
.imagecontainer {position:absolute;
				top:0;
				left:0;
				margin:0;
				padding:0;}	

ul.homeimages { margin:0 0 5px 0;
                  padding: 0;
                  list-style-type: none;}			 

ul.homeimages li {margin:0 3px 0 0 ;
                     padding:0;
	        		 display: inline;}			 

ul.homeimages li img {margin:0;
                     padding:0;border:none;
	        		 }			 

#image1a {opacity:1;}
#image1b {opacity:0;}
#image1c {opacity:0;}
#image2a {opacity:1;}
#image2b {opacity:0;}
#image2c {opacity:0;}
#image3a {opacity:1;}
#image3b {opacity:0;}
#image3c {opacity:0;}
#image4a {opacity:1;}
#image4b {opacity:0;}
#image4c {opacity:0;}
#image5a {opacity:1;}
#image5b {opacity:0;}
#image5c {opacity:0;}

/*************** feature  *******************/
#featureleft {float:left;
				margin:0;
				padding:0;
				width:180px;}

#featureleft p.featurelink {margin:10px 0 0 0;
				padding:0;
				font-size:1.1em;
				width:180px;}
#featureleft p.featurelink a {text-decoration:none;}			
body#location p.featurelink a { color:#93A46A;}				 
body#connected p.featurelink a  { color:#879A76;}				 
body#space  p.featurelink a { color:#81998D;}				 
body#rewarding  p.featurelink a { color:#789DA4;}				 
body#design  p.featurelink a  { color:#77A9BE;}

				
#featuretext {margin:0;
				padding:0;
				color:#ffffff;
				min-height:278px;}	
				
body#location #featuretext {background-color:#93A46A;}				 
body#connected #featuretext {background-color:#879A76;}				 
body#space #featuretext {background-color:#81998D;}				 
body#rewarding #featuretext {background-color:#789DA4;}				 
body#design #featuretext {background-color:#77A9BE;}				 

#featuretext h2 {margin:0;
				padding:9px 0 0 10px;
				font-size:1.4em;
				font-weight:bold;
				width:150px;}

#featuretext h3 {margin:0;
				padding:0 0 12px 10px;
				font-size:1.4em;
				font-weight:bold;
				width:150px;}

#featuretext img#bynature {margin:11px 0 9px 10px;}				

#featuretext p {margin:0;
				padding:0 0 0 10px;
				font-size:1.1em;
				line-height:1.3em;
				width:150px;}

#featuretext a#readmore {color:#ffffff;}

#featureimage {float:left;
				position:relative;
				margin:0 0 0 7px;
				padding:0;
				width:367px;
				}			
					 
#featureimage img {position:absolute;
				top:0;
				left:0;
				margin:0;
				padding:0;
				width:367px;
				display:block;}			

#featuremore {float:left;
			  margin:-2px 0 0 7px;
				padding:0;
				width:367px;
				}			
#featuremore p {margin:0 0 10px 0;
				padding:0 0 0 10px;
				font-size:1.1em;
				line-height:1.3em;
				width:350px;}

body#location #featuremore { color:#93A46A;}				 
body#connected #featuremore { color:#879A76;}				 
body#space #featuremore { color:#81998D;}				 
body#rewarding #featuremore { color:#789DA4;}				 
body#design #featuremore { color:#77A9BE;}		

/*************** background  *******************/
#backtext {float:left;
		margin:-3px 0 0 2px;
		padding:0;
		width:364px;
		color:#201F1F;
		font-size:1.1em;}	

#backtext p {margin:0 0 16px 0;
		padding:0;
		width:360px;
		line-height:1.3em;
		}				

#backtext ul {margin:0 0 16px 0;
		padding:0;
		list-style-type:none;
		font-weight:bold;
		}				

#backtext ul li {margin:0 0 2px 0;
		padding:0;
		}				
		
#backcontact {float:left;
		margin:0 0 0 8px;
		padding:0;
		width:180px;
		background-color:#CBD8D8;
		color:#201F1F;
	font-size:1.1em;}	
		
#backcontact p {margin:0 0 16px 0;
		padding:0 0 0 10px;
		width:160px;
		line-height:1.3em;
		}				

#backcontact p.backcontacttop {	padding:9px 0 0 10px;
		}
		
#backcontact a {margin:0;
		padding:0;
		text-decoration:none;
		color:#201F1F;
		}				
		
img.extlogo1 {margin:70px 0 0 35px;}		
img.extlogo2 {margin:20px 0 0 0;}		
img.extlogo3 {margin:27px 0 0 0;}		
img.extlogo4 {margin:25px 0 0 0;}		
		
/*************** downloads  *******************/
.downloaddoc {float: left;
			margin: 0 10px 61px 10px;
			padding: 0;
			width: 118px;
			height:180px;
			font-weight:bold;}

.downloaddoc img {
			margin: 0 0 10px 0;
			padding: 0;
			}
			
.cleardoc {clear:both;}

/*************** contacts  *******************/
.acontact {float: left;
			margin: -3px 0 22px 10px;
			padding: 0;
			width: 168px;
			color:#201F1F;
			font-size:1.1em;
			}
.acontact p {margin: 0 0 16px 0;
			padding: 0;
			width: 160px;
			line-height:1.3em;
			}

 .contactwide {width: 360px;
		}
		
p.contactwidetop {width: 180px;
		}
		
.acontact a {margin: 0;
			padding: 0;
			color:#201F1F;
			text-decoration:none;}
			
/******************  footer   *****************************************/
#footer {clear:both;
		margin:0;
		padding:43px 0 0 0;
		width:761px;
		letter-spacing: -0.065em}
 
ul.footmenu  {  margin:0 0 0 10px;
                  padding:5px 0 7px 0;
				  width:741px;
                  list-style-type:none;
				  color:#588090;
				  border-top:1px solid #DEE6E9;}		 
 
ul.footmenubot  { margin:0 0 10px 10px;
					border-bottom:1px solid #DEE6E9;
					letter-spacing: -0.035em;}

ul.footmenu li  {margin:0;
                     padding:0;
	        		 display: inline;}
			 
ul.footmenu a  {display:inline-block;
		            padding:0;
					color:#588090;
					text-decoration:none;}