/* www.spikesjunkyarddogs.com */

/*
  This is the base style for all body text.
  Special thanks to Owen Briggs for relative font sizing tips.
*/
body {
 font-family: "Comic Sans MS", sans-serif; 
 font-size: 76%; 
 color: black;
 line-height: 1.8em;
 vertical-align: baseline;
 background-color: #fff300;
/*
 background-color:#FF801A;
*/
}

body,
div,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
a { /* a must be block for rollover graphics to work */
 margin:0px;
 padding:0px;
 border:0px;
 display:block;
}

p a,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
 display: inline;
}

p, 
td, 
ol, 
ul {
 font-size: 1.0em; 
}

ul {
 list-style-type: square;
}

/*
  This is the base style for all headers.
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 color: #ff0000;
 font-family: "Tahoma", sans-serif; 
 font-weight: bold;
 vertical-align:baseline;
}

h1 {
 font-size: 1.6438em; 
 text-transform: uppercase;
}

h2 {
 font-size: 1.1506em; 
}

h3 {
 font-size: 1.0em; 
 line-height: 1.2em;
 margin-bottom: 4px;
}

h4 {
 font-size: 0.6em; 
}

h5 {
 font-size: 0.6em; 
}

h6 {
 font-size: 0.6em; 
}

cite {
 font-style: normal;
 font-variant: small-caps;
}

/*
  General purpose link colors
*/
a:link {
 color: #710000;
}

a:visited {
 color: #3B0000;
}

a:hover {
 color: #D00000;
}

a:active {
 color: #1A45FF;
}


.clear_floats {
 clear: both;
}

#center_float {
 /* Contains all page elements and floats 
    horizontally in the center of the window. */
 position:relative;
 width:647px;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 overflow:visible;
}

#logo {
 position: absolute;
 float: left;
 width: 300px;
 height: 112px;
 left: -90px;
}

#main_menu {
 display:block;
 clear: left;
 float: left;
 width: 124px;
 /*margin-top: 162px;*/ /* default position */
 margin-top: 200px; /* double banner position */
 
} 

#main_menu div {
 /* Default settings for main menu btns. */
 width:124px;
 height:56px;
}

#main_menu a {
 /* Default settings for main menu btns. */
 display: block;
 width:124px;
 height:56px;
 background-position:0px 0px;
 background-repeat:no-repeat;
 position:relative; /* NOTE: this is vital to making rollovers work in IE5 Mac. (Just don't ask me why. */
}

#main_menu a:link,
#main_menu a:visited {
 background-position:0px 0px;
}

#main_menu a:hover {
 background-position:0px -56px;
}

#main_menu a:active {
 background-position:0px -112px;
}

#btn_ingredients a {
 background-image:url("images/btns/btn_ingredients.gif");
}

#btn_menu a{
 background-image:url("images/btns/btn_menu.gif");
}

#btn_locations a{
 background-image:url("images/btns/btn_locations.gif");
}

#btn_testimonials a{
 background-image:url("images/btns/btn_testimonials.gif");
}

#btn_franchise a{
 background-image:url("images/btns/btn_franchise.gif");
}

#btn_photos a{
 background-image:url("images/btns/btn_photos.gif");
}

#btn_fanatics a{
 background-image:url("images/btns/btn_fanatics.gif");
}

#btn_press_kit a{
 background-image:url("images/btns/btn_press_kit.gif");
}

#right_column {
 /* Contains the header_region and content_region. */
 position: absolute;
 top: 200px;
 width: 434px;
 margin-left: 230px;
 /*padding-top: 64px;*/ /* default position */
 padding-top: 40px; /* double banner position */
 min-height: 420px;
}

#section_title {
 margin-bottom:10px; 
}

#right_column p {
 width: 400px;
}

#footer {
 margin-top: 40px;
 clear: both;
}

#footer p {
 text-align: center;
 width: 100%;
}

#banner {
 height: 34px;
 background-color:#1A45FF;
 width: 400px;
 position: relative;
 top: 40px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 90px;
 text-align: center;
 display: none;
}

#banner p {
 font-family: "Tahoma", sans-serif; 
 font-weight: bold;
 font-size: 1.1em;
 color: white;
 margin: 0;
 padding: 0;
 padding-top: 6px;
 width: auto;
}

#banner img {
 display: block;
 margin: 0;
 padding: 0;
}

#banner img#banner_image {
	margin-left: auto;
	margin-right: auto;
}

#banner img#banner_cap_left {
	position: relative;
	left: -17px;
	float: left;
}

#banner img#banner_cap_right {
	position: relative;
	right: -17px;
	float: right;
}

#copyright {
 width:100%;
 clear:both;
 font-size:9px;
 color:#b38f00;
 padding: 0;
}

#banner_top {
 /* Used for special announcements. */
 position: absolute;
 top:0px;
 left: 230px;
}

#banner_top a {
 display: block;
 margin-bottom: 16px;
}

/* Coming soon btn */

div #btn_announcement,
div #btn_announcement a {
 width:62px;
 height:44px;
 background-repeat:no-repeat;
 background-position:0px 0px;
 background-image:url("images/btns/btn_new.gif");
 display:none;
}

div #btn_announcement {
 position:absolute;
 z-index:20;
 top:20px;
 left:436px;
 background-position:-62px 0px;
}

#btn_announcement a:hover {
 background-image:none;
}

div #btn_announcement a:active {
 background-image:url("images/btns/btn_new.gif");
 background-position:-124px 0px;
}