/*
Style Sheet: Layout  
Version: 1.0  
Author: Neil Collyer  
Email: neil@amoebacorp.com
*/ 


/* GENERAL
*/ 

/* Site wide styles */ 
/* Strips page of default styling */
html, body {
margin: 0;
padding: 0;
background-color:#ffffff;
background-image:url(../../images/universal/background/white.gif);
text-align:center;
height:100%;
}

/* Solves issue where floated divs break out of their container div */
div.float_clear_hack {
clear: both; 
line-height: 0;
height: 0;
}

/* Remove border around linked images */
img {
border: 0;
}


/* MAIN CONTENT
*/ 

/* Site wide styles */ 
.main_container {
/* This width is what ie5 will read */ 
width:775px;
/* This width is what standards compliant browsers will read */ 
wid\th: 743px;
margin:0 auto;
padding:0px 20px 0px 20px;
border:solid;
border-width:1px;
/*border-color:#848A90;*/
border-color:#CDCDCD;
background-color:#ffffff;
text-align:left;
}


/* BRANDING
*/ 

/* Site wide styles */ 
.header_banner{
width:733px;
height:51px;
}

.logo {
float:left;
width:140px;
margin:0px;
}

.section_title_container {
float:left;
width:593px;
margin:0px;
}

.section_title_top {
float:left;
width:593px;
height:25px;
margin:0px;
}

/* Styles for section: How it Works */ 
.section_title {
float:left;
width:593px;
margin:0px;
}

.section_title_text {
bottom:20px;
}


/* SECTION CONTENT
 */ 
 
/* Site wide styles */ 
.content_container_main {
float:left;
clear:both;
/* This width is what ie5 will read */ 
width:733px;
/* This width is what standards compliant browsers will read */ 
wid\th:700px;
height:455px;
margin:0px;
padding:10px 10px 10px 10px;
border:solid;
border-width:1px;
/* border-color:#848A90; */
border-color:#BABABA;
background-color:#f6f7fc;
/*background-color:#e1e2e5;*/
text-align:left;
}

/* Styles for section: How it Works (hiw) */ 
.content_container_left_hiw {
float:left;
width:165px;
}

.content_left_hiw {
height:100px;
}

.content_left_image_hiw {
}

.content_container_right_hiw {
width:534px;
height:455px;
margin:0;
padding:0;
overflow:auto;
}

.content_container_right_header_hiw {
float:left;
width:95%;
padding:0px 0px 20px 0px;
}

.content_container_right_content_hiw {
float:left;
width:100%;
}

.content_hiw {
float:left;
width:150px;
wid\th:140px;
margin:0;
padding:0px 10px 0px 0px;
}

.header_image_hiw { 
padding:0px 0px 15px 0px;
}

.content_hiw_numbers{
float:left;
margin:0px 6px 0px 0px;
padding:0;
}

/* Styles for section: Index */ 

.content_container_left_index {
float:left;
/*width:235px;*/
/*width:465px;*/
/*width:432px;*/
width:582px;
}

.content_container_right_index {
/*width:460px;*/
/*width:225px;*/
/*width:255px;*/
width:375px;
/*height:455px;*/
height:455px;
margin:0;
padding:0px 8px 0px 0px;
overflow:auto;
border:solid;
border-width:1px;
/* border-color:#848A90; */
border-color:#BABABA;
background-color:#ffffff;
}

.content_container_right_index_header {
height:55px;
}

.content_container_right_index_content {
height:385px;
padding:0px 10px 00px 0px;
overflow:auto;
}

.content_index {
float:left;
width:410px;
wid\th:400px;
margin:0;
padding:0px 0px 0px 0px;
}

/* Styles for section: FAQ (faq) */ 

.content_container_left_faq {
float:left;
/*width:235px;*/
width:165px;
}

.content_container_right_faq {
/*width:460px;*/
width:515px;
height:445px;
margin:0;
padding:0px 10px 10px 10px;
overflow:auto;
}


/* Styles for section: Get in Touch (git) */ 

.content_container_git {
}

.content_container_header_left_git {
float:left;
width:135px;
}

.content_container_header_right_git {
}

.content_container_left_git {
float:left;
width:345px;
}

.content_container_right_git {
width:345px;
/*height:275px;*/
margin:0;
padding:0;
overflow:auto;
}

.content_git {
float:left;
width:310px;
wid\th:300px;
margin:0;
padding:20px 20px 0px 0px;
}

/* Styles for section: Featured Recipes (fr) */ 

.content_sm {
float:left;
width:725px;
wid\th:705px;
height:405px;
margin:0;
padding:0px 0px 0px 0px;
overflow:auto;
}

.content_recipe {
float:left;
width:725px;
wid\th:705px;
height:455px;
margin:0;
padding:0px 0px 0px 0px;
overflow:auto;
}

.content_fr {
float:left;
width:725px;
wid\th:705px;
height:365px;
margin:0;
padding:0px 0px 0px 0px;
overflow:auto;
}

.content_container_left_fr {
float:left;
width:100px;
}

/* Styles for section: The Food (food) */ 

.content_container_left_food {
float:left;
width:205px;
}

.content_left_food {
height:50px;
}

.content_left_image_food {
}

.content_container_right_food {
width:490px;
wid\th:465px;
margin:0;
padding:0;
overflow:auto;
}

.content_container_right_header_food {
float:left;
width:95%;
padding:0px 0px 20px 0px;
}

.content_container_right_content_food {
float:left;
width:95%;
}

.content_food {
float:left;
width:150px;
wid\th:140px;
margin:0;
padding:0px 10px 0px 0px;
}

.header_image_food { 
padding:0px 0px 15px 0px;
}

.content_food_numbers{
float:left;
margin:0px 6px 0px 0px;
padding:0;
}

/* Styles for section: Order (order) */ 

.content_container_left_order {
float:left;
width:275px;
}

.content_left_order {
height:100px;
}

.content_left_image_order {
}

.content_container_right_order {
width:420px;
margin:0;
padding:0;
overflow:auto;
}

.content_container_right_header_order {
float:left;
width:95%;
padding:0px 0px 20px 0px;
}

.content_container_right_content_order {
float:left;
width:95%;
}

.content_order {
float:left;
width:150px;
wid\th:140px;
margin:0;
padding:0px 10px 0px 0px;
}

.header_image_order { 
padding:0px 0px 15px 0px;
}

.content_order_numbers{
float:left;
margin:0px 6px 0px 0px;
padding:0;
}

/* Styles for section: Look Inside (li) */ 

.content_container_left_li {
float:left;
width:230px;
}

.content_container_right_li {
width:465px;
height:455px;
margin:0;
padding:0;
overflow:auto;
}

.content_left_li {
height:60px;
}

.content_li {
float:left;
width:400px;
wid\th:390px;
margin:0;
padding:20px 20px 20px 20px;
}

/* Styles for section: Career (car) */ 
.content_container_right_car {
width:515px;
height:455px;
margin:0;
padding:0;
overflow:auto;
}

.content_container_left_car {
float:left;
width:190px;
wid\th:180px;
}

.content_left_car {
height:75px;
}

.content_car {
float:left;
width:210px;
wid\th:200px;
margin:0;
padding:0px 10px 0px 0px;
}

/* Styles for section: Menu (menu) */ 

.content_container_menu_main {
float:left;
clear:both;
/* This width is what ie5 will read */ 
width:733px;
/* This width is what standards compliant browsers will read */ 
/*wid\th:690px;*/
wid\th:700px;
/*height:455px;*/
margin:0px;
padding:0px 0px 0px 0px;
border:solid;
border-width:1px;
/* border-color:#848A90; */
border-color:#BABABA;
background-color:#f6f7fc;
text-align:left;
overflow:auto;
}


.content_container_menu_left {
float:left;
width:470px;
wid\th:450px;
height:460px;
margin:0;
padding:0px 10px 0px 0px;
overflow:auto;
}

.content_container_menu_right {
float:left;
width:240px;
wid\th:220px;
height:455px;
margin:0;
padding:5px 10px 0px 10px;
background-color:#e6e7ec;
overflow:auto;
}

.content_menu {
float:left;
width:445px;
wid\th:425px;
/*height:95px;*/
margin:0;
padding:0px 5px 0px 0px;
overflow:auto;
}

/* Styles for section: Food Blog */ 

.content_blog {
float:left;
width:725px;
wid\th:705px;
height:455px;
margin:0;
padding:0px 0px 0px 0px;
overflow:auto;
}

/* Styles for section: About Us (aboutus) */ 

.content_container_left_aboutus {
float:left;
width:265px;
}

.content_container_right_aboutus {
width:430px;
height:325px;
margin:0;
padding:0;
overflow:auto;
}

.content_aboutus {
float:left;
width:400px;
wid\th:390px;
margin:0;
padding:0px 0px 0px 0px;
}

/* MAIN NAV
*/

/* Site wide styles (not for use in members section) */ 
.main_nav_container {
clear:both;
/* This width is what ie5 will read */ 
width:775px;
/* This width is what standards compliant browsers will read */ 
wid\th:693px;
height:7px;
margin:0;
padding:10px 20px 30px 20px;
}

.main_nav_positioning {
text-align:center;
vertical-align:top;
}


/* SECONDARY NAV
*/ 


/* FOOTER
 */
 
 .footer_copyright { 
 
 /* This width is what ie5 will read */ 
width:775px;
/* This width is what standards compliant browsers will read */ 
wid\th:755px;
margin:0 auto;
padding:5px 20px 0px 0px;
text-align:right;
}

/* BOX STYLES
*/ 


/* LISTS
 */ 
 

/* FORM STYLES
*/ 


/* GRAPHIC BUTTONS
 */ 

 
/* TABLES
 */ 

/* Site wide styles */ 

table { 
width:100%;
height:98%;
border:0;
border-spacing:0;
border-collapse:collapse;
}

td {
text-align:center;
vertical-align:middle;
}

/* MISC 1
 */ 
 

/* MISC 2
 */