@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFF;
	
}
a {
	color:#FFF;
	text-decoration:none;
	background:none;
}
a:hover {
	color:#111;
	background:none;
}
p {
	margin:0px;
	padding:0px;
}
h1 {
	color:#ee2e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-top:0px;
}
h6 {
	color:#ee2e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin-bottom:10px;
	margin-top:0px;
}
h2 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px;
	padding-top:10px;
	
}
.blurg{
	position:relative;
	float:left;
	background:url(images/pngblocker.png);
	border:thick 4px #000;
	margin-top:-340px;
	margin-left:220px;
	width:400px;
	height:305px;
	z-index:3000;
	cursor:pointer;
}
#backer{z-index:0;}
#overlay {
	position:relative;
	height:335px;
	width:70px;
}
.contactbit {
	color:#053173;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight:100;
}
.imager {
	width:835px;
	height:335px;
	z-index:1000;
}
.tableclass {
	height:18px;
}
h3 {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:100;
	margin:0px;
	padding-bottom:10px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight:bold;
	margin:0px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:100;
}
.content {
	width:100%;
	height:682px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.content2 {
	width:100%;
	height:962px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.contentGall {
	width:100%;
	height:602px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
}
.contentTest {
	width:100%;
	height:932px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.contentAbout {
	width:100%;
	height:832px;
	background:url(bg.jpg) #fff;
	background-repeat:repeat-x;
	
	
}
.contentApp {
	width:100%;
	height:792px;
	background:url(bg.jpg) #fff;
	background-repeat:repeat-x;
	
	
}
.contentFurn {
	width:100%;
	height:1282px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.contentKit {
	width:100%;
	height:1382px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.contentMason {
	width:100%;
	height:1432px;
	background:url(bg.jpg) #FFF;
	background-repeat:repeat-x;
	
	
}
.contentEco {
	width:100%;
	height:1182px;
	background:url(bg.jpg);
	background-repeat:repeat-x;
	
	
}
.contentOx {
	width:100%;
	height:3182px;
	background:url(bg.jpg);
	background-repeat:repeat-x;
	
	
}
.sideBox{
	width:272px;
	padding-left:20px;
	padding-right:20px;
	height:375px;
	background:url(images/sidebox.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:16px;
}
.sideBoxSkin{
	width:284px;
	padding-left:20px;
	padding-right:20px;
	height:375px;
	background:url(images/sidebox_lee.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:16px;
}
.sideGall{
	width:284px;
	padding-left:20px;
	padding-right:20px;
	height:150px;
	background-repeat:no-repeat;
	float:right;
	margin-right:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:16px;
}

.bodyText{
	width:700px;
	height:540px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	float:left;
	padding-left:30px;
	line-height:19px;
}
.bodyTextSkin{
	width:700px;
	height:940px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	float:left;
	padding-left:30px;
	line-height:19px;
}
.bodyTextProduct{
	width:700px;
	height:1140px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	float:left;
	padding-left:30px;
	line-height:19px;
}
.leftcolProduct {
	width:300px;
	padding:10px;
	padding-top:0px;
	height:1070px;
	float:left;
}
.rightcolProduct {
	width:300px;
	padding:10px;
	padding-top:0px;
	height:1070px;
	float:right;
	margin-right:30px;
}
.leftcol {
	width:300px;
	padding:10px;
	padding-top:0px;
	height:220px;
	float:left;
	line-height:18px;
}
.leftcol2 {
	width:450px;
	padding:10px;
	padding-top:0px;
	height:220px;
	float:left;
	clear:right;
	line-height:18px;
}
.leftcol3 {
	width:260px;
	padding:10px;
	padding-top:0px;
	height:200px;
	float:left;
	line-height:18px;
}
.leftcol4 {
	width:230px;
	padding:10px;
	padding-top:0px;
	height:200px;
	float:left;
	line-height:18px;
}
.leftcol5 {
	width:230px;
	padding:10px;
	padding-top:0px;
	height:400px;
	float:left;
	line-height:18px;
}
.cell{
	width:300px;
	height:230px;
}
.cellmid{
	width:300px;
	height:220px;
}
.cellsmall {
	width:300px;
	height:190px;
}
.celllonger {
	width:300px;
	height:320px;
}
.imageCell {
	width:100px;
	float:left;
}
.contentCell {
	width:200px;
	float:right;
}
.rightcol {
	width:300px;
	padding:10px;
	height:470px;
	float:right;
	margin-right:30px;
	padding-top:0px;
}
.leftcolSkin {
	width:300px;
	padding:10px;
	padding-top:0px;
	height:870px;
	float:left;
}
.rightcolSkin {
	width:300px;
	padding:10px;
	height:870px;
	float:right;
	margin-right:30px;
	padding-top:0px;
}
.whitebit{
	width:100%;
	height:2px;
	background:#FFF;
}
.flashCont{
	width:1100px;
	float:left;
	z-index:1;
}
img {
	border-style:none;
}
.contact {
	width:490px;
	height:570px;
}
.footer{
	height:356px;
	width:100%;
	padding-bottom:2%;
	background:url(bottomsliv.jpg) #ea0a00;
	background-repeat:repeat-x;
}
.gallhead{
	width:100%;
	height:89px;
}
.galltext{
	width:815px;
	padding:10px;
	height:450px;
}
.galltextext{
	width:815px;
	padding:10px;
	height:780px;
}
.gallthumb{
	width:251px;
	height:165px;
	float:left;
	padding:10px;
}
.testrow{
	width:510px;
	height:145px;
	background:#EEE;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	float:right;
	margin:10px;
	padding:10px;
	margin-left:0px;
}
.testext{
	padding-bottom:20px;
}
.testext2{
	padding-bottom:5px;
}
.testext3{
	padding-bottom:0px;
}
.testext4{
	padding-bottom:35px;
}
.testimg {
	width:100px;
	height:21px;
	text-align:right;
	padding-top:20px;
	float:right;
}
.testimg2 {
	width:100px;
	height:21px;
	text-align:right;
	margin-top:-10px;
	float:right;
}
.testimg3 {
	width:100px;
	height:21px;
	text-align:right;
	margin-top:5px;
	float:right;
}
.textfooter {
	width:835px;
	height:204px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px auto;
	color:#FFF;
}
.numbers{
	color:#E00;
	font-size:12px;
	width:800px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
.numbers a{
	color:#000;
	padding-left:10px;
}
.numbers a:hover{
	color:#E00;
	padding-left:10px;
}
.cellfooter {
	width:240px;
	padding-left:40px;
	height:184px;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	line-height:19px;
	color:#FFF;
	font-weight:bold;
}
.celltwitter {
	width:250px;
	padding-left:20px;
	height:184px;
	padding-top:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	line-height:17px;
	color:#FFF;
	clear:right;
}
.tweetbox {
	height:80px;
	width:200px;
}
.facebooker {
	width:260px;
	height:70px;
}
.faceleft {
	width:190px;
	padding-top:7px;
	float:left;
}
.textservices {
	width:784px;
	height:640px;
	padding-right:41px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px auto;
	color:#999;
}
.textabout {
	width:835px;
	height:1140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px auto;
	color:#999;
}
.blog {
	font-size:11px;
	float:right;
	width:670px;
}

.bodyContent{
	width:835px;
	height:640px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContent2{
	width:835px;
	height:920px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentGall{
	width:835px;
	height:560px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentTest{
	width:835px;
	height:890px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentAbout{
	width:835px;
	height:790px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentApp{
	width:835px;
	height:750px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentFurn{
	width:835px;
	height:1240px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentKit{
	width:835px;
	height:1400px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentEco{
	width:835px;
	height:1100px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentOx{
	width:835px;
	height:3100px;
	background-color:#FFF;
	margin: 0 auto;
}
.bodyContentProduct{
	width:1100px;
	height:2000px;
	background-color:#FFF;
	margin: 0 auto;
}
.menu {
	width:100%;
	background:url(menusliv.jpg);
	height:42px;
}
.leftbit {
	width:400px;
	height:280px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit6 {
	width:795px;
	height:280px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit6 a {
	color:#000;
}
.leftbit2 {
	width:795px;
	height:420px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit7 {
	width:795px;
	height:380px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit3 {
	width:795px;
	height:870px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit4 {
	width:795px;
	height:1040px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit8 {
	width:795px;
	height:600px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit9 {
	width:795px;
	height:2740px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.leftbit5 {
	width:795px;
	height:740px;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.rightbit {
	width:350px;
	height:280px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	float:left;
}
.menumid {
	width:835px;
	margin:0px auto;
	height:42px;
	text-align:right;
}
.titleBit {
	margin:0px;
	padding:0px;
}
#menuList li{
	list-style:none;
	margin:0;
	padding:0;
}
/* tabs
*************************/
#sddm
{	margin: 0;
	padding: 0;
	float:right;
	z-index: 30}

#sddm li
{	margin: 0;
	height:42px;
	padding: 0;
	list-style: none;
	float: left;
	font: 10px arial;
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding:0;
	padding-top:12px;
	width: 81px;
	height:30px;
	color: #777;
	text-align: center;
	text-decoration: none;
	
	}
#contact {
	display: block;
	margin: 0 1px 0 0;
	padding:0;
	padding-top:10px;
	width: 108px;
	height:32px;
	color: #111;
	text-align: center;
	text-decoration: none;
	}
#contact a:link {
	width: 108px;
}

#sddm li a:hover
{	background:#111;
	color:#FFF;}

#contact a:hover {
	background:#111;
	width: 108px;
	}
#lister a:hover {
	background:#111;
	}
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	z-index:4000;
	background:#111;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding:0px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		background:url(images/square.png);
		height:23px;
		width: 250px;
		white-space: nowrap;
		text-align: left;
		vertical-align:middle;
		text-decoration: none;
		color: #777;
		font: 10px arial}

	#sddm div a:hover
	{	
		background:#333;
		color: #FFF}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font: 12px Arial, Helvetica, sans-serif; background-color:#FFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }