@charset "utf-8";
/* CSS Document */

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 {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

html {
overflow-y: scroll;
}

body{
margin: 20px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background:#FAEBD1;
}

img{ border:0px;}

p {
font-size:13px;
line-height:140%;
margin-bottom:10px;
}

a { 
text-decoration:none;
}

.wrapper {
position:relative;	
overflow:visible; 
background:#FFF; 
width: 1000px;
/*min-height:600px;*/
margin: 0 auto; 
/*padding-bottom:20px;*/
}

.wrapper #footer {
background:#FAEBD1; 
}

.bleed {
	margin:0 auto;
	text-align: center;
}

.block {
position:absolute;
display:block;
height:40px;
width:40px;
bottom:-10px;
left:-10px;
background:url(../img/square.gif) no-repeat top left;
}

#header {
	height:150px;
}

#header .logo a { 
position:absolute;
display:block;
top:-10px;
left:-14px;
height:185px;
width:185px;
text-indent:-9999px;
background:url(../img/shufflecms-logo.gif) no-repeat top left;
z-index:1;
}

#header .tagline {
	position:absolute;
	left:200px;top:12px;
	font-weight:bold;
	color:#E09037;
}

#header .telephone {
	position:absolute;
	left:510px;top:12px;
	font-weight:bold;
	color:#E09037;
}

#header .email {
	position:absolute;
	right:20px;top:12px;
	font-weight:bold;
	color:#E09037;
}

#header .email a {
	color:#E09037;
}


#header .email a:hover {
	color:#88052e;
}

#header .menu ul {position:absolute;left:235px;top:68px;}
#header .menu ul li{ list-style:none; color:#88052e; float:left; margin-right:40px; font-family: 'Merriweather', serif; font-size:1.9em;}
#header .menu ul li a{  color:#88052e; }
#header .menu ul li a:hover{  color:#d8a7a4; }
#header .menu ul li.selected a{  color:#d8a7a4; }

/*
#header .menu{  float:left; margin-top:40px; margin-left:40px; height:50px;}
#header .topmenu{ color:#f58108; font-weight:bold; margin-top:5px; }
#header .left{ float:left; margin-left:20px;}
#header .right{ float:right; margin-right:5px;}
#header .topmenu a{  color:#f58108;}

/* PAGE HEADINGS */

h1 {
	display:block;
	height:63px;
	width:225px;
	text-indent:-9999px;
	margin-bottom:10px;
}

h1.truffle { background:url(../img/headings/truffle.gif) no-repeat top left; }
h1.buffet { background:url(../img/headings/buffet.gif) no-repeat top left; }
h1.shuffty { background:url(../img/headings/shuffty.gif) no-repeat top left; }
h1.chuffed { background:url(../img/headings/chuffed.gif) no-repeat top left; }
h1.coffee { background:url(../img/headings/coffee.gif) no-repeat top left; }

h1.standard {
	font-size:16px;
	font-weight:bold;
	color:#E09037;
	height:16px;
	text-transform:uppercase;
	text-indent:0px;
	margin-bottom:18px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
	
/* PAGE FEATURES */

#cta {
	margin-top:20px;
	padding:15px 10px 15px 15px;
	border:2px #E09037 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#cta p {
	font-weight:bold;
	margin-bottom:2px;
	font-size:16px;
}

#cta p span {
	color:#E09037;
}

#cta p a:hover {
	color:#E09037;
}

ul.buffet {
position:absolute;
right:170px;
top:83px;
list-style-type: none;
text-align:center;
}

ul.buffet li {
font-weight:bold;
margin-bottom:2px;
font-size:16px;
color:#E09037;
}

#coffee {
position:absolute;
right:100px;
top:40px;
list-style-type: none;
text-align:center;
color:#E09037;
}

#coffee p {
margin-bottom:0;
}

#homepage {
width:700px; 
}

.index { 
	/*
	display:none;
	overflow:auto;
	width:700px; 
	margin-left:240px; 
	margin-top:20px; 
	*/
}

.index p { 
	font-size:26px; 
	color:#fab46e; 
	text-align:justify;
	line-height:110%;
	padding-bottom:10px;
}

.index p span {
	color:#D77917;
}

.index p a {
	color:#D77917;
	text-decoration:underline;
}

.index p a:hover {
	color:#E09037;
	text-decoration:none;
}

.index p.purple { font-size:14px; color:#88052e; font-weight:bold;}
.index p.purple a {  color:#88052e;}

#main {
	display:none;
	overflow:auto;
	width:520px; 
	padding:143px 50px 0; 
	color:#88052e;
	height:327px;
}
#main.buffet {
	/*padding-bottom:200px;*/
}
#main.chuffed {
	/*padding-bottom:400px;*/
}
#main.wide {
	padding:70px 50px 0; 
	width:620px;
	height:1200px;
}

#main.wide.terms {
	height:2300px;
}
	
#main a{color:#88052e; text-decoration:none;}

#main.chuffed { width:330px; }
#main.coffee { width:400px; } 

.homepage a{color:#fab46e; text-decoration:underline;}

/*.pighomepage{ position:absolute; bottom:20px; left:10px;}*/
.pigtruffle{ position:absolute; top:100px; right:0px;}
.pigbuffet{ position:absolute; bottom:0px; left:350px;}
.pigchuffed{ position:absolute; bottom:30px; left:100px;}
.logoschuffed{ position:absolute; top:35px; right:70px;}
.pigshuffty{ position:absolute; top:30px; right:0px;}
.pigcoffee{ position:absolute; top:229px; right:80px;}
.quotes{ position:absolute; bottom:100px; right:10px;}
.privacypolicy{ position:absolute; top:-10px; right:130px;}


/*
.strong{ color:#d77917;}
.bold{ font-weight:bold;}
*/

#myCanvasContainer{position:absolute; right:0px; bottom:150px;}

#carousel_container {
position:absolute;
bottom:10px;
clear:both; 
width:100%;
text-align:left;
overflow:hidden;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:900px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #fff;
position:relative;

}

#carousel_ul {
position:relative;
left:-145px;; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
overflow:hidden;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
  /* fixed width, important */
/* just styling bellow*/
padding-right:20px;
margin-left:-5px;
height:210px;
text-align:center;
margin-top:10px;
margin-bottom:10px; 

}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll{
float:left; 
height:130px; 
width:50px; 
margin-top:62px;
}

#right_scroll{
float:right; 
height:130px; 
width:50px; 
margin-top:62px;
}

#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
#quotes{ position:absolute; right:0px; width:400px; height:500px; top:120px; }
#quotes ul{ width:400px; height:500px; margin:0px; padding:0px;} 
#quotes li{ list-style:none;}
#quotes .quote1{ margin-top:120px; }
#quotes .quote2{ margin-top:180px; margin-left:10px; }
#quotes .quote3{ margin-top:40px; }
#quotes .quote4{ margin-top:150px; margin-left:20px;}
#quotes .quote5{ margin-top:130px; }
#quotes .quote1{ margin-top:100px; margin-left:-10px;}

#lightbox-nav{ padding-bottom:149px; background-image:url(../img/pig_up.png); background-position:bottom; background-repeat:no-repeat; }
#lightbox-container-image-data-box{ background-color:#fff; height:149px;}

#footer {
	margin:0 auto;
	width:1000px;
	height:10px;
	padding: 55px 0;
	text-align:center;
}

#footer p {
	font-size:11px;
	color:#E09037;
}

#footer p a {
	color:#E09037;
}

#footer p a:hover {
	color:#88052e;
}