/*
Theme Name: Noelle
Theme URI: http://noellemarinelli.com
Author: Brian Pennington
Author URI: http://brianpennington.com
*/

#noelle				{	margin: 0; padding: 0;
						background: #5f5f5f;
						font-family: Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 
							'Bitstream Vera Sans', 'Liberation Sans', Verdana, 'Verdana Ref', sans-serif;
						line-height: 1.5em;
						font-size: small;}
						
#noelle li			{	list-style: none;}

#noelle ul			{	padding: 0;}

#noelle a img		{	border: none;}		

.wrap				{	margin: 0 auto 0 auto;
						width: 1250px;}
						
.main				{	background: url(images/site/bgShadows.gif) repeat-y;
						padding: 0 50px 0 50px;
						width: 1150px;
						float: left;}

.header				{	height: 102px; width: 1150px;
						text-indent: -12000px;
						background: url(images/site/bgHeader.jpg) no-repeat;}
	
.contentRow			{	float: left;
						width: 1150px;}	
						
/* Nav */						
						
.nav				{	width: 213px; height: 616px;
						float: left;
						padding-right: 34px;
						*width: 248px;
						background: url(images/site/bgWallLeft.jpg);}
						
.nav ul				{	float: right;
						clear: both;
						margin: 0;}						
						
.nav ul.sections a	{	text-indent: -6000px;
						float: right;
						clear: both;}					
						
.nav .bf a			{	width: 156px; height: 26px;
						background: url(images/site/navBeautyFashionOff.png) no-repeat;}

.nav .bf a:hover	{	background: url(images/site/navBeautyFashionOn.png) no-repeat;}	
						
.nav .ad a			{	width: 115px; height: 26px;
						background: url(images/site/navAdvertisingOff.png) no-repeat;}

.nav .ad a:hover	{	background: url(images/site/navAdvertisingOn.png) no-repeat;}	
						
.nav .lf a			{	width: 84px; height: 26px;
						background: url(images/site/navLifestyleOff.png) no-repeat;}

.nav .lf a:hover	{	background: url(images/site/navLifestyleOn.png) no-repeat;}	
						
.nav .gr a			{	width: 94px; height: 25px;
						background: url(images/site/navGroomingOff.png) no-repeat;}

.nav .gr a:hover	{	background: url(images/site/navGroomingOn.png) no-repeat;}	
						
.nav .mu a			{	width: 60px; height: 19px;
						background: url(images/site/navMusicOff.png) no-repeat;}

.nav .mu a:hover	{	background: url(images/site/navMusicOn.png) no-repeat;}	

.nav li.spacer		{	height: 18px; width: 5px;
						float: right; clear: both;}	
						
.nav .ex a			{	width: 109px; height: 25px;
						background: url(images/site/navExperienceOff.png) no-repeat;}

.nav .ex a:hover	{	background: url(images/site/navExperienceOn.png) no-repeat;}	
						
.nav .co a			{	width: 75px; height: 17px;
						background: url(images/site/navContactOff.png) no-repeat;}

.nav .co a:hover	{	background: url(images/site/navContactOn.png) no-repeat;}

ul.thumbs			{	margin-top: 20px;
						clear: none;}					

.thumbs li img		{	float: left;}									

.thumbs li .top		{	width: 69px; height: 4px;
						background: url(images/site/frameTop.png) top left no-repeat;
						float: left;
						clear: both;
						*display: none;}
						
.thumbs li .middle	{	clear: both;
						width: 71px;}						

.thumbs li .ls		{	width: 5px; height: 68px;
						background: url(images/site/frameLeft.png) no-repeat;
						float: left;
						*display: none;}

.thumbs li .rs		{	width: 6px; height: 68px;
						background: url(images/site/frameRight.png) no-repeat;
						float: left;
						*display: none;}

.thumbs li .bottom	{	width: 71px; height: 7px;
						background: url(images/site/frameBottom.png) no-repeat;
						float: left;
						clear: both;
						*display: none;}
						
.hidden				{	display: none;}

/* Slides and Contact */								

.content			{	float: left;
						background: #b3aba3;
						width: 861px;
						padding: 0; margin: 0;}

.content img		{	float: left;}

.content .text		{	background: #b3aba3;
						padding: 16px; 
						height: 474px;
						float: left;
						*height: 514px;
						*font-size: 80%;
						text-shadow: 0 1px 0.5px #ddd, 0 -0.25px 0 #333;}					
						
.content .text p	{	margin: 0 0 12px 0;}							

.content .text h3	{	margin: 0 0 18 0;
						font-size: 150%;}	
						
.text .column		{	float: left;
						font-size: 90%;
						padding-right: 20px;
						line-height: 1.25em;}
						
.text .column h2	{	font-size: 120%;
						margin: 0 0 3px 0;}						
						
.text .column p		{	margin: 0 0 8px 0;}				

.content .slide		{	height: 506px; width: 861px;
						margin: 0; padding: 0;
						float: left;}
						
.content .slide p	{	display: none;}

.content .slide img	{	margin: 0; padding: 0;
						display: block;
						float: left;
						width: 861px;
						*margin-left: -3px;}						
						
.rightSide			{	width: 42px; height: 615px;
						float: left;
						*width: 41px;
						*margin-left: -3px;
						background: url(images/site/bgWallRight.jpg);}
						
.contact			{	width: 861px; height: 100px;
						float: left;
						padding: 10px 0 0 0;
						background: orange;
						text-indent: -6000px;
						background: url(images/site/bgWallBottom.jpg);}	
						
.contact a			{	width: 283px; height: 19px;
						float: right;
						background: url(images/site/email.png) no-repeat;}
						
.contact p			{	width: 149px; height: 21px;
						float: right;
						margin: 0;
						background: url(images/site/phone.png) no-repeat;}									
						
/* Shadows and Footer */									
					
.shadows			{	margin: 0 auto 0 auto;
						width: 1254px; height: 46px;
						padding-left: 2px;
						clear: both;}
						
.corner				{	height: 46px; width: 50px;
						float: left;}
						
.shadows .middle	{	height: 46px; width: 1153px;
						float: left;
						background: url(images/site/bgShadowBottom.gif);}
						
.shadows .ls		{	background: url(images/site/bgShadowLtCorner.gif);}

.shadows .rs		{	background: url(images/site/bgShadowRtCorner.gif);
						*width: 49px;}																		
					
.footer				{	margin: 0 auto 0 auto;
						width: 1150px;
						font-size: small;
						font-size: 80%;
						color: #37372a;
						text-align: center;
						padding-bottom: 8px;}
						
.footer a			{	color: #37372a;
						font-weight: bold;
						text-decoration: none;}	
						
.footer a:hover		{	text-decoration: underline;}

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }