/* 
	xhtml & css
	Date: 12/22/2009.
	Modified: 12/22/2009
	Author: Andres Basso

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: Arial, Verdana, sans-serif;
padding: 0px 0 0px 0;
color: #006f3b;
}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}
hr{display: none;}
label{cursor: pointer;}
select option{padding: 1px 2px 0 5px;}
table{border-spacing: 0; border-collapse: collapse;}
ul{list-style: none;}

/* Structure */
#container{
width: 943px;
height: 644px;
background:url(../images/bg_site.gif) repeat-y scroll top left  #FFFFFF ;
position:absolute;
left: 50%; /*the left border of the element is positioned at half of the available width of the parent element*/
top: 50%; /*the top border of the element is positioned at half of the available height of the parent element*/
margin-left: -471px; /*half of the element width is removed from the left margin to center it*/
margin-top: -322px; /*half of the element height is removed from the top margin to center it*/ 
}

#sidebar{
display:block;
width:392px;
}

#logo{
display:block;
width: 392px;
clear:both;
margin-top:120px;
}

  #logo h1{
	display: block;
	text-indent: -9999px;
	}
	
  #logo h1 a{
  float:right;
	display: block;
	outline: 0;
  height: 47px;
  width: 173px;
  text-indent: -9999px;
  background: url(../images/logo.jpg) no-repeat top left;
	}
	
	#logo #wysiwyg{
	float:right;
	font-size:.8em;
	font-weight:bold;
	padding-top:5px;
	clear:both;
  }
  
#left_text{
clear:both;
display:block;
width: 392px;

}
  
#left_text p{
padding-top:40px;
float:right;
text-align:right;
font-size:.8em;
}  

#quote, #home_quote{
clear:both;
color: #000000;
font-size:.8em;
display:block;
width:335px;
padding-top:60px;
float:right;
text-align:right;
font-style: italic;
}

.quote_name{
font-weight:bold;
padding-top:15px;
}

.hidden_quote{
display:none;
}

.hidden_desc{
display:none;
}
    	
#sidebar{
float:left;
padding-top:50px;
}

#sidebar #menu ul{
float:right;
display:block;
}

#sidebar #menu ul li{
float:left;
}

		
#sidebar #menu ul li a {
display:block;
outline:0;
float:left;
font-family: Times New Roman, Georgia, serif;
font-style:italic;
color: #006f3b;
text-decoration:none;
font-size:.9em;
margin-right:14px;
}

a.last_item{
margin-right:0 !important;
}
			
#menu ul #b1 a:hover, #menu ul #b1 a:focus, #s1 #menu ul #b1 a{text-decoration:underline;}
#menu ul #b2 a:hover, #menu ul #b2 a:focus, #s2 #menu ul #b2 a{text-decoration:underline;}
#menu ul #b3 a:hover, #menu ul #b3 a:focus, #s3 #menu ul #b3 a{text-decoration:underline;}
#menu ul #b4 a:hover, #menu ul #b4 a:focus, #s4 #menu ul #b4 a{text-decoration:underline;}
#menu ul #b5 a:hover, #menu ul #b5 a:focus, #s5 #menu ul #b5 a{text-decoration:underline;}



#left_decoration{
margin-top:65px;
width:250px;
height:212px;
background: url(../images/left_decoration.jpg) no-repeat top left;
}




#info{
float:right;
width:503px;
display:block;
margin-right:48px;
}

#s1 #info, #s2 #info, #s4 #info, #s5 #info{
margin-top:203px;
}

#info p{
margin-left:30px;
margin-bottom:10px;
font-size:.9em;
line-height:1.4em;
}


#s5 #info p{
font-style:italic;
}
		
#info a{
color: #006f3b;
text-decoration:none;
}

#info a:hover, info a:focus{
text-decoration:underline;
}

#info ul{
margin-bottom:10px;
margin-left:30px;
font-size:.9em;
}

#info ul li{
line-height: 1.3em;
}

h3{
padding-top:5px;
margin-bottom:5px;
font-weight:normal;
font-size:.9em;
margin-left:30px;
}

#s4 h3{
font-weight:bold;
font-size:.9em;
margin-bottom:0;
font-size:.85em;
}

#s4 #info ul li{
font-size:.85em;
}


		
#footer{
position:absolute;
left: 50%; /*the left border of the element is positioned at half of the available width of the parent element*/
top: 50%; /*the top border of the element is positioned at half of the available height of the parent element*/
margin-left: -365px; /*half of the element width is removed from the left margin to center it*/
margin-top: 250px; /*half of the element height is removed from the top margin to center it*/ 
height: 20px;
clear: both;
}
 
	#footer p{
	font-size: 0.60em;
	font-weight:bold;
	float:left;

	}
		#footer p.email a{
		color: #006f3b;
		text-decoration: none;
		font-weight:normal;
    margin-left:15px; 
		}
			#footer p.email a:hover,
			#footer p.email a:focus{
			text-decoration: underline;
			}

#title{
display:none;
}

#s3 #title{
display:block;
font-style:italic;
font-size:.9em;
text-align:right;
clear:both;
line-height:1.2em;
padding-top:15px;
}

#s3 #title h3{
font-weight:bold;
margin-bottom:10px;
padding-top:70px;
}

#bliss_desc h3{
margin-bottom:0px !important;
padding-top:15px !important;

}


.column1{
display:block;
float:left;
width:180px;
}

.column2{
display:block;
float:left;
width:160px;
}

.column2 ul{
margin-left:15px !important;
}

.column2 h3{
margin-left:15px !important;
}

.column3{
display:block;
float:left;
width:160px;
}

.column3 ul{
margin-left:10px !important;
}

.column3 h3{
margin-left:10px !important;
}

#linkedin{
margin-left:30px;
margin-top:20px;
}

#facebook{
margin-left:30px;
margin-top:20px;
}

#navigation{
display:block;
width:503px;
margin-top:48px;
}

#prev{
float:left;
margin-left:35px;
}

#next{
float:right;
margin-right:35px;
}

#slideshow{
clear:both;
}

#s0 #q1{
padding-top:70px;
}

#s0 #q2{
padding-top:10px;
}

.boldtext, .boldtext h3{
font-weight:bold;
}

#s1 #quote{
margin-top:123px;
}

#s2 #quote{
margin-top:90px;
}

.separate{
margin-top:10px;
}

#newyorker h3{
padding-bottom:10px;
}

#newyorker p{
padding-bottom:10px;
}