/* @override http://www.inkwellhomestore.com/styles/inkwell_main.css */

/**************** Basics ****************/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.4em; /* 16x1.4=22.4px */
	font-weight: normal;
	color: #333333;
	background: #fff}


.left, #content_container img {
	float: left;
	padding: 0px;
	margin: 4px 10px 4px 0px;
}

.right, #content_container img.right {
	float: right;
	padding: 0px;
	margin: 4px 0px 4px 10px;
}
.none, #content_container img.none {
	float: none;
	margin: 0px;
	padding: 0px;
}

#content_container img.image {
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
}

#content_container a img.image {
	border: 0px none;
}

/**************** Layout ****************/

#container {
	position: relative;
	width: 814px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#header {
	width: 814px;
	height: 150px;
	background: url(../images/header_new.png) no-repeat;
	margin: 0px;
}

#nav_bar {
	background: url(../images/nav_bar.png) no-repeat;
	width: 730px;
	height: 15px;
	position: absolute;
	top: 100px;
	left:66px;
}

#search_box {
	width: 360px;
	float: right;
	padding: 20px 36px 0px 0px;
	text-align: right;
}

#content_roundtop {
	width: 814px;
	height: 15px;
	background: url(../images/roundbox_top.png) no-repeat;
}

#content_roundtop.white {
	background: url(/images/roundbox_02_white.png) no-repeat;
}
#content_container {
	width: 814px;
	float: left;
	background: url(../images/content_bg_new.png) repeat-y;
}

#content_container.white {
	background: url(/images/content_bg_white.png) repeat-y;
}

* html #content_roundtop, * html #content_container {
	background: transparent;
}

.leftbar {
	width: 132px;
	margin: 0px 10px 0px 20px;
	float: left;
}
* html .leftbar {
	width: 122px;
	margin: 0px 10px 0px 5px;
}
.mainbar {
	float: left;
	margin: 0px 10px 0px 1px;
	padding: 0px;
}
div.mainbar-full, div.mainbar-full-clear {
	float: left;
	margin: 0px 20px;
	width: 773px;
}

.mainbar div.column {
	width: 190px;
	height: 210px;
	float: left;
	margin: 10px 10px 0px 10px;
	padding: 0px;
}
.mainbar div.column h3 {
	padding: 0px;
	margin: 0px;
}
.mainbar div.column h3 a {
	width:180px;
	height: 63px;
	text-indent: -9000px;
	display: block;
}
.mainbar div.column.furniture h3, .mainbar div.column.furniture h3 a {
	background: url(../images/furniture_header.png) no-repeat 15px 12px;
}
.mainbar div.column.gifts h3, .mainbar div.column.gifts h3 a {
	background: url(../images/gifts_header.png) no-repeat 15px 12px;
}
.mainbar div.column.kitchen h3, .mainbar div.column.kitchen h3 a {
	background: url(../images/kitchen_header.png) no-repeat 15px 12px;
}
#content_container .mainbar div.column img, #content_container .mainbar div.column a img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

#content_container .mainbar div.column.gifts a img {
	margin: 0px 26px;
}

#content_container .mainbar div.column.kitchen a img {
	margin: 0px 21px;
}

#content_container div.leftbar h4 a img {
	border: 0px none;
}
#content_roundbottom {
	float: left;
	width: 814px;
	height: 15px;
	background: url(../images/roundbox_bottom.png) no-repeat;
}
#content_roundbottom.white {
	background: url(/images/roundbox_04_white.png) no-repeat;
}
#footer {
	clear: both;
	width: 814px;
	height: 68px;
	background: url(../images/footer.png) no-repeat;
}
.logos {
	width: 200px;
	float: right;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
	clear: both;
	border-left: 1px solid #ccc;
}
.mainbar-full div.logos p {
	width: 200px;
	padding: 0px 0px 10px 0px;
}
.mainbar-full div.column {
	float: left;
	width: 160px;
	height: 170px;
	margin: 10px 0px 10px 0px;
	padding: 5px 15px;	
	border-right: 1px solid #ccc;
}

#content_container div.column img.listing {
	margin:0px;
	padding: 0px;
}

#content_container div.column a img.listing {
border: 0px none;
}
/**************** Headers & Text ****************/

p {
	font-size: 0.75em; /* 16x0.75=12px */
	text-align: left;
	margin: 1.286em 0; /* 14x1.286=18px */
	line-height: 1.3em;
}

li {
	font-size: 0.75em; /* 16x0.75=12px */
	margin-left: 1.286em; /* 14x1.286=18px */
}

a, a:visited {
	color: #d77c1d; /* orange */
	text-decoration: none;
	border: 0px none;
}

a:hover {
	text-decoration: none;
	color: #c91c2d; /* red */
	border: 0px none;
}

h1, h2 {
	color: #333333;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.81em; /*16x1.81=29px*/
	font-weight: normal;
	margin: 0px;
	line-height: 1em;
	padding: 5px 0px;
}

h3 {
	color: #333333;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.25em; /*16x1.25=20px*/
	font-weight: normal;
	line-height: 1em;
}

h4 {
	color: #333333;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 0.93em; /*16x.93=15px*/
	font-weight: normal;
	padding: 10px 0px 2px 0px;
	margin: 0px;
	line-height: 1.25em;
}

/**************** Overrides ****************/

#header h1, #header p.logo {
	text-indent: -9000px;
	background: transparent url(../images/logo.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 250px;
	display: block;
	float: left;
	position: absolute;
}
#header h1 a, #header p.logo a {
	display: block;
	overflow: hidden;
	height: 90px;
	cursor: pointer;
}

#header ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: right;
	text-align: right;
	font-weight: normal;
	list-style-type: none;
}

#search_box li {
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-size: 0.75em; /* 16x0.75=12px */
}
#search_box li form.search_form {
	float: right;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
input.search {
	color: #575920;
	background: #fff;
	width: 40px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

input.sbox {
	width: 82px;
	background: #d6d7c6;
	color: #333333;
	border: 1px solid #716f3c;
	margin: 0px 2px 0px 0px;
}


#header li, #header li a:link, #header li a:visited {
	color: #575920;
	text-decoration: none;
	border-bottom: 0px none;
}

#header li a.active, #header li a:hover {
	color: #c91c2d; /* orange */
}

div.map {
	width: 400px;
	margin: 15px 15px 10px 40px;
	float: left;
}

.leftbar h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	padding: 6px 13px;
	margin: 10px 0px 0px 0px;
}
.leftbar h4 {
	letter-spacing: -.1em;
}
.leftbar p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: .8em;
	line-height: 1.3em;
	text-align: left;
	padding: 2px 0px 11px 0px;
	margin: 0px;
}
.leftbar p.more, .leftbar p.more a:link, .leftbar p.more a:visited {
	text-align: right;
	color: #d77c1d; /* orange */
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

img.main {
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
}
.mainbar img.main {
	margin: -6px 0px 0px 0px !important;
}
* html .mainbar img.main {
	margin: 0px;
}

div.column h4 {
	text-align: center;
}

.mainbar h2, .mainbar h1, .mainbar-full h2, .mainbar-full h1 {
	padding: 15px 10px 10px 40px;
	height: 80px;
	margin: 0px 0px -55px 0px;	
	background: url(../images/main_h2_bg.png) repeat-x ;
}
.mainbar h2, .mainbar h1 {
	width: 586px;
}
.mainbar-full h2, .mainbar-full h1 {
	padding: 15px 10px 10px 20px;
}
.mainbar h3, .mainbar-full h3 {
	padding: 15px 10px 10px 40px;
}
.mainbar p, .mainbar li {
	padding: 0px 0px 0px 40px;
	margin: 15px 0px 0px 0px;
	list-style-position: inside;
	width:  579px;
}
.mainbar li {
	margin: 0px;
}
.mainbar-full p, .mainbar-full li {
	padding: 0px 155px 0px 40px;
	margin: 15px 0px 0px 0px;
	list-style-position: inside;
}
.mainbar-full h3 {
	padding: 10px 0px;
	margin: 20px 0px 5px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#footer h5 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 10px;
	padding: 11px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	text-align: center;
}

#footer h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 9.5px;
	padding: 0px 10px;
	margin: -5px 0px 0px 0px;
	text-align: center;
}

#footer h4 a:link, #footer h4 a:visited, #footer h5 a:link, #footer h5 a:visited, #footer h6 a:link, #footer h6 a:visited {
	text-decoration: none;
	border-bottom: 0px none;
}

/********** Nav Bar **********/

#nav_bar ul {
	width: 730px;
	margin: 0px;
	padding: 0px;
}
#nav_bar li {
	height: 15px;
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	text-indent:9000px;
	overflow: hidden;
}

#nav_bar a {display: block;}

#home, #home a {left: 0px; top: 0px; width: 34px; height: 15px;}#about, #about a {left: 50px; top: 0px; width: 53px; height: 15px;}#news, #news a {left: 122px; top: 0px; width: 82px; height: 15px;}#kitchen, #kitchen a {left: 222px; top: 0px; width: 105px; height: 30px;}#gifts, #gifts a {left: 345px; top: 0px; width: 76px; height: 15px;}#furniture, #furniture a {left: 439px; top: 0px; width: 130px; height: 15px;}#contact, #contact a {left: 588px; top: 0px; width: 60px; height: 15px;}#gift-card, #gift-card a {left: 666px; top: 0px; width: 60px; height: 15px;}#home a:hover, #home .active {background: url(/images/nav_bar.png) 0px -15px no-repeat;}#about a:hover, #about .active {background: url(/images/nav_bar.png) -50px -15px no-repeat;}#news a:hover, #news .active {background: url(/images/nav_bar.png) -122px -15px no-repeat;}#kitchen a:hover, #kitchen .active {background: url(/images/nav_bar.png) -222px -15px no-repeat;}#gifts a:hover, #gifts .active {background: url(/images/nav_bar.png) -345px -15px no-repeat;}#furniture a:hover, #furniture .active {background: url(/images/nav_bar.png) -439px -15px no-repeat;}
#contact a:hover, #contact .active {background: url(/images/nav_bar.png) -588px -15px no-repeat;}
#gift-card a:hover, #gift-card .active {background: url(/images/nav_bar.png) -666px -15px no-repeat;}

.left-column {
	width: 345px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.right-column {
	width: 400px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.tease {
	width: 330px;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #333333;
}

.service {
	width: 390px;
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	border: 0px none;
	float: right;
}

.clear {
	clear: both;
}

#header ul#subnav {
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px;
	width: 800px;
	clear: both;
	position: absolute;
	top: 124px;
	left: 25px;
	font-size: .9em;
}

#subnav li {
	margin: 0px;
	padding: 0px 10px 0px 2px;
	display: inline;
	float: left;
}


/********** Contact Form **********/

.zemContactForm br, #txpCommentInputForm br {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
.mainbar ul.contact {
	width: 500px;
	margin: 10px 0px 0px 40px;
	padding: 10px;
}
.mainbar ul.contact li {
	margin: 0px;
}

input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {
	border: 1px solid #999999;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0px 0px 5px;
}

input.zemText, input.comment_name_input {
	height: 1.66em; /* 12x1.66=20px */
}

.zemContactForm label, #txpCommentInputForm label {
	width: 70px;
}

ul.contact label {
	color: #696b2e;
	float: left;
	font-size: 0.9em;
	list-style-type: none;
	padding: 5px 3px 0px 5px;
	text-align: right;
	width: 70px;
}

.mainbar table, .mainbar-full table {
	margin: 10px 0px 0px 40px;
	font-size: .75em;
	border-collapse: ;
}
.mainbar table td, .mainbar table th, .mainbar-full table td, .mainbar-full table th {
	padding: 0px 5px;
}

.zemContactForm input, #txpCommentInputForm input {
	width: 200px;
}

ul.contact input, ul.contact select, ul.contact textarea {
	list-style-type: none;
	margin: 0px 0px 0px 4px;
	width: 200px;
}
ul.contact {
	margin: 20px 0px 5px 0px;
}
form.zemContactForm li, form#txpCommentInputForm li {
	clear: both;
	list-style-type: none;
	margin: 0pt;
	padding: 5px 0pt;
}

form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {
	border-bottom: 0px none;
}

input.zemSubmit {
	background-color: #b6b06a;
	border: 1px solid #333333;
	color: #444444; 
	font-size: 12px;
	height: 30px !important;
	margin: 0pt;
	padding: 0px;
	width: 140px !important;
}

ul.zemError {
	background-color: #E4D29A;
}
div#caption {
	width: 120px;
	float: left;
	padding: 15px 10px 0px 0px;
	height: 300px;
	font-size: .75em;
	color: #333;
	text-align: right;
	line-height: 1.4;
}

#slideshow {
	margin: 5px 5px 5px 0px;
	float: left;
}

h5.instruction {
	line-height: 1.2em;
	font-size: .7em;
	color: #777;
	font-weight: normal;
}
div.mainbar-full h5.instruction, .mainbar h5.instruction {
	margin: 20px 5px 0px 40px;
	width: 420px;
}
div.mainbar-full .logos h5.instruction {
	width: 200px;
	padding: 0px 0px 15px 0px;
}
.pics {
    height:  405px;
    width:   590px;
    padding: 0;
    margin:  0;
    background: #fff;
}
.tour .pics {
	width: 410px;
	background: transparent;
}
.pics img {
    padding: 0px;
    border:  0px none;
    top:  0;
    left: 0;
}
div.gift-box {
	float: left;
	clear: both;
}
div.tour {
	float: left;
	margin: 0px 0px 0px 40px;
}

