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


* {
					margin: 0;
					padding: 0;
					}

	
	

body {				text-align: center;
					background-image: url(images/background2.gif);
					width: 1440px repeat-y;
					
					}
			
			
			
#container {		clear:both;
					margin: 0 auto;
		   			width: 760px;
					text-align: left;
					background: url(images/cupcake_background.gif) 0 100% no-repeat #FFF;
					font-family: arial, Helvetica, san-serif;
					font-size: 14px;
					color: #666666;
		   			}
		   
h1 {				background-image:url(images/treats_header.gif) ;
					width: 760px;
					height: 207px;
					margin: 0 auto;
					}
			
		
span {				display:none;
					}
					
/* top navigation bar*/	
				
ul#nav {			list-style-type: none;
					background: #58B7DD;
					width: 760px;	
					text-align: center;
					
					}


ul#navli {			display: inline;
										}


ul#nav li a {		display: block;	
					float: left;
					padding: 10px 1em;
					text-decoration: none;
					color: #fff;
					background: #58B7DD;
					
					}

ul#nav a:hover {	color: #fff;
				 	background: #F09DB7;
					}

/* top navigation bar class names*/						
					
a.index	{			
					width:155px;
					border-right: 1px solid  #fff;
					}

a.about	{			
					width:145px;
					border-right: 1px solid  #fff;
					}

a.product {			border-right: 1px solid  #fff;
					width:180px;
					}
				
a.contact {			width:165px;
					}




h2 {				color: #381412;
					padding: 20px 20px 7px 60px;
					background: url(images/bullet.gif)no-repeat;
					margin-top: 20px;
					}


#content {			clear:both;
					}
					
					
h3.menu {			background: url(images/product_menu.gif) no-repeat  50% 0 ;
					padding: 20px 20px ;
					}
					  
					  

/* website images and class names*/					
					
.image-1 {			 padding: 0px 0px 0px 150px;
					 background:url(images/cupcake_1_choc.jpg) 0 0 no-repeat;
					 }
					 
.image-2 { 			 padding: 0px 200px 160px 0px;
					 background:url(images/cupcake_1_pink.jpg) 100% 0 no-repeat;
					 }
					  
.image-3 { 			 padding: 390px 0px 0px 0px;
					 background:url(images/about1.jpg)  50% 0 no-repeat;
					 }

.image-4 { 			 padding: 0px 0px 160px 0px;
					 background:url(images/about2.jpg)  100% 100% no-repeat;
					 }	
					  
.image-5 { 			 padding: 0px 520px 160px 0px;
					 background:url(images/contact1.jpg)  50% 0 no-repeat;
					 }
					 
/* website colors*/	

.color_blue	{		 color: #58B7DD;
					 }
.color_white {	 	 color: #fff;
					 }
.color_pink	{	 	 color: #9B5058;
					 }
					 
					 
					 
/* table with custom color border design*/	
					 
table {				margin-left: 35px;	border-left:1px solid #58B7DD;}

td {				border-bottom: 1px solid #58B7DD; 
					border-top: 1px solid #58B7DD; 
					border-right:1px solid #58B7DD;
					}
.table_center		{ padding: 10px}

th.tableheading01 {	background: url(images/product_heading1.gif) no-repeat  50% 0 ;
					padding: 20px 20px ;
					}
th.tableheading02 { background: url(images/product-headind2.gif) no-repeat 50% 0 ;
					padding: 20px 20px ;
					}
th				  { border-bottom: 1px solid #58B7DD; 
					border-top: 1px solid #58B7DD; 
					border-right:1px solid #58B7DD;
					padding:2px 5px;
					
					}					
					 		 
					 
 h4 {				 background:url(images/back_to_top.gif)  50% 0 no-repeat;
					 height: 35px;
					 width: 112px;
					 margin: 0 auto;
					 padding: 40px 0px 130px 0px;
					 }
					 
					 

/* bottom navigation and address details*/	

#footer	{ 			margin-top: 0px}	
					 
				  
					  				
					
ul#nav2 {			clear: both;
					margin: 0 auto;
					padding: 0;
            		list-style-type: none;
					background: #58B7DD;
					width: 760px;	
					text-align: center;
					font-family: Helvetica, san-serif;
					font-size: 14px;
					color: #666666;
					text-decoration: none;
					}


ul#nav2 li {	  	display: inline;
					}


ul#nav2 li a {		display: block;	
					float: left;
					padding: 10px 1em;
					text-decoration: none;
					color: #fff;
					background: #58B7DD;
				
					}

ul#nav2 a:hover {	color: #fff;
				 	background: #F09DB7;
					}
					
					
					
a:visited {			color: #9B5056
					}

a:hover, a:active { color: #fff;
					background: #F09DB7;
					}
					  
					  

address {			margin: 0 auto;
            		padding-left: 0;
					list-style-type: none;
					background: #58B7DD;
					width: 760px;
					height: 60px;
					text-align: center;
					padding-top: 20px ;
					font-family: Helvetica, san-serif;
					font-size: 12px;
					color: #fff;
					}