/*
=============================================================================================

A to Z Insurance
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2008

=============================================================================================
*/



/* Color Scheme
=============================================

Headings - #000000
Body Font - #ffffff
Links - #ff0000

========================================== */




body { background-image:url(/images/bg.jpg); background-repeat:repeat-x; font:62.5%/1.5 Arial, Helvetica, sans-serif; color:#003366; margin:0;}



a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#226e9e; text-decoration:underline;}
a:visited {color:#226e9e;}
a:hover, a:focus, a:active {color:#cc6633;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#fff; border:1px solid #777;}

h2 {font-size:2.4em;}
h3 {font-size:2em;}
h4 {font-size:1.4em;}

/* Use to add jump link to navigation and main content also add link in footer to jump to top of page for screen readers */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}




/* Layout
========================================== */

#wrapper {background:#fff; margin:10px auto; width:874px; position:relative; }

#pagetop {width:100%;text-align:center; margin:0 auto 0 auto; background-color:#BADEEE; padding:0px;}
#pagetop h1 {height:14px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#1C5986; margin:0px 0px -3px 0px;}


/*=== HEADER ===*/
#header {height:46px; position:relative;}
#header img {width:346px; height:88px; position:absolute; z-index:10; margin:20px 0 0 30px;}
#header p {position:absolute; margin:85px 0 0 245px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#346699; z-index:99;}


/* TOP NAV */
#navSub {margin:10px 0 0 480px; padding:0; position:absolute; width:430px; padding-top:0px;}
#navSub li {list-style:none; float:left; border-right:1px solid #226e9e; padding:0 5px;}
#navSub a:link, a:visited {font-size:11px; text-decoration:underline;}
#navSub a:hover {font-size:11px; text-decoration:none;}
#navSub .last {border:none; padding-right:0px;}

/* FLASH */
#flash { /*background-image:url(/images/flash_holder.jpg);*/ position:absolute; height:289px; width:874px; margin-top:23px;}

/* NAVIGATION */
#navigation {background-image:url(/images/main_navbar.jpg); height:44px; width:874px; margin-top:288px;}
#navMain {margin:0 0 0 15px; padding-left:25px; height:27px;}
#navMain li {list-style:none; float:left; padding:0 10px; margin:0;}
#navMain li a {display:block; font:17px Helvetica, Arial, sans-serif; font-weight:bold; color:#fff; text-decoration:none; height:44px; line-height:44px; padding:0 0px;}
#navMain li a:hover {background:#336699;}
#navMain .last {background:none;}

#rv a:link, #rv a:visited, #rv a:hover{width:138px; text-align:center;}
#health a:link, #health a:visited, #health a:hover {width:138px; text-align:center;}
#commercial a:link, #commercial a:visited, #commercial a:hover {width:138px; text-align:center;}
#mortgage a:link, #mortgage a:hover, #mortgage a:visited {width:138px; text-align:center;}
#ira a:link, #ira a:hover, #ira a:visited {width:138px; text-align:center;}


/*=== CONTENT ===*/

#content_wrapper {background:#ffffff top left repeat-y; width:874px; position:absolute; left:0px; top:379px;}

/* CALLOUT AREA */
#calloutOne {background-image:url(/images/home_callout.jpg); background-repeat:no-repeat; position:relative; width:198px; height:190px; margin:15px 10px 0 20px; float:left;}
#one  {position:absolute; width:180px; margin-top:60px; padding-left:12px; font-size:11px; text-align:left; line-height:normal;}
#calloutOne a {position:absolute; width:175px; top:58px; text-align:left; margin-left:12px; font-size:10px; text-decoration:none; font-weight:bold; line-height:14px;}


#calloutTwo {background-image:url(/images/auto_callout.jpg); background-repeat:no-repeat; position:relative; width:198px; height:190px; margin:15px 10px 0 5px; float:left;}
#two {position:absolute; width:180px; margin-top:60px; margin-left:12px; font-size:11px; text-align:left; line-height:normal;}
#calloutTwo a {position:absolute; width:175px; top:58px; text-align:left; margin-left:12px; font-size:10px; text-decoration:none; font-weight:bold; line-height:14px;}


#calloutThree {background-image:url(/images/biz_callout.jpg); background-repeat:no-repeat; position:relative; width:198px; height:190px; margin:15px 10px 0 5px; float:left;}
#three {position:absolute; width:180px; margin-top:60px; margin-left:12px; font-size:11px; text-align:left; line-height:normal;}
#calloutThree a {position:absolute; width:175px; top:58px; text-align:left; margin-left:12px; font-size:10px; text-decoration:none; font-weight:bold;line-height:14px;}


#calloutFour {background-image:url(/images/life_callout.jpg); background-repeat:no-repeat; position:relative; width:198px; height:190px; margin:15px 0 0 5px; float:left;}
#four {position:absolute; width:180px; margin-top:60px; margin-left:12px; font-size:11px; text-align:left; line-height:normal;}
#calloutFour a {position:absolute; width:175px; top:58px; text-align:left; margin-left:12px; font-size:10px; text-decoration:none; font-weight:bold;line-height:14px;}


/* MAIN CONTENT AREA */
#content {background:url(/images/body_gradient.jpg) left bottom repeat-x; width:874px; min-height:500px;}
#content li {font:12px Helvetica, Arial, sans-serif;}

/*CONTENT LEFT AREA */
#contentLeft {float:left; margin:20px  0 0 15px; padding-bottom:20px; width:500px;}
#contentLeft p {font-size:12px; margin:0 15px 0 30px; padding:5px 0 5px 0;}
#contentLeft li {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 15px 0 10px; padding:5px 0 5px 5px;}
#contentLeft img {padding:15px  0 0 10px;} 
#contentLeft h2, #contentLeft h3, #contentLeft h4 {color:#2e6289; margin:0 15px 0 25px; padding:5px 0 5px 0;}

/*CONTENT RIGHT AREA */
#contentRight {height:285px; width:353px; margin:22px  0 0 0; border-left:1px solid #226e9e; position:relative; float:left; }
#contentRight img {margin:0 0 0 0; position:relative; float:left;}
#col-1head {font-size:12px; font-weight:bold; margin:0px; position:absolute; left:20px; top:75px; }
#col-1 {width:145px; margin:0px; font-size:11px; padding:0px; position:absolute; left:35px; top:95px;}
#col-1 a:link, #col-1 a:visited, #col-2 a:link, #col-2 a:visited {text-decoration:underlined; font-size:12px;}
#col-1 a:hover, #col-2 a:hover {text-decoration:none; font-size:12px;}
#col-2head {font-size:12px; font-weight:bold; margin:0px; position:absolute; left:170px; top:75px; }
#col-2 {width:150px; margin:0; font-size:11px; padding:0px; position:absolute; left:185px; top:95px;}

#logos {position:absolute; bottom:0px; right:30px;}
#logos img {padding-left:10px;}
#facebookicon img {position:relative; margin:10px 0px 0px 0px ;}




/*=== Footer ===*/
#footerLinks {margin:0; padding:5px 0; background-color:#346699; border-bottom:1px solid #254f71;}
#footerLinks ul {margin:0; padding:0; display:inline; list-style:none;}
#footerLinks ul li {padding:0 6px; display:inline; list-style:none; border-right:1px solid #fff;}
#footerLinks ul li a, #footerLinks ul li a:link, #footerLinks ul li a:visited {color:#fff; font-size:10px; line-height:20px;}
#footerLinks ul li a:hover, #footerLinks ul li a:focus {color:#fff; font-size:10px; text-decoration:none; line-height:20px;}
#footerLinks .last {border:none;}
#footerLinks .btmFooter {}


#footer {border-top:1px solid #568cb3; height:48px; width:874px;}
#addresses td {font-size:11px; color:#114170; position:relative;}
#delawarenet {position:relative; text-align:center; color:#34669B; margin-top:120px;}
#delawarenet a {color:#34669B;}
#delawarenet a:hover {color:#34669B; text-decoration:none;}

/*=================== HACKS =========================*/
/*=== (PLEASE PUT ALL NORMAL CSS ABOVE THIS AREA) ===*/
/*===================================================*/



/* THIS IS A GREAT CLEARING METHOD THAT WORKS IN IE/FIREFOX/OPERA - MOST OF THE TIME */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END */