@charset "utf-8";

												/* START OF LAYOUT SECTION */

/* this style removes margin and padding for all elements on the page (needed for cross browser compatibility) */
* {
	margin:0px;
	padding:0px;
	border:0px;
}
body {
	background:url(../img/bodbg.jpg) repeat-x #343434 fixed;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	position:relative; /* has to be positioned relatively so that AP columns position correctly within (could have also used float:left/right on columns) */
	width:960px;

}
#leftcol {
	padding:0px 2px 0px 4px;
	float:left; 
	width:184px; /*actual width 190px if padding is included */
	line-height:1.3em;
	position:static;
}
#rightcol {
	float:right;
	width:770px;
}
#toprow {
	position:relative; /*needed so that #npholder positions absolutly at the bottom */
	width:952px;
	padding:0px 4px 0px 4px;
}
#bottomrow {
	width:752px;
	padding:15px 4px 0px 200px;
}
#flash {
	float:right;
}
.clear {
	height:10px;
	width:100%;
	float:right;
}
#lefttext {
	font-size:0.87em;
}
.bigtext {
	font-size:1.3em;
	line-height:1.4em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.paynowsmall {
	float:right;
}
.floatright {float:right;}
.breaks {font-size:1.3em; float:left; width:50px;}
												/* START OF BANNER SECTION */

#logo {
	height:65px; /* both logo and banner have the same height in ems so that as the user increses text size they stay at a similar scale */
	margin-top:5px; /*margin is also neccessary for the two elements to line up correctly */
}
#toprow #logo {
	float:left;
}
#banner {
	height:65px;
	margin-top:5px;
}
#toprow #banner {
	width:500px;
	float:right;
}
#logo2 {
	margin:3px 0px 0px 5px;
	float:right;
}


												/* START OF HEADER AND BORDER SECTION */

h2 {
	font-weight:normal;
	font-size:1.45em;
	margin-bottom:15px;
}
h5 {
	margin-bottom:5px;
}

#bigimg, a.thumbnail img, img#nextphotoimg { border:1px solid #1E1E1E; } /*adds a border to the main image, the image in the nextphoto section, and also the thumbnail images along the bottom of the page */


												/* START OF MAIN IMAGE SECTION */

#bigimg { margin:0px 3px; float:right;} 
/*this is so the image vertically aligns with the thumbnails at the bottom of the page whilst they are inactive.
img width = 762, + borders (2px) = 764, + margins (3 x 2) = 770. which is equal to rightcol width */
#bigimg.bigimgfloatleft {
	float:left;
}

												/* START OF NEXT PHOTO SECTION */
#nextphotodiv { /* style is for the div container of the next photo section (the text, arrows, and the image which displays the number of the photo/video that is being viewed)*/
	float:left;
	font-size:1em;
	margin:10px 0px 8px 0px;
	width:184px;
}
#arrowtext { /*this is the style for the text within the "next photo" section */
	float:left;
	padding:0px 5px 0px 0px;
	text-align:center;
	width:179px;
	font-size:1.32em;
}
#phototoggle { /* This style positions the arrows and middle picture */
	float:left;
	padding:0px 42px 0px 20px; /*needs to be padding opposed to margin, or IE6 messes up the positioning */
	width:121px;
	margin-top:3px; /*pushes div down so area doesn't look as cluttered */
}
.arrow {
	float:left;
	height:25px;
	width:25px;
	margin-top:16px;
}
a.nextphoto {
	background-image:url(../img/nextphoto.jpg);
	display:block;
}
a.previousphoto {
	background-image:url(../img/previousphoto.jpg);
	display:block;
}
a:hover.nextphoto { background-image:url(../img/nextphoto_hov.jpg) }

a:hover.previousphoto {	background-image:url(../img/previousphoto_hov.jpg) }

#nextphotoimg { /*This style is for the image that displays the number of the photo/video being viewed*/
	float:left;
	margin:0px 5px;
	border:1px solid #1E1E1E;
	width:58px;
	height:52px;
	text-align:center;
	font-size:40px;
	padding:8px 0px 0px 0px;
	line-height:40px
}
.nextphotoimg01 {background-image:url(../imgk01/thumbnailk01.jpg);}
.nextphotoimg02 {background-image:url(../imgk02/thumbnailk02081027.jpg);}
.nextphotoimg03 {background-image:url(../imgk03/thumbnailk03.jpg);}
.nextphotoimg04 {background-image:url(../imgk04/thumbnailk04.jpg);}
.nextphotoimg05 {background-image:url(../imgk05/thumbnailk05.jpg);}
.nextphotoimg06 {background-image:url(../imgk06/thumbnailk06081027.jpg);}
.nextphotoimg07 {background-image:url(../imgk07/thumbnailk07.jpg);}
.nextphotoimg08 {background-image:url(../imgk08/thumbnailk08081027.jpg);}
.nextphotoimg09 {background-image:url(../imgk09/thumbnailk09.jpg);}
.nextphotoimg10 {background-image:url(../imgk10/thumbnailk10081027.jpg);}

.nextphotoimg11 {background-image:url(../imgc01/thumbnailc01.jpg);}
.nextphotoimg12 {background-image:url(../imgc02/thumbnailc02.jpg);}
.nextphotoimg13 {background-image:url(../imgc03/thumbnailc03.jpg);}
.nextphotoimg14 {background-image:url(../imgc04/thumbnailc04.jpg);}
.nextphotoimg15 {background-image:url(../imgc05/thumbnailc05.jpg);}
.nextphotoimg16 {background-image:url(../imgc06/thumbnailc06.jpg);}
.nextphotoimg17 {background-image:url(../imgc07/thumbnailc07.jpg);}
.nextphotoimg18 {background-image:url(../imgc08/thumbnailc08.jpg);}
.nextphotoimg19 {background-image:url(../imgc09/thumbnailc09.jpg);}
.nextphotoimg20 {background-image:url(../imgc10/thumbnailc10.jpg);}
											/* START OF NAVIGATION SECTION */

#nav { /*this style is for the div container of the nav bar in bottom left corner*/
	width:140px;
	position:absolute;
	bottom:0px;
	left:4px;
}
#bottomrow #nav {
	width:184px;
}
#nav ul {
	width:140px;
	line-height:1.44em !important; /*Firefox reads this as the two browsers display the line-height differently */
	line-height:1.3em; /*IE reads this as the two browsers display the line-height differently */
	padding-left:0px;
}
#nav ul li {
	display:block;
	width:140px;
}
#nav ul li a {
	display:block;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.5em;
	text-decoration:none;
	width:130px;
	padding-left:5px;
	margin-left:-5px;
}

#nav ul li a:hover {
	padding-bottom:0px;
	background-color:#4B4B4B;
	background:url(../img/navbg.jpg) repeat-y;
}
#pushnavdown {
	width:150px;
	height:40px;
}
											/* START OF INDEX NAV SECTION */

#indexbottomnav {
	width:500px;
	float:left;
	height:113px;
	text-align:center;
	margin:8px 0px 0px 3px;
	display:inline; /* needed for ie6 double margin bug */
}
.indexbotnav {
	width:143px;
	height:26px;
	display:block;
	float:left;
	padding-top:90px;
	margin-right:35px;
	color:#FFF;
	font-weight:bold;
}
a.indexkitchen {
	background:url(../img/kitchen.jpg) no-repeat;
	text-decoration:none;
	font-size:1.2em;
}
a:hover.indexkitchen {
	background-image:url(../img/kitchenhov.jpg);
}
a.indexcoffee {
	background:url(../img/coffeetable.jpg) no-repeat;
	text-decoration:none;
	font-size:1.2em;
}
a:hover.indexcoffee {
	background-image:url(../img/coffeetablehov.jpg);
}
a.indexfurniture {
	background:url(../img/furniture.jpg) no-repeat;
	text-decoration:none;
	font-size:1.2em;
	margin-right:0px;
}
a:hover.indexfurniture {
	background-image:url(../img/furniturehov.jpg);
}

a.indexbotnav .indexanchor {
	display:block;
	padding:4px 1px;
	background-color:#343434; /*needed or wont work in ie6 */
}
a:hover.indexbotnav .indexanchor {
	background-color:#4B4B4B;
	border:1px solid #666;
	display:block;
	padding:3px 0px;
}
/* These 2 classes control the text for the index page anchors (underneath the pictures)


											/* START OF THUMBNAILS SECTION */

#thumbnails {
	width:770px;
}
a.thumbnail {
	float:left;
	height:62px;
	margin-right:10px;
	padding:4px;
	width:60px;
	background-color:#343434; /* needed or ie6 messes up the layout for some weird reason */
}
a:hover.thumbnail {
	background-color:#4B4B4B;
}

.thumbcurrent a.thumbnail { background-color:#CDCDCD; }

.thumbcurrent a:hover.thumbnail { background-color:#F0F0F0; }

.coffeethumbs a.thumbnail {
	margin-right:20px;
}
.coffeethumbs a.margin19px {
	margin-right:19px;
}
#thumbnails.furniturethumbs {
	width:766px;
}
a.morefurniture1, a.morefurniture2 {
	display:block;
	float:left;
	width:56px;
	padding-top:3px;
	padding-left:3px;

}
a.morefurniture1 img, a.morefurniture2 img {
	border:0px;
	margin:1px;
}

a:hover.morefurniture1 {
	background:url(../img/moreitems1hov.gif) no-repeat;
	background-color:#343434;
	width:56px;
	display:block;
}
a:hover.morefurniture2 {
	background:url(../img/moreitems2hov.gif) no-repeat;
	background-color:#343434;
}

div#thumbnails a.marginright0px { margin-right:0px;}
/*Needed for coffee tables and kitchens. cant understand it doesnt work for furniture */

										/* START SECTION FOR BOTTOM NAVIGATION (KITCHENS, COFFEE TABLES, FURNITURE) */
											
#bottomnav {
	float:left;
	margin:22px 4px 0px 4px;
	display:inline; /*ie6 double margin bug */
}

a.bottomnav {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:1.2em;
	height:1.3em;
	margin:0px 12px 0px 0px;
	padding:4px 5px 3px 5px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
a:hover.bottomnav {
	background-color:#4B4B4B;
	border:1px solid #666;
	padding:3px 4px 2px 4px;
}

a.bottomnavcurrent {
	color:#222222;
	background-color:#CDCDCD;
	border:1px solid #666;
	padding:3px 4px 2px 4px;
}
a:hover.bottomnavcurrent { background-color:#F0F0F0; }

										/*START OF SECTION FOR LIST ITEMS */

#lefttext ul#materials {
	display:block;
	margin-top:5px;
	margin-left:11px;
	list-style:square;
	padding-left:0px;
}
										/*START SECTION OF PLAY SYMBOL */
#playtransparent, a.playvid {
	width:148px;
	height:148px;
	position:absolute;
	top:170px;
	right:193px
}

#playtransparent {
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	padding:1px
}
a.playvid {
	display:block;
	width:148px;
	height:148px;
	background-image:url(../img/play03.gif); /*Had to be background image or ie6 won't display the anchor at all*/
	border:1px solid #666666;
}

										/*START OF SECTION FOR TESTIMONIALS PAGE */
.testimonial {
	margin:10px 0px 0px 0px;
	background:url(../img/leftquote.gif) no-repeat;
	padding:0px 0px 8px 45px;
	font-style:italic;
	width:900px;
	float:left;
}
.rightquote {
	display:inline;
	padding:10px 15px 11px 14px;
	background-image:url(../img/rightquote.gif);
	font-size:1px;
	color:#343434;
	background-repeat:no-repeat;
}
.imgtest_click {
	margin: 2px 0px 0px 20px; 
	border:0; 
	vertical-align:bottom;
	text-align: right;
} 
										/*START OF SECTION FOR CONTACT US PAGE */
#contactusleft {
	width:352px;
	float:left;
}
#contactusright {
	width:600px;
	float:right;
}
#contactusright form {
	float:right;
}
.formitemneeded {
	color:#CC0000;
	font-weight:bold;
}
#formtable {
	margin-top:10px;
}
#formtable tr td {
	padding:1px 2px;
}
#formtable tr td input, #formtable tr td select {
	border:1px solid #990000;
}
#contactusleft a {
	color:#D76F6F;
}
#contactusleft a:hover {
	color:#D34545;
}
										/*START OF SECTION FOR PRESS PAGE */
.pressrow {
	margin-top:25px;
	background-color:#FFCC33;
	padding:3px 0px 4px 7px;
	border:1px solid #1E1E1E;
	background-color:#333333;
}
.pressitemtext, .pressitembox {
	width:227px;
	margin:0px 10px 0px 0px;
	float:left;
	text-align:center;
}
.pressitembox {
	margin-top:3px;
}
a.pressitemimg {
	display:block;
	width:225px;
	height:144px;
	border:1px solid #1E1E1E;
}
.marginright0px {
	margin-right:0px;
}
a#pi1 { background-image:url(../img/press01.jpg); }
a#pi2 { background-image:url(../img/press02.jpg); }
a#pi3 { background-image:url(../img/press03.jpg); }
a#pi4 { background-image:url(../img/press04.jpg); }
a#pi5 { background-image:url(../img/press05.jpg); }
a#pi6 { background-image:url(../img/press06.jpg); }
a#pi7 { background-image:url(../img/press07.jpg); }
a#pi8 { background-image:url(../img/press08.jpg); }

a:hover.pressitemimg {
	background-position:0px -144px;
}

#pressleft {
	width:337px;
	float:left;
}
a.pageanchor {
	color:#D76F6F;
}
a:hover.pageanchor {
	color:#D34545;
}
.pressimgbig {
	float:right;
	margin-left:15px;
	border:1px solid #1E1E1E;
}
.pressquote {
	width:337px;
	display:inline;
	margin-left:-45px;
	background:url(../img/leftquote.gif) no-repeat;
	padding:0px 0px 8px 45px;
	font-style:italic;
	float:left;
}
#npholder { /*holds next / previous in place */
	position:absolute;
	bottom:0px;
	left:0px;
	width:337px;
}
										/*START OF SECTION FOR THE PROCESS*/
.buyguidehead1 {
	color:#CCC;
	text-decoration:underline;
}
.buyguidehead {
	color:#CCC;
	font-weight:bold;
}
										/*START OF SECTION FOR PAYPAL PAGES*/
#paypalright {
	width:762px;
	height:240px;
	padding-top:120px;
	text-align:center;
	font-size:30px;
	background-image:url(../img/paypalbg.jpg);
	float:right;
}
#paypalleft {
	font-size:130%;
}
										/*START SECTION FOR DATA CREATIVE LINK		*/
#datacreative {
	float:right;
	margin:32px 10px 0 0;
	font-size:80%;
}
#datacreative2 {
	float:right;
	margin:107px 10px 0 0;
	font-size:80%;
	width:180px;
}
										/*START OF SECTION FOR IE6 BUG FIX */

#nextphotodiv,#photonumber,#clicktoplay,a.playvid {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; /*Very strange but ie6 needs this bit on transparency or it refuses to display the divs */
}