/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Natural-roots.com css stylesheet by Simone Ferraro-Nutek.it <<<-----------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html {
margin: 0px;
padding: 0px;
}

body {
color: #221E1F;	
font:11px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
background: #EBE9E9 url(../images/bg.gif) repeat-x top ;  
margin:0px;
width:100%;  
}

#head{
width:770px;
height:275px;
}

#wrapper{
width:770px;
margin-left: auto;
margin-right: auto;
margin-top:50px;
border-bottom:1px solid #C0BEBE; 	

}

#photo{
width:770px;
height: 200px;
float:left;
text-align:left;
}


#menu{
float:right;
padding:0px;
margin-top:38px;
color: #E0E0E0;
}

#menu a{
color: #E0E0E0;
}

#menu a:hover{
text-decoration:  overline; 
color: #FBAD46;
}

#logo{
float:left;
padding-left:0px;
width:217px;
height:61px;  
}

a {
color: #221E1F; 
text-decoration:none;
}

a:hover{
color: #221E1F ;
text-decoration:overline;
}

a:link {
color: #221E1F;
}

img, img a, img a:hover
{ border: 0px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> headingz <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
h1{
display:none;
}

h2{
font:14px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
width:95%;
text-align:left;
background: url(../images/hdot.gif) repeat-x bottom ; 

}


h3{
font:13px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
text-align:left;
}

h4{
font:14px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;

text-align:left;
background: url(../images/hdot.gif) repeat-x bottom ; 

}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> newsbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.postedby {
font:10px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
text-align:left;
width:200px;
height:15px;
padding-bottom:10px;
display:block;
}


#news_box{
padding-right:5px;
padding-left:5px;
width:240px;
height:370px;
overflow: auto;
}


#news_box p{
text-align:justify;
padding:5px;
margin-top:0px;
margin-bottom:13px;
color:#221E1F;
background: #E0E0E0;
}

#content{
width: 770px;	
height: 660px !important;	
height: 650x;	
margin-top: 10px ;	
}

#content_right{
float:right;
width:260px;
height:370px;
border-right:1px solid #C0BEBE; 
}

.quote{
padding-top:10px;
padding-bottom:10px;
padding-left:45px;
padding-right:45px;


}

#content_left{
float:left;
width:490px;
height:370px;
border-right:1px solid #C0BEBE; 	
border-left:1px solid #C0BEBE; 	
padding-left:10px;
}

#content_right p{
text-align:justify;
padding:0px;
padding-left:10px ;
padding-right:10px;
color:#000;
}


#content_left p{
text-align:justify;
padding-bottom:7px;
padding-left:5x ;
padding-right:10px;
color:#000;
}

#content_right ul {
color:#fff;
list-style-type:none;
}			

.rootfellas { 
float:left;
margin-top:30px;
padding:5px;
width:100px;
}


#footer{
margin:auto;
padding-top:10px;
padding-bottom:10px;
width:770px;
clear:both;
color:#999;
text-align:left;
height:24px;
}

#footer a {
color: #999; 
text-decoration:none;
}

#footer a:hover{
color: #999 ;
text-decoration:overline;
}

a:link {
color: #221E1F;
}

.clearer{
clear:both;
height:10px;
}

.news_clearer{
clear:both;
height:5px;
}

.right{
float:right;
padding-right:5px;

}

.left{
float:left;
padding-left:5px;
padding-top:10px;

}

.strilles{
height:10px;
margin:10px;
background:  url(../images/hdot.gif) repeat-x ;		

}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> mailform <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#form{
width:250px;
height:360px;
margin-bottom:15px;	
margin-top:10px;
margin-left: 5px;
text-align:left;

}

#form div {
padding-left:5px;
padding-bottom:10px;	

}

#form p { 
text-align: left;
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 4px;
}

.message {
font-size: 11px;
font-family: 11px Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif ;
background: #E0E0E0;
color:#221E1F;
padding: 1px 0 2px 10px;
border: 1px solid #ccc;
width:220px;
}

input{ 

background: #E0E0E0 ;
}


textarea { 
margin:0px;
padding:0px;
overflow: hidden;    
background: #E0E0E0 ;
}
#form .sq{

text-align: left;
border: 1px solid #3A7382;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 1px 0 2px 15px;
color: #666666;
}

#form .submit{

background-color: #666666;
font: bold normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
border: none;
margin: 0 0 0 3px;
padding: 1px;		
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}