/* - - - - - - - - - - - - - - - - - - - - - - - -

Title		: Cake Creators
Author		: Michael Baker
URL 		: www.m3communications.com

Created 	: December 18, 2009
Modified	: n/a

- - - - - - - - - - - - - - - - - - - - - - - - */

/* !--- GLOBAL --- */

* {	margin:0px; padding:0px; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: url(../images/bg.jpg) #b89d7c repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height:1.5;
	padding-bottom: 30px;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* !--- CONTAINER --- */

#container {
	margin: 0px auto;
	width: 1000px;
}

#content_container { 
	background: url(../images/bg_container.png) repeat-y;
	padding: 0px 20px;
}

/* !--- HEADER --- */

#content_container #header {
	background: url(../images/bg_header.gif) #fff repeat-x bottom;
	padding: 10px 50px 15px;
}

	#content_container #header h1 a {
		background: url(../images/cake-creators.png) no-repeat;
		display: block;
		float: left;
		height: 38px;
		margin-top: 15px;
		overflow: hidden;
		text-indent: -9999px;
		width: 303px;
	}
	
	#content_container #header #strapline {
		float: right;
		margin-top: 6px
	}

/* !--- NAVIGATION --- */

#content_container #navigation { background: url(../images/bg_nav.gif) #df3c75 repeat-x; }

	#content_container #navigation ul {
		list-style: none;
		padding: 6px 6px 4px;
	}
	
		#content_container #navigation ul li {
			float: left;
			margin: 0px 8px;
			position: relative;
		}
		
			#content_container #navigation ul li a {
				color: #fff;
				display: block;			
				font-size: 1.4em;
				padding: 2px 7px;
				text-decoration: none;
				text-shadow: 1px 1px 1px #af2752;
			}
			
			#content_container #navigation ul li a:hover { color: #FFBDEA; }
			
#home #content_container #navigation ul li.home, #about #content_container #navigation ul li.about, #celebration #content_container #navigation ul li.celebration,
#wedding #content_container #navigation ul li.wedding, #faux #content_container #navigation ul li.faux, #corporate #content_container #navigation ul li.corporate,
#testimonials #content_container #navigation ul li.testimonials, #ordering #content_container #navigation ul li.ordering, #contact #content_container #navigation ul li.contact {
	background: url(../images/bg_nav_r.gif) no-repeat right top;
}

#home #content_container #navigation ul li.home a, #about #content_container #navigation ul li.about a, #celebration #content_container #navigation ul li.celebration a,
#wedding #content_container #navigation ul li.wedding a, #faux #content_container #navigation ul li.faux a, #corporate #content_container #navigation ul li.corporate a,
#testimonials #content_container #navigation ul li.testimonials a, #ordering #content_container #navigation ul li.ordering a, #contact #content_container #navigation ul li.contact a {
	background: url(../images/bg_nav_l.gif) no-repeat left top;
}

#home #content_container #navigation ul li.home a:hover, #about #content_container #navigation ul li.about a:hover, #celebration #content_container #navigation ul li.celebration a:hover,
#wedding #content_container #navigation ul li.wedding a:hover, #faux #content_container #navigation ul li.faux a:hover, #corporate #content_container #navigation ul li.corporate a:hover,
#testimonials #content_container #navigation ul li.testimonials a:hover, #ordering #content_container #navigation ul li.ordering a:hover, #contact #content_container #navigation ul li.contact a:hover {
	color: #fff;
}

		#content_container #navigation ul li ul {
			background-color: #e1417b;
			background-image: none;
			display:none; 
			height: auto;
			left:0;
			list-style:none;
			opacity:0;
			padding: 0px;
			position:absolute;
			top:24px;   
			width:170px;
		}
		
		#content_container #navigation ul li ul li {
			float: none;
			margin:0;
			padding: 0px;
			position:relative;					
			width:170px; 
		}
		
			#content_container #navigation ul li li a, #celebration #content_container #navigation ul li.celebration li a {
				background-color:#e1417b;
				background-image: none;
				display:block;
				font-size: 1.2em;
				padding:4px 12px;						
			}
			
			#content_container #navigation ul li li a:hover, #celebration #content_container #navigation ul li.celebration li a:hover { color: #FFBDEA; }

/* !--- BANNER --- */

#content_container #banner {
	border-bottom: 1px solid #592701;
	border-top: 1px solid #3b1a00;
	height: 169px;
}

/* !--- CONTENT --- */

#content_container #content, #content_container #content_wide { padding: 30px 50px; }

/* !--- CONTENT - Left Column --- */

#content_container #content #content_left {
	float: left;
	margin-right: 80px;
	width: 560px;
}

	#content_container #content #content_left h2, #content_container #content_wide h2 {
		color: #e44783;
		font-size: 2.2em;
		margin-bottom: 14px;
	}
	
	#content_container #content #content_left h3, #content_container #content_wide h3 {
		color: #666;
		font-size: 1.6em;
		margin-bottom: 14px;
	}
	
	#content_container #content #content_left p, #content_container #content_wide p {
		color: #555;
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	
		#content_container #content #content_left p a, #content_container #content_wide p a { color: #e44783; }
		
		#content_container #content #content_left p a:hover, #content_container #content_wide p a:hover { color: #333; }
		
	#content_container #content #content_left .hr {
		border-bottom: 1px solid #ddd;
		height: 0px;
		margin-bottom: 20px;
	}
	
	#content_container #content #content_left ul.buttons { list-style: none; }
	
		#content_container #content #content_left ul.buttons li { float: left; }
		
			#content_container #content #content_left ul.buttons li.middle { margin: 0px 22px; }

/* !--- CONTENT - Gallery --- */

#content_container #content_wide #gallery { list-style: none; }

	#content_container #content_wide #gallery li {
		float: left;
		margin: 16px
	}
	
		#content_container #content_wide #gallery li a img { border: 3px solid #e44783; }
		
		#content_container #content_wide #gallery li a:hover img { border-color: #64a9b4; }

/* !--- CONTENT - Portions Table --- */
			
#tbl_portions { 
	font-size: 1.2em;
	margin-bottom: 20px;
}
	
	#tbl_portions th {
		background-color: #F0F7FD;	
		border-right: 1px solid #DDEBF6;
		border-bottom: 1px solid #DDEBF6;
		border-top: 1px solid #DDEBF6;
		color: #3a4954;		
		font-weight: bold;
		padding: 6px 6px 6px 12px;
		text-align: center;
	}

	#tbl_portions th.first { border-left: 1px solid #DDEBF6; }
	
	#tbl_portions td {
		border-right: 1px solid #DDEBF6;
		border-bottom: 1px solid #DDEBF6;
		background: #fff;
		padding: 6px 6px 6px 12px;
		color: #3a4954;
	}
	
	#tbl_portions td.alt { background: #F4FAFF; }
	
	#tbl_portions td.first { border-left: 1px solid #DDEBF6; }
		
	#tbl_portions td.caption {
		border: 0px;
		text-align: right;
	}
		
/* !--- CONTENT - Contact Form --- */

#content_container #content #content_left #map_canvas {
	border: 1px solid #e44783;
	float: right;
	margin-bottom: 20px;
}

#content_container #content #content_left fieldset {
	background-color: #d9f3ff;
	border: none;
	padding: 20px;
	-moz-border-radius: 16px;
  	-webkit-border-radius: 16px;
}

	#content_container #content #content_left fieldset legend {
		background-color: #e44783;
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1;
		padding: 5px 8px;				
	}
	
#frm_contact { font-size: 1.2em; }
	
	#frm_contact input[type="hidden"] { display:none; }

	#frm_contact label {
		color: #e44783;
		display: block;	
		float: left;
		font-weight: bold;
		margin: 4px 0px 10px;
		margin-bottom: 10px;
		padding-right:10px;
		text-align:right;
		width: 100px;
	}
	
	#frm_contact input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #555;
		display: block;	
		float: left;
		margin-bottom: 10px;
		padding:4px;
		width: 200px;	
	}
	
		#frm_contact input.text:focus { border-color: #e44783; }
		
	#frm_contact textarea {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #555;
		display: block;
		float: left;
		margin-bottom: 10px;
		padding:4px;
	}
	
		#frm_contact textarea:focus { border-color: #e44783; }
	
	#frm_contact br { clear:left; }
	
	#frm_contact input.btn {
		background-color: #FFC9E3;
		border:1px solid #FF6699;
		color: #e44783;
		cursor: pointer;
		display: block;
	    font-size: 1.1em;
	    font-weight: bold;
	    padding: 6px 10px;
	    text-decoration: none;    
	}
		
/* !--- CONTENT - Right Column --- */

#content_container #content #content_right {
	float: left;
	width: 220px;
}

	#content_container #content #content_right .bubble {
		background: url(../images/bg_bubble.gif) #d9f3ff no-repeat bottom;
		margin-bottom: 20px;
	}
	
		#content_container #content #content_right .bubble .bubble_top {
			background: url(../images/bg_bubble_top.gif) #d9f3ff no-repeat top;
			padding-left: 16px;
		}
	
			#content_container #content #content_right .bubble .bubble_top h4 {
				background-color: #e44783;
				color: #fff;
				display: inline-block;
				font-size: 1.6em;
				line-height: 1;
				padding: 5px 8px 3px;				
				zoom:1;
				*display:inline;
			}
			
		#content_container #content #content_right .bubble .bubble_btm { padding: 14px 16px 30px 16px; }
		
			#content_container #content #content_right .bubble .bubble_btm p {
				color: #555;
				font-size: 1.1em;
			}
			
				#content_container #content #content_right .bubble .testimonials p {
					background: url(../images/quote_open.gif) no-repeat;
					padding-left: 16px;
				}
				
					#content_container #content #content_right .bubble .testimonials p em {
						background: url(../images/quote_close.gif) no-repeat bottom right;
						padding-right: 16px;
					}
					
						#content_container #content #content_right .bubble .testimonials p em a {
							color: #555;
							text-decoration: none;
						}
						
							#content_container #content #content_right .bubble .testimonials p em a:hover { text-decoration: underline; }
					
					#content_container #content #content_right .bubble .testimonials p strong {
						display: block;
						margin-top: 10px;
					}
			
				#content_container #content #content_right .bubble .news p a {
					color: #e44783;
					font-weight: bold;
					text-decoration: none;
				}
				
					#content_container #content #content_right .bubble .news p a:hover { text-decoration: underline; }
					
				#content_container #content #content_right .bubble .see p a {
					color: #e44783;
					font-weight: bold;
					text-decoration: none;
				}
				
					#content_container #content #content_right .bubble .see p a:hover { text-decoration: underline; }
				
/* !--- FOOTER --- */

#footer {
	background: url(../images/bg_footer.png) no-repeat;
	height: 40px;	/* 70px */
	padding: 30px 36px 0px;
}

	#footer p { color: #917150;	}
	
		#footer p.left { float: left; }
		
		#footer p.right { float: right; }
		
		#footer p a {
			color: #917150;
			text-decoration: none;
		}
		
			#footer p a:hover { text-decoration: underline; }
			
			

/* ====================== */
/* = Pagination Control = */
/* ====================== */

#pagination_container {
	text-align: center;
	width: 850px;
	margin: 20px 0px;
}
	
	#pagination_container a {
		padding: 5px 10px;
		border: 1px solid #ddd;
		color:#E44783;
		text-decoration: none;
		margin-right: 4px;
		font-size: 1.2em;
	}
	
	#pagination_container a.disabled {
	color:#999;	
	}
	
	#pagination_container a:hover {
		text-decoration: underline;
	}
	
	#pagination_container a.current {
		color:#333;
		border-color: #aaa;
	}