/*
STYLE GUIDE
--------------------------------------------------
--------------------------------------------------

PAGE TITLES
--------------------------------------------------
HTML Tag: <h2>
Photoshop Template: h2.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 55px
Font Color: #ffffff
Background Color: #0064a1 (note slight shadow over bottom of text)
File Naming Convention: file is "h2-" plus the text of the title all lowercase separated by dashes (ex. h2-feast-pizzas-v1.gif )
CSS Naming Convention: ID is "h2-" plus the text of the title all lowercase separated by dashes (ex. <h2 id="h2-feast-pizzas">Feast Pizzas</h2> )

BREADCRUMBS
--------------------------------------------------
HTML Tag: <p>
Photoshop Template: breadcrumb-v1.psd and breadcrumb-home-v1.psd (home page breadcrumb is different in height)
Font: Orator Std
Font Size: 12px
Font Color: #ffffff
Background Color: #f5001e
File Naming Convention: ID is "bcrumb-" plus the text of the title all lowercase separated by dashes (ex. bcrumb-dominos-menu-feasts-v1.gif )
CSS Naming Convention: ID is "h2-" plus the text of the title all lowercase separated by dashes (ex. <p class="breadcrumbs" id="bcrumb-dominos-menu-feasts">Dominos / Menu / Feasts</p> )

NAVIGATION MAIN
--------------------------------------------------
HTML Tag: <div class="topNav"><ul id="navigation-main"><li id="seeMenu"><a href="#" title="Menu" class="selected">
Photoshop Template: navigation-main.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 21px
Font Color: #0064a1 (off and selected) / #80b2d0 (hover) (note slight glow at the bottom of text, this has been removed and left transparent on each state to eliminate matching problems)
Background Color: #ffffff
File Naming Convention: ID is based on old naming convention (ex. seeMenu-v1.gif )
CSS Naming Convention: ID is based on old naming convention and is placed on the <li> (ex. <li id="seeMenu"> )

NAVIGATION SUB
--------------------------------------------------
HTML Tag: <div class="topNav"><ul id="navigation-sub"><li id="subnav-pizzas"><a href="#" title="Pizzas" class="selected">
Photoshop Template: navigation-sub-menu.psd and navigation-sub-olo.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 18px
Font Color: #ffffff (50% transparent, off state) / #ffffff (hover and selected)
Background Color: #0064a1
File Naming Convention: ID is "subnav-" plus the text of the link all lowercase separated by dashes (ex. subnav-pizzas-v1.png )
CSS Naming Convention: ID is "subnav-" plus the text of the link all lowercase separated by dashes and is placed on the <li> (ex. <li id="subnav-feasts"> )
*/

/*
reset.css
--------------------------------------------------*/
/*html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:#333;background:white;}
/*table{border-collapse:separate;border-spacing:0;}*/
caption{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*
typograpghy.css
--------------------------------------------------*/
body{font-family:Arial,sans-serif;line-height:1.5;}
body{font-size:75%;}
html > body{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;}
h1{font-size:3em;}
h2{font-size:2em;}
h3{font-size:1.5em;line-height:2;}
h4{font-size:1.2em;line-height:1.25;font-weight:bold;}
h5{font-size:1em;font-weight:bold;}
h6{font-size:1em;}
p{margin:0 0 1.5em 0;}
p.last{margin-bottom:0;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top{margin-top:0;}
ul,ol{margin:0 0 1.5em 1.5em;}
ol{list-style-type:decimal;}
dl{margin:1.5em 0;}
dl dt{font-weight:bold;}
a{color:#125AA7;text-decoration:underline;outline:none;}
a:hover{color:#000;}
blockquote{margin:1.5em 0 1.5em 1.5em;font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
code{font:0.9em Monaco,monospace;}
hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}
* html hr{margin:0 0 1.2em 0;}
label{font-weight:bold;}
p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
p.large{font-size:1.2em;line-height:2.5em;}
p.quiet{color:#666;}
.hide{display:none;}
.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}
.dquo{margin-left:-.7em;}
p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;}

/*
HTML
--------------------------------------------------*/
body
	{
	text-align: center;
	background: #fff;
	}
a:link
	{
	color: #0064a1;
	}
a:hover
	{
	color: #f5001e;
	}

/*
SITE-WRAPPER
--------------------------------------------------*/
.site-wrapper
	{
	margin: 0 auto;
	width: 980px;
	padding-left: 4px;
	overflow: hidden;
	text-align: left;
	position: relative;
	}

/*
HEADER
--------------------------------------------------*/
.header
	{
	text-align: center;
	height: 48px;
	position: relative;
	z-index: 200;
	}
h1
	{
	position: absolute;
	top: 11px;
	left: -5px;
	width: 128px;
	height: 128px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 900;
	}
h1 a
	{
	display: block;
	width: 128px;
	height: 128px;
	background: transparent url(../h1-v1.png) no-repeat;
	cursor: pointer
	}
h1 a:hover
	{
	cursor: auto;
	}
#lang-nav
	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 66px;
	height: 17px;
	width: 71px;
	}
#lang-nav li
	{
	float: right;
	margin: 0;
	padding: 0;
	}
#lang-eng,
#lang-esp
	{
	height: 17px;
	background: transparent url(../images/lang-nav-v1.gif) no-repeat;
	}
#lang-eng a,
#lang-esp a
	{
	height: 17px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/lang-nav-v1.gif) no-repeat;
	}
#lang-eng,
#lang-eng a
	{
	width: 36px;
	background-position: 0 0;
	}
#lang-esp,
#lang-esp a
	{
	width: 35px;
	background-position: -36px 0;
	}
#lang-eng a:hover,
#lang-eng .selected
	{
	background-position: 0 -17px;
	}
#lang-esp a:hover,
#lang-esp .selected
	{
	background-position: -36px -17px;
	}
#lang-nav .selected
	{
	cursor: default;
	}
#clock
	{
	width: 90px;
	height: 30px;
	padding: 7px 15px 0 55px;
	margin: 0 auto;
	background: transparent url(../clock-v1.png) no-repeat top right;
	text-align: center;
	color:  #fff;
	font-weight: bold;
	font-size: 12px;
	}

/*
topNav
--------------------------------------------------*/
.topNav
	{
	height: 85px;
	background: transparent url(../topNav-v1.png) no-repeat left bottom;
	position: relative;
	z-index: 150;
	}
#navigation-main,
#navigation-sub
	{
	width: 749px;
	margin: 0 0 0 173px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	line-height: 1;
	}
#navigation-sub
	{
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 160;
	margin: 7px 0 0 114px;
	padding-left: 60px;
	}
#navigation-main li,
#navigation-sub li
	{
	float: left;
	height: 24px;
	}
#navigation-main li
	{
	margin-right: 38px;
	}
#navigation-main a
	{
	display: block;
	float: left;
	height: 24px;
	text-indent: -9999px;
	}
#navigation-sub li
	{
	height: 29px;
	margin-right: 35px;
	}
#navigation-sub a
	{
	display: block;
	float: left;
	height: 29px;
	text-indent: -9999px;
	}

/* NAVIGATION-MAIN BUTTONS */
#seeMenu,
#seeMenu a
	{
	width: 41px;
	background: transparent url(../seeMenu-v1.gif) no-repeat 0 0;
	}
#orderOnline,
#orderOnline a
	{
	width: 50px;
	background: transparent url(../orderOnline-v1.gif) no-repeat 0 0;
	}
#findADominos,
#findADominos a
	{
	width: 81px;
	background: transparent url(../findADominos-v1.gif) no-repeat 0 0;
	}
#navigation-main a:hover
	{
	background-position: 0 -24px;
	}
#navigation-main a.selected
	{
	background-position: 0 -48px;
	cursor: default;
	}
li#franchise
	{
	position: absolute;
	bottom: 61px;
	right: 67px;
	margin: 0;
	padding: 0;
	}
li#franchise,
li#franchise a
	{
	width: 201px;
	height: 19px;
	background: transparent url(../franchise-v1.gif) no-repeat 0 0;
	}
li#franchise a:hover
	{
	background-position: 0 -19px;
	}
/*
BREADCRUMBS
--------------------------------------------------*/
.breadcrumbs
	{
	position: absolute;
	top: 72px;
	right: 5px;
	width: 36px;
	height: 349px;
	z-index: 1000;
	background: #f5001e url(../breadcrumb-v1.gif) no-repeat;
	}

/*
SITE-CONTENT
--------------------------------------------------*/
.site-content
	{
	width: 980px;
	position: relative;
	overflow: hidden;
	z-index: 100;
	}

/*
TILES
--------------------------------------------------*/
.tiles
	{
	color: #73a1c5;
	font-size: 11px;
	margin: 0 0 10px 10px;
	line-height: 1.2;
	}
.tiles h2
	{
	text-indent: -9999px;
	height: 45px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-color: transparent;
	background-position: 22px 0;
	background-repeat: no-repeat;
	}

.tilesa
	{
	font-size: 14px;
	color: #0064a1;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 23px 1px 0;
	background: transparent url(../images/homeCarousel-a-v1.gif) no-repeat center right;
	}
.tilesh3
	{
	font-size: 16px;
	font-weight: bold;
	color: #0064a1;
	text-transform: uppercase;
	margin: 10px 0 10px 10px;
	padding: 0;
	line-height: 1;
	}

.padded-content 
	{
	padding: 20px 140px 20px 20px;
	}


/*
MAIN-CONTENT
--------------------------------------------------*/
.main-content
	{
	position: relative;
	}
.main-content h2
	{
	text-indent: -9999px;
	height: 45px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-color: transparent;
	background-position: 22px 0;
	background-repeat: no-repeat;
	}
	
.main-content h3
	{
	color: #006699;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -6px;
	}

.padded-content 
	{
	padding: 20px 140px 20px 20px;
	}

/*
H2's
--------------------------------------------------*/
#h2-international-locations 		{ background-image: url(../h2-international-locations-v1.gif); }
#h2-contact-us                      { background-image: url(../h2-contact-us-v1.gif); }
/*
FOOTER
--------------------------------------------------*/
.footer
	{
	padding: 40px 0 0 60px;
	width: 942px;
	overflow: hidden;
	position: relative;
	z-index: 300;
	top: -21px;
	font-size: 10px;
	}
.footer p
	{
	color: #000;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	padding: 0 0 20px 94px;
	float: left;
	width: 750px;
	overflow: hidden;
	text-align: left;
	background: transparent url(../images/footer-p-v1.gif) no-repeat;
	}
.footer ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	color: #0064a1;
	font-weight: bold;
	}
.footer li
	{
	float: left;
	}
.footer li a
	{
	padding: 0 5px;
	}
.legal_biz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
}
.footer_divs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #0064a1;
}
.language_off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0064a1;
	line-height:2.25
}
.language_on a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a1a1a1;
	line-height:2.25
}
.language_on a:hover {
	color: #0064a1;
	text-decoration:none
}
.news {
	color: #000000;
	font-size: 12px;
	line-height: 1.2em
}
.news a{
	color: #0064a1;
	font-size: 12px;
	line-height: 1.2em
}
.news a:hover{
	color: #f5001e;
	font-size: 12px;
	line-height: 1.2em
}