/* 
	xhtml & css
	Date: 05/28/2014.
	Author: Andres Basso

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
padding: 0px 0 0 0;
background: #FFFFFF;
color: #77777a;

}

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: 960px;
background: #FFFFFF;
overflow:hidden;
margin: 0 auto 50px auto;
}

#header{
display:block;
height:141px;
padding-top:64px;   
}

#tagline{
display:block;
float:right;
color:#f58220;
text-transform:uppercase;
font-weight:600;
letter-spacing:1px;
font-size:1.3em;
padding-top:15px;
}

	
#header a.logo{
display: block;
outline: 0;
width:404px;
height:77px;
}


ul.menu{
font-size:.95em;
border-top: 1px solid #f68b2f; 
border-bottom: 1px solid #f68b2f;
overflow:hidden;
padding-bottom:5px;
margin-top:30px;
}


ul.menu li a {
display:block;
outline:0;
color:#77777a;
font-weight:600;
text-transform:uppercase;
float:left;
text-decoration:none;
margin-right:81px;
letter-spacing:1px;
font-size:1.1em;
padding-top:3px;
}

ul.menu li:last-child a{
margin-right:0;
}



ul.menu a:hover, ul.menu a:focus{
color:#f68b2f;
}


ul.menu li.current a{color:#f68b2f;}



#footer{
display:block;
clear:both;
margin:35px auto 0 auto ;
background:#f58220;
font-size:.9em;
font-weight:600;
width:960px;
padding: 20px 38px;
overflow:hidden;
color:#FFFFFF;
}

.grayling{
display:block;
float:right;
}

#footer div{
float:left;
padding-right:10px;
}

div.phone{
font-weight:bold;
}


#content{
display:block;
overflow:hidden;
background:url(../images/content_bg.jpg) left top no-repeat;
margin-top:52px;
min-height:450px;  
padding-left: 40px;    
width:630px;
float:left;
}


#home #content{
font-size:2.3em;
line-height:1.3em;
padding-right:50px;
width:870px;
}

#home #content span{
color:#f58220;
}

#content h1{
font-weight:normal;
font-size:2.5em;
line-height:1em;
padding-bottom:20px;
}

#sidebar{
display:block;
width:260px;
padding-left:30px;
float:left;
margin-top:110px;

}

img.picture{
display:block;
margin:0 auto;
border:5px solid #ff8300;
}

#content p{
font-size:.95em;
padding-bottom:10px;
line-height:1.2em;
}

#content li{
font-size:.95em;
padding-bottom:10px;
line-height:1.2em;
}

#content ul{
list-style-type:disc;
padding:20px 0 20px 20px;

}

#content a{
color:#77777A;
text-decoration:underline;
}

#content a:hover{
color:#ff8300;

}


#sidebar strong{
color:#ff8300;
}

#sidebar p.quote{
color:#ff8300;
font-size:.95em;
font-style:italic;
padding-bottom:20px;
}

#sidebar p.attribution{
color:#ff8300;
font-size:.8em;
text-transform:uppercase;
}

#content strong{
color:#ff8300;

}

p.highlight{
color:#ff8300;
text-transform:uppercase;
}

.twocols{
display:block;
width:300px;
padding-right:15px;
float:left;
}

#content .twocols li{
padding-bottom:5px;
}

.clear{
clear:both;
}

p span{
font-weight:bold;
}