/* 

STYLE SHEET FOR [LA MARTINE]
Created by [METRIK]
[WWW.METRIK.COM]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color: #471201;
		color: #471201;
		font-family: georgia, palatino, "times new roman", serif;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		background-image: url(images/wrapper-bg.jpg);
		background-repeat:no-repeat;
		position: relative;
		width: 913px;
		height: 713px;
		border: none;
		margin: auto;
		}
		
	
#logoDiv {
		width: 192px;
		height: 104px;
		position: absolute;
		left: 360px;
		top: 54px;
		border: none;
		}
		
#header {
		padding-bottom: 15px;
		
		}
		
#vendorsHeader {
		position: absolute;
		display: block;
		padding-bottom: 15px;
		left: 105px;
		}
		
#mainContent {
		position: absolute;
		display: block;
		padding-bottom: 10px;
		width: 415px;
		height: 311px;
		top: 170px;
		left: 250px;
		z-index: 0;
		}
		
#mainText{
		position: absolute;
		display: block;
		width: 270px;
		top: 175px;
		left: 317px;
		}
		
#mainTextVendors{
		background: url(images/vendors_bg.png) no-repeat;
		position: absolute;
		display: block;
		width: 270px;
		height: 405px;
		top: 175px;
		left: 317px;
		}
		
#mainTextAbout{
		position: absolute;
		display: block;
		width: 315px;
		top: 175px;
		left: 300px;
		}
		
#mainGallery {
		position: absolute;
		display: block;
		width: 445px;
		height: 311px;
		top: 170px;
		left: 263px;
		z-index: 0;
		}
		
#aboutImage{
		position: absolute;
		top: 210px;
		left: 130px;
		
		}
		
#photo {
		display: inline;
		background: url(images/gallery_bg.png) no-repeat;
		width: 384px;
		height: 310px;
		float: left;
		padding-top: 16px;
		padding-left: 1px;
		z-index: 0;
		}
		
#pressPhoto{
		display: inline;
		background: url(images/press_bg.png) no-repeat;
		width: 384px;
		height: 310px;
		float: left;
		padding-top: 16px;
		padding-left: 1px;
		z-index: 0;
		}
		
#photoThumbs1 {
		display: inline;
		float: left;
		width: 24px;
		padding-top: 65px;
		padding-left: 5px;
		border: none;
		}
		
#photoThumbs2 {
		display: inline;
		float: left;
		width: 24px;
		padding-top: 77px;
		border: none;
		}
		
#vendorCategories{
		position: absolute;
		top: 320px;
		left: 10px;
		}

#linksDiv{
		text-align: left;
		padding-top: 12px;
		padding-left: 20px;
		padding-right: 15px;
		}
		
#subdiv1 {
display:block;
}
#subdiv2 {
display:none;
}
#subdiv3 {
display:none;
}

	
		
#btmContent {
		position: absolute;
		display: block;
		width: 345px;
		height: 85px;
		top: 485px;
		left: 288px;
		}

#contactFtr {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		width: 337px;
		height: 32px;
		top: 589px;
		left: 287px;
		}
		
#footer {
		display: block;
		clear: both;
		position: absolute;
		width: 913px;
		height: 18px;
		background-color: none;
		font: 9px, Arial, Verdana, Helvetica, sans-serif;
		color: #94423f;
		border: none;
		top: 675px;
		left: 0px;
		}
		
#footerLft {
		float: left;
		padding-left: 255px;
		padding-top: 9px;
		border: 0;
		}
		
#footerRt {
		float: right;
		padding-right: 320px;
		padding-top: 9px;
		border: 0;
		}


	/* float-clearing rules */
	
br.clear {
		clear: both
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. links and navigation ---------- */

* :focus { outline: 0; }

a img { border: none; }

A:link, A:visited {color: #ff5171; font-weight: normal; text-decoration: none; }
A:hover, A:active {color: #4ca1a0; font-weight: normal; text-decoration: none; }


#nav {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		}

#navAbout {
		background: url(images/nav-01.png) no-repeat;
		width: 97px;
		height: 90px;
		position: absolute;
		left: 198px;
		top: 390px;
		margin: 0;
		padding: 0;
		border: 0;
		}

#navAbout li, #navAbout a {
		height:90px;
		display:block;
		}

#navWeddings {
		background: url(images/nav-02.png) no-repeat;
		width: 65px;
		height: 84px;
		position: absolute;
		left: 652px;
		top: 142px;
		margin: 0;
		padding: 0;
		border: 0;
		}

#navWeddings li, #navWeddings a {
		height:84px;
		display:block;
		}

#navGifts {
		background: url(images/nav-03.png) no-repeat;
		width: 64px;
		height: 86px;
		position: absolute;
		left: 726px;
		top: 182px;
		margin: 0;
		padding: 0;
		border: 0;
		}

#navGifts li, #navGifts a {
		height:86px;
		display:block;
		}

#navOrder {
		background: url(images/nav-04.png) no-repeat;
		width: 61px;
		height: 71px;
		position: absolute;
		left: 805px;
		top: 228px;
		margin: 0;
		padding: 0;
		border: 0;
		}

#navOrder li, #navOrder a {
		height:71px;
		display:block;
		}
		
#navContact {
		background: url(images/nav-05.png) no-repeat;
		width: 65px;
		height: 73px;
		position: absolute;
		left: 765px;
		top: 316px;
		margin: 0;
		padding: 0;
		border: 0;
		}

#navContact li, #navContact a {
		height:73px;
		display:block;
		}
		
#navAbout li, #navWeddings li, #navGifts li, #navOrder li, #navContact li  {
		float: left;
		list-style: none;
		display: inline;
		}


#navAbout span, #navWeddings span, #navGifts span, #navOrder span, #navContact span {
		display: none;
		}
		
#nav-01 {background: url(images/nav-01.png) no-repeat; 
		width: 97px; 
		height: 90px;
		margin: 0;
		padding: 0;
		border: 0; }
		
#nav-02 {background: url(images/nav-02.png) no-repeat; 
		width: 65px; 
		height: 84px;
		margin: 0;
		padding: 0;
		border: 0; }
		
#nav-03 {background: url(images/nav-03.png) no-repeat; 
		width: 64px; 
		height: 86px;
		margin: 0;
		padding: 0;
		border: 0; }
		
#nav-04 {background: url(images/nav-04.png) no-repeat; 
		width: 61px; 
		height: 71px;
		margin: 0;
		padding: 0;
		border: 0; }
		
#nav-05 {background: url(images/nav-05.png) no-repeat; 
		width: 65px; 
		height: 73px;
		margin: 0;
		padding: 0;
		border: 0; }

#nav-01 a:hover {background: url(images/nav-01.png) 0px -90px no-repeat;}
#nav-02 a:hover {background: url(images/nav-02.png) 0px -84px no-repeat;}
#nav-03 a:hover {background: url(images/nav-03.png) 0px -86px no-repeat;}
#nav-04 a:hover {background: url(images/nav-04.png) 0px -71px no-repeat;}
#nav-05 a:hover {background: url(images/nav-05.png) 0px -73px no-repeat;}


#nav-01-on {width: 97px; background: url(images/nav-01.png) 0px -90px no-repeat;}
#nav-02-on {width: 65px; background: url(images/nav-02.png) 0px -84px no-repeat;}
#nav-03-on {width: 61px; background: url(images/nav-03.png) 0px -86px no-repeat;}
#nav-04-on {width: 64px; background: url(images/nav-04.png) 0px -71px no-repeat;}
#nav-05-on {width: 65px; background: url(images/nav-05.png) 0px -73px no-repeat;}

	
.photoThumbnails {
		display: inline;
		float: left;
		padding-bottom: 3px;
		}

a:link .photoThumbnails, a:visited .photoThumbnails  {
		border: none;
		}

a:hover .photoThumbnails, a:active .photoThumbnails   { 
		border: none;
		}
		
A.footerLink:link, A.footerLink:visited  { color: #94423f;  font-size: 10px;  font-weight : normal;  text-decoration : none;  border: 0;}
A.footerLink:hover, A.footerLink:active { color: #b9534f;  font-size: 10px;  font-weight : normal;  text-decoration : none;  border: 0;}





#logoDiv a, #logoDiv a:link, #logoDiv a:visited, #logoDiv a:hover, #logoDiv a:active {color: #0b3300;}

		



/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}
	
h1 {
		color: #4c1b1a;
		font-size: 14px;
		line-height: 16px; 
		font-weight: normal;
		text-decoration: none;
		}	
		
		
p {
		font-size: 12px;
		line-height: 15px;
		color: #4c1b1a;
		text-decoration: none;
		font-weight: normal;
		text-indent: 0;
		}
		

		
.teal {
		color: #4ca1a0;
		}
		
.brown {
		color: #4c1b1a;
		}

		
.small {
		font-size: 10px;
		line-height: 12px;
		padding-left: 7px;
		}
		
.bold {
		font-weight: bold;
		}
		
.smallLink
		{
		font-size: 9px;
		}	
	
		
.sectionLinkOn {
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		font-weight: normal;
		}
		
.sectionLinkNeutral {
		color: #4c5f09;
		font-size: 10px;
		text-decoration: none;
		font-weight: normal;
		}


		
		

h2 {
		font-size: 16px;
		line-height: 24px;
		}

h3 {
		font-size: 12px;
		line-height: 18px; 
		}
		
		
.h3Bold{
		font-size: 12px;
		line-height: 18px; 
		font-weight: bold;
		margin-top: 15px;
		}
		
		
.text {
		font-size: 11px;
		line-height: 14px;
		margin-left: 10px;
		text-indent: 0;
		}
		



/* ---------- 5. images ---------- */


		
	

#imageContainer img {      /* ---------- crossfade images on index.html ---------- */
	display:none;
	position:absolute;
	top:0; 
	left:0;
}

#imageContainer {      /* ---------- crossfade images on index.html ---------- */
	position:relative;
	margin:auto;
	width:418px;
	height:300px;
	border:none; 
}
			

#rotator {      /* ---------- crossfade images on index.html ---------- */
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50px; 
		overflow: hidden;
		width: 418px;
		height: 300px;
		}
	
		
#logoReplace { /* ---------- image replacement technique ---------- */
		display: block;
		border: 0;
		height: 77px;
		width: 321px;
		margin: auto;
		background: url(images/logo.gif)  no-repeat;
		line-height: 300px;
		overflow: hidden;
		}