@charset "utf-8";
/* CSS Document - Sharp Honda 2010*/

#mainContentBox{
	width: 940px;
    margin: 10px auto 0;
}
#topRightBox a{
	float: right;
}
ul#bigButtons{
	margin: 0 0 0 -20px;
}
ul#bigButtons li{
	list-style: none;
	float: left;
    width:300px;
    margin-bottom: 10px;
}
#middleBox{
    width: 780px;
    height: 80px;
    clear: both;
    padding-top: 10px;
}
#middleBox h3{
	color: #FFF;
    margin-top: 20px;
    font: bold 12px/16px Tahoma, Arial;
    text-align: center;
}
#middleBox h3 span{
	font-weight: normal;
}
a.socialBtn:link, a.socialBtn:visited{
	background: url("/sitespecific/sharphonda/medialibrary/home-footer-btns.png") no-repeat 8px top;
    color: #000;
    text-decoration: none;
    display: inline-block;
    width: 180px;
    height: 80px;
    text-align: center;
    font: bold 13px Tahoma, Arial, sans-serif;
    padding-top: 10px;
}
a.socialBtn:hover{
	background-position: -170px top;	
}
a.facebook{float: left; margin-right: 25px}
a.facebook img{margin-top: 10px;}
a.youtube{float: right; margin-left: 25px}
a.youtube img{margin-top: 5px;}

#footerLinks{
	margin: 0 auto; 
    clear: both;
    color: #8eb6e7;
    text-align: center;
    font-size: 12px;
}
#footerLinks a:link, #footerLinks a:visited{
	color: #8eb6e7;
    font: bold 11px Tahoma, Arial, sans-serif;
	padding-top:20px;
    display: inline-block;
    margin: 0 8px;
    text-decoration: none;
}
#footerLinks a:hover{
    text-decoration: none;
    color: #FFF;
}

.hpContent {
    width: 860px;
    margin: 20px auto;
    clear:both;
    text-align: left;
}
.hpContent h2, .hpContent h3{
	clear:both; 
    text-align: center; 
    border: 1px solid #444; 
    background: #222; 
    padding: 2px;
    font-family: Tahoma, Arial, sans-serif;
}
.hpContent a:link, .hpContent a:visited{color: #8eb6e7}
.hpContent a:hover{color:#FFF}
.hpContent br {clear: both; }
.hpInvLinkList { margin: 0; }
.hpInvLinkList ul {margin:0 0 0 60px;; padding:0; }
.hpInvLinkList li {
    list-style: none;
    float: left;
    width: 200px;
}
.clearIt {clear: both; }