/*	=GLOBAL
	Element Names (h1-h6, p, div, em etc)
----------------------------------------------------*/
* { margin:0; padding:0;}
body {
	font:0.85em/1em Helvetica, Verdana, Arial, sans-serif;
	background-color: #000;
	color:#eee;
	text-align:justify;
}

h1,h2,h4,h5,h6 {
	font: normal 1em/1em Helvetica, serif;
}

h3 {
	color:#897459;
	}
a:link {
	color:#fff;
}

a:visited,
a:hover {color:#eaeaea;text-decoration:none;}

h1,h2,h3,h4,h5,h6,
p,ol,ul {
	line-height:1.2em;
	margin:0 0 10px 0;	
}

ol,ul {
	list-style-position: inside;
}


/*	=STRUCTURE
	Structural Elements
----------------------------------------------------*/
.section,
.inner {  position:relative;}

.section .inner { padding:20px; }

.section + .section .inner {padding-top:0;}

/*.content > .inner {margin:10px}
*/
.body {
	/*background: #999;*/
}

.primary {
	float:left;
	width:60%;
	/*background: #eaeaea;*/
}
.secondary {
	float:right;
	width:40%;
	font-size:0.85em;
	/*background: #eee;*/
}
.secondary .navigation .heading {
	position:relative; left:0; display:block;
	background: url('../images/headings.jpg') no-repeat 0 0;
	height:85px;
	text-indent:-999em;
}

.secondary .navigation .newsletter {
	background-position:0 -90px;
}
.secondary .navigation .recipes {
	background-position:0 -180px;
}
.secondary .navigation .products {
	background-position:0 -270px;
}
.secondary .navigation .pizza {
	background-position:0 -360px;
}
.secondary .navigation .contact {
	background-position:0 -460px;
}
.secondary .navigation li {
	margin:10px 0;
}
.secondary .navigation li span {
	color:#666;
	display:block;
	margin:5px 0 0 15px;
}
.tertiary {
	clear:both;
	
	/*background: #ccc;*/
}

#wrapper-inner {
	width: 840px;
	margin:0 auto;
	
}
#header {
	margin-top:20px;
/*	background: url('../images/box_middle.jpg') no-repeat top left;*/
	
}
.footer .inner,
#header .inner {
	padding:0;
	margin:0;
}
#header .header-inner {
	padding:10px;
	background-color:#efefef;
	border:1px solid #fff;
	/*background: url('../images/box_middle.jpg') repeat-y left top;*/
	
}
.logo {
	position:absolute;
	left: -84px;
	top:30px;
	z-index:2;
}

/*	=SECTIONS
	Section specific elements
----------------------------------------------------*/
.heading {
	font-size:1.3em;
}

.title {
	font-size:1.1em;
}
.description,
.date {
	font-size:0.9em;
	text-align:left;
}

.image img {
	padding:1px;
	background-color: #fff ;
	border:1px solid #ccc;
}

/* ======== */
/* = Logo = */
/* ======== */
.logo {

}
.logo .logo-inner {padding:0;}
.logo .heading {
	margin:0;padding:0;
}
.logo .heading a {
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
.logo .heading img {
	border:0px;
}
.logo .description,
.logo .heading a img + span {
	position:absolute;
	left:-999em;
}

.search {
	position:absolute;
	top:30px;
	right:20px;
}

.breadcrumb {
	font-size:0.9em;
}

.footer {
	font-size:0.8em;
	color:#ccc;
}

.footer .navigation .inner {
	padding:0;
}
.footer .navigation a {
	color:#B7966B;
	margin:0 15px 0 0;
	text-decoration:underline;
}

/* =============== */
/* = Navigations = */
/* =============== */

.navigation {
	font-family: Verdana, Arial, sans-serif;
	
}
.navigation .inner {
	padding:0 10px;
}

.navigation ol,
.navigation ul {
	line-height:1em;
	list-style:none;
	margin:0;
}

#nav_global li,
.footer .navigation li {
	float:left;
	margin:2px;
}
#nav_global li a {
	display:block;
	padding:5px 20px;
	
	text-align:center;
}

#nav_global {
	position:absolute;
	right:10px;
	top:10px;
	z-index:2;
	font-size:0.8em;
}
#nav_global .inner {
	padding:0;
}
#nav_global li {
	margin: 0 0 0 1px;
}
#nav_global a {
	text-decoration:none;
	color:#fff;
	background: url('../images/back_transparent.png');
}
#nav_global a:hover {
	text-decoration:underline;
}


.text .heading {
	font-size:2.5em;
}
.text h3.description{
	font-size:1.2em;
	color:#897459;
}
.text h4 {
	font-size:1.25em;
}

.text p {
	line-height:1.4em;
}

/*	=IDs
	Element IDs (#header, #navigation li, #content div.title)
----------------------------------------------------*/
.footer .navigation {
	float:left;
	width:60%;
}
.footer .copy {
	float:right;
	margin-right:65px;
	text-align:right;
}
/* =========== */
/* = Credits = */
/* =========== */
.footer .credit,
.footer .credit a {
	display:block;
	width:52px;
	height:41px;
}

.footer .credit {
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	right:0;
	bottom:10px;	
}

.footer .credit a {
	text-indent:-9999em;
	outline:none;
	background: url('http://meelocms.com/admin/octavodia_logo.png') no-repeat top left;
}


/* ============= */
/* = Slideshow = */
/* ============= */

.slideshow .grid-row {
	overflow:hidden;
}
.slideshow .grid-item {
	background-color:#000;
}
.slideshow .minimised {
	height:210px;
	overflow:hidden;
}
.slideshow .minimised .arrows {
	display:none;
}
.slideshow .large-image {
	overflow:hidden;
}
.slideshow .category-info {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:0;
	padding:10px;
	/*height:120px;*/
	background: url('../images/back_transparent.png');	
}
.slideshow .title,
.slideshow ol {
	margin:0;
	padding:0;
}

.slideshow .title {
	font-size:3em;
}
.slideshow ol {
	/*background-color: #333;*/
	list-style:none;
	/*position:absolute;
	right:0;
	width:50%;
	top:10px;*/
}
.slideshow li {
	float:left;
	width:60px;
	height:55px;
	margin:0 5px 5px 0;
	background-color: #000;
	border:1px solid #333;
	position:relative;
	padding:1px;
}

.slideshow .image {
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
}
.slideshow .image img {
	border:none;
	padding:0;
	background-color: none;
}
.slideshow .arrows {
	position:absolute;
	left:0;
	right:0;
	z-index:2;
	height:15px;
	top:45%;
}

.slideshow .arrows .left,
.slideshow .arrows .right {
	width:27px;
	display:block;
	height:27px;
	top:0;
	position:absolute;
	cursor:pointer;
}

.slideshow .arrows .left {
	left:-20px;
	background: url('../images/arrows.png') no-repeat 0 0 ;
	
}
.slideshow .arrows .right {
	right:-20px;
	background: url('../images/arrows.png') no-repeat 0 -29px ;
	
}
.tooltip {
	position:absolute;
	color:#eee;
	background:#000;
	z-index:999;
	padding:10px;
}
.tooltip .loading {
	background: url('../images/loading.gif') no-repeat center center ;
}
.tooltip-inner {
	min-width:150px;
	min-height:50px;
}

.tooltip .description {
	font-size:0.8em;
	bottom:1px;
	left:1px;
	right:1px;
	padding:5px;
	position:absolute;
	margin:0;
	background: url('../images/back_transparent.png');
}
.tooltip .arrow {
	display:block;
	width:100%;
	position:absolute;
	left:0;
	right:0;
	bottom:-11px;
	height:	12px;
	background: url('../images/tooltip_arrow.png') no-repeat center center;
	
}

#newsletter label {
	display:block;
	margin:5px 0;
}
#newsletter input.text {
	padding:3px 5px;
	width:50%;
	display:block;
	
}
/* =Javascript Added CSS
	===============================*/


/* =UTILITY
	===============================*/
.clear {
	clear:both;
}
.g2:after, .g3:after, .g4:after,
.section:after,
.inner:after,
.body:after,
.navigation ol:after,
.navigation ul:after,
.secondary:after { 
	content: " ";
	clear:both;
	display:block;
	line-height:0;
	height:0;
}

/* =ACCESSIBILITY
	===============================*/
.hide, .navigation .heading, .search .heading, .footer .heading,
.slideshow .heading {position:absolute; left:-999em; display:none;}

/*	=GRIDS
	Layout grids
----------------------------------------------------*/
.grid-size-0_5 {width:5% !important;}
.grid-size-1 {width:10% !important;}
.grid-size-1_5 {width:15% !important;}
.grid-size-2 {width:20% !important;}
.grid-size-2_5 {width:25% !important;}
.grid-size-3 {width:30% !important;}
.grid-size-3_5 {width:35% !important;}
.grid-size-4 {width:40% !important;}
.grid-size-4_5 {width:45% !important;}
.grid-size-5 {width:50% !important;}
.grid-size-5_5 {width:55% !important;}
.grid-size-6 {width:60% !important;}
.grid-size-6_5 {width:65% !important;}
.grid-size-7 {width:70% !important;}
.grid-size-7_5 {width:75% !important;}
.grid-size-8 {width:80% !important;}
.grid-size-8_5 {width:85% !important;}
.grid-size-9 {width:90% !important;}
.grid-size-9_5 {width:95% !important;}
.grid-size-10 {width:100%!important;clear:both;float:none;overflow:hidden;}
.grid-size-auto {width:auto !important;}

.grid-left-0_5 {margin-left:5% !important;}
.grid-left-1 {margin-left:10% !important;}
.grid-left-1_5 {margin-left:15% !important;}
.grid-left-2 {margin-left:20% !important;}
.grid-left-2_5 {margin-left:25% !important;}
.grid-left-3 {margin-left:30% !important;}
.grid-left-3_5 {margin-left:35% !important;}
.grid-left-4 {margin-left:40% !important;}
.grid-left-4_5 {margin-left:45% !important;}
.grid-left-5 {margin-left:50% !important;}
.grid-left-5_5 {margin-left:55% !important;}
.grid-left-6 {margin-left:60% !important;}
.grid-left-6_5 {margin-left:65% !important;}
.grid-left-7 {margin-left:70% !important;}
.grid-left-7_5 {margin-left:75% !important;}
.grid-left-8 {margin-left:80% !important;}
.grid-left-8_5 {margin-left:85% !important;}
.grid-left-9 {margin-left:90% !important;}
.grid-left-9_5 {margin-left:95% !important;}

.grid-right-0_5 {margin-right:5% !important;}
.grid-right-1 {margin-right:10% !important;}
.grid-right-1_5 {margin-right:15% !important;}
.grid-right-2 {margin-right:20% !important;}
.grid-right-2_5 {margin-right:25% !important;}
.grid-right-3 {margin-right:30% !important;}
.grid-right-3_5 {margin-right:35% !important;}
.grid-right-4 {margin-right:40% !important;}
.grid-right-4_5 {margin-right:45% !important;}
.grid-right-5 {margin-right:50% !important;}
.grid-right-5_5 {margin-right:55% !important;}
.grid-right-6 {margin-right:60% !important;}
.grid-right-6_5 {margin-right:65% !important;}
.grid-right-7 {margin-right:70% !important;}
.grid-right-7_5 {margin-right:75% !important;}
.grid-right-8 {margin-right:80% !important;}
.grid-right-8_5 {margin-right:85% !important;}
.grid-right-9 {margin-right:90% !important;}
.grid-right-9_5 {margin-right:95% !important;}

.grid {}
.grid p {}
.grid-row-inner {}

/* ============= */
/* = GRID ROWS = */
/* ============= */
.grid-row {
	line-height:1em;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
}

/* ============== */
/* = GRID ITEMS = */
/* ============== */
.grid-row > .item,
.grid-item {
	width:auto;
	float:left;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}


/* ================== */
/* = Clear   floats = */
/* ================== */
.clear {display:block;float:none;line-height:0;height:0;clear:both;}
.grid:after,
.grid-row:after {content:' ';display:block;float:none;line-height:0;height:0;clear:both;}