/*
Theme Name: WordPress Default
*/

/* CSS Document */

/* ---------- RESET ----------------*/


body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
	}

html, body {
	height: 100%;
	}

body {
	background: #e9e3d5;
	color: #4c402d;
	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;
	font-size: 82.5%;
	line-height: 1.3;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	}

ul, ol {
	list-style: none;
	}

.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}

.pullleft {
        margin-right: 15px;
}

.clear {
	clear: both;
        }
	
.topmargin { height: 15px; }
.rightmargin { margin-right: 55px; }
.leftmargin { margin-left: 15px; }	

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* --------- IMAGES ------------- */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


	
/* ---------- REGULAR LINKS ----------- */

a:link {
	color: #39401d;
	text-decoration: underline;
	}
	
a:visited {
	color: #5f361e;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color: #514d43;
	text-decoration: underline;
	}

/* ---------- CONTAINER ---------- */

.container { 
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
	width: 942px;
	text-align: center;
*overflow: visible;
	}

/* ---------- TOP AREA ---------- */

#header {
	background: url(images/headerbg.png) top left repeat-x;
	height: 172px;
	position: absolute;
	top: 0;
        left: 0;
	width: 100%;
	z-index: 9000;
	text-align: left;
	}

h1 { 
	background: url(images/logo.jpg) top left no-repeat;
	height: 139px;
	text-indent: -7000px;
	width: 439px;
	}

h1 a {
	display: block;
	height: 139px;
	width: 439px;
	}
	
#header ul {
	left: 580px;
	position: absolute;
	top: 94px;
	}
	
	#header ul li {
		border-left: 1px solid #5b4d36;
		color: #5b4d36;
		display: block;
		float: left;
		margin-left: 20px;
		padding-left: 20px;
		}
		
			#header ul li:first-child {
				border-left: none;
				margin-left: 0;
				padding-left: 0;
				}
				
					#header ul li a {
						border-bottom: none;
						color: #5b4d36;
						text-decoration: none;
						}
						
					#header ul li a:visited, #header ul li a:active {
						color: #302719;
						}
						
					#header ul li a:hover {
						border-bottom: 1px solid #365b3a;
						color: #365b3a;
						}


/* ---------- BODY CONTENT AREA (WRAPPER) ---------- */

	
#wrapper {
	background: url(images/contentbg.png) center top repeat-y;
	margin: 155px auto 0 auto;
	min-height: 590px;
	overflow: auto;
	padding: 0 89px;
	width: 942px;
	z-index: 100;
*padding-top: 155px;
*position: relative;
*overflow: visible;
	}

/* Navigation */	

#navigation {
	height: 117px;
	width: 942px;
	}
	
	#navigation blockquote {
		background: #766242;
		color: #fff;
		float: left;
		font-size: 1.8em;
		height: 117px;
		line-height: 117px;
		text-align: center;
		width: 334px;
		}

			#navigation ul {
				float: right;
				margin: 0;
				padding: 0;
				position: relative;
				}
				
					#navigation ul li {
						float: left;
						height: 117px;
						margin-left: 1px;
						width: 151px;
						}
						
							li.meet {
								background: url(images/meetcarolyn.jpg) top left no-repeat;
								}
								
							li.designers {
								background: url(images/designers.jpg) top left no-repeat;
								}
								
							li.tour {
								background: url(images/virtualtour.jpg) top left no-repeat;
								}
								
							li.annmt {
								background: url(images/annmt.jpg) top left no-repeat;
								}
								

#navigation ul li a { display: block; width: 147px; height: 89px; }

						#navigation ul li a.text, #navigation ul li a.text:visited {
								background: #000;
								border-bottom: none;
								color: #fff;								
								display: block;
								font-size: 1.1em;
								height: 26px;
								line-height: 26px;
								padding-left: 4px;
								position: absolute;
								text-decoration: none;
								top: 91px;
								width: 147px;
								}
								
						#navigation ul li a.text:hover, #navigation ul li a.text:active {
								background: #CBCEB1;
								color: #6f6247;
								}
								
						.gray {
							color: #61605c;
							font-weight: bold;
							font-size: 1em;
							}
								
								
/* Body content */

.mainimg {
	float: left;
        height: 461px;
	margin-top: 1px;
	margin-right: 22px;
        width: 334px;
*margin-right: 1px; 
	}				
				
h2 {
	background: #A7AD81;
	border-top: 10px solid #828665;
	color: #fff;
	font-size: 1.7em;
	height: 70px;
	line-height: 70px;
	margin: 1px 0 21px 335px;
	padding-left: 22px;
	width: 585px;
*padding-left: 22px;
*margin-left: 0;
	}

       .contactheading { 
           *width: 585px;
*margin-left: -22px;
}

	
	.greenbg {
		background: #CBCEB1 url(images/greencorner.gif) bottom right no-repeat;
		min-height: 540px;
		}

.contactpg {
		background: #CBCEB1 url(images/greencorner.gif) bottom right no-repeat;
		min-height: 461px;
*height: 460px;
*width: 610px;
*padding-left: 22px;
*overflow: visible;
		}

        .contact .floatLeft, .contact .floatRight {
*position: relative;
}

.contact { *position: relative; *width: 585px; }

.contact .floatLeft {
*margin-right: 0;
}

        .largegreenbg {
                 background: #CBCEB1 url(images/longgreencorner.gif) bottom left no-repeat;
                 min-height: 461px;
                 }
        
        .largegreenbg2 {
                 background: #CBCEB1 url(images/longgreencorner.gif) bottom left no-repeat;
                 min-height: 461px;
                 width: 942px;
                 text-align: left;
                 padding: 0;
                 margin-top: -10px;
                 }
                 
        .largegreenbg2 table td {
        	text-align: left;
        	margin: 0px;
        	padding: 0px;
        }
        
        .largegreenbg2 table {
        	position: relative;
        	width: 942px;
        	padding: 0px;
        	margin: 0px;
        }
        
        .largegreenbg2 h2 {
        	margin: -1px 0 0 -2px;
        }
        
        table.loop_items {
        	width: 914px;
        	margin-left: 15px;
        	text-align: left;
        }
        
        table.loop_items td {
        	padding-right: 30px;
        }
        
        table.loop_items td img {
        	border: solid 2px #efebe0;
        	margin: 0 10px 0 0;
        }
        
        table.loop_items td b {
        	font-size: 16px;
        }
        
        table.loop_items td input {
        	width: auto;
        	height: auto;
        	margin-top: 6px;
        }
        
        table.cart {
        	width: 880px;
        }
        
        table.taxnship {
        	width: 436px;
        }
        
        table.totals {
        	width: 240px;
        }
        
        div#checkout {
        	padding: 0 15px;
        }
        
        .largegreenbg ul, .largegreenbg p, .largegreenbg2 ul, .largegreenbg2 p {
                 margin: 10px 20px;
                 }
	
	.wide {
                font-size: 1.9em;
		margin: 1px 0 21px 0;
		width: 920px;
		}

         .designerhead {
                 background: url(images/designerhead.gif) top left repeat-y;
                 font-size: 1.9em;
                 height: 70px;
                 margin: 1px 0 21px 0;
                 width: 920px;
                 }
	
	.small {
		font-size: .7em;
	}
	
h3 {
	background: url(images/logo_small.png) top left no-repeat;
	height: 65px;
	text-indent: -7000px;
	width: 273px;
	}								

p { 
	margin: 0 10px 28px 22px;
*margin-bottom: 21px;
	}

/* div#ie7_337 p {
*padding-left: 337px;
	} */

blockquote p {
       margin: 0 0 28px 0;
       padding: 0;
}

.red { 
	color: #b82419;
	}
	
	
/* ---------- CONTACT FORM -------------*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 275px;
	}

	fieldset legend  {
		color: #4c402d;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 10px;
                padding: 0;
text-indent: 0;
*text-indent: 0;
*margin-left: -9px;
*padding-left: 0;
		}
			
			fieldset div {
				margin-bottom: 10px; 
				}
				
					/* This keeps labels to the left of fields; for name, address, city, and email */
				
					.label_left {
						height: 1%;
						clear: left;
						margin: 0;
						padding: 5px 0 8px 0;
						padding-left: 60px;
						width: 275px;
						}
				
					.label_left label {
						float: left;
						margin-left: -60px;
						width: 60px;
						}
						
					/* end label_left */
					
					/* For all other form labels, and input, select, textarea */
			
					form label {
						width: 45px;
						}
				
					input, select, textarea {
						font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;
						}
					
					input {
						width: 190px;
						}
					
					select {
						width: 40px;
						}
						
					textarea {
						font-size: 1em;
						padding: 0;
						margin: 0;
						}
						
						/* State and ZIP */
						
						#state_zip {
							width: 275px;
							}	
						
						#state_zip label {
							margin-right: 20px;
							}
						
						.zipcode {
							margin-left: 60px;
							margin-right: 0;
							}	
						
						#zip {
							width: 41px;
							}
							
						/* End State and ZIP */
						
												
						/* Contact by */
						
						#contact_by {
							width: 275px;
							}
							
						#contact_by label {
							margin-right: 10px;
							width: 50px;
							}
						
						#contact_by label.first {
							margin-right: 35px;
							}
						
						#contact_by_phone {
							padding: 0;
							width: 10px;
							}
							
						#contact_by_email {
							margin: 0 5px;
							width: 10px;
							}
					
						/* End Contact by */
					
					#site_found_by {
						display: block;
						width: 253px;
						}
				
					.formbutton {
						background: url(images/formbutton.png) top left no-repeat;
						color: #766242;
						cursor: pointer;
						font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;
						height: 22px;
						line-height: 22px;
						width: 97px;
						}
						
/* ---------- DESIGNERS LANDING PAGE -----------*/

h5 {
  display: none;
}

#designers {
	padding-left: 40px;
*width: 500px;
}	

ul#designers li {
		display: block;
		float: left;
		height: 23px;
		margin: 0 20px 10px 0;
		text-align: center;
		text-indent: -7000px;
		width: 200px;
	}
	
	ul#designers li a {
		border-bottom: 0;
		display: block;
		height: 23px;
		width: 200px;
	}
	
		.claudialabao {
			background: url(images/designers/claudialabao.png) center top no-repeat;
		}
		
		.coralialeets {
			background: url(images/designers/coralialeets.png) center top no-repeat;
		}
		
		.dogeared {
			background: url(images/designers/dogeared.png) center top no-repeat;
		}
		
		
		.hotdiamonds {
			background: url(images/designers/hotdiamonds.png) center top no-repeat;
		}
		
		.in2design {
			background: url(images/designers/in2design.png) center top no-repeat;
		}
				
		.jenniferfulton {
			background: url(images/designers/jenniferfulton.png) center top no-repeat;
		}
				
		.judithjack {
			background: url(images/designers/judithjack.png) center top no-repeat;
		}
				
		.majorica {
			background: url(images/designers/majorica.png) center top no-repeat;
			height: 23px;
		}
				
		.marciamoran {
			background: url(images/designers/marciamoran.png) center top no-repeat;
		}
		
		.meandro {
			background: url(images/designers/meandro.png) center top no-repeat;
		}
				
		.misha {
			background: url(images/designers/misha.png) center top no-repeat;
		}
		
		.sevya {
			background:	url(images/designers/sevya.png) center top no-repeat;
		}
		
		.somers {
			background: url(images/designers/somers.png) center top no-repeat;
		}
		
		.susanhanover {
			background: url(images/designers/susanhanover.png) center top no-repeat;
		}
			
			
/* Listing on individual designer pages */	

                        .designerlist {
                                *width: 730px;

}	
		
			.designerlist li {
				border-left: 1px solid #4c402d;
				float: left;
				height: 14px;
                                margin-bottom: 7px;
				padding: 0 10px;
				}
			
			.designerlist li:first-child {
				border-left: none;
				padding-left: 0;
			}

                        .wide_li {
                                *width: 75px;
                        }
				
			.designerlist li a {
				border-bottom: none;
			}
			
			
/* ---------- PRESS ---------------*/

ul.news li {
	float: left;
	width: 400px;
}
			
		
/* ---------- FOOTER AREA ---------- */

#footer {
	background: url(images/contentbottom.png) center top no-repeat;
	margin: 0 auto;
	padding: 47px 0 0 0;
	text-align: center;
	width: 1031px;
	}
	
	h4 {
		background: url(images/facebook.png) top left no-repeat;
		color: #828664;
		font-size: 1.7em;
		height: 39px;
		line-height: 39px;
		padding-left: 45px;
		margin: 10px auto;
		width: 350px;
		}
		
		.ourdesigners {
			background: transparent;
			border-right: 1px solid #828664;
			clear: left;
			float: left;
			padding: 0 10px 20px 0;
			margin: 10px 15px 0;
			width: 150px;
		}
		
			h4 a {
				border-bottom: none;
				color: #828664;
				text-decoration: none;
				}
                       h4 a:link { border-bottom: 0; text-decoration: none; }
			
			h4 a:visited, h4 a:active {
				border-bottom: none;
				color: #4c4e3a;
				text-decoration: none;
				}
				
			h4 a:hover {
				border-bottom: none;
				color: #6d584c;
				text-decoration: none;
				}
				
	
	.vcard {
		border-bottom: 1px solid #c3b8a7;
		color: #705b3a;	
		margin: 20px auto 6px auto;
		padding-bottom: 6px;
		width: 780px;
		text-align: center;
		}
	
			#footer .vcard a {
				border-bottom: none;
				color: #705b3a;
				text-decoration: none;
				}

			#footer .vcard a:visited {
				color: #655233;
				text-decoration: none;
				}
				
			#footer .vcard a:hover, #footer .vcard a:active {
				border-bottom: 1px solid #828664;
				color: #828664;
				}

	#footer p {
		color: #828664;
*padding-left: 0;
		}
		
			#footer p a, #footer p a:visited {
				border-bottom: 1px solid #828664;
				color: #828664;
				text-decoration: none;
				}
			
			#footer p a:hover, #footer p a:active {
				border-bottom: 1px solid #6e734a;
				color: #6e734a;
				}
				
				
/* ---------- LOCATION MAP -------------*/

#locationmap {
	margin: 0 auto;
	width: 640px;
}

#locationmap p {
margin: 0;
padding: 0;
}

/* ---------- FLOATING AND CLEARING ---------- */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* ---------- POST COLUMNS ----------- */

div#column_01 {
	float: left;
	clear: none;
text-align: center;
	width: 270px;
	}

	div#column_02 {
		float: right;
		clear: none;
text-align: center;
		width: 270px;
		}

div#column_01 img, div#column_02 img {
        margin-bottom: 13px;
}

/* ---------- LARGER TEXT ------------- */

.larger_text {
           font-size: 1.2em;
}

/* ---------- TABLES ------------- */

table {
    margin-left: 10px;      
}

td {
    align: center;
    text-align: center;
}