/*---------------------------------------------------------------------------------------
  
                        Website: N16
                        Author: Bitmedia
                        Created: April 2009
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
html { height: 100%;}
body { background: #b6c4c9; height: 100%; min-width: 1100px;} 


/*---------------------------------------------------------------------------------------
   Base Typography
---------------------------------------------------------------------------------------*/

/* Links */
a { text-decoration: none; color:#5A5A5A; }
a:hover { text-decoration: underline;}



img { background: none;}


/* Normal Type */
body { font: 62.5% arial, tahoma, arial, helvetica; color: #5a5a5a;}
#container { font-size: 1.2em; line-height: 1.5em; text-align: left;}
#content { line-height: 1.8em;}
#content p { padding-bottom: 1.8em;}
p { padding-bottom: 1.4em;}

/* Headers */
h1 { color: #647378; font-size: 2.2em; line-height: 1.4em; padding-bottom: 8px;}
h1 span { font-size: .6em;}
h3 { color: #647378; font-size: 1.8em; line-height: 1.4em; padding-bottom: 8px;}

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

/* Container */
#container { width: 100%; margin: 0 auto; min-height: 100%;}
.aboutimg1 { float: right; margin: 8px 0 .2em 1em; border: 1px solid #9bb1b7;}
.aboutimg2 { float: left; margin: 0 1em .7em 0; border: 1px solid #9bb1b7;}

/* Header */
#headerContainer { width: 100%; background: url('../images/bg-header.png') repeat-x #b4c1c5; min-height: 138px; }
	* html #headerContainer { height: auto;}
	* html #headerContainer { height: 138px;}
#header { width: 1000px; margin: 0 auto; padding: 0 50px 0; }

img#logo { margin-top: 25px;}


/* Content */
#contentContainer { width: 100%; background: url('../images/bg-content.png') repeat-x #fff;}
#content { width: 1002px; margin: 0 auto; padding: 43px 48px 0 50px; overflow: hidden;}

/* Footer */
#footerContainer { width: 100%; background: url('../images/bg-footer.png') repeat-x #b4c5c9; min-height: 50px;}
	* html #footerContainer { height: auto;}
	* html #footerContainer { height: 50px;}
#footer { width: 1000px; margin: 0 auto; padding: 55px 50px 40px; overflow: hidden; font-size: .9em;}
#copyright { width: auto; float: right; color: #fff; background: transparent;}


/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/* Individual Product Page */
#product { overflow: auto; background: url('../images/divider.png') repeat-y 657px 0; width: 100%;}
#productInfo { float: right; width: 325px; padding-top: .7em;}
#price { overflow: hidden; }
#price p {background: #a5babe; color: #fff; float: left; font-size: 2.2em; padding: 10px 20px; letter-spacing: 2px;}
#links { padding-top: 1.5em; width: 100%;}
#links a { background: url('../images/boxArrow.png') no-repeat 0 5px; text-decoration: none; font-size: 1.8em; color: #647378; padding: 0 0 0 20px; margin-right: 30px;}
#info { margin-top: 1.5em;}
#info h4 { font-size: 1.4em;}
a.buy { background: #a5babe; color: #fff; float: left; font-size: 2.2em; padding: 10px 20px; letter-spacing: 2px; text-decoration: none;}
a.buy:hover { background: #94a8ac;}

/* Gallery on individual product pages*/
.gallery { float: left; width: 652px; padding-top: .7em; position: relative;}
.galleria_container{ padding-bottom: 50px; width:434px; float:left; position: relative;}
.caption { position:absolute; bottom: 0; width:430px; color:#888; background: #fff; display: none;}
.gallery_Images{ width:209px; float:right; padding: 0; margin: 0;}
.gallery_Images li{ display: block; float: left; overflow: hidden; width:97px; height:65px; margin: 0 2px 2px 0; padding: 1px;}
.gallery_Images li.hover { border: 1px solid #999; padding: 0;}
.gallery_Images li.active{ border: 1px solid #7a8d91; padding: 0;}
.gallery_Images li div{left:240px}
.gallery_Images li div .caption{font:italic 0.7em/1.4 georgia,serif;}
p.navL { position: absolute; top: 360px; left: 0;}
p.navR { position: absolute; top: 360px; left: 383px;}
p.navL a, p.navR a { background: #a5babd; color: #fff; text-transform:uppercase; text-decoration: none; padding: 5px 10px;}
p.navL a:hover, p.navR a:hover { background: #94a8ac;}

/* Gallery Page OLD  
#galleryContainer { overflow: auto;}
#galleryContainer a { float: left; margin: 0 5px 15px 0; padding: 1px;}
#galleryContainer a img { width: 117px; height: 117px;}
#galleryContainer a:hover { padding: 0; border: 1px solid #708a91;}
*/

/* Main Gallery Pages */
#maingallery { height: 550px; float: left; width: 600px; }
ul#gallerysubnav { list-style: none; margin: 0; padding: 3.8em 0 0 0; float: left;}
ul#gallerysubnav li { padding: 1px 0;}
ul#gallerysubnav li a { text-decoration: none; font-size: 1.4em; color:#5A5A5A; padding: 2px 6px;}
ul#gallerysubnav li a:hover, ul#gallerysubnav li a.selected { background: #a5babd; color: #fff;}

/* Press Page */
#press { overflow: hidden; margin-left: -45px;}
#press .item { float: left; width: 300px; margin-left: 45px; margin-bottom: 1.4em;}
* html #press .item { display: inline;}
#press .img { width: 100%;}
#press .text { font-size: 1.2em; background: #eee;}
#press .text a { display: block; text-decoration: none; padding: 5px 0 5px 10px; width: 290px; }
#press .text a:hover { background: #a4b9be; color: #fff;}

/* News Page */
#news { width: 550px;}
#news h1 { font-size: 1.4em; margin: 20px 0 5px;}
#news .pdfdownload { background: url('../images/boxArrow.png') no-repeat 0 5px; text-decoration: none; color: #647378; padding: 0 0 0 23px;}

/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/
/* Product Grid on homepage */
#productGrid { overflow: hidden;}
#productGrid .pg { width: 165px; height: 165px; margin: 0 2px 2px 0; float: left;}
#productGrid .pg a { display: block; width: 165px; height: 165px; text-indent: -9999px; outline: 0;}

#productGrid #pg0 { background: url('../images/pg0.png') no-repeat;}
	#productGrid #pg0 a { background: url('../images/pg-saddlestool.jpg') no-repeat;}
#productGrid #pg1 { background: url('../images/pg1.png') no-repeat;}
	#productGrid #pg1 a {}
#productGrid #pg2 { background: url('../images/pg2.png') no-repeat;}
	#productGrid #pg2 a {background: url('../images/pg-portraitcube.jpg') no-repeat;}
#productGrid #pg3 { background: url('../images/pg3.png') no-repeat;}
	#productGrid #pg3 a {}
#productGrid #pg4 { background: url('../images/pg4.png') no-repeat;}
	#productGrid #pg4 a {}
#productGrid #pg5 { background: url('../images/pg5.png') no-repeat;}
	#productGrid #pg5 a { background: url('../images/pg-cubesidetable.jpg') no-repeat;}
#productGrid #pg6 { background: url('../images/pg6.png') no-repeat;}
	#productGrid #pg6 a {}
#productGrid #pg7 { background: url('../images/pg7.png') no-repeat;}
	#productGrid #pg7 a {}
#productGrid #pg8 { background: url('../images/pg8.png') no-repeat;}
	#productGrid #pg8 a {}
#productGrid #pg9 { background: url('../images/pg9.png') no-repeat; }
	#productGrid #pg9 a { background: url('../images/pg-fruitbowl.jpg') no-repeat;}
#productGrid #pg10 { background: url('../images/pg10.png') no-repeat;}
	#productGrid #pg10 a {}
#productGrid #pg11 { background: url('../images/pg11.png') no-repeat;}
	#productGrid #pg11 a {}
#productGrid #pg12 { background: url('../images/pg12.png') no-repeat;}
	#productGrid #pg12 a {}
#productGrid #pg13 { background: url('../images/pg-11.png') no-repeat;}
	#productGrid #pg13 a { background: url('../images/pg-coffeetable.jpg') no-repeat;}
#productGrid #pg14 { background: url('../images/pg14.png') no-repeat;}
	#productGrid #pg14 a {}
#productGrid #pg15 { background: url('../images/pg15.png') no-repeat;}
	#productGrid #pg15 a { }
#productGrid #pg16 { background: url('../images/pg16.png') no-repeat;}
	#productGrid #pg16 a {}
#productGrid #pg17 { background: url('../images/pg17.png') no-repeat;}
	#productGrid #pg17 a { background: url('../images/pg-roundstool.jpg') no-repeat;}

/*
background: url('../images/pg-pewtable.jpg') no-repeat;
*/


/* Products */
#productsPg { padding-top: 1.4em; width: 600px;}
#productsPg .item { padding-bottom: 2.8em; margin: 0 2.8em 0 0; float: left; }
#productsPg .item a { color: #5A5A5A; text-decoration: none;}
	#productsPg .item a:hover { color: #a5babe;}
#productsPg .title { font-size: 1.4em; line-height: 1.4em; padding-left: 3px;}
#productsPg .img img { border: 2px solid #a5babd;}
#productsPg .img a:hover img { border: 2px solid #788d90;}






/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
ul#mainNav { margin: 0; padding: 20px 0 0; list-style: none; overflow: hidden;}
ul#mainNav li { margin: 0; padding: 0; display: inline;}
ul#mainNav li a { float: left; display: inline; color: #fff; margin: 0 50px 0 0; padding: 0 0 7px; text-decoration: none; font-size: 1.4em; background: transparent; width: auto;}
ul#mainNav li a:hover { border-bottom: 4px solid #cfdcdf;}
ul#mainNav li a.selected { border-bottom: 4px solid #fff;}

/* Minor Nav */
ul#minorNav { float: left; margin: 0; padding: 0; list-style: none; width: auto;}
ul#minorNav li { display: inline; float: left; margin: 0; padding: 0; width: auto;}
ul#minorNav li a { float: left; color: #fff; text-decoration: none; margin: 0 25px 0 0; background: transparent; width: auto;}
ul#minorNav li a:hover { border-bottom: 2px solid #cfdcdf;}
ul#minorNav li a.selected { border-bottom: 2px solid #fff; }




/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/
form#form { height: 100%;}
#contactForm { }
#contactForm .input, #contactForm .textarea { width: 350px; color: #5A5A5A; font-family: verdana, arial, tahoma, helvetica; font-size: 1.2em; padding: 1px 0;}
#contactForm .textarea { height: 150px;}

#contactForm { }



/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.errorPage {}
p#errorMessage { padding: 50px 0; text-align: center;}