.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 background: #FFF6FD;
 color: #666;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 margin: 0;
}

h1, h3 {
 color: #FFA6E7;
 font-weight: bold;
}
h2, h4 {
 color: #8DD3E5;
 font-weight: bold;
}
h1 {font-size: 160%; margin-top: 0; margin-bottom: 3px;}
h2 {font-size: 150%; margin-bottom: 6px;}
h3 {font-size: 120%; margin-bottom: 4px; margin-top: 4px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #FF00BA;}
a:hover {color: #FFA6E7;}
a img {border: 0;}

a.strongLink {font-weight: bold;}

.pink {color: #FFA6E7;}
.blue {color: #8DD3E5;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {position: relative; width: 979px; margin: auto; font-size: 0.8em;}
#wrapHome {float: left; width: 979px; height: 748px; background-image:  url(../images/bg_homepage.jpg);}
#wrap {float: left; width: 979px; background-image:  url(../images/bg_page.jpg);}

#page {width: 960px; margin: 0 10px 0 9px;}
#logo {float: left; width: 321px; height: 124px;}
#icons {float: right; width: 639px; height: 124px; text-align: right;}
#icons img {margin-right: 20px;}
#mainNav {float: left; width: 600px; height: 40px; padding: 7px 0 0 31px;}
#welcomeMessage {width:584px; line-height: 1.8em; padding-left: 55px;}

#panels {position: absolute; top: 410px; left: 55px; width: 900px;}
#panel1 {float: left; width: 262px; margin-right: 50px; display: inline;}
#panel2 {float: left; width: 262px; margin-right: 50px; display: inline;}
#panel3 {float: left; width: 262px; display: inline;}

#panels h1 {color: #FF00BA;}


#subContent {float: left; padding-left: 55px; width: 584px; padding-bottom: 40px;}
#testimonial {float: right; width: 240px; margin-top: 250px;}
#testimonial p {padding: 0 30px; color: #FFA6E7; font-size: 1.2em; font-style: italic;}

#orderInfo {float: left; width: 270px; padding-top: 15px;}
#orderForm {float: left; width: 260px; padding-left: 30px; padding-top: 15px;}


#credit {color: #ccc; text-align: right; padding-right: 40px; padding-bottom: 40px; font-size: 0.9em;}
#credit a {color: #ccc;}
#credit a:hover {color: #8DD3E5;}

ul.pinkList li {list-style-image: url(../images/cupcake_pink.gif); margin: 0 3px 8px 0;}
ul.blueList li {list-style-image: url(../images/cupcake_blue.gif); margin: 0 3px 8px 0;}
ul.yellowList li {list-style-image: url(../images/cupcake_yellow.gif); margin: 0 3px 8px 0;}

#galleryThumbs {float: left; width: 540px;}
#galleryImageBox {float: left; text-align: center; width: 516px; height: 150px; background: #E1F4F8; background-image: url(../images/bg_gallery.jpg); padding: 10px;}
#galleryImage {width: 200px; height: 150px; border: 2px solid #fff;}

#galleryThumbs img.thumbnail {width: 50px;}



/**************************/
/* Navigation Definitions */
/**************************/

/* Main navigation */

#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 
#mainNav ul li {
 float: left;
 margin-right: 16px;
 text-align: center;
}
#mainNav ul li a {
 color: #fff;
 font-weight: bold;
 padding: 0;
 text-decoration: none;
}
#mainNav ul li a:hover {
 color: #FF00BA;
}
#mainNav ul li a.on {
 color: #FF00BA;
}



/* Footer navigation */


/**************************************/
/* Forms                              */
/**************************************/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.formRow {
 margin-top: 0px;
 margin-bottom: 6px;
}
.fmField {
 width: 150px;
 color: #666;
 font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
 border: 1px solid #FFA6E7;
}
.fmFieldSml {
 width: 60px;
 color: #666;
 font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
 border: 1px solid #FFA6E7;
}
.fmComments {
 width: 250px;
 height: 100px;
 font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
 color: #666;
 border: 1px solid #FFA6E7;
}
.fmFieldText {
 width: 300px;
 height: 200px;
 font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
 color: #666;
 border: 1px solid #FFA6E7;
}
select {
 color: #ccc;
 font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
 border: 1px solid #FFA6E7;
}
.fmButton {
 background: #FFA6E7;
 color: #fff;
 font-weight: bold;
 border: 0;
}