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

 
body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px auto; padding: 0px; border: 0px;
}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	background: #ee3a42; 
	}

.container {  
     width: 900px;  
     padding: 0;   
} 

#main {
    background: url(images/background-slice.jpg) repeat-x; 
}

#main .container {  
	background: url(images/header2.jpg) no-repeat;   
} 

#logo {  
	background: url(images/logo.gif) no-repeat;  
	height: 145px;  
	width: 157px; 
	float: left;
}  

#logo h1 {  
	text-indent: -9999px;
}  

#header {  
	padding-top: 10px;   
} 

#tagline {  
    float: right;
	padding-top: 60px;  
	padding-right: 120px; 
	background: url(images/email-button.jpg) no-repeat; 
	background-position: bottom left;
	height: 80px;
}

#bottom {
	width: 820px;}

a.button { 
	font-size: 20px;
    color: #353535;  
	font-family: Times New Roman, Georgia, serif;
    text-decoration: none; 
	padding-left: 30px;
    
} 

a.button:hover {
	color: #ee3a43;
}

a.body-button { 
	font-size: 16px;
    color: #fff6d7;  
	font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;    
} 

a.body-button:hover { 
    color: #3b3b3b;
    
} 

#tagline h3 {
	font-size: 25px; 
	color: #353535; 
	font-family: Times New Roman, Georgia, serif;
}


ul#menu {
	width: 900px; margin: 39px auto;
	list-style: none;
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block; float: left; height: 55px;
	background-image: url(images/menu-sprite.jpg); text-indent: -9999px;
}

	ul#menu li a.home {
		width: 176px; background-position: 0 0;	
	}
	
	ul#menu li a.collection {
		width: 189px; background-position: -176px 0;	
	}
	
	ul#menu li a.accessories {
		width: 303px; background-position: -365px 0;	
	}
	
	ul#menu li a.contact {
		width: 232px; background-position: -668px 0;	
	}

	
	
	ul#menu li a.home:hover, ul#awesome-menu li a.home:focus {
		background-position: 0 -55px;	
	}
	
	ul#menu li a.collection:hover, ul#awesome-menu li a.collection:focus {
		background-position: -176px -55px;	
	}
	
	ul#menu li a.accessories:hover, ul#awesome-menu li a.accessories:focus {
		background-position: -365px -55px;	
	}
	
	ul#menu li a.contact:hover, ul#awesome-menu li a.contact:focus {
		background-position: -668px -55px;	
	}


#content {
	width: 368px; 
	float: left;
	padding-top: 40px;
	padding-left: 40px;
	}
	
#collection {
	width: 900px; 
	float: left;
	padding-left: 40px;
	
}


#collection-content {
	width: 900px;
	padding-top: 40px;

}

#collection-images ul {
		list-style: none;
	}
	
	#collection-images ul li {
			float:left; padding: 0 0 20px 0;
			text-align: center;
		}
		
			#collection-images ul li a {
			font-size: 16px;  
    		color: #fff6d7; 
			text-decoration: none;
			
		}
		
			#collection-images ul li a:hover {
			color: #3b3b3b;
		}
		

	

#sidebar {  
    float: right;
	width: 451px; 
	height: 450px;
	padding-top: 50px;
	padding-left: 20px;
}

#welcome h2{ 
	background: url(images/welcome.jpg) no-repeat;  
	height: 51px;  
	width: 123px; 
	float: left;
}

#contact h2{ 
	background: url(images/contact-us.jpg) no-repeat;  
	height: 57px;  
	width: 163px; 
	float: left;
}

#content h3{ 
	background: url(images/background-swirl.jpg) no-repeat;  
	height: 274px;  
	width: 368px; 
	float: left;
	background-position: right;
	padding-top: 30px;
}
#collection h2{ 
	background: url(images/collection-title.jpg) no-repeat;  
	height: 93px;  
	width: 349px; 
	float: left;
	padding-bottom: 25px; 
}

#accessories h2{ 
	background: url(images/corsages-title.jpg) no-repeat;  
	height: 93px;  
	width: 349px; 
	float: left;
	padding-bottom: 25px; 
}

#collection-content h2 { 
	text-indent: -9999px;
    font-size: 36px;  
    color: #fff6d7; 
	
} 

#content h2 { 
	text-indent: -9999px;
    font-size: 36px;  
    color: #fff6d7; 
	padding-top: 25px; 
}  
   
#content h3 {  
    font-size: 16px;  
    color: #fff6d7; 
	padding-top: 10px; 

}  

#collection-content h3 {  
    font-size: 16px;  
    color: #fff6d7; 
	padding-bottom: 30px;
}  

#content p {  
   font-size: 13px;  
   color: #fff6d7; 
   padding-top: 10px; 
}  
#collection-content h5 {  
   font-size: 13px;  
   color: #fff6d7;
   padding-bottom: 20px;
} 

#collection-content p {  
   font-size: 13px;  
   color: #fff6d7; 
   padding-top: 10px;
   padding-bottom: 30px; 
   padding-left: 40px;
} 

#footer {
	background: #cf2129;
	height: 120px;
	
}

#copyright {
	font-size: 11px;  
    color: #ffffff;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
}

#divide {
    background: url(images/footer-divide.jpg) no-repeat; 
	height: 1px;  
	width: 860px; 
	float: left;
}