/* --------------------------------------------------------------
Screen Stylesheet
Website: www.goldleaffurniture.co.uk
Version: 1.0
Author: Sean Johnson
Author URI: http://www.niceandripe.com
-------------------------------------------------------------- */


/* --------------------------------------------------------------
	Global Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, b, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{ margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; }

body { line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section
{ display: block; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

blockquote, q { quotes: none; }


/* --------------------------------------------------------------
	Typography & default styles
-------------------------------------------------------------- */
		
/*		@font-face
-------------------------------------------------------------- */

	
/*		Body
-------------------------------------------------------------- */
body { background: #fff; font: 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #B26134; }

/*		Text Elements
-------------------------------------------------------------- */
p { margin-bottom: 14px; }

blockquote { padding: 0 20px; font-style: italic; }
blockquote p { margin: 0; } 
cite { font-style: normal; font-size: 11px; text-transform: uppercase;  }

pre { position: relative; overflow: auto; }
pre, code { padding: 0 20px; font: 14px/22px 'Courier New', Courier, monospace; color: #666; }
code { display: block; }

small { font-size: 11px; }

abbr { border-bottom: 1px dotted #999; cursor: help; }

del { text-decoration: line-through; }
ins { background: #ff0; text-decoration: none; }
mark { background: #ff0; text-decoration: none; font-style: italic; }

sup, sub { position: relative; height: 0; line-height: 11px; font-size: 11px; }
sup { bottom: 1ex; }
sub { top: 0.5ex; }

hr { margin: 0.5em auto; height: 0; border-bottom: 1px solid #ccc;  }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/*		Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
h1 { font: 44px/48px Georgia, "Times New Roman", Times, serif; color: #B26134; }
h2 { font: 34px/38px Georgia, "Times New Roman", Times, serif; color: #B26134; }
h3 { font: 22px/26px Georgia, "Times New Roman", Times, serif; color: #B26134; }
h4, h5, h6 { font: 18px/18px Georgia, "Times New Roman", Times, serif; color: #B26134; }

h1 a, h2 a, h3 a { text-decoration: none; color: inherit; }

/*		Links
-------------------------------------------------------------- */
a { text-decoration: underline; color: #B26134; }
a:hover,
a:focus { text-decoration: none; }
a:focus {  outline: #000 dotted thin; }
a span { cursor: pointer; }

/*		Lists
-------------------------------------------------------------- */
ul, ol, dl { margin-bottom: 20px; }
li ul, li ol { margin-bottom: 0; }

ul { margin-left: 20px; list-style: disc outside; }
li ul { list-style: circle outside; }

ol { margin-left: 24px; list-style: decimal outside; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; padding-left: 20px; }

/*		Forms
-------------------------------------------------------------- */
form { margin-bottom: 18px; }
fieldset { margin-bottom: 18px; padding : 1.4em; border: 1px solid #ccc; }
legend { font-weight : bold; }
label { display: block; font-weight : bold; }
label em { font-size: 11px; font-weight: normal; font-style: italic; }
input, select, textarea { font-family: inherit; }
input[type="text"], input[type="password"], input[type="file"],
input[type="email"], input[type="url"] { width: 260px; }
input[type="image"], input[type="submit"], input[type="reset"] { width: auto; cursor: pointer; }
textarea { width: 420px; height: 80px; font-size: 12px; }

/*		Tables
-------------------------------------------------------------- */
table { margin-bottom: 18px; width: auto; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; }
caption, th, td { padding: 5px 10px; text-align: left; border: 1px solid #ccc; }
caption { background: #eee; border: 1px solid #ccc; color: #000; }
th { font-weight: bold; }

/*		Images
-------------------------------------------------------------- */
img {  }
img.left,
img.alignleft,
img[align="left"] { float: left; margin: 5px 10px 5px 0; }
img.right,
img.alignright,
img[align="right"] { float: right; margin: 5px 0 5px 10px; }

/*		Common Classes
-------------------------------------------------------------- */
.left { float: left; }
.right { float: right; }
.error { color: #c00; }
.hide { display: none; }

.clear:after { content: "."; display: block; clear:both; height: 0; visibility: hidden; }
hr.cleaner { visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none; }



/* --------------------------------------------------------------
	Layout Styles
-------------------------------------------------------------- */

/*		Header
-------------------------------------------------------------- */
#headerbar { clear: both; width: 100%; background: url(../images/header_tile.jpg); }
#headerbar_container {  margin: auto; width: 980px; height: 192px; background: url(../images/page_bkg.png) no-repeat; }
#header { margin: auto; width: 960px; height: 192px; background: url(../images/header.jpg) no-repeat; }
#header h1 { position: relative; margin: 0 auto; width: 530px; height: 100px; overflow: hidden; }
#header h1 span { position: absolute; width: 100%; height: 100%; background: url(../images/goldleaffurniture.jpg) 0 0 no-repeat; }
#header h2,
#header h3{ margin: 0; text-align: center; }

/*		 Nav
-------------------------------------------------------------- */
#navbar { clear: both; width: 100%;  border-top: 1px solid #fff; background: url(../images/wood_bar.jpg) repeat-x; }
#navbar_container {  margin: auto; width: 980px; height: 40px; background: url(../images/page_bkg.png) 0 -193px no-repeat; }
ul#navPrimary { margin: 0 auto; width: 960px; height: 40px; background: url(../images/wood_bar.jpg) repeat-x; list-style: none; color: #fff; text-align: center; }
ul#navPrimary li { display: inline; width: auto; font: 34px/38px Georgia, "Times New Roman", Times, serif; color: #FFE8B9; }
ul#navPrimary a { padding: 0 90px; color: #FFE8B9; text-decoration: none; text-shadow: -1px -1px 0 #402313; }
ul#navPrimary a:hover { color: #fff; text-shadow: 0 0 0 #402313; }

/*		Content
-------------------------------------------------------------- */
#mainbar { clear: both; width: 100%; border-top: 1px solid #fff; background: url(../images/grey_tile.jpg) repeat-x; }
#mainbar_container {  margin: auto; width: 980px; background: url(../images/page_bkg.png) 0 -233px no-repeat; }
#main { margin: auto; clear: both; padding: 10px; width: 940px; background: #fff; }

p.intro { margin-top: 10px; }

#main #imgHolder { padding: 10px; background: url(../images/wood_tile.jpg); }
#main #imgHolder img,
#main #imgHolder iframe { display: block; border: 1px solid #fff; }

#portfolio_main #imgHolder { padding: 10px 10px 14px 10px; background: url(../images/wood_tile.jpg); }
#portfolio_main #imgHolder img,
#portfolio_main #imgHolder iframe { display: block; border: 1px solid #fff; }

#portfolio_main h2 { margin-top: 10px; }
#portfolio_main p { margin: 0; }

.panel { float: left; margin-right: 20px; width: 300px; }
.panel.end { float: right; margin-right: 0; }

#pageIntro { float: left; width: 180px;}
#portfolio { float: right; width: 752px; }
#portfolio .panel { float: left; margin-right: 10px; width: 178px; height: 210px; }
#portfolio .panel end { margin-right: 0; }
#portfolio .panel h3 { text-align: center; }


/*		Footer
-------------------------------------------------------------- */
#footerbar { clear: both; margin-top: -60px; padding: 20px 0 40px 0; width: 100%; background: url(../images/footer.jpg) bottom center no-repeat; text-align: center; }
#footer { clear: both; margin: auto; width: 940px; font-size: 11px; color: #B26134; }
#footer p { margin: 0; }
#footer a { color: #B26134; }

/*		Common
-------------------------------------------------------------- */
a[rel*="comments"] { padding: 2px 0 8px 20px;  background: url(images/comments.gif) 0 2px no-repeat; }
a[rel*="rss"] { padding: 2px 0 8px 20px; background: url(images/feed.png) 0 1px no-repeat; }

/*		Slideshow
-------------------------------------------------------------- */
#slideshow { position: relative; width: 280px; height: 336px; }
#slideshow img { position: absolute; top: 0; left: 0; z-index: 28; opacity: 0.0; }
#slideshow img.active { z-index: 30; opacity: 1.0; }
#slideshow img.last-active { z-index: 29; }
#portfolio_main #slideshow { width: 447px; height: 372px; }