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

/* Volcanic Labs Style Sheet*/
body {
	background-color:#06306e;
	margin-top: 20px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
}
#logo {
	background-color: #000;
	background-image: url(../images/goodluckcafepdf.png);
	background-repeat:no-repeat;
	background-position:right;
	background-position:top;
	height: 270px;
	width: 960px;
}

#graphic {
	background-color: #000;
	background-image: url(../images/intro1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:600px;
	width: 940px;
}
#takeout{
text-align:center;}

#takeout a {
	text-decoration:none;
	color:#F00;
}
#takeout a:hover {
	text-decoration: underline;}

#hours{
background-image:url(../images/14959_large.png);
background-position:left top;
background-repeat:no-repeat;
width: 300px;
height: 300px;}
.container_12 .grid_12 #hours p {

	padding-top: 10px;
	padding-left: 10px;
	font-size: 12px;
	margin: 0px;
}
.container_12 .grid_12 #hours h3 {
	font-size: 24px;
	padding-left: 96px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

.topborder{
	border-top: 2px #666666  solid;
	margin-top: 10px;
}

.leftborder{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
	
	}

#about p {
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#about h3 {
	margin-left: 10px;
	margin-bottom: 0px;
}

#about a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#about a:hover {
	text-decoration: underline;
}
#email {
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#email h3 {
	margin-left: 5px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#callout h3, #callout h4 { text-indent: -9999px; position: absolute; font-size:9px; }

#callout-nav { margin: 0; padding: 0; height: 0; position: absolute; right: 20px; top: 150px; font-size: 11px; z-index: 9999;  }
#callout-nav a { padding: 0 4px; background: #222; margin: 0 4px; }
#callout-nav a.activeSlide { color: white; }
#callout-nav a:hover { text-decoration: none; }

#callout {
	float: left;
	;
	padding: 0;
	height: 450px !important;
	width: 700px !important;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	overflow: hidden;
}
.red {
	color: #F00;
}
#menu ul li {
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	text-align: center;
}
#menu {
	height: 50px;
	background-color: #369;
	overflow: hidden;
	border-top-width: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	background-image: url(../images/menubg.png);
	background-repeat: repeat-x;
}
#wrapper {
}

#menu ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #FFF;
}


#callout .mkt-item { margin-top: 14px; }
#develope {
	height: 35px;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#develope p #volcanic {
	color: #F60;
	font-size: 16px;
	text-decoration: none;
	background-image: url(http://www.volcaniclabs.com/images/logoV.png);
	background-repeat: no-repeat;
	padding-left: 20px;}
	#develope p #volcanic a:hover{
		text-decoration:underline;}
#takeout p {
		margin-top: 5px;
		font-size: 18px;
		}
.container_12 .grid_12.topborder #news h4 {
	padding-left: 10px;
}
.container_12 .grid_12.topborder #news p {
	padding-left: 20px;
}
.container_12 .grid_12.topborder #about #facebook {
	text-align: center;
	height: 75px;
	width: 200px;
	margin-left: 10px;
}
ul.product_checklist  {
	list-style: none; /*--Takes out the default bullets--*/
	margin: 0;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #104C88;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#tra {
	bottom: -25px;
}

.product_checklist li {
	display: inline;
	text-align: center;
}
#wrapper #footmenu {
	text-align: center;
	float: left;
}
#wrapper #footmenu ul li {
	display: inline;
	color: #369;
	text-decoration: none;
}
#wrapper #footmenu ul li a {
	font-size: 9px;
	color: #336;
	text-decoration: none;
}
#wrapper #footmenu ul li a:hover {
	font-size: 9px;
	color: #336;
	text-decoration: underline;
}


.twitter{
padding: 15px 5px 5px 34px; /*--Adds padding around each item--*/
margin: 0 0 0 5px;
background: url(../images/twitter_32.png) no-repeat left center; /*--Adds a bullet icon as a background image--*/
}
.facebook {
padding: 15px 5px 5px 34px; /*--Adds padding around each item--*/
margin: 0 0 0 5px;
background: url(../images/facebook_32.png) no-repeat left center; /*--Adds a bullet icon as a background image--*/
}
.status {
	font-size: 12px;
	color: #0E4681;
	font-weight: bold;
}
.status.facebook {
	background-image: url(../images/facebook_32.png);
	background-repeat: no-repeat;
	background-position: left top;
}
p .status.twitter {
	background-image: url(../images/twitter_32.png);
	background-repeat: no-repeat;
}

#wrapper #leftside p {
	font-size: 16px;
}



#wrapper {
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width:5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color: #FFF;
	background-image: url(../images/contentbg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#wrapper #leftside {
	background-color: #FFF;
	margin-top: 10px;
}
.textout {
	text-indent: -9999px;
}
#wrapper #header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 169px;
}
.itemname {
	font-size: 12px;
	font-weight: bold;
}
.itemprice {
	font-size: 12px;
}
.itemdesc {
	font-size: 10px;
}
.itemnames {
	color: #000;
	font-size: 16px;
	text-align: center;
}