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

body{
	margin:0;
	padding:0;
	background: url(img/cakegirlBG.gif) no-repeat;
	background-color:#8ac53e;
}
	
P{font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em;}

#topBar{
	background-color:#ec3378;
	position: relative;
	/*margin-top:-10px;
	margin-left:-10px;
	margin-right:-8px;*/
	height:20px;
}


#logo{
	position:absolute;
	top:25px;
	left:20px;
	width:200px;
	height:288px;
	background: url(img/cakegirllogo.png) no-repeat;
}

#divider{
	position:absolute;
	background-color:#000;
	top:85px;
	left:282px;
	width:1px;
	height:450px;
}
	
/*#container{
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:550px;
}*/

#columnLeft{
	position:absolute;
	top:20;
	left:20;
	width:280px;
	height:550px;
}

#columnRight{
	position:absolute;
	top:94px;
	left:525px;
	width:435px;
	height:420px;
	background-color: #AAD44D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #FFF;
}


.welcomeMessage{
	position: absolute;
	background:url(img/welcome.png) no-repeat;
	top:315px;
	left:20px;
	/*border-bottom-style:dotted;
	border-top-style:dotted;*/
	size:12px;
	width:233px;
	height:37px;
}

.infoMessage{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:400px;
	height:400px;
	padding-left:20px;
	padding-top:10px;
}

.infoTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.trendzLogo{
	background:url(img/trendzLogo.png) no repeat;
	width:67px;
	height:51px;
}
 
.tagline{
	position: absolute;
	background: url(img/customcaketagline.png) no-repeat;
	top:470px;
	left:20px;
	width:234px;
	height:58px;
}

/*-- Navegation Start --*/

#navbox{
	position:absolute;
	top:20px;
	left:285px;
	width:180px;
	height:400px;
	margin:0xp;
	padding-top:110px;
}

	
#navbox ul{
	list-style-type: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#navbox ul li a{
	list-style-type:none;
	display: block;
	height: 34px;
	width: 150px;
	
}

#home{display:block; width:150px; height:34px; background:url(img/home_btn.png) no-repeat;}
#home:hover{background:url(img/home_btn_wh.png) no-repeat;}
#homeS{background:url(img/home_btn_over.png) no-repeat;} 

#partyCake{display:block; width:150px; height:34px; background:url(img/party_btn.png) no-repeat;}
#partyCake:hover{background:url(img/party_btn_wh.png) no-repeat;}
#partyCakeS{background:url(img/party_btn_over.png) no-repeat;}

#weddingCake{display:block; width:150px; height:34px; background:url(img/wedding_btn.png) no-repeat;}
#weddingCake:hover{background:url(img/wedding_btn_wh.png) no-repeat;}
#weddingCakeS{background:url(img/wedding_btn_over.png) no-repeat;}

#kidsCake{display:block; width:150px; height:34px; background:url(img/kids_btn.png) no-repeat;}
#kidsCake:hover{background:url(img/kids_btn_wh.png) no-repeat;}
#kidsCakeS{background:url(img/kids_btn_over.png) no-repeat;}

#cupcake{display:block; width:150px; height:34px; background:url(img/cupcake_btn.png) no-repeat;}
#cupcake:hover{background:url(img/cupcake_btn_wh.png) no-repeat;}
#cupcakeS{background:url(img/cupcake_btn_over.png) no-repeat;}

#info{display:block; width:150px; height:34px; background:url(img/info_btn.png) no-repeat;}
#info:hover{background:url(img/info_btn_wh.png) no-repeat;}
#infoS{background:url(img/info_btn_over.png) no-repeat;}

#resources{display:block; width:150px; height:34px; background:url(img/resources_btn.png) no-repeat;}
#resources:hover{background:url(img/resources_btn_wh.png) no-repeat;}
#resourcesS{background:url(img/resources_btn_over.png) no-repeat;}


/*-- Navegation End --*/

/*-- Graphic Images --*/

.homeGraphic{
	background:url(img/homepage.jpg) no-repeat;
	position:absolute;
	left: 6px;
	top: 6px;
	width:423px;
	height:408px;
	background-color: #AAD44D;	/*background-image: url(img/homepage.jpg);*/
}

.graphic{
	/*background:url(img/homepage.jpg) no-repeat;*/
	position:absolute;
	left: 9px;
	top: 10px;
	width:389px;
	height:408px;
	background-color: #AAD44D;	/*background-image: url(img/homepage.jpg);*/
}
	
/*-- Footer Start --*/

#footer{
	position:fixed;
	background-image:url(img/footerbg.jpg);
	bottom:0;
	margin-top:-25px;
	background-color:#ec3378;
	width:100%;
	height:25px;
}

.footerCopy{
	position:absolute;
	left:20px;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	padding-top:8px;
}

/*-- Footer End --*/


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:13px 0 0 0;
		padding-top:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px;
		height:380px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:160px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:435px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background: url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */