*{margin:0;padding:0;list-style:none;}

body {
	
	font:62.5% "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(ccbg.jpg) no-repeat fixed bottom right;
	color: #333;

	
}

h1 {color: #333; font-size: 3.2em; font-weight:normal; letter-spacing: 0px; line-height: 1.2em; padding: 0; margin: 0 0 5px 0;}
h1 a { color:#333; text-decoration:none;}
h1 a:hover {color:#333; text-decoration:none;}

h2 {color: #552620; font-size: 2.2em; font-weight:normal; line-height: 1.2em;letter-spacing: 0px; padding: 0; margin: 0;}

h2 a {color:#552620; text-decoration:underline;}
h2 a:hover {color:#333; text-decoration:none;}

h3 {color: #fff; font-weight:normal; letter-spacing: 0px; padding: 10px 0 0 0; margin: 0; }
h4 {color:#E515BD;font-size: 1.2em; font-weight:normal; letter-spacing: 0px; padding-bottom: 10px;}
h5 {color:#666;font-size: 1.4em; font-weight:normal; letter-spacing: 0px;}


small {font-size: 0.7em;}

a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}

span {font-weight:normal;}

p {color:#333; font-size: 1.4em; font-weight:normal; margin-top: 5px; padding:0 0 0 0; line-height: 1.3em; margin-bottom:7px;}


.clear {clear:both;}


.brown {color: #552620;}



img {border: 0;}
*html img, #navigation, #middle {behavior: url(http://www.creative-chocolate.co.uk/css/iepngfix.htc); }

.rightcopy ul{margin-left:20px; padding:2px; list-style: square;}
.rightcopy ul li{ font-size: 1.2em; color:#333; line-height: 1.8em; list-style: square;}


/* Start Top Container */



#top {float:left; width:100%; height: 50px;  margin: 10px 0 0 0;  }

#topcontainer {float:left; width:970px; overflow:hidden;}

#logoblock {float: left; width: 475px;}
.logoblockcontent {padding: 0 0 0 30px;}

#infoblock {float: left; width: 475px;}
.infoblockcontent {}
.infoblockcontent p {text-align: right; padding: 10px 15px 0 0;}

/* End Top Container */

/* Start Navigation  Container */

#navigation {float:left; width:100%; height: 30px;  margin: 20px 0 0 0; border-bottom: 1px solid #333;}

#navigationcontainer {float:left; width:970px;  overflow:hidden;}


/* Navigation */

#nav {float: left; padding-left: 30px;}

#nav ul, li{border:0; margin:0; padding:0; list-style:none;}
#nav ul{
	border-bottom:solid 1px #e9f0f5;
	height:29px;
}
#nav li{float:left; margin-right:8px; }

#nav .tab a:link, .tab a:visited{
	background:url(tab-round.png) right 60px;
	color:#333;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	cursor:pointer;
	font-size: 16px;
	display: inline-block;
	
}
#nav .tab a span{
	background:url(tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	display: inline-block;
}
#nav .tab a:hover{
	background:url(tab-round.png) right 0px;
	display:block;
	color:#fff;
	display: inline-block;
}
#nav .tab a:hover span{
	background:url(tab-round.png) left 0px;
	display:block;
	display: inline-block;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
#nav .currentpage a:link, .currentpage a:visited, .currentpage a:visited, .currentpage a:hover{
	color:#fff;
	background:url(tab-round.png) right 0 no-repeat;
} 
#nav .currentpage a span, .currentpage a:hover span{
	background:url(tab-round.png) left 0 no-repeat;
}



/* End Navigation Container */



/* Start Middle Container */

#middle {float:left; width:100%;  margin: 0; }

#middlecontainer {float:left; width:970px;height: 380px;  overflow:hidden; background: url(choc.jpg) no-repeat top left;}

#middlecontainercc {float:left; width:970px;height: 380px;  overflow:hidden; background:  url(cc.jpg) no-repeat top left;}
#middlecontainercp {float:left; width:970px;height: 380px;  overflow:hidden; background:  url(cp.jpg) no-repeat top left;}

#middleleft {float:left; width:750px; height: 272px; }
.middleleftcontent{padding: 30px 0 0 180px;}
.middleleftcontent p {padding:0 30px 0 0; }
#middleright {float:left; width:220px; height: 272px; }
.middlerightcontent{padding-top: 35px; padding-right: 30px;}



#middlelower {float:left; width:970px; height: 108px;}
.hometabs {float:left; margin-left: 30px; width:940px; height: 108px; background: url(hometabs.png) no-repeat top left;}

.hometabsbox {float: left; width: 212px; height: 108px; margin-right: 17px;}
.hometabsprice {float left; width: 42px; margin-left: 148px;}
.hometabsprice h3 {font-size: 20px;}
.hometabsinfo {float:left; width: 192px; padding: 10px;}
.hometabsinfo h3 {font-size: 20px; margin: 0;}
.hometabsinfo p {font-size: 14px; margin-top: 0px; line-height: 1em; color: #fff;}

.hometabsinfo  a {color:#fff; text-decoration:underline;}
.hometabsinfo  a:hover {color:#fff; text-decoration:none;}


#middleleftpack {float:left; width:750px; height: 135px; }
.middleleftpackcontent{padding: 30px 0 0 180px;}

#middlerightpack {float:left; width:220px; height: 135px; }
.middlerightpackcontent{padding-top: 35px; padding-right: 30px;}

.packagetabs {float:left; margin-left: 30px; width:940px; height: 257px; background: url(packagetabs.png) no-repeat top left;}


/* End Middle Container */


/* Start Lower Middle Container */

#lowermiddle {float:left; width:100%; height: 45px; margin: 0; background: url(drip.png) repeat-x top left;}

#lowermiddlecontainer {float:left; width:970px; padding: 0 10px 10px 10px;  overflow:hidden; }



/* End Lower Middle Container */


/* Start DIPS Container */

#dips {float:left; width:100%; margin: 0 0 10px 0;  border-bottom: 1px solid #333;}

#dipscontainer {float:left; width:970px; padding: 0 10px 10px 10px; overflow:hidden; }

.diptri {float: left; margin-right: 20px;}
.dipscroll {float: left;}

/* End DIPS Container */


/* Start Footer Container */
#footer {float:left; width:100%; height: 70px;  margin: 0;}

#footercontainer{float:left; width:950px; margin-left: 20px; padding: 0;   overflow:hidden;}

#footercontainer p {font-size: 1.4em; color: #333; padding: 0 0 0 10px;}

#footercontainer ul {padding-left:0px;padding-top: 10px; }
#footercontainer ul li {display:inline; padding: 0 0px 0 0; }
#footercontainer li.currentpage  a:link, #footercontainer li.currentpage  a:visited, #footercontainer li.currentpage  a:active { padding: 10px; color: #5C491F;  }
#footercontainer ul li a {display: inline-block; color:#E515BD; font-size: 1.6em; font-weight: normal; text-decoration:none; letter-spacing: 0px; } 
#footercontainer ul li a:hover {color: #5C491F }

/* End Footer Container */

.gallery {}
.gallery img {float: left; margin: 5px; padding: 5px; border: 1px solid #ccc;}