/* @override http://lformxserve01.local/Q%20-%20T/Studio%20R/Site/2010-05-19/css/main.css */

/*
 * index.html
 * CSS file for Studio R
 * @author Loukas Williams
 * @version 1.0 
 */

body {
	background-color: #000000;
	color: #9a8f80;
	font: 12px Arial, Helvetica, sans-serif;
}

p, a {
	color: #9a8f80;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

p {
	line-height: 15px;
}

a:hover {
	text-decoration: underline;
}

p.end {
	color: #9a8f80;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h2 {
	color: #9a8f80;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
}

h1 {
	color: #6d6e70;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

#placement_container {
	width: 100%;
	height: 100%;
}

#main_container {
	background: #9a8f80;
	width: 900px;
	height: 650px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -325px 0px 0px -450px;
	_margin: -325px 0px 0px -450px;
	padding: 0px;
}

#main_stage {
	float: left;
	background: #ffffff;
	width: 900px;
	height: 610px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#content_area {
	width: 850px;
	height: 510px;
	margin: 65px 0px 0px 25px;
	_margin: 65px 0px 0px 12px;
	padding: 0px;
}

/* has the logo and top nav*/

#logo_nav_wrapper {
	width: 185px;
	margin: 0px 25px 0px 0px;
	_margin: 0px 12px 0px 0px;
	padding: 0px;
	float: left;
}

a.logo {
	width: 185px;
	height: 41px;
	background: url(../images/logo.gif) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

.nav {
	width: 188px;
	margin: 4px 0px 0px 1px;
	/*padding:2px;*/ float: left;
}

.nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.nav ul li {
	display: inline;
}

/* top nav styling */

a.showroom {
	float: left;
	background: url(../images/nav/showroom_btn.gif) no-repeat 0px 0px;
	width: 66px;
	height: 16px;
	margin: 0px 4px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.showroom:hover, a.showroom_on {
	float: left;
	background: url(../images/nav/showroom_btn_over.gif) no-repeat 0px 0px;
	width: 66px;
	height: 16px;
	margin: 0px 4px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.services {
	float: left;
	background: url(../images/nav/portfolio_btn.gif) no-repeat 0px 0px;
	width: 52px;
	height: 16px;
	margin: 0px 4px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.services:hover, a.services_on {
	float: left;
	background: url(../images/nav/portfolio_btn_over.gif) no-repeat 0px 0px;
	width: 52px;
	height: 16px;
	margin: 0px 4px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.designers {
	float: left;
	background: url(../images/nav/designers_btn.gif) no-repeat 0px 0px;
	width: 57px;
	height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.designers:hover, a.designers_on {
	float: left;
	background: url(../images/nav/designers_btn-over.gif) no-repeat 0px 0px;
	width: 57px;
	height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.press {
	float: left;
	background: url(../images/nav/press_btn.gif) no-repeat 0px 0px;
	width: 34px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.press:hover, a.press_on {
	float: left;
	background: url(../images/nav/press_btn_over.gif) no-repeat 0px 0px;
	width: 34px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.about {
	float: left;
	background: url(../images/nav/about_btn.gif) no-repeat 0px 0px;
	width: 38px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.about:hover, a.about_on {
	float: left;
	background: url(../images/nav/about_btn_over.gif) no-repeat 0px 0px;
	width: 38px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.contact {
	float: left;
	background: url(../images/nav/contact_btn.gif) no-repeat 0px 0px;
	width: 48px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.contact:hover, a.contact_on {
	float: left;
	background: url(../images/nav/contact_btn_over.gif) no-repeat 0px 0px;
	width: 48px;
	height: 16px;
	margin: 0px 11px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.news {
	float: left;
	background: url(../images/nav/news_btn.gif) no-repeat 0px 0px;
	width: 32px;
	height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

a.news:hover, a.news_on {
	float: left;
	background: url(../images/nav/news_btn_over.gif) no-repeat 0px 0px;
	width: 32px;
	height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: block;
}

/*for home, showroom, contact, services and press page layouts*/

#img_content_wrapper {
	width: 638px;
	height: 495px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.main_img, .slideshowContainer {
	width: 638px;
	height: 415px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.content {
	width: 638px;
	height: 75px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

.title {
	float: left

;
	/*width:60px;*/ height: 75px;
	padding: 0px 15px 0px 0px;
	margin: 0px;
	font-weight: bold;
}

.copy {
	float: left;
	clear: none;
	width: 549px;
	padding: 0px 0px 0px 15px;
	border-left: #6d6e70 1px solid;
}

.services_desc {
	float: left;
	width: 335px;
	height: 75px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

.services_info {
	float: left;
	clear: none;
	width: 232px;
	padding: 0px 0px 0px 15px;
	border-left: #6d6e70 1px solid;
}

.contact_addy {
	float: left;
	width: 110px;
	height: 75px;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}

.contact_info {
	float: left;
	clear: none;
	width: 144px;
	padding: 0px 12px 0px 12px;
	margin: 0px;
	border-left: #6d6e70 1px solid;
}

.contact_more_info {
	float: left;
	clear: none;
	width: 323px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	border-left: #6d6e70 1px solid;
}

/* slideshow styling*/

div.prev {
	height: 75px;
	width: 17px;
	float: left;
}

a.prev {
	background: url(../images/prev.gif) no-repeat 0px 0px;
	width: 17px;
	height: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
}

a.prev:hover {
	background: url(../images/prev_over.gif) no-repeat 0px 0px;
}

div.next {
	height: 75px;
	width: 17px;
	float: right;
}

a.next {
	background: url(../images/next.gif) no-repeat 0px 0px;
	width: 17px;
	height: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
}

a.next:hover {
	background: url(../images/next_over.gif) no-repeat 0px 0px;
}

#desc {
	float: left;
	clear: none;
	width: 583px;
	height: 73px;
	padding: 2px 0px 0px 15px;
	margin: 0px;
}

/*for news and designers layouts*/

#text_content {
	width: 590px;
	padding: 0px 0px 0px 25px;
	margin: 51px 0px 0px 0px;
	color: #9a8f80;
	border-left: #9a8f80 1px solid;
	float: left;
}

/* about section */

.laura_pic {
	float: left;
	width: 195px;
	height: 300px;
	margin: 0px 10px 6px 3px;
	_margin: 0px 10px 3px 2px;
}

/*-- coming soon --*/

#comingsoon {
	text-align: center;
}

#comingsoon p {
	text-transform: uppercase;
	font-size: 1.3em;
	display: block;
	margin-top: -180px;
	float: left;
	width: 100%;
}

/*-- left nav -- */

ul#subnav {
	width: 183px;
	border-top: 1px solid #c8c7c7;
	border-bottom: 1px solid #c8c7c7;
	margin-top: 30px;
	margin-left: -1px;
	text-align: right;
}

#subnav li a {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 6px 0;
	color: #9a8f80;
	xcolor: #000;
	text-decoration: none;
}

#subnav li.active a {
	color: #333333;
}

#subnav li a:hover {
	color: #333333;
}

.news h1 {
	display: block;
	width: 100%;
}

ul.news-list {
	margin-top: 30px;
	padding: 0;
}

.news-list li {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c8c7c7;
}

.news-list li.last {
	margin-bottom: 0;
}

.news-list li p {
	margin: 10px 0;
}

.news-list .news-title {
	xcolor: #6d6e70;
	font-weight: bold;
}

.design {
	display: none;
}