@charset "utf-8";
/* CSS Document */

body { color: #43332a; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;  font-size:12px; background:url(image/bg.png) top left repeat;}
h1, h2, h3, h4, h5, p, ul, li, div, form{ margin:0; padding:0;}
img, a { border: none;  outline:none; text-decoration: none;}
*{ outline:none; text-decoration:none;}
.clr { clear: both;}
.left { float: left;}
.right { float: right;}
.none{ float:none;}
a, img a { cursor: pointer;}
*{margin:0;}
html{ width:100%; height:100%;}
ul, ol, li{ list-style:none;}
h1, h2, h3, h4{ font-weight:normal;}


/*Wrapper*/
.wrapper{ width:982px; margin:0 auto;}
/*Header*/
.topRight{ float:right; width:205px;}
.topRight span{ font-size:14px; padding-top:22px; float:left; }
.fb{ background:url(image/icon1.png) top left no-repeat; width:38px; height:61px; float:right; }
.fb a{ padding:12px 0 0 12px; float:left; width:26px; height:49px;  }
.navWrap{ margin:45px auto auto auto; clear:both; width:962px; position:relative;}
.nav{ }
.nav ul li.first-child{ list-style:none;}
.nav ul li{ float:left; list-style:disc; margin-right:30px;  }
.nav ul li a{ list-style:disc; font-size:12px; color:#43332a; margin-left:5px; }
.nav ul li a:hover{ text-decoration:underline;}
.navWrap h1.logo{ position:absolute; width:265px; top:-59px; left:320px;}
.navWrap h1.logo a{background:url(image/logo.png) top left no-repeat; width:265px;   height:160px; text-indent:-9999px; float:left;}
/*Container*/
.container{ background:url(image/container_top.png) top left no-repeat; width:982px; }
.containerContent{ background:url(image/container_bg.png) top left repeat-y; margin-top:22px; width:982px;}
.containerBttm{ background:url(image/container_bttm.png) top left no-repeat; width:982px; height:14px; margin-top:-2px;}

.contentLeft{ width:175px; float:left; padding:30px 0 0 9px;}
.welcome{ background:url(image/tab.png) top left no-repeat; width:186px; height:57px; margin-left:-12px;}
.welcome h1{ font-size:46px;     font-family: 'hiatusregular'; padding-left:30px;  }
.vNav{ padding:13px 0 0 22px;}
.vNav ul li{ display:block; border-bottom:dashed 1px #add9ec; padding:8px 0;}
.vNav ul li a{ font-size:12px; color:#43332a; }
.vNav ul li a:hover{ color:#a48e82;}

.middleContent{ width:566px; margin:80px 0 0 20px; float:left; border:solid 1px #aca5a1; }
.middleContentTop{ padding:12px 0 0 10px; }
.nav2{ }
.nav2 ul li{ float:left; list-style:disc; margin-right:30px;  }
.nav2 ul li a{ list-style:disc; font-size:9px; color:#43332a; margin-left:5px; text-transform:uppercase; }
.nav2 ul li a:hover{ text-decoration:underline;}
.innerContainer{ width:474px; padding:20px 0 0 35px; clear:both;}
.pricing{ min-height:41px;  padding-left:15px; background:#ceedfc url(image/icon2.jpg) top right no-repeat; margin-bottom:25px;  }
.innerContainer h1{font-size:41px; font-family: 'hiatusregular';}
.innerContainer h1 a{ color:#000;}
h2 {color: #F3C7DA; text-weight: bold; font-size: 14px;}
.innerContainer p{font-size: 13px; padding:10px;
color: black; line-height: 1.6em;}
.cupcakeDetails{ width:100%; border-bottom:dashed 1px #add9ec; padding:8px 0 5px 0;}
.cupcakeDetails h3{ font-size:13px; color:#f0afce; font-weight:bold; float:left; width:390px;}
.cupcakeDetailsContent{ padding-top:17px; clear:both; }
.row{ width:100%; float:left; padding-bottom:5px;}
.cupcakeName{ width:390px; float:left; font-size:13px; color:#000;}
.cupcakePrice{ width:82px; float:right; font-size:13px; color:#000;}
.standHire{ width:305px; float:left; font-size:13px; color:#000;}
.standName{ width:165px; float:right; font-size:13px; color:#000; clear:right;}
.cupcakeName a{ text-decoration:underline; color:#000;}
.cupcakeName a:hover{ text-decoration:none;}
.spacer{ height:30px;}


.contentRight{ width:179px; float:left; padding-left:13px; }
.contentRightWrap{ width:179px; background:url(image/right_box_top.png) top left no-repeat; float:left; margin-top:-10px;}
.contentRightContent{ width:179px; background:url(image/right_box_bg.jpg) top left repeat-y; margin-top:11px;}
.contentRightBttm{ width:179px; height:21px; background:url(image/right_box_bttm.jpg) top left no-repeat;}
.contentRightContent ul { padding-top:15px;}
.contentRightContent ul li{ background:url(image/li_bg1.png) top left no-repeat; width:179px; height:130px; display:block; float:left; margin-top:28px; text-align:center;}
.contentRightContent ul li.odd{ background:url(image/li_bg2.png) top left no-repeat; width:179px; height:130px; display:block; margin-top:28px; text-align:center; }
.contentRightContent ul li a{ font-size:13px; color:#43332a; text-align:center; width:175px; height:90px; float:left;  padding-top:29px; text-transform:uppercase; }
.contentRightContent ul li a span{ font-size:43px; font-family: 'hiatusregular'; font-weight:bold; padding-top:10px; text-transform:none;  }
.contentRightContent ul li a:hover{ color:#CCC;}
.contentRightContent ul li a small{ margin:-12px 0 0 70px; font-size:13px; float:left; text-align:center;}

.bottomBox{ width:936px; margin:0 auto; position:relative; height:110px; text-align:center;}
.bottomBox span{ font-size:47px;  font-family: 'hiatusregular'; line-height:98px; }
.cake{ background:url(image/cake.png) top left no-repeat; width:196px; height:176px; position:absolute; top:-65px; left:0;}
.cake2{ background:url(image/cake2.png) top left no-repeat; width:258px; height:104px; position:absolute; bottom:-1px; right:0;}


/*Footer*/
.footerOut{ width:964px; margin:0 auto; height:35px; background:#ceedfc; position:relative;}
.footerIn{ width:887px; margin:0 auto;}
.footerIn ul li{ color:#fff; list-style:disc; float:left; padding:0 21px; margin-right:21px; }
.footerIn ul li a{ font-size:12px; color:#43332a; text-transform:uppercase; line-height:35px;}
.footerIn ul li a:hover{ text-decoration:underline;}
.copyrightWrap{ width:960px; margin:0 auto;}
.footerIn ul li.first-child{ list-style:none;}
.copyRightContent{ font-size:9px; text-transform:uppercase; margin-bottom:75px; }


/*Font Face*/

@font-face {
    font-family: 'hiatusregular';
    src: url('hiatus-webfont.eot');
    src: url('hiatus-webfont.eot?#iefix') format('embedded-opentype'),
         url('hiatus-webfont.woff') format('woff'),
         url('hiatus-webfont.ttf') format('truetype'),
         url('hiatus-webfont.svg#hiatusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}