/* Author : Patrick Sy */

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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#f00;}
a:hover, a:focus { text-decoration:none; color:#fff;}
:focus { outline:0;}

h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.blue { color:#0f4560;}
.rel { position:relative;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both; line-height:0px;}
.bld { font-weight:bold}

/*** general ***/
body { background:url(../images/bg.png) repeat-x #0a0a0a; text-align:center; font-family:Arial; color:#fff; font-size:12px; position:relative; min-width:1025px}
.wrapper { width:964px; padding:0 33px; margin:0 auto; text-align:left; position:relative;}
#wrapper { background:url(../images/bg.jpg) 50% 0 no-repeat;}

#header .wrapper { background:url(../images/header.jpg) 100% 0 no-repeat; height:309px;}
	#logo { top:78px; left:-42px; z-index:7;}
	#nav { background:url(../images/nav.png) no-repeat; font-size:12px; font-weight:bold; width:990px; padding:0 20px; height:68px; top:232px; left:0; z-index:8;}
		#nav li a, .qmparent { background:url(../images/nv.png) no-repeat; display:block; float:left; color:#fff; text-decoration:none;}
		#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { background-position:50% -140px; color:#fff;}
		#nav li ul, .qmmc div { display:block; float:left; padding:0; margin:0; background:#000;}
		#nav li li a, .qmmc div a { color:#fff; padding:14px 24px; display:block; min-width:110px; border-bottom:1px solid #0f0f0f; text-decoration:none}
		#nav li li a:hover, #nav li li a:focus, .qmmc div a:hover, .qmmc div a:focus { background:#303030; color:#fff;}
		.qmparent span { background:url(../images/nvDv.png) 100% 0 no-repeat; display:block; height:34px; padding:26px 38px 3px 36px;}
	#contactInfo { top:7px; right:30px; z-index:6; line-height:27px; font-size:14px;}
		.facebook { background:url(../images/ico_faceb.png) no-repeat; display:block; float:left; width:27px; height:27px; margin-right:10px;}
		.facebook:hover, .facebook:focus { background-position:0 -60px;}

#mBody { background:url(../images/mContent.png) 50% 0 repeat-y; z-index:2; position:relative;}
	#mBody .wrapper { background:url(../images/mTop.png) no-repeat; min-height:370px; padding:30px 33px 10px 33px;}

		/*** main content area ***/
		.mContent {}
			td { padding:0 1px}
				td .btn { margin:8px 0 0 15px;}
				td .gallery { background:url(../images/home/btn_gallery.png) no-repeat; width:360px; height:24px; margin:9px 0 0 0; padding:0;}
				td .franchise { background:url(../images/home/btn_franchise.png) no-repeat; width:381px; height:51px; margin:8px 0 0 -10px; padding:0;}
				td .franchise:hover, td .franchise:focus { background-position:0 -100px}

	.btn, .cart input.btn { background:url(../images/btn.png) 0 0 no-repeat; color:#f40000; line-height:14px; width:173px; height:19px; padding:5px 20px 0 20px; font-size:12px; display:block; text-align:right; text-decoration:none}
	.btn:hover, .btn:focus, .cart input.btn:hover, .cart input.btn:focus { background-position:0 -60px; color:#fff; text-decoration:none}
	input.btn { border:0; margin:0; padding:0; background:0;}
	input.btn:hover, input.btn:focus { cursor:pointer;}

/*** footer ***/
#footer { background:url(../images/footer.jpg) 50% 0 no-repeat; font-size:11px; color:#4a4a4a; position:relative;}
	#footer .wrapper { background:url(../images/footer.png) no-repeat; height:30px; padding-top:54px;}
		#footer a { color:#4a4a4a; text-decoration:none;}
		#footer a:hover, #footer a:focus { text-decoration:underline;}
		.confetti { background:url(../images/confetti_left.png) no-repeat; width:83px; height:139px; position:absolute; top:-139px; right:inherit; left:-55px; z-index:9;}
			.confetti.right { background-image:url(../images/confetti_right.png); left:inherit; right:-56px;}

/*** typo ***/
	.mContent h1, .mContent h2 { font-size:26px; line-height:26px; margin-bottom:24px;}
	.mContent h2 { font-size:20px;}
	.mContent h3, .mContent h4 { font-size:16px; line-height:18px; margin-bottom:12px;}
	.mContent h4 { font-size:14px;}
	.mContent h5, .mContent h6, .mContent p { font-size:14px; margin:0;}
	.mContent ul { padding-left:30px;}
	.mContent li { font-size:12px;}
	.mContent blockquote { display:block; text-align:center; font-size:14px; font-family:Tahoma}
	.mContent a { text-decoration:underline;}
	.mContent a:hover, .mContent a:focus {}
	.mContent a.btn { text-decoration:none}