/* Rungolee screen.css */

/* Glossary
	I. Layout
	II. General
	III. Navigation
	IV. Misc.
*/

/* ===== I. Layout ===== */
html, body, table#wrapper { /* For vertical centering */
	width:100%;
	height:100%;
	min-height:100%;
}
body {
	background:#fcfbf8 url(../images/background_new.jpg) repeat center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#5a3d1b;
}
table#wrapper { /* For vertical centering */
	position:absolute;
	top:0;
	left:0;
}
table#wrapper td { /* For vertical centering */
	height:100%;
}
#site_container {
	width:860px;
	margin:0 auto;
	position:relative;
}
#container_wrapper {
	width:860px;
	height:560px;
	background:#fff;
	display:block;
	padding:5px;
}
#container {
	border:2px solid #d4ccb7;
	padding:13px;
	height:530px;
}
#content_wrapper {
	height:430px;
	margin-bottom:13px;
}
#picture_column {
	width:245px;
	height:430px;
	margin-right:13px;
	float:left;
	outline:none;
	overflow:hidden;
}
#content_outer {
	background:#f6f4f0;
	width:572px;
	height:430px;
	float:left;
	position:relative;
}
#content_inner {
	padding:5px 15px 0 15px;
	margin-top:15px;
	overflow:auto; /* for scroller */
	position:relative; /* for scroller */
	width:529px;
	height:400px;
	outline:none;
}
#navigation {
	width:830px;
	height:87px;
	position:relative;
}
#footer {
	padding:5px 0 10px 7px;
}

/* ===== II. General ===== */
#flash_wrapper {
	position:absolute;
	top:15px;
	left:15px;
}
.clear {
	clear:both;
	visibility:hidden;
}
a, a:link, a:visited {
	color:#988344;
	text-decoration:none;
}
a:hover, a:active {
	color:#fb3e3f;
}
h1 {
	position:absolute;
	left:-9999px;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#fb3e3f;
	margin-bottom:15px;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#5a3d1b;
	margin-bottom:5px;
}
h4 {
	color:#988344;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
}
h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fb3e3f;
	margin-bottom:5px;
}
.list {
	margin-bottom:15px;
}
.list li {
	color:#988344;
	font-size:12px;
}
.list li a {
	color:#988344;
	font-size:12px;
	text-decoration:none;
}
.list li a:hover, .list li a:active {
	color:#fb3e3f;
}
#footer p {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#d4ccb7;
	letter-spacing:0.75px;
}
#content_inner p {
	margin-bottom:10px;
	line-height:16px;
}
#about #content_inner p, #about2 #content_inner p {
	margin-bottom:2px;
	line-height:17.5px;
}
a.page_nav {
	position:absolute;
	bottom:15px;
	right:15px;
	color:#988344;
	text-decoration:none;
	display:block;
	z-index:100;
}
a.page_nav:hover, a.page_nav:active {
	color:#fb3e3f;
}
.number_label {
	width:50px;
	float:left;
}
#blog_message {
	width:350px;
	margin:140px auto 0 auto;
	text-align:center;
}
#blog_message p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#988344;
	line-height:25px;
}
.gallery li {
	margin: 0 7px 7px 0;
	float:left;
}
.gallery li a {
	width:92px;
	height:137px;
	border:0;
	outline:none;
	text-decoration:none;
	display:block;
}
.gallery li a img {
	display:block;
	width:92px;
	height:137px;
}
#collections #picture_column {
	width:212px;
}
#collections #content_outer {
	width:605px;
}
#collections #content_outer img {
	position:absolute;
	top:7.5px;
	right:15px;
}
#collections #content_outer span {
	color:#988344;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	position:absolute;
	top:200px;
	left:50px;
	text-align:center;
	width:200px;
}
#collections #content_outer span em {
	font-size:10px;
	line-height:24px;
}
#contact #content_inner p {
	margin-bottom:15px;
	line-height:20px;
}
#blog #content_outer {
	background:#faf7f4;
}
#trunkshows h3, #trunkshows_detail h3 {
	text-transform:uppercase;
}
#trunkshows_detail #content_inner p.dates {
	line-height:20px;
	margin-bottom:20px;
}
.dotted_box {
	border-top:1px dotted #988344;
	border-bottom:1px dotted #988344;
	padding-top:10px;
	width:298px;
	margin:10px 0;
	margin-top:15px;
}
h2#notions-of-kindness-and-color {
	background:url(../images/notions-of-kindness-and-color.gif) no-repeat 0 0;
	width:257px;
	height:16px;
	display:block;
	text-indent:-9999px;
}
h2#trunk-shows {
	background:url(../images/trunk-shows.gif) no-repeat 0 0;
	width:122px;
	height:16px;
	display:block;
	text-indent:-9999px;
}
h2#press-h2 {
	background:url(../images/press-h2.gif) no-repeat 0 0;
	width:48px;
	height:15px;
	display:block;
	text-indent:-9999px;
	
}
h2#contact-us {
	background:url(../images/contact-us.gif) no-repeat 0 0;
	width:101px;
	height:14px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}
#contact h4 {
	font-size:12px;
	margin-bottom:10px;
}
input#email {
	width:190px;
	background:#FFF;
	border:1px solid #e2dbca;
}
#btn_newsletter {
	background:transparent;
	border:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#5a3d1b;
	text-transform:uppercase;
	cursor:pointer;
	outline:none;
}
#trunkshows h4 {
	padding-bottom:15px;
	border-bottom:1px dotted #988344;
	width:325px;
	font-size:12px;
}
#footer a, #footer a:link, #footer a:visited {
	margin-left:10px;
	color:#d4ccb7;
}
#footer a:hover, #footer a:active {
	color:#fb3e3f;
}

/* ===== III. Navigation ===== */
#nav {
	position:absolute;
	bottom:0;
	left:0;
}
#nav li {
	float:left;
}
#nav li a, #nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active {
	display:block;
	outline:none;
	height:33px;
	cursor:pointer;
	border:0;
	text-indent:-9999px;
}
#nav li.collections a {
	width:136px;
	background:url(../images/collections.gif) no-repeat 0 0;
}
#nav li.collections a:hover, #nav li.collections a:active, #collections #nav li.collections a {
	background:url(../images/collections.gif) no-repeat 0 -33px;
}

#nav li.about a {
	width:85px;
	background:url(../images/about.gif) no-repeat 0 0;
}
#nav li.about a:hover, #nav li.about a:active, #about #nav li.about a, #about2 #nav li.about a {
	background:url(../images/about.gif) no-repeat 0 -33px;
}
#nav li.trunkshows a {
	width:140px;
	background:url(../images/trunkshows.gif) no-repeat 0 0;
}
#nav li.trunkshows a:hover, #nav li.trunkshows a:active, #trunkshows #nav li.trunkshows a, #trunkshows_detail #nav li.trunkshows a {
	background:url(../images/trunkshows.gif) no-repeat 0 -33px;
}
#nav li.press a {
	width:81px;
	background:url(../images/press.gif) no-repeat 0 0;
}
#nav li.press a:hover, #nav li.press a:active, #press #nav li.press a {
	background:url(../images/press.gif) no-repeat 0 -33px;
}
#nav li.contact a {
	width:101px;
	background:url(../images/contact.gif) no-repeat 0 0;
}
#nav li.contact a:hover, #nav li.contact a:active, #contact #nav li.contact a {
	background:url(../images/contact.gif) no-repeat 0 -33px;
}
#nav li.blog a {
	width:69px;
	background:url(../images/blog.gif) no-repeat 0 0;
}
#nav li.blog a:hover, #nav li.blog a:active, #blog #nav li.blog a {
	background:url(../images/blog.gif) no-repeat 0 -33px;
}
#logo, #logo:link, #logo:visited, #logo:hover, #logo:active {
	display:block;
	width:155px;
	height:87px;
	outline:none;
	border:0;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat 0 0;
	position:absolute;
	right:0;
}

#subnav{
	position:absolute;
	top:20px;
	left:20px;
}


/* ===== IV. Misc. ===== */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.vscrollerbase {
	width: 7px; /* customized */
	background:url(../images/content_inner_bg.gif) repeat-y top right; /* customized */
}
#collections .vscrollerbase {
	background:url(../images/content_inner_bg2.gif) repeat-y top right; /* customized */
}
.vscrollerbar {
	width: 5px; /* customized */
	height:75px!important; /* customized */
	/*background-color: #d4ccb7;*/ /* customized */ 
	background-color: #fff;
	border:1px solid #fb3e3f;
}
.hscrollerbase {
	height: 7px; /* customized */
	background-color: white;
}
.hscrollerbar {
	height: 7px; /* customized */
	background-color: black;
}
.scrollerjogbox {
	width: 7px; /* customized */
	height: 7px; /* customized */
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}