/* BEGIN CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

img{display: block;}
/* END CSS RESET */

body{
	background: #9B8F8B;
	color: #FFF;
	font: 16px/1.5 Georgia, Times, sans-serif;
}

h1{
	position: absolute;
	top: -1px;
	left: -1px;
	background: transparent url(/assets/images/logo.png) 0 0 no-repeat;
	width: 608px;
	height: 64px;
	text-indent: -5000em;
	z-index: 4;
} 

.follow h1{
	position: relative;
	top: 0;
	left: 0;
	width: 962px;
	height: 157px;
	background: transparent url(/assets/images/follow-header.jpg) 0 0 no-repeat;
}

#pageWrapper{
	position: relative;
	width: 962px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

#mainNav{
	position: relative;
	width: 962px;
	height: 42px;
	overflow: hidden;
}

	#mainNav ul{
		position: relative;
		border: 1px solid #FFF;
		border-bottom: none;
		width: 532px;
		float: left;
		height: 41px;
	}
	
		#mainNav ul li{
			float: left;
		}
		
			#mainNav ul li a{
				font-family: Georgia, Times, serif;
				font-size: 21px;
				color: #FFF;
				text-decoration: none;
				float: left;
				display: block;
				font-weight: lighter;
			}
			
				#mainNav ul li a.active,
				#mainNav ul li a:hover{
				}
				
				#mainNav ul li#navHome a{
					width: 190px;
					margin: 5px 0 0 0;
					padding: 0 10px 0 0;
					background: transparent url(/assets/images/nav.jpg) 131px 1px no-repeat;
					text-indent: -5000em;
					display: block;
				}
				
					#mainNav ul li#navHome a.active{
					}
					
					#mainNav ul li#navHome a:hover{
						background-position: 131px -64px;
					}
					
				#mainNav ul li#navLearn a{
					border: 1px solid #FFF;
					border-right: none;
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent url(/assets/images/nav.jpg) -73px 0 no-repeat;
					display: block;
					text-indent: -5000em;
					width: 65px;
				}
				
					#mainNav ul li#navLearn a:hover{
						background-position: -73px -64px;
					}

					#mainNav ul li#navLearn a.active{
						background-position: -73px -32px;
					}
				
				#mainNav ul li#navLook a{
					border-top: 1px solid #FFF;
					border-bottom: 1px solid #FFF;				
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent url(/assets/images/nav.jpg) -138px 0 no-repeat;
					display: block;
					text-indent: -5000em;
					width: 48px;

				}
					
					#mainNav ul li#navLook a:hover{
						background-position: -137px -64px;
					}

					#mainNav ul li#navLook a.active{
						background-position: -137px -32px;
					}
				
				#mainNav ul li#navFollow a{
					border-top: 1px solid #FFF;
					border-bottom: 1px solid #FFF;
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent url(/assets/images/nav.jpg) -186px 0 no-repeat;
					display: block;
					text-indent: -5000em;
					width: 66px;

				}
				
					#mainNav ul li#navFollow a:hover{
						background-position: -186px -64px;
					}

					#mainNav ul li#navFollow a.active{
						background-position: -186px -32px;
					}
				
				#mainNav ul li#navShop a{
					border-top: 1px solid #FFF;
					border-bottom: 1px solid #FFF;				
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent url(/assets/images/nav.jpg) -253px 0 no-repeat;
					display: block;
					text-indent: -5000em;
					width: 66px;
				}
				
					#mainNav ul li#navShop a:hover{
						background-position: -253px -64px;
					}

					#mainNav ul li#navShop a.active{
						background-position: -253px -32px;
					}
				
				#mainNav ul li#navContact a{
					border: 1px solid #FFF;
					border-left: none;
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent url(/assets/images/nav.jpg) -319px 0 no-repeat;
					display: block;
					text-indent: -5000em;
					width: 77px;
				}
				
					#mainNav ul li#navContact a:hover{
						background-position: -319px -64px;
					}

					#mainNav ul li#navContact a.active{
						background-position: -319px -32px;
					}
	
	#mainNav #navBelle{
		position: relative;
		float: left;
		width: 205px;
		height: 42px;
		cursor: pointer;
		text-indent: -5000em;
		background: transparent url(/assets/images/belle-logo.gif) 0 0 no-repeat;
	}

#mainContent{
	position: relative;
	width: 962px;
	background-color: #FFF;
}

	#mainContent:after{
		clear: both;
		display: block; 
		visibility: hidden; 
		height: 0; 
  		content: ".";		
	}

	#mainContent #slides{
		position: relative;
		float: right;
		width: 485px;
		height: 700px;
		overflow: hidden;
		z-index: 1;
	}

		#mainContent #slides img{
			width: 485px;
			height: 700px;
		}
		
	#mainContent #content{
		position: relative;
		float: left;
		width: 429px;
		padding: 148px 0 0 48px;
		color: #191919;
		font-size: 13px;
		font-family: Georgia, Times, serif;
	}
	
	#mainContent #content a{
		color: #191919;
		text-decoration: none; 
	}
	
	#mainContent #content p{
		margin: 0 0 20px 0;
		line-height: 1.6;
	}
	
	#mainContent #content h2{
		font-weight: normal;
		font-size: 28px;
		margin-bottom: 5px;
	}
	
	.contact #mainContent #content h2{
	}
	
	.contact #mainContent #content h2 span{
		color: #CD4F9D;
		font-style: italic;
	}
	
	.contact #mainContent #content a:hover{
		color: #CD4F9D;
	}
	
	.shop #mainContent #content{
		padding: 90px 0 0 48px;
	}
	
	.shop #mainContent #content h2{
		padding-left: 5px;
	}
	
	.shop #mainContent #content h2 span{
		color: #B7A43A;
		font-style: italic;
	}
	
	.shop #mainContent #shops{
		margin: -10px 0 0 -10px;
	}
	
	.shop #mainContent #shops img{
		margin-bottom: 5px;
	}
	
	.shop #mainContent #shops a:hover{
		color: #B7A43A;
	}
	
	.learn #mainContent #content{
	
	}
	
		.learn #mainContent #content h2{
			
		}
		
			.learn #mainContent #content h2 span{
				color: #BDA877;
				font-style: italic;
			}
			
			.learn #mainContent #content a:hover{
				color: #BDA877;
			}
		
		.learn #mainContent #content #learnContent{
			position: relative;
			width: 385px;
			height: 295px;
			overflow: hidden;
		}
		
	.learn #mainContent a#film{
		color: #3A3A3A;
		font-size: 13px;
		font-style: italic;
		font-family: Georgia, Times, serif;
		position: absolute;
		left: 20px;
		bottom: 18px;
		text-decoration: none;
	}
	
		.learn #mainContent a#film:hover{
			color: #BDA877;
		}
		
	#learnNav{
		position: relative;
		margin: 36px 0 0 135px;
	}
	
		#learnNav #prev{
			display: block;
			position: absolute;
			width: 42px;
			height: 24px;
			background: transparent url(/assets/images/vert-scroller.jpg) 0 0 no-repeat;
			text-indent: -5000em;
			cursor: pointer;
			top: 0;
			left: 0;
		}

		#learnNav #next{
			display: block;
			position: absolute;
			width: 41px;
			height: 24px;
			background: transparent url(/assets/images/vert-scroller.jpg) 100% 0 no-repeat;
			text-indent: -5000em;
			cursor: pointer;
			top: 0;
			left: 42px;
		}


		#learnScrollable{
			position: relative;
			top: 0;
			margin: 0;
			width: 385px;
		}
		
	.look #mainContent{
		position: relative;
		height: 700px;
		overflow: hidden;
	}
	
		.look #mainContent #prev,
		.look #mainContent #next{
			display: none;
		}
	
		.look #mainContent .jcarousel-prev{
			position: absolute;
			top: 300px;
			left: 0;
			height: 79px;
			width: 45px;
			display: block;
			text-indent: -5000em;
			cursor: pointer;
			background: transparent url(/assets/images/prev-look.jpg) 0 0 no-repeat;
			z-index: 6;
		}
		
		.look #mainContent .jcarousel-prev-disabled{
			background: transparent url(/assets/images/prev-look-hover.jpg) 0 0 no-repeat;
		}

		.look #mainContent .jcarousel-next{
			position: absolute;
			top: 300px;
			right: 0;
			height: 79px;
			width: 44px;
			display: block;
			text-indent: -5000em;
			cursor: pointer;
			background: transparent url(/assets/images/next-look.jpg) 0 0 no-repeat;
			z-index: 6;
		}
		
		.look #mainContent .jcarousel-next-disabled{
			background: transparent url(/assets/images/next-look-hover.jpg) 0 0 no-repeat;
		}
		
		.look #mainContent #lookContent{
			padding: 120px 0 0 0;
			height: 550px;
			overflow: hidden;
		}
		
			.look #mainContent #lookContent img{
				margin: 0 0 3px 0;
			}
			
			.look #mainContent #lookContent li{
				float: left;
				margin-bottom: 50px;
			}
			
			.look #mainContent #lookContent li:last-child{
				padding-right: 50px;
			}
		
			.look #mainContent #lookContent p{
				color: #3A3A3A;
				font-size: 12.5px;
				font-style: italic;
			}

			.look #mainContent #lookContent p a{
				color: #9B8F8B;
				text-decoration: none;
			}
			
				.look #mainContent #lookContent p a:hover{
					color: #052F3F;
				}

	.follow #mainContent{
		height: auto;
		overflow: hidden;
	}
	
		.follow #mainContent #adCol{
			width: 164px;
			float: left;
			margin: 0 35px 0 0;
		}
		
			.follow #mainContent #adCol .ad-wrapper{
				position: relative;
				min-height: 750px;
				width: 162px;
				border: 1px solid #A9A19C;
				padding: 15px 0;
			}	
			
				.follow #mainContent #adCol .ad-wrapper img{
					margin: 0 auto 20px auto;
				}
		
		.follow #mainContent #contentCol{
			width: 475px;
			float: left;
			color: #3A3A3A;
			font-size: 14px;
			margin: 0 32px 0 0;
		}
		
			.follow #mainContent #contentCol .comment{
				border-bottom: 1px solid #A9A19C;
				margin: 0 0 25px 0;
			}
		
			.follow #mainContent #contentCol h2{
				color: #231F20;
				font-size: 23px;
				font-weight: normal;
				line-height: 1.2;
				margin: 0 0 5px 0;
			}
			
			.follow #mainContent #contentCol h3{
				margin: 20px 0 5px 0;
				font-size: 18px;
				font-weight: normal;
				line-height: 1.2;
			}
			
			.follow #mainContent #contentCol img{
				padding: 8px;
				border: 1px solid #A9A19C;
				margin: 0 0 10px 0;
			}
			
			.follow #mainContent #contentCol .date{
				display: block;
				margin: 0 0 5px 0;
			}
			
			.follow #mainContent #contentCol p{
				margin-bottom: 20px;
			}
			
			.follow #mainContent #contentCol a{
				color: #E2926F;
				text-decoration: none;
			}
			
			.follow #mainContent #contentCol a.read-more{
				display: block;
				font-style: italic;
				margin: 0 0 20px 0;
			}
			
			.follow #mainContent #contentCol .post{
				background: transparent url(/assets/images/divider.gif) left bottom no-repeat;
				padding: 0 0 10px 0;
				margin: 0 0 60px 0;
			}
			
			.follow #mainContent #contentCol .share-this{
				clear: both;
			}
			
			.follow #mainContent #contentCol .share-this a{
				color: #3A3A3A;
			}
				
				.follow #mainContent #contentCol .share-this a.category{
					font-style: italic;
					color: #E2926F;
				}
				
			.follow #mainContent #contentCol .paginate{
				margin: 0 0 20px 0;
				text-align: right;
				padding: 0 10px 0 0;
			}
		
		.follow #mainContent #sideCol{
			width: 200px;
			float: left;
		}
			
			.follow #mainContent #sideCol h3{
				color: #231F20;
				font-size: 18px;
				font-weight: normal;
			}
		
			.follow #mainContent #sideCol p{
				font-family: Times, serif;
				color: #3A3A3A; 
				font-size: 13px;
				line-height: 1.2;
				margin: 0 0 20px 0;
			}
			
			.follow #mainContent #sideCol img{
				margin-bottom: 5px;
			}
			
			.follow #mainContent #sideCol .twitter{
				background: transparent url(/assets/images/twitter-lite.gif) left center no-repeat;
				display: block;
				height: 35px;
				line-height: 35px;
				margin: 0 0 25px 0;
				padding: 0 0 0 42px;
				color: #231F20;
				text-decoration: none;
			}
			
			.follow #mainContent #sideCol .twitter span{
				font-style: italic;
				color: #E2926F;
				text-decoration: none;
			}
			
			.follow #mainContent #sideCol ul{
				margin: 0 0 35px 0;
			}
			
			.follow #mainContent #sideCol ul li{
				font-size: 13px;
				font-family: Times, serif;
				line-height: 1.2;
			}
			
			.follow #mainContent #sideCol ul li a{
				color: #3A3A3A;
				text-decoration: none;
			}
			
				.follow #mainContent #sideCol ul li a:hover{
					color: #E2926F;
				}
			
			.follow #mainContent #sideCol form{
				overflow: hidden;
				margin-bottom: 35px;
			}
			
				.follow #mainContent #sideCol form input{
					border: 1px solid #231F20;
					padding: 6px 0 3px 5px;
					height: 17px;
					width: 120px;
					float: left;
				}
				
				.follow #mainContent #sideCol form button{
					display: block;
					float: left;
					background: transparent url(/assets/images/search.gif) 0 0 no-repeat;
					width: 71px;
					height: 28px;
					text-indent: -5000em;
					cursor:pointer;
					padding: 0;
					border: none;
				}
		
		.follow #mainContent #blogContent{
			overflow: hidden;
			width: 934px;
			padding: 58px 0 100px 28px;
		}
		
		#comments{
			clear: both;
			background: transparent url(/assets/images/divider.gif) left top no-repeat;
			padding: 5px 0 0 0;
			margin: 20px 0 0 0;
		}

		#comment_form{
			width: 475px;
			padding-bottom: 20px;
		}
		
		#comment_form label{
			width: 120px;
			float: left;
			display: block;
		}

		#comment_form input{
			border: 1px solid #231F20;
			padding: 6px 0 3px 5px;
			height: 17px;
			width: 250px;
			margin: 0 0 10px 0;
		}
		
		#comment_form input.checkbox {
			border: none;
			width: 18px;
		}
		
		#comment_form p{
			margin-bottom: 5px !important;
		}
		
		#comment_form textarea{
			font-size: 12px;
			font-family: Georgia, Times, serif;
			padding: 5px;
			width: 370px;
			border: 1px solid #231F20;
		}
		
		#comment_form button{
			border: 1px solid #231F20;
			padding: 5px 8px;
			font-size: 14px;
			font-family: Georgia, Times, serif;
			font-style: italic;
			background-color: #FFF;
			cursor: pointer;
		}

	
#footer{
	position: relative;
	margin: 0 0 50px 0;
}

	#footer p{
		text-align: right;
		font-family: Georgia, Times, serif;
		font-size: 13px;
		padding: 5px 0 0 0;
		line-height: 23px;
	}
	
		#footer p a{
			color: #FFF;
			text-decoration: none;
			margin: 0 10px 0 0;
			padding: 5px 0 5px 30px;
		}
		
			#footer p a.twitter{
				background: transparent url(/assets/images/twitter.gif) left center no-repeat;
			}
		
			#footer p a:hover{
				text-decoration: underline;
			}
			
			#footer p a span{
				font-style: italic;
			}