body {margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #48484A; margin: 0; padding: 0; background: #e6eca2 url(../images/pagebackground.jpg)}
a {text-decoration: none; color: #48484A}
a:hover {text-decoration: underline}
form {margin: 0}
img {border: 0}
.centeralise {text-align: center}
.clearboth {clear: both}
.marginright {margin-right: 50px}
input, form {font-family: Arial, Helvetica, sans-serif;}
.floatleft {float: left; margin-right: 10px}

#wrapper {position:relative; margin: 20px auto; padding: 0px 0px 0px 0px; top:0px; width:770px; clear: both; text-align: center}
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header {}

#menu {position: relative; display: block; width: 734px; height: 42px; background: transparent url(../images/menu-background.png) no-repeat bottom left;}
#menu ul {position: absolute; right: 65px; top: 0px; margin: 0px; padding: 0px}
#menu li {float: left; list-style: none; margin: 0px 0px 0px 0px; margin-left: 1px; margin-bottom: 5px; }
#menu .home {display: block; width: 103px; height: 42px; background-image: url(../images/navigation.png); background-position: 0 0}
#menu .home:hover {background-position: 0px 51px}
#menu .home a {display: block; overflow: hidden; text-indent: -9999px; width: 103px; height: 42px;}
#menu .about {display: block; width: 100px; height: 42px; background-image: url(../images/navigation.png); background-position: -103px 0}
#menu .about:hover {background-position: -103px 51px}
#menu .about a {display: block; overflow: hidden; text-indent: -9999px; width: 103px; height: 42px;}
#menu .portfolio {display: block; width: 90px; height: 42px; background-image: url(../images/navigation.png); background-position: -203px 0}
#menu .portfolio:hover {background-position: -203px 51px}
#menu .portfolio a {display: block; overflow: hidden; text-indent: -9999px; width: 90px; height: 42px;}
#menu .contact {display: block; width: 116px; height: 42px; background-image: url(../images/navigation.png); background-position: -293px 0}
#menu .contact:hover {background-position: -293px 51px}
#menu .contact a {display: block; overflow: hidden; text-indent: -9999px; width: 116px; height: 42px;}
#menu .blog {display: block; width: 103px; height: 42px; background-image: url(../images/navigation.png); background-position: -408px 0}
#menu .blog:hover {background-position: -408px 51px}
#menu .blog a {display: block; overflow: hidden; text-indent: -9999px; width: 103px; height: 42px;}

#content {position: relative; width: 734px; background: #e6eca2 url(../images/background.jpg) no-repeat top left; text-align: left; padding-bottom: 45px;}

#home-polaroid {position: relative; display: inline-block; width: 451px; height: 376px; margin: 29px 0px 0px 2px; overflow: hidden; background: #ffffff url(../images/home-polaroid.jpg) no-repeat top left;}
#home-polaroid img {margin: 15px 0px 0px 30px}

.home-contact {position: absolute; top: 12px; right: 70px}
.home-mailinglist {position: absolute; top: 83px; right: 45px; width: 223px; height: 168px; background: #e6eca2 url(../images/home-mailinglist.jpg) no-repeat}
.home-mailinglist input {position: absolute; top: 80px; left: 30px; -moz-transform:rotate(4deg); -webkit-transform: rotate(4deg);}
.home-submit {display: none}
.home-handmade {position: absolute; top: 293px; right: 70px}
.home-intro {position: relative; width: 470px; height: 117px; margin-left: -14px; padding: 20px 20px 20px 80px; font-size: 1.2em; background: #e6eca2 url(../images/home-intro.jpg) no-repeat;}
.home-intro h1 {margin: 0px; font-size: 1.2em; }
.home-photos {float: right; margin-top: -70px; margin-right: 80px;}

/*headers*/
h1.strap-about {width: 228px; height: 37px; background-image: url(../images/strap-about.png); text-indent: -9999px}
h1.strap-contact {width: 245px; height: 37px; background-image: url(../images/strap-contact.png); text-indent: -9999px; margin-left: 15px}
h1.strap-ourcakes {width: 107px; height: 25px; background-image: url(../images/strap-ourcakes.png); text-indent: -9999px}
h1.strap-funcakes {width: 108px; height: 24px; background-image: url(../images/strap-funcakes.png); text-indent: -9999px}
h1.strap-cupcakes {width: 230px; height: 37px; background-image: url(../images/strap-cupcakes.png); text-indent: -9999px}
h1.strap-poshcakes {width: 118px; height: 24px; background-image: url(../images/strap-poshcakes.png); text-indent: -9999px}
h1.strap-weddingcakes {width: 160px; height: 35px; background-image: url(../images/strap-weddingcakes.png); text-indent: -9999px}

#content-footer {position: relative; top: 0px; width: 721px; height: 124px; background: #e6eca2 url(../images/content-footer1.jpg) no-repeat;}
.footer-website {position: absolute; top: 35px; left: 25px; display: block; width: 130px; height: 30px; text-indent: -9999px;}
.footer-twitter {position: absolute; top: 5px; left: 380px; display: block; width: 100px; height: 70px; text-indent: -9999px}
.footer-facebook {position: absolute; top: 42px; left: 482px; display: block; width: 30px; height: 30px; text-indent: -9999px}
.footer-buygb {position: absolute; top: 4px; left: 250px; display: block; width: 75px; height: 75px; text-indent: -9999px; }

/*portfolio page*/
.intro {position: relative; width: 470px; height: 117px; margin-left: 20px; top: 40px; padding: 20px 20px 20px 80px; font-size: 1.2em; background: transparent url(../images/intro.png) no-repeat;}
.portfolio-category {position: relative; margin: 50px 0px 0px 20px; width: 640px; text-align: center;}

.portfolio-pics {position: relative; width: 580px; margin-left: 20px; top: 60px; padding: 20px 20px 20px 20px; font-size: 1.2em; background: transparent url(../images/home-introo.jpg) no-repeat;}
.cakepics {display: inline-block; width: 143px; height: 140px; padding: 18px 0px 0px 21px; margin: 10px}
.cakepicsabout {border: 0px; display: inline-block; width: 143px; height: 140px; padding: 18px 0px 0px 21px; margin: 10px}
.cake1 {background-image: url(../images/paper-1.png);}
.cake2 {background-image: url(../images/paper-2.png);}
.cake3 {background-image: url(../images/paper-3.png);}
.cake4 {background-image: url(../images/paper-4.png);}
.cake5 {background-image: url(../images/paper-5.png);}
.cake6 {background-image: url(../images/paper-6.png);}
.cake7 {background-image: url(../images/paper-7.png);}
.cake8 {background-image: url(../images/paper-8.png);}
.cake9 {background-image: url(../images/paper-9.png);}
.cake10 {background-image: url(../images/paper-10.png);}
.cake11 {background-image: url(../images/paper-11.png);}

/*about*/
.introabout {position: relative; width: 500px; height: 1100px; margin-left: 5px; top: 40px; padding: 20px 20px 20px 80px; font-size: 1.2em; background: transparent url(../images/introabout.png) no-repeat;}
.abouttext {position: relative; top: 15px}
.introabout h1 {margin-left: 15px}
h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(/images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 500px;
	font-size: 1.4em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 10px;
	overflow: hidden;
	font-size: 1.2em;
	width: 480px;
	clear: both;
	background: #f7f7f1;
	 
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.dawnyowl {position: absolute; top: 30px; right: 0px; z-index: 9999}
.dawnyowl span {display: none}
.dawnyowl a:hover span {display: block; text-align: center; font-size: 2em; position: absolute; top: -30px; left: -120px;}

/*contact form*/
.introcontact {position: relative; width: 500px; height: 500px; margin-left: 5px;  top: 40px; padding: 20px 20px 20px 80px; font-size: 1.2em; /*background: transparent url(../images/introcontactpaper.png) ;*/ background: transparent url(../images/introcontact.png) no-repeat;}
.contact-name, .contact-email {width:184px;	height:32px; padding:0px 15px 0px 5px; margin-top: 10px; background:url(../images/contact-name.png) no-repeat; border: 0; margin-bottom: 10px}
.contact-message {width:230px;	height:103px; padding:5px 5px 5px 5px; background:url(../images/contact-message.png) no-repeat; border: 0; margin-bottom: 10px; overflow:auto;}
.contact-extra {display: inline-block; margin-top: 60px; float: right; width: 150px; height: 116px; padding: 15px 20px 15px 20px; background:url(../images/contact-extra.png) no-repeat}
.contact-happy {margin-top: -120px; float: right;}
#contact-form {margin-left: 40px}
#contact-form span {margin-left: 10px}
#contact-form div {position: relative}
.contact-button {position: absolute; left: -40px; top: 0px}
.contact-button2 {position: absolute; left: -40px; top: 0px}