/* @override 
	http://192.168.1.25/dr/css/dr.css
	http://dev.dyadcom.com/dr/trunk/css/dr.css
	http://dightonrhode.com/css/dr.css
*/

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
html{
	background-color: #4c2f18;
}
body {
	background-color: #4c2f18;
	color: #fff;
	font-family: "AvantGarde Medium", "ITC Avant Garde Gothic", "Century Gothic", Helvetica, Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/* @group Typography */

p {
	margin-bottom: 11px;
	font-size: 12px;
}

a {
	color: #4c2f18;
	text-decoration: none;
	border-bottom: 1px dotted #cebc2e;
}

a:hover {
	border-bottom-style: solid;
	color: #e0c144;
}

a img {
	border: 0;
}

a::-moz-focus-inner {
	border: 0;
}

a:active {
	outline: none;
}

h2 {
	font-family: "Avant Garde", "ITC Avant Garde Gothic", "Century Gothic", Helvetica, Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #e0c144;
	text-transform: uppercase;
	display: inline;
	float: left;
	font-size: 24px;
	position: relative;
	line-height: 26px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: -6px;
}

h2.cleared {
	display: block;
	float: none;
	margin-bottom: 6px;
}

h4 {
	font-family: "Avant Garde", "ITC Avant Garde Gothic", "Century Gothic", Helvetica, Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #e0c144;
	position: relative;
	margin-bottom: .6em;
	font-weight: bold;
}

#page ul {
	width: 130px;
	float: left;
	list-style-type: none;
}

/* @end */

/* @group Layout */

#horizon {

	overflow: visible;
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: 95px;
}

#content, #content-shop {
	overflow: hidden;
	color: #000;
	background-color: #fff;
	width: 900px;
	position: relative;	
	margin: 0px auto;
}

#content{
	height: 405px;
}

#page, #store-page {
	overflow: hidden;
	width: 900px;		
	z-index: 100;
	#padding-top: 50%;
}

#page{
	background: transparent url(../img/corners.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 405px;
}

#page[id] {
	display: table;
}

/*#txtblockcontainer {
	top: 50%;
	position: absolute;
}*/

#txtblockcontainer {
	display: table-cell;
	position: relative;
	#position: absolute;
	#left: 0;
	#top: 25%;
	vertical-align: middle;
	padding-left: 425px;
	width: 475px;
}

#txtblock {
	#position: relative;
	#top: -50%;
	width: 415px;
	overflow: auto;
	padding: 6px 0;
	max-height: 393px;
}

#contact #txtblock {
	overflow: hidden;
}

div.jScrollPaneContainer {
  #top: -180px;
}

.single#press #content {
	background: #fff url(../img/pressbg.gif) 107px 0 no-repeat;
}

/* @end */

/* @group Designers */

.col {
	float: left;
}

#col-6 {
	width: 260px;
}

#col-13 {
	width: 130px;
}

/* @end */

/* @group Nav */

#nav {
	width: 687px;
	margin: 15px auto;
	background: url(../img/navigation.gif) 0px 0 no-repeat;	
	overflow: hidden;
	padding-left: 5px;
}

#default #nav {
	width: 545px;
	background: transparent none;
}

#nav ul {
	position: relative;
	list-style-type: none;
}

#nav li {
	display: inline;
	text-align: center;
}

#nav a {
	text-transform: lowercase;
	background: url(../img/navigation.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	border: 0;
	text-indent: -9000px;
}

#n-about a {
	width: 63px;
}

#n-boutique a {
	width: 80px;
	left: 63px;
	background-position: -63px 0;
}

#n-designers a {
	width: 83px;
	background-position: -143px 0;
}

#n-in-season a {
	width: 81px;
	background-position: -226px 0;
}

#n-home a {
	width: 196px;
	background-position: -307px 0;
}

#n-services a {
	width: 71px;
	background-position: -503px 0;
}

#n-events a {
	width: 59px;
	background-position: -574px 0;
}

#n-store a {
	width: 53px;
	background-position: -633px 0;
}

#n-press a {
	width: 57px;
	background-position: -686px 0;
}

#n-contact a {
	width: 78px;
	background-position: -743px 0;
}

#default #n-home {
	display: none;
}

#n-about a:hover, body#about #n-about a {
	background-position: 0 -19px;
}

#n-boutique a:hover, body#boutique #n-boutique a {
	background-position: -63px -19px;
}

#n-designers a:hover, body#designers #n-designers a {
	background-position: -143px -19px;
}

#n-in-season a:hover, body#in-season #n-in-season a {
	background-position: -226px -19px;
}

#n-home a:hover {
	background-position: -307px -19px;
}

#n-services a:hover, body#services #n-services a {
	background-position: -503px -19px;
}

#n-events a:hover, body#events #n-events a {
	background-position: -574px -19px;
}

#n-store a:hover, body#shop #n-store a {
	background-position: -633px -19px;
}

#n-press a:hover, body#press #n-press a {
	background-position: -686px -19px;
}

#n-contact a:hover, body#contact #n-contact a {
	background-position: -743px -19px;
}


/* @end */

#in-season #content img, #press #txtblockcontainer img {
	position: absolute;
	right: 515px;
}

#press #txtblockcontainer img {
	top: 60px;
	#top: -150px;
}

#in-season #content img {
	_right: 515px;
}

#press #txtblockcontainer img.spread {
	left: 386px;
	top: 0px;
	#margin-top: -25%;
	#padding-top: 11px;
	right: auto;
}

#pressnav {
	position: absolute;
	left: 125px;
	top: 335px;
	width: 400px;
	#top: 128px;
	text-transform: lowercase;
}

#pressnav p {
	margin: 0;
}

.arrownav {
	font-size: 17px;
	position: relative;
	top: 1px;
}

.arrownav a {
	border: 0 !important;
}

.paging {
	text-transform: lowercase;
}

/* @group Forms */

form {
	clear: both;
}

input {
	font-family: "AvantGarde Medium", "ITC Avant Garde Gothic", "Century Gothic", Helvetica, Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 13px;
	vertical-align: middle;
}
a.credit {
	border: 0;
	display: block;
	background:transparent url(../img/credit.png) no-repeat scroll -155px 10px;
	overflow: hidden;
	height: 30px;
	position:absolute;
	text-indent:-9000px;
	left: 422px;
	width:11px;
	top: 370px;
}
a.credit_photo {
	border: 0;
	display: block;
	background:transparent url(../img/credit_photo.gif) no-repeat scroll -155px 10px;
	overflow: hidden;
	height: 30px;
	position:absolute;
	text-indent:-9000px;
	right: 40px;
	width:11px;
	top: 375px;
}
input.text {
	width: 150px;
	border: 1px solid #a5978b;
	padding: 4px 2px 2px !important;
	margin-right: 5px;
	height: 14px;
	line-height: 14px;
	display: block;
	float: left;
}

input.sample {
	color: #e0c144;
}

/* @end */

#copy {
	color: #856d53;
	display: block;
	clear: left;
	text-align: center;
	font-size: 9px;
	line-height: 15px;
	padding: 35px 0 5px;
}

/* @group Scroll */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff url(../img/ltgray.gif) center top repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #e0c144;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* @end */