/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
 css template created by Lucas Deaver
 © 2010 Double Take Solutions Inc.

 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin:0; padding:0; outline:none;}
.clearAll { clear:both; font-size:1px; line-height:1px; height:.01em;}


/* -- shell -- */
body { font-family: Arial, Helvetica, sans-serif; background:#FFFFFF;}
#header-outer  { background:url(../images/back-header-outer.png) repeat-x;}
#header-inner, #content-inner, #footer-inner { margin:0 auto; width:920px; position:relative;}
#header-inner { height:303px; background:url(../images/back-headerInner.jpg) bottom no-repeat;}
  
#content-outer { background:url(../images/back-content-outer.png) repeat-x;}
#content-inner { background:url(../images/back-sidebar.png) top right repeat-y;}


#footer-outer  {}
#footer-inner  { background:url(../images/back-footer.png) repeat-x;}


/* -- globals -- */
p         { font-size:12px; line-height:18px; color:#343434; padding:0 10px 10px 0;}
.largerP p { font-size:14px; line-height:20px; padding:0 10px 14px 0;}

/* -- Arial Black -- */
h3, p span, .block-2 .content h1, .callout a { font-family:"Arial Black", Arial, "75 Helvetica Bold", sans-serif; font-size:15px;}


h2, #header-intro { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:27px; font-weight:normal; padding-bottom:15px; color:#a5462f;}
h3        { line-height:18px; padding:0 10px 4px 0; color:#11729b; padding-top:5px;}
h4        {}
h5        {}
ul        { padding:0 10px 5px 0; font-size:12px; line-height:18px; color:#343434;}
li        { padding:0 0 5px 20px; list-style:none; background:url(../images/ico-bullet.png) 6px 5px no-repeat;}
p span    { color:#11729b;}

a         {}
a:link    { color:#11729b; text-decoration:underline;}
a:visited { color:#11729b; text-decoration:underline;}
a:hover   { color:#4fa6d9; text-decoration:underline;}
a:active  { color:#4fa6d9; text-decoration:underline;}

.color-blue  { color:#11729b;}
.color-red   { color:#a5462f;}
.color-blue2 { color:#4fa6d9;}
.color-wht   { color:#fff;}

.rule-1   {}
.rule-2   {}

iframe { border:1px solid #D6CB5A;}

.wideCol {width: 550px !important; left:0 !important;}




/* -- header -- */
#header-img            { position:absolute; width:489px; height:303px; top:0; right:-10px; background:url(../images/hero-happyFamily.png) no-repeat;}

#header-logo, #header-logo a {  width:568px; height:120px;}
#header-logo            { position:absolute; top:50px; left:10px; z-index:5; background:url(../images/Svendsen-logo.png) no-repeat;}
#header-logo a          { display:block;}
#header-tagline         { position:absolute; top:140px; left:113px; z-index:10; color:#FFFFFF; font-size:12px;}

#header-intro           { color:#a3ddf5; position:absolute; left:114px; bottom:0; width:420px; padding-bottom:25px;}
#header-inner .title    { font-size:30px;}

#header-bar             { position:absolute; top:10px; left:15px; width:600px; height:20px; z-index:0;}
#header-bar p           { color:#4fa6d9; font-size:12px;}
#header-bar p a         { display:inline; padding:0 10px;}
#header-bar p a:link    { color:#4fa6d9; text-decoration:none;}
#header-bar p a:visited { color:#4fa6d9; text-decoration:none;}
#header-bar p a:hover   { color:#fff; text-decoration:underline;}
#header-bar p a:active  { color:#fff; text-decoration:underline;}
#header-bar p span      { color:#4fa6d9;}



/* -- navigation -- */
#main-nav             { margin:46px 9px 9px 9px;}
#main-nav ul          { background:url(../images/ico-dashLine.png) left bottom repeat-x; float:left; width:249px;}
#main-nav ul h1       { margin:3px 4px 4px 2px;}
#main-nav ul h1 a     { color:#a5462f; display:block; padding:4px 2px 4px 14px; text-decoration:none; font-size:15px; background:url(../images/ico-carrotGreen.png) 4px 10px no-repeat;}
#main-nav ul h1:hover { background:url(../images/btn-navOn.png) repeat-x;}

.icons         { padding:0 0 0 4px; margin:8px 0 0 0; width:271px; background:#e3d279;}
.icons a       { display:block; float:left; height:92px; width:89px; background-repeat:no-repeat;}
.icons a:hover { background-position:0 -92px;}
.home          { background-image:url(../images/btn-homeIns.png);}
.auto          { background-image:url(../images/btn-autoIns.png);}
.business      { background-image:url(../images/btn-businessIns.png);}
.seal          {float:right; margin:10px 0 20px 10px;}


/* -- footer -- */
#footer-inner .content { padding:15px; height:100px;}
#footer-1              { float:left; width:45%; text-align:left;}
#footer-2              { float:right; width:45%; text-align:right;}
#footer-inner p        { color:#737373; font-size:12px;}
#footer-inner p span   { }



/* -- content -- */
.block-1 { float:left; width:430px; padding:32px 0 40px 110px;}
.block-1-quote { float:left; width:430px; padding:32px 0 40px 0px;}
.block-2 { float:right; width:344px;}
.block-2 .icons      { position: absolute; right:33px; top:-82px; z-index:10;}
.block-2 .content    { margin:0 33px 0 36px; background: url(../images/back-sidebarTop.png) repeat-x;}
.block-2 .content h1 { color:#666666; margin:8px 0 0 0; font-size:16px;}

.block-1 p img {float:left; margin:0 14px 10px 0;}

/* -- callout -- */
.callout   { width:170px; margin:0 20px 20px 0; padding:14px; background: url(../images/back-callout-red.jpg) repeat-y; float:left;}
.callout p { font-size:12px; color:#FFFFFF; line-height:18px;}

.callout a { color:#FFFFFF; display:block; 
background:url(../images/ico-carrotYellow.png) 0 3px no-repeat; padding:0 0 0 10px; text-decoration:none;}

.callout a:hover { text-decoration:underline;}



/* -- un-tables -- */
.table { margin:10px 0 20 0;}
.rowRuleTitle { border-bottom:1px solid #a5462f; clear:both;}
.rowRule      { border-bottom:1px dotted #a5462f; clear:both;}
.cell         { padding:8px 5px; float:left;}
.cell p       { font-size:12px; line-height:14px; margin:0; padding:0;}
.cell h3      { font-size:12px; line-height:14px; margin-bottom:2px;}
.cellTwoCol   { width:47%;}
.cellThreeCol { width:30%;}

/* -- buttons -- */
.btn-blu                  {margin:2px 0 10px 0; clear:both;}
.btn-blu a, .btn-blu span {display:block; height:27px; float:left; background-repeat:no-repeat;}
.btn-blu a                { text-decoration:none; background-image:url(../images/btn-bluL.png);}
.btn-blu a:hover, .btn-blu a:active, .btn-blu a:hover span, .btn-blu a:active span { background-position: 0 -27px; cursor:pointer;}

.btn-blu a span           { background-image:url(../images/btn-bluR.png); width:9px;}
.btn-blu a b              { color:#a3ddf5; font-size:12px; padding:3px 8px 0 17px; float:left;}