#coming-soon					{ width: 400px; height: 400px; background: url(images/cachic-comingsoon.jpg) no-repeat; margin: 0 auto; }




*								{ margin: 0; padding: 0; }
html 							{ overflow-y: scroll; }
body							{ background: url(../images/background-design2.jpg) repeat; }


/* Mozilla based browsers */
::-moz-selection {
       background-color: #c50076;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #c50076;
       color: #fff;
}





.clear							{ clear:both; }

#page-wrap						{ width: 900px; background-color:#FFF; margin: 0 auto; margin-top: 20px; position: relative; border: 5px solid white; }
#portfolio-wrap					{ width: 900px; background-color:#FFF; margin: 0 auto; margin-top: 20px; position: relative; border: 5px solid white; min-height: 700px; height: auto !important; height: 700px; }

#home_link 						{ width: 350px; height: 60px; position: absolute; left: 70px; top: 80px; cursor:pointer; z-index:2; }

h1								{ text-indent: -9999px; display: none; }
#header							{ width: 900px; height: 170px; }
#menu-bar						{ width: 900px; height: 50px; background: url(../images/menu.jpg); margin-bottom: 10px;  }

ul#main-nav 					{ width: 360px; float: left; margin: 8px 0 0 30px; }
ul#extra-nav 					{ width: 360px; float: right; text-align: right; margin: 8px 20px 0 0; }





ul#main-nav li,
ul#extra-nav li					{ display: inline; list-style: none; }

ul#main-nav li a				{ font: normal 15px Arial, Helvetica, sans-serif; color: #c50076; padding: 3px 10px; text-decoration: none; outline: none; }
ul#extra-nav li a				{ font: normal 15px Arial, Helvetica, sans-serif; color: #fff; padding: 3px 10px; text-decoration: none; outline: none; }

ul#main-nav li a:hover			{ color: #534d3b; }
ul#extra-nav li a:hover			{ color: #534d3b; }

.landing						{ font: normal 15px Arial, Helvetica, sans-serif; color: #534d3b; padding: 3px 10px; }


#sub-bar						{ width: 150px; min-height: 450px; height: auto !important; height: 450px; background: url(../images/side-nav-bg.jpg) no-repeat; margin-right: 20px; float: left; padding-top: 20px; }
#sub-bar-alt					{ width: 80px; min-height: 450px; height: auto !important; height: 450px; background: url(../images/side-nav-bg.jpg) no-repeat; float: left; }

ul#sub-nav 						{ margin: 40px 0 0 43px; }
ul#sub-nav li					{ list-style: none; color: #0F8992; }
ul#sub-nav li a					{ font: normal 12px/24px Arial, Helvetica, sans-serif; color: #0F8992; text-decoration: none; outline: none; }
ul#sub-nav li a:hover			{ color: #534d3b; }


.back-forward					{ font: normal 16px/20px Arial, Helvetica, sans-serif; color: #c50076; margin-top: 10px; }




.sub-nav-title					{ font: bold 14px/30px Arial, Helvetica, sans-serif; color: #0F8992; }
.sub-nav-title:hover			{ color: #534d3b; }

body#contact
	ul#extra-nav li.contact a	{ color: #534d3b; }


body#wedding
	ul#sub-nav li.wedding a .sub-nav-title 		{ color: #534d3b; }

body#elegant
	ul#sub-nav li.elegant a,		

body#contemporary
	ul#sub-nav li.contemporary a,
	
body#mod
	ul#sub-nav li.mod a,
	
body#timeless
	ul#sub-nav li.timeless a	{ color: #534d3b; }
	
	
body#about
	ul#main-nav li.about a,
	
body#details
	ul#main-nav li.details a 	{ color: #534d3b; }


	


/** HOME  **/

#home-body						{ width: 900px; height: 332px; }


/** PORTFOLIO **/
		
		.portfoliobox			{ width: 672px; height: 450px; position: absolute; top: 230px; left: 170px; }

	/** ELEGANT **/
	
		.elegantbox				{ width: 500px; height: 450px; background: url(../images/1elegant/ours.jpg) no-repeat; position: absolute; top: 230px; left: 355px; }
	
	/** CONTEMPORARY **/
	
		.contemporarybox		{ width: 500px; height: 450px; background: url(../images/2contemporary/blue-green.jpg) no-repeat; position: absolute; top: 230px; left: 355px; }
	
	/** MOD **/
	
		.modbox					{ width: 500px; height: 450px; background: url(../images/3mod/chandelier.jpg) no-repeat; position: absolute; top: 230px; left: 355px; }
	
	/** TIMELESS **/
	
		.timelessbox			{ width: 500px; height: 450px; background: url(../images/4timeless/pink-purple.jpg) no-repeat; position: absolute; top: 230px; left: 355px; }
		
		


.gallerycontainer				{ height: auto; float: left; position: relative; }
								/*Add a height attribute and set to largest image's height to prevent overlaying*/





#tmb-wrap						{ width: 600px; height: 450px; position: absolute; top: 230px; left: 170px; }
#tmb-wrap2						{ width: 700px; height: 450px; position: absolute; top: 230px; left: 170px; }
ul#thumbs						{ list-style: none;}
ul#thumbs li					{ display: inline; }
ul#thumbs li a  				{ text-indent: -9999px; display: block; width: 214px; height: 193px; float: left; outline: none;  margin-right: 10px; margin-bottom: 10px; }




/**ELEGANT THUMBNAILS**/
ul#thumbs li a.green-brown					{ background: url(../portfolio/images/1elegant/green-brown-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.green-brown:hover,
	ul#thumbs li a.green-brown:active		{ background-position: top center; }
	
ul#thumbs li a.lace							{ background: url(../portfolio/images/1elegant/lace-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.lace:hover,
	ul#thumbs li a.lace:active				{ background-position: top center; }
	
ul#thumbs li a.pink-black					{ background: url(../portfolio/images/1elegant/pink-black-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.pink-black:hover,
	ul#thumbs li a.pink-black:active		{ background-position: top center; }
	
ul#thumbs li a.pink-gold					{ background: url(../portfolio/images/1elegant/pink-gold-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.pink-gold:hover,
	ul#thumbs li a.pink-gold:active			{ background-position: top center; }
	

/**CONTEMPORARY THUMBNAILS**/
ul#thumbs li a.blue-green					{ background: url(../portfolio/images/2contemporary/blue-green-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.blue-green:hover,
	ul#thumbs li a.blue-green:active		{ background-position: top center; }
	
ul#thumbs li a.birds						{ background: url(../portfolio/images/2contemporary/birds-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.birds:hover,
	ul#thumbs li a.birds:active				{ background-position: top center; }
	
ul#thumbs li a.sunflower					{ background: url(../portfolio/images/2contemporary/sunflower-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.sunflower:hover,
	ul#thumbs li a.sunflower:active			{ background-position: top center; }
	
ul#thumbs li a.houndstooth					{ background: url(../portfolio/images/2contemporary/houndstooth-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.houndstooth:hover,
	ul#thumbs li a.houndstooth:active		{ background-position: top center; }
	
ul#thumbs li a.tree							{ background: url(../portfolio/images/2contemporary/tree-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.tree:hover,
	ul#thumbs li a.tree:active				{ background-position: top center; }


/**MOD THUMBNAILS**/
ul#thumbs li a.chandelier					{ background: url(../portfolio/images/3mod/chandelier-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.chandelier:hover,
	ul#thumbs li a.chandelier:active		{ background-position: top center; }
	
ul#thumbs li a.saints						{ background: url(../portfolio/images/3mod/saints-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.saints:hover,
	ul#thumbs li a.saints:active			{ background-position: top center; }
	
ul#thumbs li a.bohemian-gold				{ background: url(../portfolio/images/3mod/bohemian-gold-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.bohemian-gold:hover,
	ul#thumbs li a.bohemian-gold:active		{ background-position: top center; }


/**TIMELESS THUMBNAILS**/
ul#thumbs li a.pink-purple					{ background: url(../portfolio/images/4timeless/pink-purple-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.pink-purple:hover,
	ul#thumbs li a.pink-purple:active		{ background-position: top center; }
	
ul#thumbs li a.blue-gold						{ background: url(../portfolio/images/4timeless/blue-gold-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.blue-gold:hover,
	ul#thumbs li a.blue-gold:active			{ background-position: top center; }
	
ul#thumbs li a.gold-red						{ background: url(../portfolio/images/4timeless/gold-red-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.gold-red:hover,
	ul#thumbs li a.gold-red:active			{ background-position: top center; }
	
ul#thumbs li a.purple-mum					{ background: url(../portfolio/images/4timeless/purple-mum-tmb.jpg) no-repeat bottom center; }
ul#thumbs li a.purple-mum:hover,
	ul#thumbs li a.purple-mum:active		{ background-position: top center; }







.invite-description							{ width: 230px; height: auto; position: absolute; top: 0; left: 470px; padding-bottom: 15px; }	
	
	
	


h5								{ font: bold 13px Arial, Helvetica, sans-serif; display: inline; color: #0F8992; }
.gallerycontainer p				{ font: normal 11px Arial, Helvetica, sans-serif; color: #534d3b; }




/** PAGES **/

#main-body						{ width: 600px; height: auto; float: left; }
#image-box						{ width: 600px; height: 150px; background-color: #9999FF; margin-bottom: 20px; }
#image-box-alt					{ width: 186px; min-height: 450px; height: auto !important; height: 450px; float: left; margin-right: 40px; }


#main-body-copy					{ width: 450px; }
#main-body-copy-alt				{ width: 350px; float: left; }

h2								{ font: normal 18px Arial, Helvetica, sans-serif; color: #c50076; }
h4								{ font: normal 15px Arial, Helvetica, sans-serif; color: #e27fba; }
p								{ font: normal 12px/20px Arial, Helvetica, sans-serif; color: #534d3b; margin-top: 10px; }
p.no-lineheight					{ font: normal 12px/20px Arial, Helvetica, sans-serif; color: #534d3b; margin-top: 2px; }
a								{ color: #c50076; text-decoration: none; }
a:hover							{ color: #c50076; text-decoration: underline; }

.italic							{ font-style:  italic; color: #e27fba; }
h6								{ font:  italic 10px Arial, Helvetica, sans-serif; color: #c50076; }



#footer							{ width: 900px; height: 46px; background: url(../images/footer.jpg) no-repeat;  margin: 0 auto; border: 5px solid white; }
.footer-copy					{ text-align: center; margin-top: 16px; }
.pink							{ color: #c50076; }






/**  CONTACT  **/


#contact3 					{ width: 400px; text-align: left; }

.IB 						{ background-color: #ddeef0; height: 14pt; width: 150pt;font: normal 12px/20px Arial, Helvetica, sans-serif; color: #534d3b; margin-top: 2px; }
	
h3							{ font: bold 14px Arial, Helvetica, sans-serif; color: #c50076; }


#contact-box 				{ font: normal 12px/20px Arial, Helvetica, sans-serif; color: #534d3b; margin-top: 2px; width: 390px; padding-top: 10px; }

#contact-box fieldset 		{ border: solid 1px #c50076; padding: 20px; background: url(../images/contact-bg.jpg) no-repeat; }

#comments 					{ font: normal 12px/20px Arial, Helvetica, sans-serif; color: #534d3b; margin-top: 2px; height: 75px; width: 350px; background-color: #ddeef0; }
	
	
.button 					{ background-image: none; margin: 10px 0 10px 0; border-style: none; background-color: #FFFFFF; height: 26px; width: 80px; }

.centered					{ text-align: center; margin-top: 50px; }