/* ---------------------------------------------
Frenchie Skirts Screen Style Sheet
author: Cyberwoven
version:  2009.03
----------------------------------------------- */


/* -- Global HTML Elements --------------------------------------------------------------------------------------------- */

html, body 					{ 	
							background:#fff;
							margin: 0 auto; 
							padding: 0; 
							border: 0; 
							text-align: center; 
							font: 11px "Lucida Grande", "Lucida Sans", "Trebuchet MS", 			
							Verdana, sans-serif; 
							color:#300906;
							}

img 						{ 	
							padding: 0; 
							margin: 0; 
							border: 0; 
							}

.clear 						{ 	
							clear: both; 
							}

/* -- GLOBAL LINKS ---------------------------------------------------------------------------------------------- */

a, 
a:link, 
a:active, 
a:visited					{
							text-decoration: none; 
							color: #459133; 
							padding:0;
							}

a:hover						{	
							text-decoration: none; 
							color: #fff; 
							background:#459133;
							padding:0;
							}
				
.nopad a					{
							padding:0;
							background:transparent;
							}

				
	
/* -- GLOBAL FORMS ---------------------------------------------------------------------------------------------- */
	
	
	
form 						{
							padding: 0; 
							margin: 0; 
							}
				
fieldset 					{
							border: none; 
							padding: 0; 
							margin: 0;
							}
				
label 						{
							color: #555; 
							padding: 0; 
							margin: 0;
							}
				
.input 						{ 
							width: 200px; 
							font-size: 10px; 
							padding: 3px 0 3px 0; 
							border: 1px solid;
							}
							
.reqinput 					{ 
							width: 200px; 
							font-size: 10px; 
							padding: 3px 0 3px 0; 
							border: 1px solid;
							background:#CFF9C4;
							}							
				
.textfield 					{ 
							width: 350px; 
							font-size: 10px; 
							padding: 3px 0 3px 0; 
							border: 1px solid;
							}				
				
.submit 					{ 
							font-size: 10px; 
							}
				
.dropdown 					{ 
							width: 200px; 
							padding: 0; 
							margin: 0; 
							border: 1px solid;
							}
	
/* -- GLOBAL TYPOGRAPHY ----------------------------------------------------------------------------------------- */

p 							{ 
							padding:0;
							margin:10px 20px 0 50px;
							color: #300906;
							text-align:left;
							line-height:16px;
							}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 							{
							font-family: helvetica, "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
							text-align: left;
							letter-spacing: 1px;
							}
#logo h1 {
	width:175px;
	height:87px;
	background:url(../images/logo.gif) no-repeat;
	margin:1px auto 0;
	text-indent:-9999px;
}
#logo h1 a {
	display:block;
	width:175px;
	height:87px;
	background:transparent;
}

h2 							{ 
							font-size: 16px; 
							line-height: 22px;
							color:#459133;
							font-weight:100;
							letter-spacing:-.25px;
							font-weight:bold;
							margin:20px 0 0 40px;
							}
				
h3 							{ 
							line-height: 22px;
							color:#0594C3;
							font-weight:100;
							letter-spacing:-.25px;
							margin:15px 0 0 40px;
							font: normal 14px "Lucida Handwriting", cursive;
							}
				
h4 							{ 
							margin:15px 0 0 40px;
							font: normal 14px "Lucida Handwriting", cursive;
							padding:0;
							}
				
h5 							{ 
							font-size: 12px; 
							}

.asterik					{
							color:#CC1111;
							font-size:16px;
							line-height:18px;
							text-align:right;
							}

.quote 						{
							margin: 20px 0 0 0;
							padding: 10px 0 10px 20px;
							font: 11px "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
							color: #000;
							font-style: italic;
							line-height: 18px;
							background: transparent url(images/quotes.gif) no-repeat top 
							left;
							}
	
cite 						{ 
							font-style: italic; 
							font-weight: bold; 
							}
				
abbr 						{ 
							speak: spell-out; 
							border-bottom: 1px dotted #000; 
							cursor: help; 
							}
				
acronym 					{ 
							speak: normal; 
							border-bottom: 1px dotted #000; 
							cursor: help; 
							}

code 						{
							margin: 0;
							padding:  20px;
							font: 11px Courier, serif;
							line-height: 18px;
							color: #000;
							text-align: left;
							}
							
.bigred						{
							color:#D40771;
							font-size:16px;
							font-weight:bold;
							}
							
.bigblue					{
							color:#359923;
							font-size:16px;
							font-weight:bold;
							}							
				
	
/* -- GLOBAL LISTS ---------------------------------------------------------------------------------------------- */
	
	
	

	
#content ol 				{
							padding: 10px 10px 15px 20px;
							margin: 0 20px 0 50px;
							clear: left;
							color: #300906;
							text-align:left;
							}
	
#content ol li 				{
							padding: 0 0 0 0;
							margin: 6px 0 0 0px;
							font: 11px "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
							text-transform: none;
							line-height:16px;
							}
						
				
	
/* -- NAVIGATION TOP -------------------------------------------------------------------------------------------- */
	
	
	
#nav {
	padding:0;
	margin:0 0 15px 12px;
	height:32px;
	text-align:left;
	display:block;
}
#nav li {
	float:left;
	list-style:none;
}
#nav li a {
	display:block;
	height:32px;
	text-indent:-9999px;
	background:url(../images/nav.gif) no-repeat;
}
#nav li.nav1 a { width:53px; background-position:0 0; }
#nav li.nav2 a { width:78px; background-position:-53px 0; }
#nav li.nav3 a { width:55px; background-position:-131px 0; }
#nav li.nav4 a { width:68px; background-position:-186px 0; }
#nav li.nav5 a { width:53px; background-position:-254px 0; }
#nav li.nav6 a { width:66px; background-position:-307px 0; }
#nav li.nav7 a { width:75px; background-position:-373px 0; }

#nav li.nav1 a:hover { background-position:0 -32px; }
#nav li.nav2 a:hover { background-position:-53px -32px; }
#nav li.nav3 a:hover { background-position:-131px -32px; }
#nav li.nav4 a:hover { background-position:-186px -32px; }
#nav li.nav5 a:hover { background-position:-254px -32px; }
#nav li.nav6 a:hover { background-position:-307px -32px; }
#nav li.nav7 a:hover { background-position:-373px -32px; }
	



/* -- GALLERY BUTTON -------------------------------------------------------------------------------------------- */

.galleryButton { padding-left:108px; }

.galleryButton a {
	display:block;
	width:158px;
	height:34px;
	background:#fff url(../images/photogallery.png) top no-repeat;
	text-indent:-9999px;
}
.galleryButton a:hover {
	background:#fff url(../images/photogallery.png) bottom no-repeat;
}


/* -- PAGE LAYOUT ------------------------------------------------------------------------------------------------- */




#container 					{
							background: url(../images/bg.gif) no-repeat top right;
							width: 825px; 
							margin-left:auto;
							margin-right:auto;
							margin-top:40px;
							}

#lcol {
	width:349px;
	height:432px;
	float:left;
	padding-bottom:15px;
}

div.home { background:url(../images/skirt_home.jpg) no-repeat; height:500px !important; }
div.process { background:url(../images/skirt_process.jpg) no-repeat; }
div.contact { background:url(../images/skirt_location.jpg) no-repeat; }
div.wedding { background:url(../images/skirt_wedding.jpg) no-repeat; }
div.pencil { background:url(../images/skirt_16.jpg) no-repeat; }
div.skirts { background:url(../images/skirt_collection.jpg) no-repeat; }
div.aline { background:url(../images/skirt_18.jpg) no-repeat; }
div.dresses { background:url(../images/skirt_15.jpg) no-repeat; }
div.fabrics { background:url(../images/skirt_fabrics.jpg) no-repeat; }
div.press { background:url(../images/skirtofthemonth.jpg) no-repeat; }
div.about { background:url(../images/frenchie_portrait.jpg) no-repeat; }
div.gifts { background:url(../images/gifts.jpg) no-repeat; }
							
#rcol						{
							width:471px;
							float:left;
							}
							
#content					{
							padding-left:10px;
							padding-bottom:15px;
							}


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

#footer {
	margin-top:25px;
	padding-top: 20px;
	clear:both;
	width: 800px;
	height:40px;
	background: url(../images/footer.gif) center top no-repeat;
	text-align:center; 
}
	

/* -- MISC --------------------------------------------------------------------------------------------------- */

.left 						{
							float: left;
							clear: left;
							width: 500px;
							}
	
.center 					{
							clear: both;
							width: 100%;
							margin: 0 auto;
							text-align: center;
							}
	
.right 						{
							clear: both;
							float: right;
							}
	
.border_2px 				{
							padding: 2px;
							border: 1px solid #D8D8D8;
							background: #ECECEC;
							}
	
.border_5px 				{
							padding: 5px;
							margin: 0 0 4px 0;
							border: 1px solid #D8D8D8;
							background: #ECECEC;
							}	
	
#preload					{
							display:none;
							}

#content img				{
							float:left;
							
							}









/* Photo Gallery */

ul#photogallery {display:block; margin:10px 0 10px 20px; padding:0; list-style:none;}
ul#photogallery li {display:inline; margin:0; padding:0;}
	ul#photogallery li a, ul#photogallery li a:link {display:block; float:left; margin:0 15px 15px 0; width:116px; height:116px; padding:0; background:url(../images/white20percent.png);}
	ul#photogallery li a:hover {text-decoration:none; background:#fff;}
	ul#photogallery li a img {display:block; position:relative; border:none; margin:8px 0 0 8px; padding:0; float:none;}
	
ul.photogallerylist li { text-align:left; }
ul.photogallerylist img { margin-right:8px; }

#lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; color:#222;}
#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;}
#imageContainer img {float:none; margin:0; padding:0; border:none;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* 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/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color:#043b62; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top:5px;}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;	line-height:1.4em;}
#imageData{padding:0 10px;}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }



/* Photo Gallery List */
#content ul.photogallerylist {display:block; width:440px; list-style:none; margin-left:10px; padding:0;}
#content ul.photogallerylist li {display:block; float:left; width:440px; background:none; padding:0 0 10px 0; margin:10px 0px 10px 0px; border-bottom:1px solid #000;}
#content ul.photogallerylist li a {font-size:14px; text-decoration:none;}
#content ul.photogallerylist li a:hover {text-decoration:underline;}
#content ul.photogallerylist li img {width:60px; height:60px; padding:1px; border-color:#333 !important;}

ul.photogallery {margin:10px 0; padding:0; width:850px; background:none; list-style:none;}
ul.photogallery li {display:block; float:left; margin:0; padding:0; background:none; width:120px; height:120px;}
ul.photogallery li a {display:inline; margin:0; padding:0;}
ul.photogallery li a img {float:none; margin:0; padding:1px; border-color:#333;}
ul.photogallery li a:hover img {border-color:#730020;}