/* CAKEBOX CSS */

body { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #333300; margin: 0; padding: 0; text-align: left; background-color: #F7EEC3; }
	
h1	{ margin: 0px; padding: 20px 0px 0px 15px; font-size: 21px; line-height: 26px; color: #666633; 	}		
	
h2	{ margin: 0px 20px 0px 0px; padding: 5px 0px 0px 15px; font-size: 14px; line-height: 20px; color: #272424; }			
	
p	{ margin: 0px; padding: 5px 15px 0px 15px; font-size: 13px; color: #333300; }				
	
a { font-size: 13px; font-weight: bold; color: #666633; text-decoration: underline; border: 0; padding: 0px; 	}	
	
a:hover { font-size: 13px; font-weight: bold; color: #272424; text-decoration: underline; border: 0; padding: 0px; }

img.logo {float: left; clear: left; border: 0px; display: inline; padding: 5px 0px 0px 25px;}	
			
#wrapper { border: 1px solid #333300; margin: 0px auto; width: 756px; text-align: left; padding: 0px; background-color: #ffffff;  }
	
#navBar {/* background-image: url(../images/navBG.jpg); */ background-color : #FFFFFF; background-position: left top; background-repeat: no-repeat; text-align: right; border-bottom: 1px solid #333300; padding: 0px; margin: 0px; }
	
#topNav { border-top: 1px solid #333300; width: 556px; text-align: center; padding: 0px; margin-left: 200px; background-color: #F0D297; }
#topNav img{ padding: 0px; margin: 0px; }		
#topNav ul{ width: 556px; list-style-type: none; display: inline; margin: 0; padding: 0; }		
#topNav li{ list-style-type: none; display: inline; padding: 0 .25em 0 .25em; }	
#topNav a { font-size: 11.5px; font-weight: bold; color: #666633; text-decoration: none; border-right: 1px solid #666633; padding-right: .5em; }
#topNav a:hover, #topNav a.on { color: #333300; }
	
#topNav .home a, .home li  { font-size: 11.5px; font-weight: bold; color: #666633; text-decoration: none;
	border: 0; padding: 0; }	
#topNav .home a:hover, #topNav a.home_on { color: #333300; }	

#footer { background-color:#205663; padding: 2px; margin-top: 0px; width: 752px; clear:both; border-top : 2px solid #FF6136; }			
#footer p{ color: #ffffff; font-size: 10px; line-height: 12px; padding: 2px; margin: 0px; }			
	
/*index page*/	
#index_main {margin: 0; border-bottom: 1px solid #666633; padding: 0px; background-image: url(images/center.jpg); 
	background-position: top left; background-repeat: no-repeat; }
		
#index_grab { margin: 0; padding: 0px; }	
#index_grab h1{ margin: 0px; padding: 20px 0px 0px 300px; font-size: 21px; line-height: 26px; color: #666633; }		
#index_grab h2{ margin: 0px; padding: 20px 15px 15px 350px; font-size: 14px; line-height: 20px;
	color: #272424; text-align: right; }		
#index_grab h3{ margin: 0px; padding: 10px 0px 10px 300px; font-size: 14px; line-height: 20px; color: #666633; }			
	
#index_left { width: 50%; float: left; clear: left; display: block; padding: 0px; 
	background-image: url(images/left_bg.gif); background-repeat: repeat-x; }
#index_left img{ float: right; clear: right; display: block; padding: 20px 5px 0px 0px;  margin: 0;}

#index_right { width: 50%; float: right; clear: right; padding: 0px; background-image: url(images/right_bg.gif);
	background-repeat: repeat-x; }
#index_right img{ float: right; clear: right; display: block; padding: 0; margin: 0; }
	
	
/*secondary pages*/
#main { width: 555px; float: right; clear: right; display: block; padding-bottom: 10px; 
	background-image: url(images/whyCFO.jpg); background-position: top left; background-repeat: no-repeat;}	
#main p	{ margin: 0px; padding: 10px 15px 5px 15px; font-size: 13px; color: #333300; }		
#main p.line { padding: 10px 15px 25px 15px; }	
#main h1 { margin: 0px; padding: 20px 0px 90px 15px; font-size: 21px; line-height: 26px; color: #666633; 	}	
#main ul { width: 450px; list-style-type: disc; list-style-position: inside; padding: 0; margin: 20px 0px 0px 15px; }
#main ul.tight{margin:0 0 0 15px;}
#main li	{list-style-type: disc; list-style-position: inside; padding: 0px 0px 5px 0px; margin: 0px;}
#main a	{ font-size: 13px; font-weight: bold; color: #666633; text-decoration: none; border: 0px; padding: 0; }
#main a:hover	{ font-size: 13px; font-weight: bold; color: #333300; text-decoration: none; border: 0px; padding: 0; }
#main b	{ font-size: 13px; color: #333300; }		
#main blockquote { font-size: 13px; font-weight: bold; color: #333300; padding: 10px; background-color: #f9f9ee; }		
#main em { font-size: 13px; color: #333300; font-weight: normal; }	
#main img { clear: right; display: block; padding: 0px; border: 1px solid #666666; margin: 15px 10px 5px 10px;}
#main img.team { float: left; clear: left; display: inline; padding: 0px 15px 25px 0px;}

#main table td { font-size: 10px;}
#main table td a { font-size: 10px;}

.contact { background-image: url(../images/contact.jpg); background-position: top left; background-repeat: no-repeat;}	
.masterchef { background-image: url(../images/masterchef.jpg); background-position: top left; background-repeat: no-repeat;}	
.services { background-image: url(../images/services.jpg); background-position: top left; background-repeat: no-repeat;}	
.welcome { background-image : url(../images/welcome.jpg); background-position: top left; background-repeat: no-repeat;}	
.prices { background-image: url(../images/weddingcakes.jpg); background-position: top left; background-repeat: no-repeat;}	
.cakes { background-image: url(../images/weddingcakes.jpg); background-position: top left; background-repeat: no-repeat;}	
.choc { background-image: url(../images/title_choc.jpg); background-position: top left; background-repeat: no-repeat;}	
.classical { background-image: url(../images/title_classical.jpg); background-position: top left; background-repeat: no-repeat;}	
.contemporary { background-image: url(../images/title_contemporary.jpg); background-position: top left; background-repeat: no-repeat;}	
.modern { background-image: url(../images/title_modern.jpg); background-position: top left; background-repeat: no-repeat;}	
.novelty { background-image: url(../images/title_novelty.jpg); background-position: top left; background-repeat: no-repeat;}	

#sidebar {width: 180px; float: left; clear: left; display: block; padding: 10px; margin: 0px; 
	background-image: url(../images/sidebar_bg.gif); background-repeat: no-repeat; border: 0px;}	 	
#sidebar p.space {padding: 0px 0px 200px 0px;}	
#sidebar ul { width: 180px; list-style-type: none; list-style-position: outside; padding: 0; margin: 0px; display: block; }
#sidebar li	{list-style-type: none; list-style-position: outside; padding: 6px 0px 0px 15px; margin: 0px;}
#sidebar a	{ font-size: 12px; font-weight: bold; color: #205663; text-decoration: none; border: 0px; padding: 0; }
#sidebar a:hover, #sidebar a.on	{ font-size: 12px; font-weight: bold; color: #FF6136; text-decoration: none; border: 0px; padding: 0; }

#sidebarQuote {width: 180px; float: left; clear: left; display: block; padding: 10px; margin: 0px; background-image: url(images/sidebar_quote.gif); background-repeat: no-repeat; border: 0px;}	 	
#sidebarQuote p.space {padding: 0px 0px 200px 0px;}	

/* ------------------------ TABLES -------------------------- */

table {	border : 0px;}
td { padding : 2px;}
th { padding : 2px; background-color : #99CCCC; font-weight : bold;}

#main td {
	font-size : 10px;
}

.pricelist {font-size : 11px;}

.downloadtable {
	float: right;
	border: 1px solid #99CCCC;
	margin: 10px;
}

/*---------------------------- FORM----------------------------------*/

#form {
	float : right;
	margin-right : 10px;
}