﻿html {   /*width:100%;*/ background-color: #000000;}

body {  margin:0px; height:100%; text-align:center;  }
a {	 color: #EF3e42;}
a:visited {	color: #EF3e42;}
a:hover {	color: #EF3e42; }
a:active {	 color: #007ac2; }
.style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: #FD9C31; }
style3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #FD9C31; }
.style4 { font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold;  color:#111111;padding-left:84px;}
.style9 { font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold;  color:#111111;}
.menu {text-align:left; width:870ps; margin-right:auto; margin-left:auto;}
.menu h2 { font: 1.2em; font-family: "Georgia", sans-serif; font-weight:bold; background-color:#EF3e42; color:#FAAB53;}
.graphic { padding-left:7px;  margin-left:5px; margin-right:25px; float:left;}
.graphic img { width:200px; height:200px;}

ul#slices li{
	display:inline-block; float:left; padding:10px; vertical-align:middle;}

#slices{
	width:650px; text-align:center;	margin-left:auto; margin-right:auto;}

.boilerplate {
	font-face:Verdana, Arial, Helvetica, sans-serif; font-size:.7em;color:gray; text-align:right;
}

h2 { font: .9em; font-family: "Georgia", sans-serif; font-weight:bold;}
div.wrapper {  width: 900px; height:100%;  margin: 0 auto;text-align :center; background-color:#FFFFFF;  }	
div.masthead {  width: 900px ; text-align:center; margin-left: auto; margin-right: auto; height: 153px;  background-image:url('dq-bg_39x153.png'); }		
div.main { background-color:#FFFFFF;  padding: 15px; margin-left : auto; margin-right: auto; background-color:#FFFFFF;
	       font-family: Verdana, Arial, Helvetica, sans-serif; height:auto;}
div.row {  clear: both;  padding-top: 1px;  }
div.spacer {   clear: both;  padding-top: 7px; }span.left {  float: left; text-align: left; }
span.right { float: right; text-align: right;  }

.center{
	margin:0 auto;
	text-align:center;
}
/*
div.cont88 {   border: 1px dashed #3ff;  background-color: #ffe; width:89.5%; }
div.float2 {  float: left;  width: 110px; }
div.float p {   text-align: left;  } 
div.float3 {  float: left;  width: 25%;  }   

 */
div.float4 {  float: left;  width: 48%;  margin-right: 10px } 
div.float {  float: left;  width:200px; }
	
div.footer {  text-align: left; background:#0758A3; }

.hnav { margin-top: -62px;  margin-bottom: 16px; margin-left:70px; text-align:right;   }
/*
 padding-left:15px; padding-right:15px; float:right;
 
 
.hnav ul {	border: 0; 	margin: 0;	padding: 0px;	list-style-type: none;	text-align: center;}
.hnav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
.hnav ul li a {  font-weight: bold; background: #336699; width: 82px; padding:5px; height: 18px; border-top: 1px solid #f5d7b4; border-left: 1px solid #f5d7b4; 
border-bottom: 1px solid #f5d7b4; border-right: none;	padding: 10px 0px;  color: #fff; text-decoration: none;	display: block; text-align: center;
 font-family: "Georgia", sans-serif, verdana, lucida, sans-serif;}

.hnav ul li a:hover { 	color: #930; background: #f5d7b4;}

body #home a #home_nav,
body #locations a #locations_nav,
body #cake a #cake_nav,
body #menu a #menu_nav,
body #events a #events_nav,
body #contact a #contact_nav { color: #ffffff; background: #3366FF;}
*/	

.tabs {
	width:98%; text-align:center; padding-bottom:26px; 
}
UL.tabNavigation {  list-style: none; margin-left:-38px; width:870px;}

UL.tabNavigation LI { display: inline; }
	UL.tabNavigation LI A { padding: 8px 8px; margin-left:4px; background-color: #ccc; color: #000; font-size:.9em; font-family:Arial, Helvetica, sans-serif;font-weight:bold;  text-decoration: none; }
	UL.tabNavigation LI A.selected,
	UL.tabNavigation LI A:hover { background-color: #333; color: #fff; padding-top: 7px;}
	UL.tabNavigation LI A:focus { outline: 0; }
	

p {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

div.clearbutton {display:inline-block;}

/* GLOBAL ORANGE BUTTON *****************************/
a.DQButton span {
background: transparent url('../images/button_left_red.png') no-repeat 0 0;
display: block;
line-height: 22px;
padding: 7px 6px 5px 18px;
color: #fff;
}

a.DQButton {
background: transparent url('../images/button_right_red.png') no-repeat top right;
display: block;
float: left;
height: 34px;
margin-right: 6px;
padding-right: 10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:15pt;
font-weight:bold;
font-variant:small-caps;
}

a.DQButton:hover span {
background-position: 0 -34px; color: #fff;
}

a.DQButton:hover {
background-position: right -34px;
}



span.graphic img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
}

.box{
	border-radius: 10px;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px #666;
    background: #ddd; /* // url(images/background.jpg);      */
    text-align:center;
    margin: 10px auto;
    width: 640px;
    height: 200px;

}

.giftbox{
/*	border-radius: 10px;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px #666;
    background: #ddd;  // url(images/background.jpg);      */
    text-align:center;
    margin: 10px auto;
    width: 340px;
    height: 316px;
	float:left;
}
.bottomNav{
	font: bold .75em arial;text-decoration: none;color:#EF3e42; text-transform: uppercase;
}

 .lavaLampBottomStyle {
            position: relative;
            height: 33px;
            width: 672px;
            padding: 7px;
            margin: 20px 10px 0px 0px;
            overflow: hidden;
            border: 0px;
            float:right;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid #EF3B43;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold .75em arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 6px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     

.coupon {
	padding: 10px;
	text-align: center;
	border: 5px dashed #AAA; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; }
