@charset "UTF-8";
	
	/*   
	Theme Name: Octane Coffee	
	Theme URI: http://www.octancecoffee.com/
	Description: Use Octane Coffee™.
	
	Author URI: http://www.unleadedsoftware.com
	Version: 1.0
	*/
	
	/* Reset Styles */
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
	}

	fieldset, img {
	border: 0;
	}

	address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

	ol, ul {
	list-style:none;
	}

	caption ,th {
	text-align:left;
	}

	h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	}

	abbr, acronym { 
	border:0;
	}

	a:active, a:focus, a:hover {
	outline: none;
	}

	/* End Reset */
	
	body {
	margin: 0;
	padding: 0;
	}
	
	.clear {
	clear: both;
	}
	
	#homeBg {
	background: #f20000 url(images/homeBg.jpg) no-repeat top;
	}
	
	#subBg #sub {
	background: #fff url(images/subBg.jpg) no-repeat bottom;
	}
	
	#blogBg #sub {
	background: #fff url(images/subBg.jpg) no-repeat bottom;
	}
	
	.layout {
	width: 1013px;
	margin: 0px auto;
	}
	
	#home { 
	width: 100%;
	height: 504px;
	}
	
	#sub { 
	width: 100%;
	/*height: 830px;*/
	}
	
	#header {
	width: 1013px;
	height: 34px;
	}
	
	#logo {
	float: left;
	width: 643px;
	height: 34px;
	}
	
	#logo h1 {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	}
	
	#newsletter {
	float: left;
	width: 195px;
	height: 29px;
	padding: 5px 0 0 175px;
	background: #f20000 url(images/newsletterBg.jpg) no-repeat top;
	}
	
	#newsletter form {
	margin: 0;
	padding: 0;
	}
	
	#newsletter input {
	width: 190px;
	height: 16px;
	padding: 4px 0 0 0;
	background: #f20000;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #fff;
	border-left: 0px;
	
	color: #000;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#nav {
	width: 1013px;
	height: 80px;
	background: #fff;
	}
	
	#nav li {
	float: left;
	height: 80px;
	text-indent: -999em;
	}
	
	#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#navAbout {
	width: 191px;
	background: url(images/nav/about.gif) no-repeat top;
	}
	
	#navAbout a {
	display: block;
	width: 191px;
	height: 80px;
	}
	
	#navAbout a:hover {
	background: url(images/nav/aboutOn.gif) no-repeat top;
	}
	
	#navEvents {
	width: 230px;
	background: url(images/nav/events.gif) no-repeat top;
	}
	
	#navEvents a {
	display: block;
	width: 230px;
	height: 80px;
	}
	
	#navEvents a:hover {
	background: url(images/nav/eventsOn.gif) no-repeat top;
	}
	
	#navStore 				{ width: 165px; background: url(images/nav/store.gif) no-repeat top;} 	 	
	#navStore a 			{ display: block; width: 165px; height: 80px;} 	 	
	#navStore a:hover { background: url(images/nav/storeOn.gif) no-repeat top;} 
	
	#navLocation 			{ width: 157px; background: url(images/nav/location.gif) no-repeat top;} 	 	
	#navLocation a		{ display: block; width: 157px; height: 80px;} 	 	
	#navLocation a:hover{ background: url(images/nav/locationOn.gif) no-repeat top;} 	 	
	
	#navMenu {
	width: 200px;
	background: url(images/nav/menu.gif) no-repeat top;
	}
	
	#navMenu a {
	display: block;
	width: 200px;
	height: 80px;
	}
	
	#navMenu a:hover {
	background: url(images/nav/menuOn.gif) no-repeat top;
	}
	
	#navContact {
	width: 190px;
	background: url(images/nav/contact.gif) no-repeat top;
	}
	
	#navContact a {
	display: block;
	width: 190px;
	height: 80px;
	}
	
	#navContact a:hover {
	background: url(images/nav/contactOn.gif) no-repeat top;
	}
	
	#homeContent {
	width: 968px;
	height: 390px;
	margin: 0;
	padding: 0 24px 0 21px;
	background: url(images/logoTop.jpg) no-repeat bottom;
	}
	
	#homeContentMain {
	float: left;
	width: 698px;
	height: 372px;
	margin: 0 20px 0 0;
	padding: 20px 0 130px 0;
	}
	
	#homeCallout {
	width: 352px;
	height: 227px;
	}
	
	#calloutLinkShop {
	width: 149px;
	height: 147px;
	margin: 0 0 0 203px;
	}
	
	#calloutLinkShop a {
	display: block;
	width: 149px;
	height: 147px;
	text-indent: -999em;
	}
	
	#calloutLinkShop a:hover {
	background: url(images/homeCalloutOrderOn.gif) no-repeat  top right;
	}
	
	#calloutLinks {
	width: 195px;
	height: 37px;
	margin: 33px 0 10px 157px;
	}
	
	#calloutLinkRent {
	float: left;
	width: 71px;
	height: 37px;
	margin: 0 25px 0 0;
	}
	
	#calloutLinkRent a {
	display: block;
	width: 71px;
	height: 37px;
	text-indent: -999em;
	}
	
	#calloutLinkRent a:hover {
	background: url(images/rentUsOn.jpg) no-repeat top;
	}
	
	#calloutLinkLocate {
	float: left;
	width: 69px;
	height: 37px;
	}
	
	#calloutLinkLocate a {
	display: block;
	width: 69px;
	height: 37px;
	text-indent: -999em;
	}
	
	#calloutLinkLocate a:hover {
	background: url(images/findUsOn.jpg) no-repeat top;
	}
	
	#subContent {
	width: 968px;
	height: 716px;
	margin: 0;
	padding: 0 24px 130px 21px;
	background: url(images/logoTop.jpg) no-repeat bottom;
	}
	
	#blogContent {
	width: 968px;
	margin: 0;
	padding: 0 24px 130px 21px;
	background: url(images/logoTop.jpg) no-repeat bottom;
	}
	
	#subContentMain {
	float: left;
	width: 698px;
	height: 696px;
	margin: 0 20px 0 0;
	padding: 20px 0 0 0;
	}
	
	#blogContentMain {
	float: left;
	width: 698px;
	margin: 0 20px 0 0;
	padding: 20px 0 0 0;
	}
	
	#subContentMainBox {
	width: 698px;
	background: #fff;
	margin: 0 0 20px 0;
	}
	
	#subContentMainBox h2 {
	width: 698px;
	height: 51px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	}

	
	.aboutTitle {
	background: url(images/aboutTitle.gif) no-repeat top;
	}
	
	.eventTitle {
	background: url(images/eventTitle.gif) no-repeat top;
	}
	
	.whereTitle {
	background: url(images/whereTitle.gif) no-repeat top;
	}
	
	.menuTitle {
	background: url(images/menuTitle.gif) no-repeat top;
	}
	
	.contactTitle {
	background: url(images/contactTitle.gif) no-repeat top;
	}
	
	.blogTitle {
	background: url(images/blogTitle.gif) no-repeat top;
	}
	
	#subContentMainImg {
	float: left;
	width: 186px;
	height: 207px;
	}
	
	.aboutImage {
	background: url(images/aboutImage.jpg) no-repeat top;
	}
	
	.eventImage {
	background: url(images/eventImage.jpg) no-repeat top;
	}
	
	.whereImage {
	background: url(images/whereImage.jpg) no-repeat top;
	}
	
	.menuImage {
	background: url(images/menuImage.jpg) no-repeat top;
	}
	
	.contactImage {
	background: url(images/contactImage.jpg) no-repeat top;
	}
	
	#subContentMainTxt {
	float: left;
	width: 502px;
	padding: 10px 10px 10px 0;
	
	color: #000;
	font: normal normal 14px/24px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	#subContentMainTxt h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #f20000;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	}
	
	#subContentMainTxt a {
	border-bottom: 1px dotted #000;
	color: #f20000;
	text-decoration: none;
	}
	
	#subContentMainTxt a:hover {
	background: #000;
	color: #fff;
	}
	
	#subContentMainTxt p {
	margin: 0;
	padding: 0 0 20px 0;
	}
	
	#subContentMainTxt span {
	margin: 0;
	color: #000;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	}
   .purple {
      color: #ae1d6a;
    }

	
	#subContentMainTxt strong {
	font-weight: bold;
	}

	#aboutCallout {
	width: 352px;
	height: 227px;
	background: url(images/aboutCallout.gif) no-repeat top;
	}
	
	#aboutCalloutShop {
	width: 149px;
	height: 147px;
	margin: 0 0 0 203px;
	}
	
	#aboutCalloutShop a {
	display: block;
	width: 149px;
	height: 147px;
	text-indent: -999em;
	}
	
	#aboutCalloutShop a:hover {
	background: url(images/aboutCalloutOn.gif) no-repeat  top right;
	}
	
	#eventCallout {
	width: 352px;
	height: 227px;
	background: url(images/eventCallout.gif) no-repeat top;
	}
	
	#eventCalloutShop {
	width: 149px;
	height: 147px;
	margin: 0 0 0 203px;
	}
	
	#eventCalloutShop a {
	display: block;
	width: 149px;
	height: 147px;
	text-indent: -999em;
	}
	
	#eventCalloutShop a:hover {
	background: url(images/eventCalloutOn.gif) no-repeat  top right;
	}
	
	#whereCallout {
	width: 352px;
	height: 227px;
	background: url(images/whereCallout.gif) no-repeat top;
	}
	
	#whereCalloutShop {
	width: 149px;
	height: 147px;
	margin: 0 0 0 203px;
	}
	
	#whereCalloutShop a {
	display: block;
	width: 149px;
	height: 147px;
	text-indent: -999em;
	}
	
	#whereCalloutShop a:hover {
	background: url(images/whereCalloutOn.gif) no-repeat  top right;
	}
	
	#contactCallout {
	width: 352px;
	height: 227px;
	background: url(images/contactCallout.gif) no-repeat top;
	}
	
	#contactCalloutShop {
	width: 149px;
	height: 147px;
	margin: 0 0 0 203px;
	}
	
	#contactCalloutShop a {
	display: block;
	width: 149px;
	height: 147px;
	text-indent: -999em;
	}
	
	#contactCalloutShop a:hover {
	background: url(images/contactCalloutOn.gif) no-repeat  top right;
	}
	
	.menuBox {
	float: left;
	margin: 0 12px 0 0;
	text-align: left;
	}
	
	.menuBox h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
	
	.menuBox li {
	font-size: 12px;
	line-height: 18px;
	}
	
	.menuBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	.menuNote {
	color: #f20000;
	font-size: 12px;
	}
	
	#homeContentSidebar {
	float: left;
	width: 250px;
	height: 372px;
	margin: 0;
	padding: 20px 0 0 0;
	}
	
	#subContentSidebar {
	float: left;
	width: 250px;
	height: 661px;
	margin: 0;
	padding: 55px 0 0 0;
	}
	
	.sidebarBottom {
	width: 250px;
	height: 23px;
	background: url(images/sidebarBottom.gif) no-repeat top;
	}
	
	#sidebarUpdate {
	width: 250px;
	margin: 0 0 20px 0;
	background: #fff;
	text-align: justify;
	}
	
	#sidebarUpdate h2 {
	width: 250px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(images/updateSidebarTitle.gif) no-repeat top;
	text-indent: -999em;
	}
	
	#sidebarUpdate h3 {
	margin: 0 20px 0 20px;
	padding: 0;
	color: #f20000;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	}
	
	#sidebarUpdate a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	
	#sidebarUpdate a:hover {
	color: #f20000;
	}
	
	#sidebarUpdate p {
	margin: 0;
	padding: 0 20px 10px 20px;
	
	color: #000;
	font: normal normal 11px  Arial, Helvetica, sans-serif;
	}
	
	#sidebarUpdate span {
	margin: 0 20px 0 20px;
	color: #000;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	}
	
	#sidebarGallery {
	width: 250px;
	margin: 0 0 20px 0;
	background: #fff;
	}
	
	#sidebarGallery h2 {
	width: 250px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(images/gallerySidebarTitle.gif) no-repeat top;
	text-align: left;
	text-indent: -999em;
	}
	
	#sidebarGallery a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	
	#sidebarGallery a:hover {
	color: #f20000;
	}
	
	#sidebarGallery a span {
	color: #f20000;
	}
	
	#sidebarGallery img {
	width: 59px;
	height: 59px;
	}
	
	#sidebarGallery li {
	float: left;
	width: 65px;
	height: 65px;
	margin: 0 10px 10px 0;
	background: #000;
	}
	
	#sidebarGallery li a {
	display: block;
	width: 59px;
	height: 59px;
	padding: 3px;
	}
	
	#sidebarGallery li a:hover {
	background: #f20000;
	}
	
	#sidebarGallery p {
	margin: 0;
	padding: 0 20px 10px 20px;
	
	color: #000;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#sidebarGallery ul {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: none;
	}
       #twitter  {
        width: 250px;
        }
.twitter-timestamp { 
display: block;
}
.language { float: right; margin-top: 40px; margin-right: 20px;}


	
	#footer {
	width: 100%;
	height: 296px;
	margin: 0;
	padding: 0;
	background: url(images/footerBg.jpg) repeat-x top;
	}
	
	#footerLogo {
	width: 1013px;
	height: 231px;
	background: url(images/LogoBottom.jpg) no-repeat top;
	border-bottom: 1px solid #fff;
	}
	
	#footerContent {
	width: 1013px;
	height: 55px;
	
	color: #fff;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	}
	
	#footerContent a {
	padding: 2px;
	color: #fff;
	text-decoration: none;
	}
	
	#footerContent a:hover {
	background: #fff;
	color: #000;
	}
	
	#footerDetails {
	float: left;
	width: 303px;
	height: 55px;
	text-align: left;
	}
	
	#footerNav {
	float: left;
	width: 710px;
	height: 55px;
	text-align: right;
	}