/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
 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:#162d44;}

#content-outer, #header-outer, #footer-outer {}
#content-inner, #header-inner, #footer-inner { margin:0 auto; width:980px;}
#content-inner, #header-inner {  position: relative;}

#header-outer {} 
.headerTall #header-inner   { height:378px;}
.headerShort #header-inner  { height:320px;}

 
#content-outer { background:#0b1c2e; position:relative;}
#content-inner { background-repeat:repeat-y; position:relative; min-height:450px;}
.innerWht      { background-image:url(../images/back-content-wht.jpg);}
.innerBlu      { background-image:url(../images/back-content-blue.png);}
.innerBluSq    { background-image:url(../images/back-content-blueSqares.png);}
.innerWhtSq    { background-image:url(../images/back-content-WhtSqares.png);}

#content-shadow { background: url(../images/back-contentTop.png) repeat-x; position:absolute; top:0; height:35px; width:100%; z-index:20;}



/* -- globals -- */
h1, h2, h3, .callout { font-family:"Times New Roman", Times, serif;}
p         { font-size:13px; line-height:21px; color: #444545; padding-bottom:14px; letter-spacing:.02em;}
h1        { font-size:25px; line-height:26px; color: #93894e; font-weight:normal; margin-bottom:4px; padding-bottom:10px;}
h2        { font-size:18px; line-height:18px; color: #631314; font-weight:normal; font-style:normal; padding-bottom:3px; margin:0 0; background:url(../images/ico-copyUnderline.png) left bottom no-repeat;}
h3        { font-size:14px; line-height:16px; color: #93894e; font-weight:normal; font-style:italic; margin:-2px 0 4px 0;}
h4        { font-size:13px; line-height:15px; color: #1c5d8d; margin:13px 0 4px 0;}
h5        { font-size:16px; line-height:18px; color: #631314; font-weight:normal; font-style:normal; padding-bottom:3px; margin:0 0;}

p span    {}
p a, li a { font-weight: bold;}

a         { font-family:Arial, Helvetica, sans-serif; letter-spacing:.02em;}
a:link    { color:#1c5d8d; text-decoration:none;}
a:visited { color:#1c5d8d; text-decoration:none;}
a:hover   { color:#1e79df; text-decoration:underline;}
a:active  { color:#1e79df; text-decoration:underline;}


.color-wht a:link, .color-wht a:visited {color:#FFFFFF;}
.color-wht a:hover, .color-wht a:active {color:#f2be64;}
/*766e3e*/
.color-1   { color:#93894e;}
.color-2   { color:#766e3e;}
.color-3   { color:#444545;}
.color-4   { color:#e4d998;}
.color-5   { color:#1c5d8d;}
.color-wht { color:#fff;}

.TalignRight  { text-align:right}
.TalignCenter { text-align:center;}
.ital         { font-style:italic;}

.rule-1       { height:10px; background:url(../images/ico-dotRule.png) left bottom repeat-x; margin: 0 0 13px 0; clear:both;}
.rule-2       { background:url(../images/ico-dotRule.png) left bottom repeat-y;}

.halfCol      {width:48%; float:left; display:inline;}
.padLeft      {margin:0 14px 0 0 !important;}

.alignLeft    { float:left !important;}
.block-1 .alignLeft { margin:5px 30px 10px 0;}


/* -- jQuery Show Hide Div --*/
.clickBtn       { padding:2px; width:100%; background:#c3d5e3;}
.clickBtn:hover { cursor:pointer; background:#d3e3f1;}
.clickBtn i     { font-size:11px; font-weight:normal;}
.reveal {}


/* -- lists --*/
.block-1 ul, .block-2 ul       { margin:-5px 0 6px 10px;}
.block-1 ol, .block-2 ol      { font-size:21px; line-height:15px; color: #1c5d8d; margin:-5px 0 6px 30px;}
.block-1 ul li, .block-2 ul li, .block-1 ol p, .block-2 ol p { font-size:13px; line-height:20px; color: #3d5077; letter-spacing:.01em;}
.block-1 ul li, .block-2 ul li { background:url(../images/ico-bullet.png) 0 6px no-repeat; padding:0 0 6px 14px; list-style:none;}
.block-1 ol li, .block-2 ol li { padding:0 0 6px 2px;}

.block-1 li li, .block-2 li li { background:url(../images/ico-bullet2.png) 0 7px no-repeat; padding:0 0 3px 14px; font-size:13px; line-height:18px; color: #766e3e; letter-spacing:.01em;}
.block-1 ul ul                 { padding:13px 0 4px 14px;}
.block-1 ul ul.half            { width:45%; float:left;}




/* -- footer -- */
#footer-outer            { background: url(../images/back-footerBar.png) left top repeat-x;}
#footer-inner            { padding:14px 0 40px 0; background:url(../images/ico-dotRule.png) 0 14px repeat-x;}
#footer-inner .content   { padding:14px 0 0 0;}
#footer-inner .content .block-1 h4      { padding:0 0 0 22px;}
#footer-inner .content .block-1 p       { font-size:13px; color:#234e7f; line-height:11px; padding:13px 0 0 22px;}
#footer-inner .content .block-2                { float:right; width:290px; margin-top:0;}
#footer-inner .content .block-2 p       { font-size:13px; color:#1c5d8d; line-height:16px; text-align:right; padding:6px 22px 0 0;}
#footer-inner .content .block-2 p span  { font-size:21px; padding:0 0 0 8px;}



/* -- header tall -- */
.headerTall                              { background:url(../images/back-headerBar.jpg) repeat-x;}
.headerTall #hero                        { position:absolute; top:43px; right:0px; height:291px; width:677px; background-repeat:no-repeat;}
.headerTall #header-logo, #header-logo a { width:281px; height:313px;}
.headerTall #header-logo                 { position:absolute; top:0; left:22px; z-index:5; background:url(../images/duble-ohearn-logo.jpg) no-repeat;}
.headerTall #header-logo a               { display:block;}

/* -- header short -- */
.headerShort                              { background:url(../images/back-headerBar-sm.jpg) repeat-x;}
.headerShort #hero                        { position:absolute; top:43px; right:40px; height:233px; width:705px; background-repeat:no-repeat;}
.headerShort #header-logo, #header-logo a { width:213px; height:276px;}
.headerShort #header-logo                 { position:absolute; top:0; left:22px; z-index:5; background:url(../images/duble-ohearn-logo-sm.jpg) no-repeat;}
.headerShort #header-logo a               { display:block;}

#header-tagline         { }
#header-bar             { position:absolute; top:13px; right:22px; width:600px;}
#header-bar p           { color:#1c5d8d; font-size:13px; line-height:16px; text-align:right;}
#header-bar p a         { text-decoration:none; padding:0 8px;}
#header-bar p span      { font-size:21px; padding:0 0 0 8px;}



/* -- navigation -- */
#main-nav-outer       { height:42px; position:absolute; z-index:1000; width:100%;}
#main-nav             { height:42px; margin:0 auto; width:940px;}
#main-nav ul li       { list-style:none;}
#main-nav ul          { float:left; display:block; position:relative;}
#main-nav ul a        { display:block; font-size:13px; letter-spacing:.02em; padding:6px 28px 9px 28px; color:#e4d998; text-decoration:none; background:url(../images/nav-off.jpg) repeat-x;}

#main-nav ul a:hover  { background:url(../images/nav-on.jpg) repeat-x;}
 
#main-nav ul ul 	  {/* display:none;*/ left:0; top:42px; position:absolute; background:url(../images/nav-off.jpg) repeat-x; width:240px; border-left:1px solid #102b4a; border-right:1px solid #102b4a;}
#main-nav ul:hover ul {/* display:block;*/}
#main-nav ul ul li    { border-bottom:1px solid #102b4a; border-top:1px solid #3c72a5;}						

#main-nav span        { display:block; float:left; width:2px; height:42px; background:url(../images/nav-seperator.png) no-repeat;}
.headerTallNav        { top:336px;}							
.headerShortNav       { top:278px;}




/* -- content -- */
.block-1                { float:left; width:680px;}
.block-1 .top           {}
.block-1 .bot           {}
.block-1 .content       { margin:50px 0; padding:8px 60px; background:url(../images/ico-dotRule.png) top right repeat-y;}
.contentPad2            { margin:34px 0 28px 0 !important; padding:8px 22px !important;}

.block-2                { float:right; width:290px; margin-top:56px;}
.block-2 .top           {}
.block-2 .bot           {}
.block-2 .content       { margin:0 16px 28px 16px; padding:0;}
.block-2 .content p     { color:#766e3e; font-style:italic;}
.block-2 .content img   { margin:0 0 20px 0;}

.block-3                { width:302px; float:left; margin:0 0 22px 19px; display:inline;}
.block-3 .top           { height:22px; background:url(../images/box-bluTop.png) no-repeat;}
.block-3 .bot           { height:22px; background:url(../images/box-bluBot.png) no-repeat;}
.block-3 .content       { background: url(../images/box-bluContent.png) repeat-y; margin:0; padding:0 20px; height:235px;}
.block-3 p              { color:#8d8d8d;}



/*-- callout --*/
.callout p              {}
.calloutBlue p          { color:#447391; font-size:22px; line-height:30px;}
.calloutBlue p span     { color:#82adca;}
.calloutGold p          { color:#93894e; font-style:italic; font-size:25px; line-height:30px; padding:0 0 20px 0;}



/* -- buttons -- */
.btn-main                { margin:4px 0; float:right; display:inline;}
.btn-main a              { text-decoration:none;}
.btn-main a, .btn-main span, .btn-main a b {display:block; height:27px; float:left; background-repeat:no-repeat;}
.btn-main a:hover b, .btn-main a:active b, .btn-main a:hover span, .btn-main a:active span { background-position: 0 -27px; cursor:pointer;}

.btn-main a span         { background-image:url(../images/btn-bluR.png); width:8px; height:27px; display:block; float:left;}
.btn-main a b            { color:#82adca; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding:1px 8px 0 16px; background-image:url(../images/btn-bluL.png);}

.sideNav                { margin:0 8px 20px 8px; padding:0;}
.btn-big                { margin:0; float:left;}
.btn-big a              { text-decoration:none;}
.btn-big a, .btn-big span, .btn-big a b {display:block; height:50px; float:left; background-repeat:no-repeat;}
.btn-big a:hover b, .btn-big a:active b, .btn-big a:hover span, .btn-big a:active span { background-position: 0 -50px; cursor:pointer;}

.btn-big a span         { background-image:url(../images/btn-BigR.png); width:9px; height:50px; display:block; float:left;}
.btn-big a b            { color:#234e7f; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:220px; height:34px; /* font-weight:normal; text-transform:uppercase;*/ padding:16px 0 0 38px; background-image:url(../images/btn-BigL.png);}

.line2  { padding-top:10px !important; padding-bottom:6px !important;}



/* -- forms -- */
.formBtn input         { background:url(../images/btn-bluL.png) 0 0 no-repeat; height:27px; color:#FFFFFF; border:none; padding:3px 8px 8px 13px; float:left;}
.formBtn input:hover   { background:url(../images/btn-bluL.png) 0 -27px no-repeat; cursor:pointer;}
.formBtn b             { background:url(../images/btn-bluR.png) 0 0 no-repeat; width:8px; height:27px; display:block; float:left;}

.form p input, .form p select, .form p textarea {font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.form span        { display:block; float:left; width:160px; text-align:right; margin-right:10px;}
.form p input     {}
.field, .formRt input { border:1px solid #999999; padding:2px; color: #444545; width:240px; background:#FFFFFF url(../images/ico-fieldBack.png) repeat-x;}
textarea.field    { background:#FFFFFF url(../images/ico-fieldBack2.png) repeat-x;}
.form p select    { width:245px;}
.form p option    { padding:2px 6px;}
.form p textarea  { width:375px; height:70px;}
.default          { border:none; width:14px !important;}
.formRt           { margin:0 0 0 170px;}