/*
-----------------------------------------------
[The Wedding Cottage] Screen Stylesheet
Stylesheet:  global.css
Author:   
Version:  1
Date:     11/14/07
Revision: 02/15/08
----------------------------------------------- */

@import url("reset.css");

body {
	background: #e6e0d6 url(../imgs/bg_body.gif) repeat-x top;
	color: #8d7c65;
	text-align: center;
	font-size: 12px;
  	line-height: 18px;	
  	font-family: Georgia,"Century Schoolbook",Times,serif;	
}

hr {
	clear: both;
}

/*LINKS*/
a:link,
a:visited {
	color: #6699cc; 
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
 
/*CLASSES*/
.bar {
	float: left;
	background: #8d7c65;
	width: 220px;
	height: 1px;
	margin: 30px 0 15px;
	border: 0;
}

.divider {
	background: url(../imgs/divider.gif) no-repeat;
	width: 490px;
	height: 18px;
	margin: 18px auto;
	color: #fff;
	border: 0;
	clear: both;
}
.brand { color: #6699cc; }


.left { float: left; }

.right { float: right; }

.center { 
	margin: 0 auto;
	text-align: center;
	margin: 0 0 18px;
}
.align_right {text-align:right;}

.hidden { visibility: hidden; }

.clear { clear: both; }

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

.clearfix {display: inline-block;}

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

/*LAYOUT*/
#wrapper {
  position: relative;
  background: url(../imgs/bg_wrapper.gif) repeat-y;
  width: 783px; 
  text-align: left;
  margin: 13px auto 0;  
     
}
#container {
	background: url(../imgs/bg_container.gif) no-repeat;
	width: 777px; 
	padding: 0 3px 18px;
	border-bottom: #fff 3px solid;
}
#branding a{
	display: block;
	background: url(../imgs/logo.gif) no-repeat;
	width: 235px;
	height: 270px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 10px; 
	padding: 0;
}
#sidebar {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0;
}

#tour_btn a{
	display: block;
	background: url(../imgs/tour_btn.png) no-repeat;
	width: 145px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 18px;
	padding: 0;
	clear: both;
}
* html #tour_btn a{
	background: url(../imgs/tour_btn.gif) no-repeat;
}
#memberships_awards {
	float: left;
	background: url(../imgs/memberships_awards_title.gif) no-repeat 2px 0 ;
	width: 200px;
	min-height: 440px;
	height: auto !important;
    height: 440px;
    margin: 150px 0 18px;
	padding: 0 0 0 40px;
	font-size: 11px;
	line-height: 14px;
}
#memberships_awards img {
	margin: 0 0 9px;
}
#memberships_awards hr {
	height: 1px;
	width: 135px;
	margin: 18px 0;
	border: 0;
	border-bottom: #8d7c65 1px dashed;
}
.award {
	margin: 0 0 18px;
	padding: 10px 2px;
	border: #7aaad2 1px solid;
}
.award p {
	margin: 0;
	text-align: center;
}
.award img {
	border: #917966 1px solid;
}
#content {
	float: right;
	width: 500px;
	margin: 0;
	padding: 0 10px 0 0;
}
#tagline {
	background: url(../imgs/tagline.gif) no-repeat;
	width: 350px;
	height: 90px;
	margin: 18px 0 0 30px;
	text-indent: -9999px;
	overflow: hidden;
}
.title {
	margin: 15px 0 18px 150px ;
	color: #e6e0d6;
	text-transform: uppercase;
}
.title span{
	font-size: 22px;
}
#bridal .title {
	background: url(../imgs/title_strech.gif) no-repeat left center;
	margin: 15px 0 18px 10px;
	padding: 0 0 0 20px;
}
*:first-child+html #bridal .title {
	margin: 16px 0 18px 10px;
	} 
* html #bridal .title {
	margin: 16px 0 18px 10px;
}

#footer {
	width: 783px;
	margin: 0px auto 0;
}

#footer a{
	color: #8d7c65;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul,
#footer ul li {
	text-align: center;
}

#footer ul li{
	display: inline;
	list-style-type: none;
}

li #copy {
	display: block;
}

#footer ul li#copy, #footer ul li#credit, #footer ul li#boilerplate {
display:block;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #8d7c65; 
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	color: #8d7c65;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
/*HOMEPAGE*/
#home #wrapper{
  background: url(../imgs/home_bg_wrapper.gif) repeat-y;
}
#home #container{
	background: url(../imgs/home_bg_container.gif) no-repeat;
}
#home #sidebar {
	width: 260px;
}
#home #sidebar p {
	margin: 0 0 18px 10px;
}
#home #tour_btn a {
		margin: 0 0 20px;
}
#home #content {
	width: 480px;
	padding: 0;
}
#banner {
	float: right;
	display: block;
	background: url(../imgs/banner.gif) no-repeat;
	width: 478px;
	height: 130px;
	margin: 0px 0 15px; /*15px 0 40px when using big phone number on homepage*/
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
.text {
padding: 0 38px 0 0;	
}
#home_img {
	float: right;
}
#photos {
	position: absolute;
	top: 280px;
	right: -10px;
	background: url(../imgs/scattered_images.png) no-repeat;
	width: 564px;
	height: 617px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
* html #photos {
	background: url(../imgs/scattered_images.gif) no-repeat;
}
/* @group Nav */
/*NAVIGATION*/

#nav{
	position: relative; 
	background: url(../imgs/nav.gif) no-repeat;
	width: 230px;
	/*height: 350px;*/
	margin: 15px 0 0 12px;
	padding: 0;
    text-indent: -9999px;
	overflow: hidden; 
}
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: relative; width:230px;}
    
#nav li, #nav a {
   width: 230px; display: block;}
 
#nav_home {
	height: 30px;
}
#nav_home a:hover,
#nav_home a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -350px no-repeat;
}
#nav_about {
height: 30px;
}

#nav_about a:hover,
#nav_about a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -380px no-repeat;
}
#nav_invitations {
	height: 30px;
}

#nav_invitations {
	height: 30px;
}

#nav_invitations a:hover,
#nav_invitations a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -410px no-repeat;

}
#nav_favors {
	height: 30px;
}

#nav_favors a:hover,
#nav_favors a.active {
 	height: 30px;
	background: url(../imgs/nav.gif) 0 -440px no-repeat;
}
#nav_gifts {
	height: 30px;
}

#nav_gifts a:hover,
#nav_gifts a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -470px no-repeat
}
#nav_bridal {
	height: 45px;
}

#nav_bridal a:hover,
#nav_bridal a.active {
	height: 45px;
	background: url(../imgs/nav.gif) 0 -500px no-repeat
}
#nav_wedding {
	height: 30px;
}

#nav_wedding a:hover,
#nav_wedding a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -545px no-repeat
}
#nav_specials {
	height: 30px;
}
#nav_specials a:hover,
#nav_specials a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -575px no-repeat
}
#nav_questions {
	height: 30px;
}
#nav_questions a:hover,
#nav_questions a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -605px no-repeat
}
#nav_testimonials {
	height: 30px;
}
#nav_testimonials a:hover,
#nav_testimonials a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -635px no-repeat
}
#nav_contact {
	height: 30px;
}
#nav_contact a:hover,
#nav_contact a.active {
	height: 30px;
	background: url(../imgs/nav.gif) 0 -665px no-repeat
}



/*---------------------------------------- */
#sidebar ul {
	position: relative; 
	width: 230px;
	/*height: 350px;*/
	margin: 0px 0 0 12px;
	padding: 0;
    text-indent: -9999px;
	overflow: hidden; 
}
#sidebar li {
    margin: 0; padding: 0; list-style: none;
    position: relative; width:230px;}
    
#sidebar li, #sidebar a {
   width: 230px; display: block;}
#nav_blog {height:22px;  padding-top:8px !important;}
#nav_blog a:link, #nav_blog a:visited {background:url(../imgs/nav_blog.gif) 100% 0px no-repeat; height:22px;}
#nav_blog a:hover, #nav_blog a.active {background:url(../imgs/nav_blog.gif) bottom right no-repeat;}

#nav_shop {height:19px; padding-top:8px !important;}
#nav_shop a{background:url(../imgs/nav_shop.gif) top right no-repeat; height:19px;}
#nav_shop a:hover, #nav_shop a.active {background:url(../imgs/nav_shop.gif) 100% -20px no-repeat;}


/*a#nav_shop, a#shop_active {
	float:right;
	display: block;
	background: url(../imgs/nav_shop.gif) no-repeat;
	width: 75px;
	height: 20px;
	margin:0 10px 0;
	text-indent: -9999em;
	overflow: hidden;
	clear:both;
}
a#nav_shop:hover, a#shop_active {
	background-position: 0 -20px ;
}

a#nav_blog {
	float:right;
	display: block;
	background: url(../imgs/nav_blog.gif) no-repeat;
	width: 70px;
	height: 22px;
	margin:10px 16px 0 0;
	text-indent: -9999em;
	overflow: hidden;
	clear:both;
}
a#nav_blog:hover {
	background-position: 0 -22px ;
}*/




/* @end */

/* @group Type */	
/*TYPOGRAHY*/
h1,h2,h3,h4,h5,h6 { 
  clear:both; 
}

h1 { font-size: 20px; line-height: 36px; padding: 18px 0; color: #6699cc; font-weight:bold; }
h2 { font-size: 18px; font-weight:normal; color: #6699cc; margin: 0 0 18px 0; }
h3 { font-size: 16px; margin: 0 0 18px 0;color: #6699cc; font-weight:bold;}
h4 { font-size: 28px; line-height: 36px; font-weight:normal; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 10px; font-weight:bold; }	
p           { margin: 0 0 18px 0; }
ul, ol      { margin: 18px 0 18px 18px; list-style-type:disc; }
li ul,li ol      { margin: 0 0 0 18px; list-style-type:disc; }

li          { line-height:18px; }
ol          { list-style-type: decimal; }
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

strong {
  font-weight: bold;
}

em {
  font-weight: bold;
  font-style: italic;
}
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code { 
	font:0.9em Monaco, monospace; 
}
.emphasis {
	 font-style: italic;
}
/* @end */

/*IMAGES*/
img.left {
	margin: -10px 0 0 0;
}
img.right {
	margin: 5px 0 0 5px;
}
#tour {
	background: url(../imgs/cottage.jpg) no-repeat top;
	width: 198px;
	height: 200px;
	margin: 0 0 18px;
	padding: 35px 300px 0 0;
}
#tour  p {
	text-align: right;
}
#tour #tour_btn {
	margin: 0 0 0 50px;
}
#studio {
	background: url(../imgs/paulrichstudio.jpg) no-repeat top;
	width: 198px;
	height: 200px;
	margin: 0;
	padding: 35px 300px 0 0;
}
#sidebar_photos {
	float: left;
	width: 205px;
	margin: 40px 0 0;
}
#sidebar_photos p {text-align:right; margin:0px 0px 10px 0px;}
.img_wrap {
	position: relative;
	float: right;
	clear: right;
	background: url(../imgs/shadow.gif) no-repeat bottom right;
	margin: 0 0 15px 25px;
	padding: 0;
}
.img_wrap img{
	position: relative;	
	display: block;
	margin: -5px 5px 5px -5px;
	border: #7aaad2 3px solid;
}
#booth {
	background: url(../imgs/booth.jpg) no-repeat top;
	width: 198px;
	min-height: 200px;
    height: auto !important;
    height: 200px;
	margin: 20px 0px 18px 0px;
	padding: 35px 300px 0 0;
}

ul.left {
	padding: 0 10px 0 0;
}
#shopper {
	background: url(../imgs/shopper.jpg) no-repeat top;
	width: 198px;
	height: 200px;
	margin: 0 0 18px;
	padding: 35px 300px 0 0;
}
#table {
	background: url(../imgs/brides-room.jpg) no-repeat top;
	width: 198px;
	height: 200px;
	margin: 0 0 18px;
	padding: 35px 300px 0 0;
}
#pillow {
	background: url(../imgs/accessories_pillow.jpg) no-repeat top;
	width: 198px;
	height: 200px;
	margin: 0 0 18px;
	padding: 35px 300px 0 0;
}
#pillow ul {
	margin: 0 0 0 18px;
}
.two_column_list {
	padding: 0 0 0 50px;
}
.two_column_list ul {
	margin: 0 0 0 50px;
}
.two_column_list li ul {
	margin: 0 0 0 18px;
}
.details { font-size: 10px; }

.base { padding-top:12px;}

#call {
	text-align: right;
	font-size:20px; 
	padding:10px;
	margin: 0;
}
/*Forms
----------------------------------------------- */
form p { padding-left:190px; clear:both; }  
form dl { margin:0 0 10px; }
form dt { float:left; width:180px; padding:4px; font-weight:normal; clear:left;  }
form dd { margin:0 0 10px; }
label { display:block; font-weight:normal; }
input{ color:#666; font-size:14px; vertical-align:middle; }
textarea { color:#666; font-size:14px; }
input[type=text], textarea { border:#ccc 2px solid; }
input:focus, textarea:focus  { outline:#6699cc 1px solid; }
input.sffocus, textarea.sffocus { border:#6699cc 1px solid; }
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus { outline:none; }
form span { color:#ff6600; }

#newsletter {
	margin: 0 0 20px;
	padding: 0 10px; 
}
#newsletter input.txt{
	 width:150px;
}
.buy { 
padding:18px 0 0;
font-size:14px;
}

.buy img { margin:0 0 -18px; }

.col2 { float:right; width:250px; }
.col2 ul { margin-top:0; }

.disclaimer { font-size:11px; margin-top: 18px; }

#shop .divider { background:none; border-bottom:#7aaad2 1px solid; }
.photo_credit {font-size:10px; padding-top:4px; display:block;}