/*
Theme Name: HBSA-01
Theme URI: 
Description: HBSA Wordpress Theme with Top Menu
Version: 1.1
Author: Kyle HBSA
Author URI: http://HBSAonline.com/
Tags: Top Menu, Header, Main Content, Footer,
*/



/* Begin Typography & Colors */

body {
	background: #ffffff;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}

#header {
	background: url(images/header.jpg) no-repeat center top;
	height:250px;
	width: 720px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}

#main {
	background: url(images/sides.jpg) repeat-y center top;
	height: auto;
	width: 720px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}

#content {
width:640px;
margin:0px 40px;
text-align:left;
padding:0px;
}

#footer {
	background: url(images/footer.jpg) repeat-y center top;
	height: 98px;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.optin {
float:right;
background: url(images/optin.jpg) no-repeat;
width: 345px;
height: 210px;
padding-top:110px;
}

#bottom-links { text-align: center; padding: 10px; margin-top: 5px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
#bottom-links a { border-bottom: 1px dashed #333; text-decoration: none; padding: 4px; margin: 0 14px; padding-bottom: 0; color: #333; }
#bottom-links a:hover { border-bottom: none; background-color: #ccc; color: #cb0000; padding: 4px; }

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

ul {

}

li {
font-size:14px;
margin-bottom:10px;
}


/* FONT STYLES */
h1 {
color:#cb0000;
font-size:32px;
font-weight:800;
text-align:center;
margin:10px 0px 35px 0px;
}

h2 {
color:#cb0000;
font-size:22px;
font-weight:800;
text-align:center;
margin:10px 25px 30px 25px;
}

h3 {
color:#000000;
font-size:18px;
font-weight:800;
text-align:center;
margin:10px 45px 25px 45px;
}

h4 {
color:#000000;
font-size:18px;
font-weight:100;
text-align:center;
margin:10px 45px 25px 45px;
}

p {
text-align:left;
font-size:14px;
margin:20px 0px;
}

.emphasize, #from, #re, #letter-date, #greeting, #closing, .author-name { 
font-weight: bold;
}


/* LINK STYLES */
a:link {
color:#0000cb;
border:none;
text-decoration: underline;
}

a:visited {
color:#0000cb;
border:none;
text-decoration: underline;
}

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

a:active {
border:none;
text-decoration: none;
}


.bottom-links { 
width:650px;
overflow:hidden;
list-style:none;
margin:0px 50px;
padding:0px;
}
.bottom-links li {
display:inline;
background:none;
padding:0px;
}
.bottom-links li a { 
display:block; 
float:left; 
text-align:center; 
line-height:20px; 
color:#999; 
text-decoration: underline;
font-size:10px;
margin: 0px 0px 0px 15px;
padding:0px;
}
.bottom-links li a:hover {
color:#000000;
text-decoration: underline;
}


/* ADDITIONAL LOGOS ETC */
	
	#quote {
	margin:32px 0px;
	width:300px;
	background:#D5D5D5 url(images/envelope.png) no-repeat bottom right;
	border:1px solid #000000;
	}
	.privacylogo {
	width:287px;
	height:83px;
	margin:0px 0px 0px 10px;
	}
	
	#phone {
	list-style:none;
	line-height: 60px;
	background:url(images/phone.jpg) no-repeat left;
	padding-left:60px;
	margin-left:50px;
	}
	#written {
	list-style:none;
	line-height: 60px;
	background:url(images/written.jpg) no-repeat left;
	padding-left:60px;
	margin-left:50px;
	}
	#internet {
	list-style:none;
	line-height: 60px;
	background:url(images/internet.jpg) no-repeat left;
	padding-left:60px;
	margin-left:50px;
	}
	
	.text-image {
	position:relative;
	top:8px;
	}