/* ---------------------------------------------------------------------
Filename: stylesheet.css
Title: Primary CSS file for SmoQe BBQ
Author: Toivo Betancourt, t7webmedia@gmail.com
Description: This style sheet imports another style sheet and provides
basic styling for XHTML elements of the SmoQe BBQ website.
------------------------------------------------------------------------ */

@import url("base.css");

body {
	margin:0px;
	text-align:center;
	background-color:#000;
}

body, p, ul, div, span, label, table, td, h1, h2, h3, h4 {
	font-family:Helvetica, Arial, Tahoma, sans-serif;
}

a, a:link {
text-decoration:underline;
color:#a10000;
}

a:hover {
text-decoration:none;
color:#b10000;
}

#wrapper {
	margin:0px auto;
	position:relative;
	width:1024px;
	height:768px;
	background:url(../images/bg.gif) #000 no-repeat top center;
}

#containLAND {
	position:relative;
	width:1024px;
	height:355px;
	margin:0px;
	padding-top:30px;
}

#containHD {
	padding:31px 0 0 0;
	height:224px;
}

#containHD2 {
	height:138px;
}

#containBODY {
	margin:0px auto;
	width:713px;
	height:398px;
	background:url(../images/main-bg.png) transparent no-repeat top left;
}

#containBODY2 {
	margin:0px auto;
	width:713px;
	height:599px;
	background:url(../images/secondary-bg.png) transparent no-repeat top left;
}

#navPAD {
	padding:35px 35px 35px 32px;
}

#bodyPAD {
	padding:35px 40px 46px 33px;
}

#page-head {
	width:640px;
	height:102px;
	text-align:left;
	background:url(../images/page-head-bg.png) transparent no-repeat top left;
	padding-left:18px;
}

#page-copy {
	width:640px;
	height:416px;
	text-align:left;
	background:url(../images/page-copy-bg2.png) #fdfdfd repeat-x top left;
}

#copyPAD {
	padding:0px 25px;;
}

#page-copy p {
	padding:12px 0 0 0;
	font-size:14px;
	color:#000;
	line-height:18px;
}

#page-copy ul {list-style-type:disc; margin:10px 0 0 20px; }
#page-copy li { font-size:12px; line-height:18px; padding-left:5px; }

#footer {
	position:absolute;
	top:680px;
	margin:0px auto;
	text-align:center;
	padding:0 0 0 60px;
	z-index:100;
}

#snav {
	
}

#snav li {
	float:left;
	width: auto;
	font-size:16px;
	font-weight:400;
	color:#e1e1e1;
	margin:0 15px;
}

#snav li a {
	color:#939393;
	text-decoration:none;
}

#snav li a:hover {
	color:#eee6e3;
	text-decoration:underline;
}

/* Contact Page */

#cformcontainer {
position:relative;
width:auto;
text-align:left;
margin:0px auto;
padding-top:20px;
}

#cformPAD {
background-color:#c1c1c1;
padding:10px;
-webkit-border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius:16px;
-moz-border-radius:16px;
}

#contactform {
margin-top:20px;
width:364px;
}

#contactform label {
float:left;
font-weight:600;
text-align:right;
margin-right:10px;
width:110px;
color:#333;
}

#contactform label.white {
color:#fff;
}

.formpad {
padding-top:5px;
padding-bottom:5px;
}

#cBx1 {
position:relative;
background-color:#e5e5e5;
width:auto;
height:11px;
-webkit-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-topleft:16px;
-moz-border-radius-topright:16px;
}

#cBx2 {
position:relative;
background:url(../images/cform_midtop.gif) #e5e5e5 no-repeat top left;
width:auto;
height:auto;
}

#cBx3 {
position:relative;
background:url(../images/cform_midbot.gif) #c4c4c4 no-repeat top left;
width:auto;
height:160px;
}

#cBx4 {
position:relative;
background-color:#c4c4c4;
width:auto;
height:15px;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
}

input, textarea {
width:200px;
border:1px solid #a1a1a1;
}

input.submit {
border:none;
}

textarea {
height:80px;
}

.send {
padding-top:15px;
text-align:center;
}

/* ------ image opacity -------- */
a.icon img, a.icon:link img {
opacity:0.6;filter:alpha(opacity=60)
}

a:hover.icon img {
opacity:1.0;filter:alpha(opacity=100)
}

/* ------------------ Slideshows -------------------- */
#slideshow {
    position:relative;
    height:300px;
    margin:0px auto;
    width:475px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* ------------------------- Catering Brochure --------------------------- */
#close-brochure { position:absolute; top:-8px; right:-8px; width:24px; height:24px;}
#close-brochure a { 
		display:block; width:24px; height:24px; 
		background:transparent url(../images/icon-delete-sbx.png) no-repeat top left; 
}

#catering-brochure {
	position:absolute;
	top:120px;
	left:5%;
	z-index:500;
	background:#f1f1f1;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.9);
	-khtml-box-shadow: 0px 0px 12px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.9);
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:3px solid #a1a1a1;
	width:90%;
	text-align:center;
}

#catering-brochure h1 {
	font-size:24px;
	font-weight:600;
	color:#550000;
	text-shadow: #fff -2px -2px 0;
	text-align:left;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}

#catering-brochure h2 {
	font-size:14px;
	font-weight:600;
	color:#2d2d2d;
	margin:0 0 12px 0;
	text-align:left;
}

#catering-brochure p, #catering-brochure li, #catering-brochure td {
	font-size:12px;
	color:#000;
	line-height:16px;
	padding:0 0 10px 0;
	text-align:left;
}

#catering-brochure strong {
	font-size:14px;
	color:#880000;
}

#catering-brochure table {
	margin:0px auto;
	width:99%;
	margin-bottom:10px;
}

#catering-brochure td {
	padding:5px;
}

#catering-brochure td span {
	font-size:10px;
}

#catering-brochure .slidePAD li {
	padding:2px;
	border-bottom:1px dashed #d1d1d1;
}

#catering-brochure .slidePAD li:hover  {
	background:#fff;
}	

.brochure-wrapper {
	padding:15px;
	margin:10px 0;
}

.slide-nav {
	float:left;
	width:16%;
	padding-right:2%;
	*padding-right:15px;
		
}

.slide-nav li {
	margin:0 0 6px 0;	
}

.slide-nav a {
	display:block;
	height:18px;
	background:#fff;
	border:1px solid #780000;
	color:#780000;
	font-size:12px;
	padding:3px 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
		
}

.slide-nav a:hover, .slide-nav a.selected {
	background:#f8ebeb;
	border:1px solid #780000;
	color:#c10000;
	font-weight:600;
		
}

#catering-brochure .slide-nav h3 {
	font-size:12px;
	font-weight:600;
	margin:15px 0 10px 0;
	color:#000000;
	text-shadow: #fff -1px -1px 0;
}

#catering-brochure .slide-nav h3 strong {
	font-size:18px;
	font-weight:600;
	margin:15px 0 10px 0;
	color:#880000;
	text-shadow: #fff -1px -1px 0;
}

#catering-brochure .asideWrap h3 {
	font-size:14px;
	font-weight:600;
	margin:0px 0 10px 0;
	color:#550000;
	text-shadow: #fff -1px -1px 0;
	text-align:left;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;	
}

#catering-brochure .asideWrap p {
	font-size:11px !important;
	color:#000;
	line-height:16px;
	padding:0 0 8px 0;
	text-align:left;
}

#catering-brochure .asideWrap strong {
	font-size:12px !important;
}

.slide01, .slide02, .slide03 {
	float:left;
	width:78%;
	border-left:1px solid #a1a1a1;
	padding-left:3%;
	position:relative;
	*padding-left:15px;
	*text-align:left;
}

.slidePAD {
	width:70%;
	*float:left;
}

.column-wrap {
	margin:0px auto 20px auto;
	width:480px;
}

.col01 {
	float:left;
	width:48%;
}

.col02 {
	float:left;
	width:46%;
	padding-left:4%;
}

.order-box {
	
}

.asideWrap {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;	
}

.asideBx {
	padding:4px;
	border:1px solid #c0c0c0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 3px 0;
	background:#f9f9f9;
}

/* ------------------------------------ BEGIN NAV-MENU SPRITES ------------------------------------ */
#nav {width:646px; height:331px; background: url(../images/nav-menu.jpg); margin:0px auto; padding:0px; position:relative; text-align:left;}
#nav li {margin:0px; padding:0px; list-style:none; display:block; position:absolute;}
#nav a {display:block;}

#story {left:0px; top:0px; width:107px; height:201px;}
#signals {left:113px; top:0px; width:533px; height:201px;}
#menu {left:0px; top:206px; width:107px; height:125px;}
#info {left:113px; top:206px; width:312px; height:125px;}
#contact {left:431px; top:206px; width:215px; height:125px;}

#story a {height:201px;}
#signals a {height:201px;}
#menu a {height:125px;}
#info a {height:125px;}
#contact a {height:125px;}

#story a:hover {background: url(../images/nav-menu.jpg) -0px -331px no-repeat;}
#signals a:hover {background: url(../images/nav-menu.jpg) -113px -331px no-repeat;}
#menu a:hover {background: url(../images/nav-menu.jpg) -0px -537px no-repeat;}
#info a:hover {background: url(../images/nav-menu.jpg) -113px -537px no-repeat;}
#info2 a:hover {background: url(../images/nav-menu2.jpg) -113px -537px no-repeat;}
#contact a:hover {background: url(../images/nav-menu.jpg) -431px -537px no-repeat;}
/* ------------------------------------ END NAV-MENU SPRITES ------------------------------------ */
.clear {clear:both;}
a, a:link, img {outline:none;}
img {border:none;}
iframe, #ieoxAdTag, #conash3D0 {display:none;}