@charset "utf-8";

		/* CSS Document 
		chocolate haven 
		http://www.martinhughesportfolio.com/
		icons: http://www.famfamfam.com/lab/icons/silk/
		*/
		
		#header{ background:url(images/header-choc-haven.jpg) 50% 0 no-repeat; height:230px; padding-bottom:10px;}
		#header h1, #header h2{ padding-left:20px; font-weight:normal;}
		
			#header h1{  font-size:120%; padding-top:80px;  }
			#header h2{ font-size:115%;  padding-top:10px; padding-left:55px;  }
			#header p{ text-align:center; width:720px; margin:5px auto; padding-top:10px; padding-bottom:10px; border:1px dotted #eee;}
			#header .contact-info{ margin-top:130px; }
		
		body {
			font: 100% Verdana, Arial, Helvetica, sans-serif;
			background:#fff url(images/background.jpg) 0 0 repeat-x;
			background-attachment:fixed;
			margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
			padding: 0;
			text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
			color: #3F2600;
		}
		.oneColElsCtr #container {
			width:960px;
			background: #FFF;
			margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
			text-align: left; /* this overrides the text-align: center on the body element. */
		}
		.oneColElsCtr #mainContent {
			padding: 0 20px; /*width:320px*/ /* remember that padding is the space inside the div box and margin is the space outside the div box */
		}
		
		#mainContent{ float:left; clear:left; width:500px; }
		#sidebar{ width:350px; float:right; clear:right; padding-right:20px;}
		#footer{ clear:both; padding:0 20px 0 20px;}
		
		p, li{ font-size:75%; line-height:1.5;}
		
		.webdesign { width:960px; margin:0 auto; }
		.webdesign a { color:#3F2600;    }
		
		strong, a{ color: #3F2600;}
		
		
		/*
		image alignments
		*/
		/* Begin Images */
			p img{padding:0;max-width:100%; border:0;}
			img.centered{display:block;margin-left:auto;margin-right:auto;}
			img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
			img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
			.alignright{float:right;}
			.alignleft{float:left}
		/* End Images */
		
		/*	
		used for rounded corners - curvycorners.net
		*/
			.myBox{
			text-align:left;
			background:#fff;
				border:1px solid #BF4D09;
				text-align:center;
				clear:both;
				margin:0;
				padding:0;
				width: 960px;
				margin:20px auto 20px auto;
			}
		
		.center{ text-align:center;}
		.no-border{border:0;}
		img{ border:1px solid #4A1D00;}
		
		h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #4A1D00;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:capitalize;
		}
		
		h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
		h2 { font-size: 2em; margin-bottom: 0.75em; }
		h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
		h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
		h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
		h6 { font-size: 1em; font-weight: bold; }
		
		.contact-info{ font-size:120%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background:#CCFFCC; text-align:center;}
		.amp{font-size:110%;font-family:"Goudy Old Style", "Palatino", "Book Antiqua", georgia, serif;font-style:italic;}
		abbr{border-bottom:1px dotted #eee; cursor:help;}
		
		
				/*
				links
				*/
				a:link{color:#4F1D00;  }
				a:visited{ color: #B2510C; }
				a:hover{ color: #fff; background:#4F1D00; text-decoration:none;}
				a:active{color: #000;}
				
				/*
				google map
				*/
				#map{margin:0 auto; width:900px; padding:10px; border:1px solid #96572E;}
		
		
/*		object { border:10px solid #eee; width:425px; height:344px; }*/