/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
 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:Georgia, "Times New Roman", Times, serif; background:#450000 url(../images/back-body.png) repeat-x;}

#header { height:140px;}
  
#content-outer { background:url(../images/back-swirls.jpg) top center no-repeat;}
#content-inner { margin:0 auto; width:980px; position:relative;}


/* -- footer -- */
#footer            { position: relative;}
#footer .content   { padding:0 40px; position:relative; z-index:5;}
#footer .content p { font-size:11px; color:#a24530; text-align:right;}
#footer-swirl      { position:absolute; width:323px; height:203px; top:-100px; right:-20px; background:url(../images/back-footerswirl.png) no-repeat;}


/* -- layers -- */
.block-1 { z-index:20;}
.block-2 { z-index:10;}

/* -- globals -- */
p         { font-size:14px; line-height:20px; color: #1d1d1d; font-style:italic; padding-bottom:14px;}
h1        { font-size:20px; line-height:24px; color: #78130e; font-weight:normal; margin-bottom:4px;}
h2        { font-size:18px; line-height:20px; color: #205267; font-weight:normal; font-style:normal; padding-bottom:3px; margin:6px 0; background:url(../images/ico-copyUnderline.png) left bottom no-repeat;}
h3        { font-size:14px; line-height:16px; color: #104600; margin-bottom:4px;}
h4        {}
h5        {}
ul        { font-size:14px; line-height:20px; color: #1d1d1d; font-style:italic; padding-bottom:12px; margin:0 0 6px 4pxpx;}
li        { list-style:none; padding:4px 0 6px 22px; background:url(../images/ico-bullet2.png) 0px 10px no-repeat; border-bottom:1px solid #fff0c4;}
li i      { font-size:11px;}
p span    { color:#205267; font-weight:bold;}

a         {}
a:link    { color:#205267; text-decoration:underline;}
a:visited { color:#205267; text-decoration:underline;}
a:hover   { color:#720500; text-decoration:underline;}
a:active  { color:#720500; text-decoration:underline;}

.color-wht a:link, .color-wht a:visited {color:#FFFFFF;}
.color-wht a:hover, .color-wht a:active {color:#f2be64;}

.color-blue  { color:#205267;}
.color-red   { color:#720500;}
.color-red2  { color:#e92b00;}
.color-green { color:#104600;}
.color-wht   { color:#fff;}
.alignRight  { text-align:right}
.alignCenter { text-align:center;}

.ital { font-style:italic;}

.rule-1   { height:10px; background:url(../images/ico-copyUnderline.png) left bottom no-repeat; margin: 0 0 12px 0; clear:both;}
.rule-2   {}

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

.alignL { float:left !important;}


/* -- header -- */
#header-logo, #header-logo a {  width:259px; height:116px;}
#header-logo            { position:absolute; top:17px; left:60px; z-index:5; background:url(../images/logo-mrBsPizza.png) no-repeat;}
#header-logo a          { display:block;}
#header-tagline         { position:absolute; top:110px; left:240px; color:#edc17d; font-size:12px;}
#header-bar             { position:absolute; top:76px; right:55px;}
#header-bar p           { color:#e92b00; font-size:23px; line-height:25px; text-align:right; font-style:italic;}
#header-bar p span      {font-size:16px; color:#e92b00;}

/* -- navigation -- */
#main-nav               { background: url(../images/nav-grain.jpg) no-repeat; margin:0 0 0 13px; margin-bottom:40px;}
#main-nav ul            { background:url(../images/ico-dashLine.png) left bottom repeat-x; width:234px; position:relative; margin:0; padding:0;}
#main-nav ul h1         { padding:3px;}
#main-nav ul h1 a       { color:#720500; display:block; padding:2px 2px 6px 18px; text-decoration:none; font-size:18px; line-height:20px; background:url(../images/nav-line.png) bottom no-repeat;}

#main-nav ul h1 a:hover { color:#104600;}

.slice                  { display:none; position:absolute; z-index:25; top:2px; left:-14px; width:33px; height:27px; background:url(../images/ico-pieSlice.png) no-repeat;}
#main-nav ul h1 a:hover .slice { display:block;}



/* -- content -- */
.block-1                { float:right; width:729px; position:relative;}
.block-1 .top           { background:url(../images/body-top.png) no-repeat; height:36px;}
.block-1 .bot           { background:url(../images/body-bot.png) no-repeat; height:45px;}
.block-1 .content       { background:url(../images/body-tile.png) repeat-y;}
.block-1 .content-inner { background:url(../images/body-hero.jpg) top no-repeat; margin:0 15px; min-height:200px;}

.block-2                { width:240px; position:absolute; left:26px; top:180px;}
.block-2 .top           { background:url(../images/nav-top.png) no-repeat; height:37px;}
.block-2 .bot           { background:url(../images/nav-bot.png) no-repeat; height:37px;}
.block-2 .content       { background:url(../images/nav-tile.png) repeat-y;}

.hero                   { position:absolute; top:16px; left:18px; width:510px; height:260px; background-repeat:no-repeat;}
.block-3                { width:410px; float:left; margin-top:210px; padding:0 10px 0 27px; background:url(../images/body-swirl.png) 0 0 no-repeat;}
.block-3 h1             { font-size:26px;}
.block-3 .copy          {/* background:url(../images/ico-copyUnderline.png) left bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 12px 0;*/}
.block-3 .copy img      { float:left; border:3px solid #f2be64; margin:0 14px 8px 0;}

.block-4                { width:211px; float:right; margin:0 27px 0 0; position:relative; z-index:20;}
.block-4 .copy          { margin:0 0 10px 0;}
.block-4 .seperate      { background:url(../images/ico-seperator.gif) 10px 0 no-repeat; padding-top:14px;}   
.block-4 h1             { color:#fbff99;}
.block-4 .sideItem      { margin:8px 0 0 0; padding:10px 0 0 70px; background-repeat:no-repeat;}


/*-- callout --*/
.callout  { position:absolute; width:242px; height:240px; bottom:-160px; left:40px; background:url(../images/paperTab.png) no-repeat;}
.callout p { color:#104600; font-size:16px; line-height:24px; text-align:right; margin:40px 60px 30px 20px;}
.callout p span {}



/* -- buttons -- */
.btn-main                { margin:4px 0; float:right;}
.btn-main a              { text-decoration:none;}
.btn-main a, .btn-main span, .btn-main a b {display:block; height:26px; 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-redR.png); width:8px; height:27px; display:block; float:left;}
.btn-main a b            { color:#fff2c5; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; padding:1px 8px 0 16px; background-image:url(../images/btn-redL.png); height:26px; display:block; float:left;}
p.btn-main   { padding-bottom:0;}


/* -- menu -- */
.menu h2  {}
.menu ul ul li { margin:0; padding:0px 0 4px 22px;}

/* -- forms -- */