/*
Name: Cupcake Carousel
URL: http://www.cupcakecarousel.co.uk
Description: 
Version: 1
Author: Toby Powell
Author URL: http://www.toby-powell.co.uk
*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, li, blockquote, fieldset, address,table, img{ margin:5px 0; font-size:100%; }	

fieldset { padding:10px 0; }

img, div, #, .{ behavior: url(iepngfix.htc) }


body{
	background:url(imgs/bg.jpg) repeat;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#5e534a;
}

h1{
	display:inline;
	font-size:2.7em;
	font-weight:normal;
	width:100%;
	margin-bottom:10px;
	padding-right:35px;
	background:url(imgs/h1_ornament.png) no-repeat 100% 0;
	margin:14px 0 14px 0;
}

h2{
	font-size:2.4em;
	font-weight:normal;
	margin:2px 0 14px 0;
}

h3{
	font-size:2em;
	font-weight:normal;
	margin:2px 0 14px 0;
}

h4{
	font-size:1.6em;
	font-weight:normal;
	margin:10px 0 14px 0;
}

p{
	font-size:1.4em;
	line-height:1.4em;
	margin:14px 0 14px 0; 
}

a{
	outline:none;
}

img{
	margin:10px 0 14px 0;
	border:2px solid #888b7b;
}



#wrapper{
	background:url(imgs/headbar.jpg) repeat-x;
	min-width:1024px;
	margin:0;
}

/* ------------- HEAD ------------- */
#header {
	height:152px;
	width:960px;
	margin:0 auto;

}


h1#logo a:link, h1#logo a:visited{
	background:url(imgs/cupcake_logo.png) no-repeat;
	width:320px;
	height:124px;
	margin:0;
	padding:0;
	position:relative;
	top:3px;
	text-indent:-9999px;
	float:left;
	display:block;
	font-size:10px;
}

h1#logo {
	text-indent:-9999px;
	margin:0;
	float:left;
	background:none;
	padding:0;
	width:200px;
	display:block;
	height:124px;
}
/* ------------- NAVIGATION ------------- */

ul#navigation {
	list-style-type:none;
	width:635px;
	float:right;
	position:relative;
	top:60px;
	height:67px;
	margin:0;
}

ul#navigation li{
	display:inline;
	margin:0;
}

ul#navigation li a{
	width:125px;
	height:67px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin:0;
	background:url(imgs/cupcake_navigation.png) no-repeat;
}

ul#navigation li a#any:link, ul#navigation li a#any:visited{
	background-position:0px 6px;
}

ul#navigation li a#special:link, ul#navigation li a#special:visited{
	background-position:-125px 6px;

}

ul#navigation li a#celebrations:link, ul#navigation li a#celebrations:visited{
	background-position:-250px 6px;

}

ul#navigation li a#ordering:link, ul#navigation li a#ordering:visited{
	background-position:-375px 6px;

}
ul#navigation li a#contact:link, ul#navigation li a#contact:visited{
	background-position:-500px 6px;

}


ul#navigation li a#any:hover{
	background-position:0px -67px;
}

ul#navigation li a#special:hover{
	background-position:-125px -67px;

}

ul#navigation li a#celebrations:hover{
	background-position:-250px -67px;

}

ul#navigation li a#ordering:hover{
	background-position:-375px -67px;

}
ul#navigation li a#contact:hover{
	background-position:-500px -67px;

}

/* ------------- CONTENT ------------- */

#content_wrapper{
	background:url(imgs/circle.png) no-repeat -10% 0%;
	padding:35px 10px 0 10px;
}

#content {
	width:960px;
	padding:0 0px 85px 0;
	overflow:hidden;
	margin:0 auto;
	background:url(imgs/cups.gif) no-repeat 100% 100%;
	
}

#content #left_column{
	width:310px;
	min-height:400px;
	padding:0 10px;
	float:left;
}

#content #left_column a#specials_badge:link, #content #left_column a#specials_badge:visited{
	display:block;
	width:130px;
	height:130px;
	background:url(imgs/cupcake_specials.png) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
	left:180px;
	bottom:20px;
}

#content #left_column a#specials_badge:hover{
	background-position: 0 -130px;
}

#content #right_column{
	width:600px;
	padding:0px;
	float:right;
	margin-left:10px;


}

#content #right_column img{
	float:right;
	margin-bottom:15px;
}

/* ------------- PRODUCTS TEMPLATE ------------- */


#content #right_column .product{
	width:270px;
	margin:0 10px 35px 10px;
	float:left;
	text-align:left;
	height:260px;
}

#content #right_column .product img{
	margin-left:0;
	margin-left:0;
}

#content a#back{
	display:block;
	clear:both;
	font-size:1.2em;
}




/* ------------- FOOTER ------------- */

#footer_wrapper{
	background:url(imgs/footerBg.jpg) repeat-x;
	height:330px;

}

#footer{
	width:930px;
	margin:0 auto;
	padding:30px 10px 0 20px;
	color:#d8d3ca;
	overflow:hidden;
	margin-bottom:30px;
}

#footer h2{
	color:#d8d3ca;
}

#footer #call_back{
	margin:0 20px;
}

#footer #register, #footer #call_back, #footer #tweets{
	width:295px;
	float:left;
}


#footer #tweets ul{
	background:url(imgs/twitter.gif) no-repeat;
	height:93px;
	width:295px;
	padding-top:10px;
	margin-top:0;
	font-size:1.2em;
	color:#464f63;
	list-style-type:none;

}

#footer #tweets li{
	width:210px;
	line-height:1.4em;
	position:relative;
	left:15px;
	
}

#footer #tweets li a:link, #footer #tweets li a:visited{
	color:#53463c;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
}




#footer #tweets li a:hover{
	text-decoration:underline;
}

#footer #tweets a#twitter_follow:link, #footer #tweets a#twitter_follow:visited{
	display:block;
	width:217px;
	height:49px;
	background:url(imgs/follow.jpg) no-repeat;
	text-indent:-9999px;
	margin-left:20px;
}

#footer #tweets a#twitter_follow:hover{
	background-position: 0 -47px;
}

.fields{
	height:15px;
	width:279px;
	padding:10px;
	margin-bottom:5px;
	border:none;
	background:url(imgs/inputBg.jpg) no-repeat;
	color:#867c74;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}

.buttons{
	float:right;
	margin-right:5px;
}

a:link, a:visited{
	color:#b2556b;
	text-decoration:none;
	
}


a.deco:link,  a.deco:visited{
	padding-right:20px;
	background:url(imgs/link.png) no-repeat 100% 50%;
}

a.deco:hover{
	border-bottom:1px solid #b2556b;
}

#any_occasions_page ul#navigation li a#any{
	background-position:0px -67px;
}


#special_occasions_page ul#navigation li a#special{
	background-position:-125px -67px;

}


#celebrations_page ul#navigation li a#celebrations{
	background-position:-250px -67px;

}

#ordering_page ul#navigation li a#ordering{
	background-position:-375px -67px;

}

#contact_page ul#navigation li a#contact{
	background-position:-500px -67px;

}


#home_page #content {
	width:960px;
	padding:0;
	overflow:hidden;
	margin:0 auto;
	background:url(imgs/cups.gif) no-repeat 100% 100%;
	
}

#home_page #strap{
	font-size:1.6em;
	margin-top:10px;
}


/*  ======================== SLIDE PICS ===============================  */



a#next{
	width:37px;
	height:73px;
	display:block;
	background:url(imgs/left_arrow.gif) no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-200px;
	left:-30px;
}

a#prev{
	width:37px;
	height:73px;
	display:block;
	background:url(imgs/right_arrow.gif) no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-270px;
	left:530px;
}

#slideshow_wrapper{
	position:relative;
	right:-35px;
    height:340px;
    width:540px;
    padding:1px;
    background:url(imgs/picBg2.jpg) no-repeat;
}
/*** set the width and height to match your images **/

#slideshow {
    width:504px;
    height:328px;
    position:relative;
	left:16px;
	top:17px;
	
}

#slideshow IMG {
	position:absolute;
    top:0px;
    z-index:8;
    opacity:0.0;
    margin:0;
    width:500px;
	height:300px;    
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



#content #right_column .single_product{
	height:340px;
    width:540px;
    background:url(imgs/picBg2.jpg) no-repeat;
    text-align:center;
    position:relative;
    right:0px;
    }
    
#content #right_column .single_product img{
    	position:relative;
    	left:-18px;
		top:10px;
    }

p#toby_link{
	width:960px;
	margin:0 auto;
	color:#d8d3ca;

}

p#toby_link a:link, p#toby_link a:visited{
	padding-left:20px;
	color:#d8d3ca;
	font-size:0.9em;

}

p#toby_link a:hover{
	text-decoration:underline;
}

#sorry{
	border:none;
	position:relative;
	left:-300px;
}