/* Backhouse Insurance */

/* (c)2006 Branches Design Ltd */

/* Lets normalize everything */

body, h1, h2, h3, h4, ul, dl, dd, dt {
	padding: 0px;
	margin: 0px;
	font-family: "Lucida Grande", Lucida, Verdana, Calibri, sans-serif;
}

/* -------------- Body specific IDs ---------------- */

body#backhouse_insurance {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_insurance.png);
}

body#commercial_insurance {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_commercial.png);
}

body#construction_insurance {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_construction.png);
}

body#personal_insurance {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_personal.png);
}

body#financial_services {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_financial.png);
}

body#surety_bonds {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/top_grad_surety.png);
}

html {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(../images/grad_full_bottom.png);
	background-position: bottom;
}

#ribbon {
	position:absolute;
	left: 0px;
	width:186px;
	height:198px;
	background-image:url(../images/top_ribbon.png);
	background-position:top left;
	background-attachment:scroll;
}

#ribbon span {
	display: none;
}

/* -------------- Heading IDs ---------------- */

h1 {
	color: #990000;
	font-size: 1.2em;
	padding-left:45px;
	padding-top: 10px;
	height: 47px;
	background-image:url(../images/h1-bg.png);
	background-repeat:no-repeat;
}

h2 {
	font-size: 1.2em;
	padding-left: 5px;
	font-weight: bold;
	color: #990000;
}

/* -------------- container ---------------- */

#container {
	width: 760px;
	margin: auto;
}

.highlighteddropdown {
	background:#FFCC99;
	/*padding: 3px 0px 3px 0px;*/
}

/* -------------- branding ---------------- */

#branding {
	width: 100%;
	height: 197px;
	background-image:url(../images/backhouse_logo.png);
	background-position: top center;
	background-repeat:no-repeat;
	/*background-color: #99CCFF;*/
}

/* -------------- primary_nav ---------------- */

#primary_nav {
	float: right;
}

#primary_nav li {
	padding: 0px 5px 0px 5px;
	list-style: none;
	display: inline;
	font-size: 0.65em;
}

#primary_nav a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#primary_nav a:hover {
	text-decoration: underline;
}

/* -------------- quick_search ---------------- */

#quick_search {
	clear: both;
	float: right;
	padding-top: 10px;	
}

#quick_search p {
	padding: 0px;
}

#quick_search input {
	background-color: red;
}

.noborders {
	border: none;
}

/* -------------- tabs ---------------- */

#tabs {
	text-align: center;
	padding-top: 0px;
	margin: 0px;
	font-size: 0.85em;
	height: 37px;
}

#tabs li {
	list-style: none;
	display: inline;
}

#tabs a img {
	border: none;
}

span {
	display: none;
}

#tabs a {
	white-space: normal;
}

/* -------------- menus ---------------- */

#menu {
	text-align: center;
	padding-top: 8px;
}

#menu li {
	letter-spacing: -1px;
	font-size: 0.80em;
	/*font-weight: bold;*/
	list-style: none;
	display: inline;
	padding: 0px 5px 3px 5px;
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover {
	border-bottom: 4px solid white;
}

/* -------------- icons ---------------- */

#icons {
	font-size: 0.85em;
	text-align: center;
	height: 160px;
	padding-top: 30px;
}

#icons li {
	list-style: none;
	display: inline;
	padding: 0px 8px 0px 8px;
}

#icons a img {
	border: 1px #FFFFFF solid;
}

#icons a img:hover {
	border: 1px #666666 solid;
}

/* -------------- content ---------------- */

#content {
	width: 540px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	/*background-image:url(../images/main_content_lines.gif);
	background-repeat: repeat-y;*/
}

#content p {
	color:#424242;
	padding-top: 0px;
	margin-top:0px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.7em;
}

#content p:hover {
	color:#000000;
}

.leftalign {
	float: left;
	padding-right: 5px;
	border: none;
}

.rightalign {
	float: right;
	padding-left: 5px;
	border: none;
}

.location {
	float: left;
}

#content ul {
	margin-left: 20px;
	padding-bottom: 20px;
}

#content li {
	/*padding-bottom: 20px;*/
	color:#424242;
	line-height: 1.7em;
	list-style:none;
	/*list-style:url(../images/arrow_right.png);*/
	/*list-style-image:url(../images/arrow_right.png);*/
	padding-left: 20px;
	background-position: left 5px;
	background-image: url(../images/arrow_right.png);
	background-repeat:no-repeat;
}

#content a {
	color: #990000;
	}
	
#content a:hover {
	color:#FFFFFF;
	background-color:#990000;
	text-decoration: none;
}

#subnav ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#subnav li {
	padding: 0px 5px 0px 5px;
	list-style: none;
	display: inline;
	font-size: 0.8em;
}

.topofpage {
	padding-left: 20px;
	background-image: url(../images/top_of_page.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-attachment:scroll;
	
}

/* -------------- secondary_content ---------------- */

#secondary_content {
	margin-top:20px;
	float: right;
	width: 190px;
	padding: 0px 8px 8px 8px;
	text-align: left;
}

#secondary_content q {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.7em;
	color:#990000;
	/*letter-spacing: 2px;*/
	font-size: 0.9em;
}

#secondary_content p, cite {
	font-size: 0.75em;
	padding-top: 10px;
	text-align: right;
}

.shirleyquote {
	float: left;
	padding: 0px 2px 2px 2px;
}

#secondary_content h1 {
	color:#FFFFFF;
	font-size:1.1em;
	text-align: left;
	padding: 5px 0px 20px 5px;
	background-color:#004063;
	background-image:url(../images/secondary_content_head.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:right top;
}

#secondary_content ul {
	font-size: 0.90em;
	/*background-image: url(../images/secondary_content_bg.png);*/
	background-repeat:repeat-x;
	background-attachment:scroll;
	list-style:none;
}

#secondary_content li {
	padding: 5px 0px 5px 18px;
	border-bottom: 1px #999 dotted;
	background-image:url(../images/menu_bullet.gif);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:4px 50%;
}

#secondary_content .submenu {
	/*margin-left: 10px;*/
}

#secondary_content .bold {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#secondary_content li.last {
	/*padding: 5px 0px 5px 5px;*/
	border-bottom: 5px #004063 solid;
}

#secondary_content a {
	color:#666666;
	text-decoration: none;
	display: block;
}

#secondary_content a:hover {
	color:#000000;
	/*font-weight: bold;*/
	display: block;
}

/*#secondary_content img {
	margin-top: 30px;
}*/

#secondary_content .callnow {
	margin-top: 30px;
	border: 0px;
}

.disclaimer {
	font-size: 8px;
	text-align:center;
}

/* -------------- icon_links ---------------- */

#icon_links {
	padding:0px;
	margin: 0px;
	text-align: center;
	/*height: 143px;*/
	clear: both;
	/*background-image:url(../images/grad_icons.png);
	background-repeat:repeat-x;*/
}

#icon_links li {
	list-style: none;
	display: inline;
	padding: 0px 15px 0px 15px;
}

#icon_links a img {
	border: none;
}

/* -------------- site_links ---------------- */

#site_links {
	text-align: center;
	height: 92px;
	margin-top: 17px;
	background-image:url(../images/small_b_logo.png);
	background-repeat:no-repeat;
	background-position:bottom;
	/*background-image:url(../images/grad_site_links.png);
	background-repeat:repeat-x;*/
}

#site_links li {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	list-style: none;
	display: inline;
	line-height: 1.7em;
	padding: 0px 5px 0px 5px;
	font-size: 0.75em;
}

#site_links a {
	color: #FFFFFF;
}

#site_links a:hover {
	color:#A3CDFF;
}

/* -------------- site_info ---------------- */

#site_info {
	padding-top:10px;
	height: 49px;
	/*background-image:url(../images/grad_site_info.png);
	background-repeat:repeat-x;*/
	text-align: center;
	font-size: 0.75em;
	color:#FFFFFF;
}

#site_info p {
	padding: 0px;
	margin: 0px;
}

#site_info a {
	color: #FFFFFF;
}
.img_left {
	padding: 5px;
	float: left;
}
.img_right {
	padding: 5px;
	float: right;
}

/*------------------styles-----------------------*/
.smalltype {
	font-size: 0.75em;
}
.left_img_border {
	border: 2px solid #660000;
	margin: 5px;
	padding: 5px;
	float: left;
}
.right_img_border {
	border: 2px solid #660000;
	margin: 5px;
	padding: 5px;
	float: right;
}