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

* {
	margin: 0;
	padding: 0;
	}
	
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
	}
	

body {
	background: #410e0a url(../img/background.jpg) repeat-x;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #660000;
	}
	
	
/* == LAYOUT ==*/
	
	
#wrapper {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	}
	
#header {
	width: 950px;
	height: 90px;
	background: url(../img/header.gif) no-repeat;
	}
	
#main {
	width: 950px;
	background: #b3d549 url(../img/content-bg.jpg) top left no-repeat;
	}
	
	/* for Internet Explorer */
	/*\*/
	* html #main {
	height: 586px;
	}
	/**/

#home-feature {
	clear: both;
	height: 360px;
	
	}
	
	/*.blend img {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity:0;
		filter: alpha(opacity=0);
		}
		*/
	 

#content {
	margin-left: 320px;
	padding: 15px 25px 0 0;
	}
	
#home-content {
	margin-left: 350px;
	padding: 15px 25px 0 0;
	}
	
	
#sidebar {
	float: left;
	width: 280px;
	}
	
	#home #sidebar { margin-top: 5px; }
	
	#home #sidebar a img { border: none; }
	
#sendto { text-align: right; }
	
#footer {
	margin-top: 50px;
	padding: 10px;
	clear: both;
	text-align: right;
	}

/* == TYPOGRAPHY == */	
	

h1.title {
	font-size: 50px;
	color: #fff;
	margin-bottom: .25em;
	}
	
	h1.title-cmots {
	font-size: 50px;
	color: #e02f68;
	margin-bottom: .25em;
	}

h1 {
	font-size: 18px;
	font-weight: normal;
	}
	

h2 { 
	font-size: 14px;
	color: #fff; 
	}
	
	h2 span {
		font-size: 10px;
		font-weight: normal;
		margin-top: -.5em;
		}

a {
	font-weight: bold;
	text-decoration: none;
	color: #660000;
	}
	
	a:hover { text-decoration: underline; }
	
a img.no-border { border: none}
	
#content a img, #home-content a img { border: none; }


ul#nav {
	text-align: right;
	padding-top: 45px;
	}
	
	#nav li {
		display: inline;
		list-style-type: none;
		margin-right: 20px;
		}
		
		#nav li a {
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
			color: #75cddd;
			}
			
			
div#product-shots {
	width: 256px;
	margin: 75px 0 0 24px;
	}	
	
	
	#product-shots ul {
		margin-top: 15px;
		}
		
		#product-shots li {
			display: inline;
			list-style-type: none;
			margin: 0 7px 0 0;
			padding: 0;	
			}
			
	#product-shots img {
		border: 2px solid #660000;
		}
				
ul#shade-colors {
	overflow: auto;
	}
	
	#shade-colors li {
		float: left;
		margin: 5px 0 20px;
		padding: 0 5px;
		width: 130px;
		list-style-type: none;
		text-align: center;
		}
		
		#shade-colors a {
			display: block;
			font-weight: normal;
			text-decoration: none;
			}
			
			#shade-colors a#paris-pink { background: url(../img/swatch-pink.gif) center top no-repeat; }
			#shade-colors a#brooklyn-brown { background: url(../img/swatch-brown.gif) center top no-repeat; }			
			#shade-colors a#venice-beach { background: url(../img/swatch-venice-beach.gif) center top no-repeat; }
			#shade-colors a#soho-black { background: url(../img/swatch-black.gif) center top no-repeat; }
			#shade-colors a#metro-retro { background: url(../img/swatch-metro-retro.gif) center top no-repeat; }
			#shade-colors a#tokyo-rose { background: url(../img/swatch-tokyo-rose.gif) center top no-repeat; }
			#shade-colors a#paris-pink-org { background: url(../img/swatch-organic-pink.gif) center top no-repeat; }
			#shade-colors a#brooklyn-brown-org { background: url(../img/swatch-organic-brown.gif) center top no-repeat; }
			
			#shade-colors a img { border: 3px solid #fff; margin-bottom: 5px; }


ul#color-swatches {
	margin-left: -20px;	
	overflow: auto;
	clear: right;
	}
	
	#color-swatches li {
		float: left;
		margin-bottom: 20px;
		width: 100px;
		list-style-type: none;
		}
		
		#color-swatches a {
			display: block;
			padding-top: 60px;
			font-weight: normal;
			text-decoration: none;
			background: url(../img/swatch-pink.gif) center top no-repeat;
			text-align: center;
			}
			
			#color-swatches a#paris-pink { background: url(../img/swatch-pink.gif) center top no-repeat; }
			#color-swatches a#brooklyn-brown { background: url(../img/swatch-brown.gif) center top no-repeat; }			
			#color-swatches a#venice-beach { background: url(../img/swatch-venice-beach.gif) center top no-repeat; }
			#color-swatches a#soho-black { background: url(../img/swatch-black.gif) center top no-repeat; }
			#color-swatches a#metro-retro { background: url(../img/swatch-metro-retro.gif) center top no-repeat; }
			#color-swatches a#tokyo-rose { background: url(../img/swatch-tokyo-rose.gif) center top no-repeat; }
			#color-swatches a#paris-pink-org { background: url(../img/swatch-organic-pink.gif) center top no-repeat; }
			#color-swatches a#brooklyn-brown-org { background: url(../img/swatch-organic-brown.gif) center top no-repeat; }
			
			#color-swatches a img { border: 3px solid #66000; }

#cmots-shots ul {
		margin-top: 15px;
		}
		
		#cmots-shots li {
			display: inline;
			list-style-type: none;
			margin: 0 7px 0 0;
			padding: 0;	
			}
			
	#cmots-shots a img {
		border: 2px solid #e02f68;
		}
	
	
/* === SPECIAL STYLES ===*/

.float-left {
	float: left;
	margin-right: 15px;
	}
	
	
.float-right {
	float: right;
	margin-left: 15px;
	}
	
.align-right { text-align: right; }

img.shop-stroller {
	margin: 100px 0 0 50px;
	}
	
table {
	border-collapse: collapse;
	border: none;
	}
	
	th, td {
		padding: 5px;
		vertical-align: top;
		}
	
	
div#social-links {
	position:  relative; /*top: 0; right: -550px*/ float: right;
}

#socal-links ul { text-align: right; }

#social-links li {
	list-style-type: none; margin-right: 10px; float: left;
}

	#social-links li a {
		border: none;
	}
	
/* ==== SLIDER ===*/

#slider {
    position:relative;
    width:950px; /* Change this to your images width */
    height:360px; /* Change this to your images height */
    background:url('../img/home-featurepic-a.jpg') no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}