/*
Rocco Interiors : http://www.roccointeriors.com.au
Description: Screen Styles
Version: 1.0
Date: 26 June 2009
Author: john ryan design : john_ryan@jrdesign.com.au
*/
/* --------------------------------------------------------
GLOBAL
-------------------------------------------------------- */
body {
	font: 76%/1.2 "Times New Roman", Times, serif;
	letter-spacing:.05em;
	background:#000000 url(../images/interface/verticalstrip.jpg) repeat-x left top;
	color:#311612;
}
* {
	margin:0;
	padding:0;
}
/* --------------------------------------------------------
STRUCTURE
-------------------------------------------------------- */
#wrapper {
	margin: 0px auto;
	height: 960px;
	width: 960px;
	position:relative;
	margin-bottom:100px;
}
#content {
	font:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/interface/bgtile.png);
	position: absolute;
	/*height: 726px;*/
	width: 468px;
	padding:10px;
	left: 349px;
	/*top: 215px;*/
	top: 238px;
}

#main_nav{
	position:absolute;
	/*top:320px;*/
	top:280px;
	left:45px;
	background:url(../images/interface/main_navBg.png) no-repeat left top;
	height:240px;
	width:260px;
}


/* homepage image */
#index_wrapper {
	width:700px;
	margin:20px auto;
	color:#FFFFFF;
}
#index_image {
	width:700px;
	height:450px;
	background:url(../images/index/index_1.jpg) no-repeat top left;
}
#logo {
	width:188px;
	height:205px;
	float:left;
	background:url(../images/index/roccologo_only.gif) no-repeat top left;
}
#address {
	width:512px;
	height:205px;
	float:right;
	text-align:right;
}
#address {
	line-height:1.8;
}
#address h1, #address h2 {
	font-size:1.2em;
}
#address a:link, #address a:visited {
text-decoration:none;
font-size:1em;
color:#FFFFFF;
float:left;
margin:10px 0 0 90px;
padding:10px;
border:1px solid #FFFFFF;
outline:none;
}
	
/* background images for each section - just change the body ID and wrapper class */
#home #wrapper {
	background:url(../images/home/home_bg.jpg) no-repeat left top;
}

#furniture #wrapper {
	background:url(../images/furniture/furniture_bg.jpg) no-repeat left top;
}
#furniture #wrapper.chairs {
	background:url(../images/furniture/chairs_bg.jpg) no-repeat left top;
}
#furniture #wrapper.tables {
	background:url(../images/furniture/tables_bg.jpg) no-repeat left top;
}
#furniture #wrapper.cabinets {
	background:url(../images/furniture/cabinets_bg.jpg) no-repeat left top;
}

#decorative #wrapper {
	background:url(../images/decorative/decorative_bg.jpg) no-repeat left top;
}
#decorative #wrapper.african {
	background: url(../images/decorative/africa_bg.jpg) no-repeat left top;
}
#decorative #wrapper.moroccan {
	background: url(../images/decorative/moroccan_bg.jpg) no-repeat left top;
}
#decorative #wrapper.oriental {
	background: url(../images/decorative/oriental_bg.jpg) no-repeat left top;
}

#links #wrapper {
	background: url(../images/interface/links_bg.jpg) no-repeat left top;
}

#contact #wrapper {
	background: url(../images/interface/contact_bg.jpg) no-repeat left top;
}

/* --------------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------------- */
#main_nav ul {
	list-style-type:none;
	margin-top:40px;
	font-size:1.3em;
	text-indent:40px;
	
}
#main_nav li {
	line-height:1.2em;
	display:inline; /*Fixes large gaps in IE6*/
}
#main_nav a {
	display:block;
	text-decoration:none;
	color:#593B2C;
	padding:4px 0;
	outline:none;
	
}
#main_nav a:hover {
	
	background:url(../images/interface/fleur_hover.png) no-repeat left center;
	color:#000000;
}

/* --------------------------------------------------------
SUB-NAVIGATION
-------------------------------------------------------- */
/*shows generic background panel behind submenu items*/
#wrapper #subnav {
	background: url(../images/interface/bgtile.png);
	position: absolute;
	height: 60px;
	width: 488px;
	left: 349px;
	/*top: 135px;*/
	top: 158px;
}

#wrapper #subnav ul {
	height:60px;
	list-style-type:none;
	
}
#wrapper #subnav li {
	text-indent:-1000em;
	position:relative;
	float:left;
}
#wrapper #subnav li a {
display:block;
	position:absolute;
	width:162px;
	height:50px;
	outline:none;
}
#wrapper #subnav li a.home,
#wrapper #subnav li a.tables,
#wrapper #subnav li a.moroccan {
	left:0;
	top:5px;
}
#wrapper #subnav li a.history,
#wrapper #subnav li a.chairs,
#wrapper #subnav li a.african
 {
	left:165px;
	top:5px;
}
#wrapper #subnav li a.profile,
#wrapper #subnav li a.cabinets,
#wrapper #subnav li a.oriental {
	left:330px;
	top:5px;
}
#home #wrapper #subnav ul {
	background:url(../images/home/subnav_home.png) no-repeat left top;
}
#furniture #wrapper #subnav ul {
	background:url(../images/furniture/subnav_furniture.png) no-repeat left top;
}
#decorative #wrapper #subnav ul {
	background:url(../images/decorative/subnav_decorative.png) no-repeat left top;
}

/* --------------------------------------------------------
CONTENT
-------------------------------------------------------- */

#content h1 {
text-indent:-1000px;
	height:35px;
	position:relative;
}
#content p {
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	margin-bottom:.9em;
}
#content a {
	text-decoration:none;
}
#content a:link, #content a:visited {
	color:#593B2C;
	text-decoration:none;
}
#content a:hover {
	color:#000000;
}
/* horizontal rule */
#content div.splitter {
display:block;
	height:42px;
	width:488px;
	background:url(../images/interface/header_bar.png) no-repeat left top;
	margin-bottom:20px;
	
}

#home .home #content h1 {
	background:url(../images/home/home_header.png) no-repeat left top;
}
#home .profile #content h1 {
	background:url(../images/home/profile_header.png) no-repeat left top;
}
#home .history #content h1 {
	background:url(../images/home/history_header.png) no-repeat left top;
}

#furniture .home #content h1 {
	background:url(../images/furniture/furniture_header.png) no-repeat left top;
}
#furniture .chairs #content h1 {
	background:url(../images/furniture/chairs/chairs_header.png) no-repeat left top;
}
#furniture .tables #content h1 {
	background:url(../images/furniture/tables/tables_header.png) no-repeat left top;
}
#furniture .cabinets #content h1 {
	background:url(../images/furniture/cabinets/cabinets_header.png) no-repeat left top;
}
#decorative .home #content h1 {
	background:url(../images/decorative/decorative_header.png) no-repeat left top;
}
#decorative .african #content h1 {
	background:url(../images/decorative/african/african_header.png) no-repeat left top;
}
#decorative .moroccan #content h1 {
	background:url(../images/decorative/moroccan/moroccan_header.png) no-repeat left top;
}
#decorative .oriental #content h1 {
	background:url(../images/decorative/oriental/oriental_header.png) no-repeat left top;
}

#links #content h1 {
	background:url(../images/interface/links_header.png) no-repeat left top;
}
#contact #content h1 {
	background:url(../images/interface/contact_header.png) no-repeat left top;
}
/* end IE6 hack ----------------------------*/


#content div.back a:link {
	display:block;
	font:.9em/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#593B2C;
	text-decoration:none;
	text-align:right;
	border-top:1px solid #593B2C;
	margin:10px 0;
	line-height:25px;
	/*padding-top:5px;*/
	clear:both;
	outline:none;
	height:21px;
}
#content div.back a img {
	border:none;
	outline:none;
	float:left;
	width:38px;
	height:31px;
}

/*product pages*/
#content div.splitter+img { /* not read by IE6*/
display:block;
	margin:20px auto;
	
}

#content h2 {
display:block;
	margin:20px auto;
}

/*thumbnails*/
#content ul.thumbs {
	list-style-type:none;
	width:450px;
	margin:0 auto;
}
#content ul.thumbs li {
	float:left;
	width:105px;
	height:95px;
	background:url(../images/interface/thumbshadow.png) no-repeat left bottom;
	padding:0 0 10px 7px;
}

#content ul.thumbs li a {
	display:block;
	text-decoration:none;
	outline:none;
}
#content ul.thumbs li a span {
	text-indent:-1000em;
	display:block;
}
#content ul.thumbs li a img {
	border:none;
}

div#clearboth {
	clear:both;
}

/*contact page*/

form label {
	font:.9em/1.3 Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	clear:both;
	width:120px;
	margin:8px 0;
}
form input, form textarea, form select {
	float:left;
	width:300px;
	margin:8px 20px;
}
form textarea {
	height:150px;
}
form input#submit {
	clear:both;
	width:auto;
	float:right;

}
form input#delete_this {
	display:block;
	float:left;
	width:auto;
	
}

form input#display_order {
	width:30px;
}

/*for google map*/
 iframe{
/*display:block;*/
	padding:10px;
}

/*links page*/
#links #linktable table {
	border-collapse:collapse;
}
#links #linktable caption {
	text-indent:-1000em;
}
#links #linktable td {
font:.9em/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	border-bottom:1px solid #fff;
	}
#links #linktable a:link, #links #linktable a:visited {
	
	text-decoration:none;
	color:#593B2C;
	display:block;
}

#links #linktable a img {
border:none;
}


/* --------------------------------------------------------
FOOTER
-------------------------------------------------------- */
#footer {
	background:url(../images/links/jrdesign.jpg) no-repeat left center;
	font-size:.8em;
	height:80px;
	position:fixed;
	bottom:0;
	left:5px;
}
#footer a:link, #footer a:visited {
	text-indent:50px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font:.8em/80px Verdana, Arial, Helvetica, sans-serif;
	/*width:960px;*/
}
#footer a:hover {
	color:#999999;
}