/*
	Name: Soulizen Connected Creations
	Date: October 2009
	Website http://www.soulizen.com
*/

/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Indicate
		- Links
	2. Main Structure
	3. Main Content
		- Content Index
		- Content Right
		- Content left
	4. Side Navigation
	5. Form Elements

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/
/* CSS Document */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Arial", Calibri, Tahoma, sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 9pt;
	color:#333333;
	line-height: 1.6em;
}

body.bg-splash{
	background:url(../i/bg-splash.gif) center top repeat-x #9a0103;
}

body.bg{
	background:url(../i/bg-top.gif) left top repeat-x #0e0e0f;
}

div, object, embed {
	outline:none;
}
/* Headings
---------------------------------------------------------------*/

hr {
	float:left;
	border: 0;
	width:90%;
	color: #4b211f;
	background-color: #4b211f;
	height: 1px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", Calibri, Tahoma, sans-serif;
}
h1 {
	width:530px;
	float:left;
	padding:15px 0 15px 30px;
}
/* about us */
.headline1{
	background:#940709;	
}
/* our menu */
.headline2{
	background:#4b211f;	
}

.headline3{
	background:#97161a;	
}

h2 {
	/* Define your style */
}

h3 {
	/* Define your style */
}

h4 {
	font-size:14px;
	font-weight:bold;
	color:#941b1d;
	/* Define your style */
}

h5 {
	/* Define your style */
}

h6 {
	/* Define your style */
}
/* Common Formatting
---------------------------------------------------------------*/
p {
	margin:0;
}
fieldset, img {
	border:0;
}
img.img-right {
	float:right;
	margin:0 0 10px 10px;
}
img.img-left {
	float:left;
	margin:0 10px 10px 0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}

#right_t {
	float:right;
	width:150px;
}

#left {
	float:left;
}
#nomargin {
	margin:0!important;
}
.nomargin {
	margin:0!important;
	padding:0!important;
}
#clearfloat {
	clear:both;
}
/* Indicate
---------------------------------------------------------------*/
#indicate {
	width:700px;
	float:left;
	padding:30px 0 10px 20px;
	color:#7d6565;
	font:normal 7pt "tahoma";
	text-transform:lowercase;
}
#indicate a {
	color:#7d6565;
}
.txt-indicate {
	color:#4b211f;
}

/* our menu */
#indicate2{
	width:700px;
	float:left;
	padding:30px 0 10px 20px;
	color:#f0c1c1;
	font:normal 7pt "tahoma";
	text-transform:lowercase;
}
#indicate2 a {
	color:#f0c1c1;
}

.txt-indicate2 {
	color:#F9AD32;
}

.txt-indicate-cancel {
	color:#fff;
	text-decoration:line-through;
}


/* Links
---------------------------------------------------------------*/  
a:link, a:visited {
	text-decoration:none;
	color:#c31331;
}
a:hover {
	text-decoration: underline;
}
a.redB {
	color:#6d1528!important;
	font:bold 7pt "tahoma"!important;
}
a.redB:hover {
	color:#6d1528!important;
	text-decoration:underline;
}
.redB {
	color:#6d1528;
	font:bold 7pt "tahoma";
}
/* ------------------------------------------------------------
   2. Main Structure
---------------------------------------------------------------*/
/* Wrapper*/
#wrapper{
	width:100%;
	height:100%;
	background:url(../i/bg.jpg) center top no-repeat;
}

/* Container*/
#container {
	width:960px;
	position: relative;
	margin: 0px auto;
	/*overflow:hidden;*/
}

/* Splash*/
#splash-content{
	width:863px;
	text-align:center;
	padding:105px 0 0 97px;
}

.splash-box{
	width:231px;
	float:left;
	padding:0 12px 20px 12px;
}

/* Header*/
#header {
	width:960px;
	float:left;
	padding:0 0 6px 0;
}

#logo{
	width:174px;
	float:left;
	padding:17px 0 0 22px;
}

#facebook{
	width:550px;
	float:right;
	padding:0;
}

#tagline{
	width:161px;
	float:left;
	padding:10px 0 0 28px;
}

#hotline{
	width:121px;
	float:right;
	padding:32px 8px 0 0;
}

/* Content*/
#content {
	width:960px;
	float:left;
	padding:20px 0 0 0;
}
/* Footer*/
#footer {
	width:940px;
	float:left;
	padding:10px 10px 5px 10px;
	color:#e9dada;
	text-align:left;
	font:normal 7pt "Tahoma";
	line-height:1.8em;
}
#footer a {
	Color:#e9dada;
	text-decoration: none;
}
#footer a:hover {
	Color:#f8a114;
	text-decoration: underline;
}

/* ------------------------------------------------------------
   3. Main Content
---------------------------------------------------------------*/

/* Content Index*/
#index-promo{
	width:617px;
	float:left;
	border:5px solid #f2f2f2;
	font-size: 0;
line-height: 0;
}

#index-right{
	width:318px;
	float:left;
	border-left:15px solid #334d66;
}

#index-sb-promo{
	width:318px;
	float:left;
	background:url(../i/index-sb-promo-bg.gif) left top no-repeat #f8a114;
	height:214px;
}

#index-sb-newsletter{
	width:298px;
	float:left;
	background:url(../i/index-sb-newsleter-bg.gif) left bottom no-repeat #300000;
	height:35px;
	padding:50px 0 0 20px;
}


.input-newsletter{
	width:100px;
	float:left;
	margin:0 10px 8px 0;
	background:#620000;
	color:#e0cccc;
	font:normal 8pt "Arial";
	border:none;
}

.btn-newsletter{
	border:none;
	background:#300000;
	color:#d1bc94;
	font:bold 7pt "Tahoma";
}

#index-sb-online{
	width:318px;
	float:left;
}

/* Content-right*/
#content-right{
	width:720px;
	float:left;
	border-right:15px solid #334d66;

}

.bg-about{
	background:url(../i/bg-pattern1.gif) right top no-repeat #d1bc94;	
}

.bg-menu-red{
	background:url(../i/bg-pattern2.gif) right top no-repeat #982b2c;
	color:#ffffff;	
}

.bg-menu-white{
	background:url(../i/bg-pattern3.gif) right top no-repeat #d1bc94;	
}

#body-text{
	width:660px;
	float:left;
	padding:15px 30px;
}

/* Content-Left*/
#content-left{
	width:225px;
	float:left;
}

#sb{
	width:225px;
	float:left;
}

#newsletter{
	width:200px;
	float:left;
	background:url(../i/sb-newsleter-bg.jpg) left top no-repeat #300000;
	padding:50px 0 20px 25px;
}


/* img-arrangment*/

.img-footer {
	margin:8px 0 0 0;
}
/* ------------------------------------------------------------
  4. Side Navigation
---------------------------------------------------------------*/
#sidenav {
	background:#320607;
	width:200px;
	float:left;
	padding:40px 0 0 22px;
	margin:0 0 0px 0;
	opacity:0.7;
}
#sidenav ul {
	list-style:none;
	text-align:left;
}
#sidenav li {
	list-style:none;
	padding:7px 0;
}
#sidenav li a {
	color:#ffffff;
	font:normal 9pt "Arial";
	padding:2px 0;
	display:block;
}
#sidenav li a:hover {
	text-decoration:none;
	color:#ffffff;
}
#sidenav li a:focus {
	text-decoration:none;
	color:#ffde00 !important;
}
#sidenav li a.selected {
	color:#ffffff !important;
}
#sidenav li a.current {
	color:#f8a114 !important;
	font-weight:bold;
	text-transform:uppercase;
}
#sidenav li a.lv1 {
	color:#ffffff;
}
#sidenav li a:hover.lv1 {
	color:#f8a114 !important;
}
#sidenav li a.lv0 {
	color:#ffffff;
}
#sidenav li a.selected {
	color:#f8a114 !important;
}
#sidenav li a.perm {
	color:#ffffff !important;
}
#sidenav li a:hover.lv0 {
	color:#f8a114 !important;
}
#sidenav .submenu {
	margin:0;
	padding:0 0 0 15px;
}
#sidenav .submenu a:hover {
	color:#f8a114 !important;
}
#sidenav .submenu2 {
	margin:0;
	padding:0 0 0 10px;
}

/* ------------------------------------------------------------
   5. Form Elements
---------------------------------------------------------------*/

#form {
	float:left;
	width:100%;
	padding:15px 0 0 0;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:470px;
	float:left;
	margin:5px 0;
}
#form p.row2 {
	float:left;
	margin:5px 0;
	padding:0 0 0 126px;
}
#form label {
	width: 120px;
	padding: 2px 5px 0 0;
	color:#515b21;
	font:normal 9pt "Arial"!important;
}
.textarea {
	width:200px;
	border:1px solid #608002;
	background:#ffd503;
}
.input {
	border:1px solid #608002;
	width: 180px;
	background:#ffd503;
}
.field {
	border:1px solid #608002;
}
.select {
	border:1px solid #608002;
	background:#ffd503;
}
input.required {
	border:1px solid #e6e6e6;
	height:15px;
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}

.locate_grey{
	padding:4px 4px 4px 4px;
	background-color:#b2625b;
	color:#b2625b;
	font-weight: bold;
	border:none;
	font-size:10px;
}.white {
	color: #FFF;
}

/* hot power meals */

#hpm{
	color:#351111;
	font-size:11px;
	line-height:14px;
}

.recommend{
	color:#941b1d;
	}