html, body, p, li, ul, ol, img, h1, h2, h3, h4, h5, h6, input, textarea{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{
	font: 67.5%/100% Verdana, sans-serif;
	background: white;
	text-align: center;
}

h1{
  font: 1.6em/1.4em Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  color: black;
  border-bottom: 1px dashed #50ADE2;
  padding-bottom: 2px;
}

h2{
  
}

h3{

}

ul{

}

li{

}

p{
  font: 1em/1.6em Verdana, sans-serif;
  color: black;
  margin-bottom: 10px;
}

p a:link, p a:visited, li a:link, li a:visited{
	color: black;
	text-decoration: underline;
}

p a:hover, p a:visited:hover, li a:hover, li a:visited:hover{
	color: #50ade2;
	text-decoration: underline;
}

a{
	
}

img{

}

.hidden{
	display: none;
}

/*Page layout*/
/* headerline */
#header{
  float: left;
  width: 100%;
  min-height: 100px;
  background: #111111 url(../../images/ctc_bg4.gif) repeat;
  color: white;
}

#headercontent{
  width: 960px;
  margin: 0px auto;
}

  /* logo */
  #logo{
    float: left;
    width: 300px;
    height: 100px;
  }

  #logo img{
    float: left;
    width: 215px;
    height: 100px;
  }
  /* end of logo */
  
  #checkout{
    float: right;
    min-width: 200px;
    text-align: right;
    background: black;
    padding: 5px;
    margin-bottom: 10px;
  }
  
  /* hack to fix IE page zoom bug */
  #checkout li{
    display: inline-block;
  }
  /* end of hack to fix IE page zoom bug */
  
  #checkout li{
    list-style: none;
    display: inline;
    padding: 0px 5px 0px 5px;
    border-right: 1px solid #666666;
    line-height: 1.4em;
  }
  
  #checkout li.lastlink{
    border-right: 0px;
    padding-right: 0px;
  }
  
  #checkout li a:link, #checkout li a:visited{
    color: white;
    text-decoration: underline;
  }
  
  #checkout li a:hover, #checkout li a:visited:hover{
    color: #ffcc00;
    text-decoration: none;
  }
  
  .itemnumber{
    font-weight: bold;
    color: #50ade2;
  }
  
  #headercontact{
    float: left;
    width: 655px;
    text-align: right;
    padding-right: 5px;
  }
  
  #headercontact li{
    list-style: none;
  }
  
  /*.headtel{
    font: 2.4em/1.2em Arial, Helvetica, sans-serif;
  }*/ /* for when the checkout is in the header */
  
  .headtel{
    margin-top: 20px;
    font: 2.4em/1.2em Arial, Helvetica, sans-serif;
  }
  
  .heademail{
    font: 1.4em/1.2em Arial, Helvetica, sans-serif;
  }
/* end of headerline */

/* navbar */
#navigation{
  float: left;
  clear: left;
  width: 100%;
  background: black;
  text-indent: 5px;
}

#navbar{
  text-align: left;
  width: 960px;
  margin: 5px auto;
  font: bold 1.3em/1.4em Times New Roman, serif;
}
/* hack to fix IE page zoom bug */
#navbar li{
  display: inline-block;
}
/* end of hack to fix IE page zoom bug */

#navbar li{
  display: inline;
  /*padding: 0px 20px 0px 20px;*/
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #666666;
  text-transform: capitalize;
}

#navbar li.firstlink{
  border-left: 0px;
  padding-left: 5px;
}

#navbar li a:link, #navbar li a:visited{
  color: white;
  text-decoration: none;
}

#navbar li a:hover, #navbar li a:visited:hover{
  color: #50ade2;
  text-decoration: underline;
}
/* end of navbar area */

/* page content */
#container{
	position: relative;
	padding: 0px;
	margin: 0px auto;
	width: 960px;
}

#homepageintro{
  float: left;
  width: 950px;
  height: 300px;
  margin: 10px 5px 0px 5px;
  background: silver;
}

#homepageintro img{
  width: 950px;
  height: 300px;
}

.homepagetext{
  float: left;
  margin: 10px 5px 10px 5px;
  width: 500px;
  min-height: 410px;
  text-align: left;
}

.boxinfo{
  float: left;
  margin: 10px 5px 0px 5px;
  width: 215px;
  height: 200px;
}

.boxinfo img{
  width: 215px;
  height: 200px;
}

  /* subsections */
  #leftcolumn{
    float: left;
    width: 150px;
    min-height: 600px;
    margin: 10px 5px 10px 5px;
    background: #50ade2;
    text-align: left;
  }
  
  #subnavigation li{
    list-style: none;
    display: block;
    border-bottom: 1px solid white;
    font: bold 1em/1.2em Arial, Helvetica, sans-serif;
  }
  
  .subnavtitle{
    display: block;
    background: #50ade2;
    padding: 6px 5px;
  }
  
  #subnavigation li a:link, #subnavigation li a:visited{
    display: block;
    background: #50ade2;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 5px;
  }
  
  #subnavigation li a:hover, #subnavigation li a:visited:hover{
    background: black;
    color: orange;
  }
  
  #subnavigation img{
    padding: 15px;
  }
  
  #subcontent{
    float: left;
    width: 480px;
    margin: 10px 0px;
    text-align: left;
    min-height: 200px;
  }
  
  #subcontent h1{
    margin-right: 5px;
    margin-left: 5px;
    color: black;
    border-bottom: 1px dashed #50ade2;
    padding-bottom: 2px;
  }
  
  #subcontent p, #subcontent ul{
    margin-right: 5px;
    margin-left: 5px;
  }
  
  #subcontent li{
    line-height: 2em;
    list-style: none outside;
  }
  
  #subcontent p.subtitle{
    font: bold 1.2em/1.6em Arial, Helvetica, sans-serif;
    margin: 10px 5px 0px 5px;
    color: black;
  }
  
  #subcontent hr{
    margin: 0px 5px 10px 5px;
    padding: 0px;
    border: 0px;
    color: #50ade2;
    background-color: #50ade2;
    height: 1px;
    width: 468px;
  }
  
  #subcontent img.illustration{
    margin: 5px;
    border: 1px solid black;
  }
  
  #subcontent img.banner{
    float: right;
    margin-left: 10px;
  }
  
  #itemthumbs{
    /*width: 468px;*/
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-left: 4px;
  }
  
  #itemthumbs td{
    float: left;
    width: 148px;
    /*height: 193px;*/
    min-height: 193px;
    height: auto;
    margin-right: 6px;
  }
  
  #itemthumbs p.cakethumbtitle{
    clear: both;
    font: bold 1em/1.2em Arial, Helvetica, sans-serif;
    margin: 5px 0px;
    padding: 5px 0px;
    color: black;
    border-top: 1px solid #50ade2;
    border-bottom: 1px dashed #50ade2;
  }
  
  #itemthumbs img{
    width: 148px;
    margin: 0px;
    padding: 0px;
    height: auto;
    max-height: 100%;
    border: 1px solid black;
  }
  
  #itemthumbs a img:link, #itemthumbs a img:visited{
    border: 1px solid black;
  }
  
  #itemthumbs a img:hover, #itemthumbs a img:visited:hover{
    border: 1px solid #ff9900;
  }
  
  .bigitems{
    float: left;
    margin: 0px 5px 0px 5px;
    width: 468px;
    /*height: 533px;*/
    height: auto;
  }
  
  .bigitems img{
    width: 468px;
    /*height: 533px;*/
    height: auto;
    border: 1px solid white;
  }
  
  p.caketitle{
    font: 1.6em/1.4em Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    color: black;
    border-bottom: 1px dashed #50ade2;
    padding-bottom: 2px;
  }
  
  .customer-detail{
    text-align: right;
    /*font-weight: bold;*/
    font-style: italic;
  }
  
  p.exhibit_title{
    font: bold 1.4em/1em Arial, Helvetica, sans-serif;
    color: #50ade2;
  }
  
  p.exhibit_date{
    font: bold 1.2em/1em Arial, Helvetica, sans-serif;
  }
  
  p.exhibit_venue{
    font: italic 1.2em/1em Arial, Helvetica, sans-serif;
  }  
  
  #rightcolumn{
    float: left;
    width: 308px;
    margin: 10px 5px 10px 5px;
    border: 1px dotted #50ade2;
    text-align: left;
  }
  
  #rightcolumn h3{
    font: 1.2em/1.6em Trebuchet, sans-serif;
    margin: 10px 10px 0px 10px;
    color: #50ade2;
  }
  
  #rightcolumn p, #rightcolumn ul{
    font: 1em/1.6em Trebuchet, sans-serif;
    margin-right: 10px;
    margin-left: 10px;
  }
  
  #rightcolumn p.subtitle{
    font: 1.2em/1.6em Trebuchet, sans-serif;
    margin: 10px 10px 0px 10px;
    color: #50ade2;
  }
  
  #rightcolumn li{
    line-height: 2em;
    list-style: none outside;
  }
  
  #rightcolumn table{
    width: 295px;
  }
  
  #rightcolumn p.blacksubtitle{
    font: bold 1.2em/1.6em Arial, Helvetica, sans-serif;
    margin: 10px 10px 0px 10px;
    color: black;
  }
  
  #fruitcakesizes, #spongecakesizes{
    margin: 5px;
  }
  
  #fruitcakesizes th, #spongecakesizes th{
    padding: 5px;
    width: 15%;
    background: #dedede;
  }
  
  #fruitcakesizes td, #spongecakesizes td{
    padding: 5px;
    width: 15%;
    background: #efefef;
  }
  /* end of subsections */

/* footer */
#footer{
  float: left;
  clear: left;
  width: 100%;
  height: 200px;
  background: black;
  border-top: 10px solid white;
  text-align: left;
  padding-top: 10px;
}

#footercontent{
  width: 960px;
  margin: 0px auto;
}

#footerhome, #footerabout, #footercakes, #footerequipment, #footershop, #footerkitchen, #footeringredients, #footerlinks, #footercontact{
  float: left;
  width: 120px;
}

#footerhome li, #footerabout li, #footercakes li, #footerequipment li, #footershop li, #footerkitchen li, #footeringredients li, #footerlinks li, #footercontact li{
  list-style: none;
    padding: 0px 5px;
    margin: 10px 0px;
}

.footersectionhead{
  font: bold 1.1em/1em Arial, Helvetica, sans-serif;
  color: white;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 3px 0px;
}

#footer p{
  margin: 0px 5px 10px 5px;
  color: white;
}

#footer li{
  font: 0.8em/1.4em Verdana, sans-serif;
}

#footer li a:link, #footer li a:visited{
  text-decoration: underline;
  color: #50ade2;
}

#footer li a:hover, #footer li a:visited:hover{
  text-decoration: none;
  color: white;
}

/* contact form */
input, textarea{
  border: 1px solid silver;
  width: 260px;
}

.textright{ 
  text-align: right;
}

.formsubmit{
  border: 0px;
  background: black;
  color: #50ade2;
  padding: 5px;
  text-transform: uppercase;
  font: bold 1em/1em Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.ddfmerrors {
	font: bold 0.9em/1.4em Verdana, sans-serif;
	color: red;
}

.errorlist{
  font: bold 0.9em/1.4em Verdana, sans-serif;
}