html {background-color: #FFFFFF}
.clear{
        clear:both;
    }
.line.margin{
	margin:0px 10px 20px 10px !important;
    }
body {
	font-family: 'Verdana';
}

	
#container{
	width:945px;
	height: 713px;
	margin:0 auto; 
	position:relative;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	background-color:#FFFFFF;
    }

#header{
    clear:both;
    width:938px;
	height: 185px;
    margin:0 auto 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position:relative; 
	z-index:0;
	background: #FFFFFF;
	
    }
#logo{
    display:block;
	width: 148px;
	height: 185px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
    }
#header	ul							{ list-style: none;}
#header	ul li							{ margin-left:0px; float:left}
#header	ul li a 						{display: block; background:url(../images/home.png)}
#header	ul li:first-child				{margin-left:1px}
#header	ul li a.home 					{margin-top: 55px; margin-left: -40px; margin-right: 9px; width: 186px; height:82px; background:url(../images/home.png)}
#header	ul li a.home:hover 				{background:url(../images/homehover.png)}
#header	ul li a.products 				{margin-top: 55px; margin-left: 9px; margin-right: 4.4px; width: 186px; height:82px; background:url(../images/products.png)}
#header	ul li a.products:hover 			{background:url(../images/productshover.png)}
#header	ul li a.logo 					{margin-top: 55px; margin-top: 20px; margin-left: 0px; margin-right: 0px; width: 148px; height:150px; background:url(../images/logo_thebakeshop.png)}
#header	ul li a.logo:hover 				{background:url(../images/logo_thebakeshop.png)}
#header	ul li a.order 					{margin-top: 55px; margin-left: 4.5px; margin-right: 9px; width: 186px; height:82px; background:url(../images/order.png)}
#header	ul li a.order:hover 			{background:url(../images/orderhover.png)}
#header	ul li a.contact 				{margin-top: 55px; margin-left: 9px; margin-right: 0px; width: 186px; height:82px; background:url(../images/contacthover.png)}
#header	ul li a.contact:hover 			{background:url(../images/contacthover.png)}	

	
#mainbg{
	background: #fff4fc;
	position: relative;
	margin-left: 0px;
	width: 938px;
	height: 470px;
	padding: 0px 0;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
#main_spacer{
	width: 938px;
	height: 20px;
	background: #456132;
}
#maincontent{
	margin-top: 0px;
	/* background: #fff4fc; */
	background:url(../images/baking_bg2.png) no-repeat 550px 335px;
	background-size: 40%;
	/* opacity: 0.09; 
	background-color:rgba(255,244,252,0.1); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5; */
	position: absolute;
	width: 938px;
	height: 470px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#maincontent	ul							{ list-style: none; margin-left:150px;}
#maincontent	ul li							{ margin-left:6px; }
#maincontent 	ul li img						{ margin-bottom: 10px; margin-top: 10px;}
#maincontent 	ul li img:first-child			{ margin-top: 30px;}

#maincontent	ul li p { 
	color:#4d4c4c;
	line-height:2.0em;
	padding:5px 0;
	margin:0;
	font-family: Segoe Condensed;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: -55px; 
	margin-left: 70px;
	font-size: 18px;
}


#footerbg {	
	margin-top: 10px;	
	width: 938px;
	height: 40px;
	padding:0;
	position: relative;
	margin-bottom: 1px;
	background: #dfdaf5;
	color: #757575; 
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
    }
#legal {
	width: 500px;
	float: left;
}
#footerbg p.legaltext {
	padding-top: 3px;
	padding-left: 10px;
}
#social {
	position: relative;
	margin-left: 50px;
	padding-top: 3px;
}
#social	ul							{ list-style: none; float:right; margin-top: 0px; margin-left: -40px;}
#social	ul li							{margin-top:3px; float:left;}
#social	ul li a 						{display: block; background:url(../images/footer_icon_mobile.png)}
#social	ul li:first-child				{margin-left:0px}
#social	ul li a.mobile 					{margin-right: 2px; width: 25px; height:30px; background:url(../images/footer_mobile.png)}
#social	ul li a.mobile:hover 			{width: 25px; height:30px; background:url(../images/footer_mobile_hover.png)}
#social	ul li a.mail 					{margin-right: 4px; margin-top: 2px; width: 25px; height:25px; background:url(../images/footer_gmail.png)}
#social	ul li a.mail:hover 				{width: 25px; height:25px; background:url(../images/footer_gmail_hover.png)}
#social	ul li a.google 					{margin-right: 3px; margin-top: 2px; width: 25px; height:25px; background:url(../images/footer_google.jpg)}
#social	ul li a.google:hover 			{width: 25px; height:25px; background:url(../images/footer_google_hover.jpg)}
#social	ul li a.twitter 				{margin-right: 1px; width: 30px; height:30px; background:url(../images/footer_twitter.png)}
#social	ul li a.twitter:hover 			{width: 30px; height:30px; background:url(../images/footer_twitter_hover.png)}
#social	ul li a.facebook 				{margin-right: 6px; width: 30px; height:30px; background:url(../images/footer_facebook.png)}
#social	ul li a.facebook:hover 			{width: 30px; height:30px; background:url(../images/footer_facebook_hover.png)}