/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
html{
	font-size:100%;
	}

body{
	font-family: Tahoma,Arial,sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	color: #333333;
	
	}
	
	
	
img{
border:0;
}

h1 {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1.5em;
	color: #06aae3;
	text-align: left;
	padding: 0;
	margin:0;
}


h2 {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #999999;
	line-height:1.3em;
	text-align: left;

}

h3 {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1.4em;
	line-height:0.5em;
	color: #ea5e47;
	text-align: left;
	padding-top: 5px;
	padding-bottom:0.1em;
	margin: 0px;

}








a {
color:#666666;
text-decoration:none;
}

a:hover {
color:#00b1b0;
text-decoration:none;

}




p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-indent: 0px;
	font-size:0.819em;
	color:#666666;
	line-height:1.5em;
	text-align:left;
	padding-bottom:1em;
	padding-top: 0;
}


.contact{
float:left;
color:#06AAE3;
}




/*------containers---------------------------------------------------------------------------*/

#container{
width:100%;
padding: 0;
margin-left: auto;
margin-right: auto;
background-image: url(../assets/gfx-background.gif);
background-position: top;
background-repeat: no-repeat;

}


#inner-container{
width:960px;
margin-left: auto;
margin-right: auto;
padding: 0; 

}


#header-container{
width:920px;
padding: 0 20px 0 20px;
position: relative;
margin: 0;

}







/*------links----------------------------------------------------------------------------*/

.links-container{
padding: 0;
margin:0;
position: absolute;
top: 166px;
left: 300px;


}


.links-container ul{
list-style: none;
padding: 0;
margin: 0;
float:left;
}

.links-container li{
list-style: none;
padding:0;
margin: 0;
float:left;

}

.links-container li a:link, #links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #c5cbc7;
margin: 0;

}


.links-container li a:hover, #links-container li a:active{
text-decoration: none;
display:block;
color: #0099cc;

}

.dividers{
color: #0099cc;

}

/*------links-subpages----------------------------------------------------------------------------*/

.links-container-subpages{
padding: 0;
position: absolute;
top: 110px;
left: 300px;

}


.links-container-subpages ul{
list-style: none;
padding: 0;
margin: 0;

}

.links-container-subpages li{
list-style: none;
padding:0;
margin: 0;
float:left;

}


#right-column{
width:266px;
padding: 0 0 0 20px;
float:left;
}

/*------content home----------------------------------------------------------------------------*/

#bottom-container{
float:left;
width: 960px;

}


#text-container-home{
width:610px;
float:left;
padding-right:20px;
padding-left:20px;
border-right: double 3px #f0f0f0;


}

#logo{
width: 165px;
height: 183px;
background-image: url(../assets/gfx-orata-logo.gif);
background-position: top;
background-repeat: no-repeat;
padding: 0 0 0 40px;
float:left;

}

#contact-links-container{
width: 202px;
float: right;
margin-top: 20px ;
padding: 0 20px 0 0;

}

.phone-container{
width:162px;
float:left;
padding: 0;
display: block;
overflow: hidden;
margin:0 ;
}

.email-link a, .email-link   a:visited{
width:202px;
float:left;
padding: 0;
display: block;
overflow: hidden;
margin:0 ;
}

.email-link  a:hover, .email-link  a:active{
display: block;
text-indent: -202px;
float:left;
padding: 0;
margin:0 ;

}

.horizontal-divider{
width: 960px;
height: 3px;
background-image: url(../assets/gfx-horizontal-divider.gif);
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
float: left;
}



#flash-container{
width: 960px;
height: 300px;
float:left;
background-image:url(../assets/gfx-solar-panel-holder-image.jpg);
background-repeat:no-repeat;
}


.leaflet-link a, .leaflet-link   a:visited{
width:266px;
float:left;
padding: 0;
margin-left: 20px;
display: block;
overflow: hidden;
}

.leaflet-link  a:hover, .leaflet-link  a:active{
display: block;
text-indent: -266px;
float:left;
padding: 0;

}

#accreditations-container{
width:266px;
float:left;
padding: 20px 0 0 0;
margin-left: 20px;
display: block;
overflow: hidden;
}




/*------content pages----------------------------------------------------------------------------*/

#logo-small{
width: 121px;
height: 127px;
background-image: url(../assets/gfx-orata-logo-small.gif);
background-position: top;
background-repeat: no-repeat;
padding: 0 0 0 20px;
float:left;

}

#header-pic-container{
width: 920px;
height:150px;
float: left;
padding:0 0 0 20px;
margin: 0;

}


#bullet-container{
width:600px;
padding: 0;
margin: 0;

}

.left-column{
width:287px;
float:left;
border-right: double 3px #f0f0f0;
margin-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-indent: 0px;
color:#666666;
line-height:1.5em;
text-align:left;
}

.right-column{
width:290px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-indent: 0px;
color:#666666;
line-height:1.5em;
text-align:left;
}


#contact-text{
width: 100%;
float:left;
color: #666666;

}

#contact-text  a, #contact-text   a:visited {
color: #ffffff;
text-decoration: none;

}

#contact-text  a:hover, #contact-text  a:active{
color: #ff9933;
text-decoration: none;

}

.contact-title{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height:1em;
	color: #787a65;
	text-align: left;
	padding-top: 0px;
	padding-bottom:0.8em;
	margin: 0px;
	float: left;
}






/*------contact form----------------------------------------------------------------------------*/
textarea{
font-family: Tahoma,Arial,sans-serif;
font-size: 0.819em;
width:400px;
float: left;
text-align: left;
margin: 0 0 20px 0;
display: block;
background-color:#ffffff;
border: 1px solid #7f9db9;
color:#333333;
}

.column-left{
width: 150px;
padding: 0 20px 0 0;
margin: 0;
float:left;
text-align: left;
}


.column-right{
width: 400px;
padding:0;
margin: 0;
float:left;
text-align: left;
}


/*------footer----------------------------------------------------------------------------*/

#footer-container{
width:960px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;



}


#footer-inner-container{
width:905px;
height: 53px;
float:left;
background-image: url(../assets/gfx-footer-background.gif);
background-repeat: no-repeat;
background-position: top;
margin-bottom: 20px;
padding: 0 15px 0 18px;
margin-left: 8px;

}



#footer-text{
padding: 20px 10px 0 0;
margin: 0px;
float:left;
color: #666666;

}

#footer-text  a, #footer-text   a:visited {
color: #666666;
text-decoration: none;
 
}

#footer-text  a:hover, #footer-text  a:active{
color: #cc0000;
text-decoration: none;

}



.komodo-link-container  a, .komodo-link-container   a:visited {
display: block;
width: 48px;
height: 53px;
padding: 0;
margin-right: 10px;
overflow: hidden;
float:left;
}

.komodo-link-container  a:hover, .komodo-link-container  a:active{
display: block;
text-indent: -48px;
float:left;
padding: 0;
margin-right: 10px;
}

.copyright{
float:right;
padding: 13px 0 0 0;
color: #a8b6ae;
font-size: 0.75em;
text-align: left;


}

.footer-text{
float:left;
padding: 13px 0 0 0;
color: #a8b6ae;
font-size: 0.75em;
text-align: left;


}