/* =============== 
CSS styles for Hartmark.com
Copyright 2009 Matthew J Baker http://www.mjbaker.com
=============== */

/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
:focus { outline:none; }
html, body {
	height: 100%;
}



/* End CSS Reset */

/* General Styles */


#total { background-color:#000e17; width:100%; height:100%; }

#totalc { background-color:#FFF; background-image:url(../img/bgCtile.jpg); background-repeat:repeat-x; background-position:top left; width:100%; height:100%;  }

#totalt { background-color:#000; width:100%; height:100%;  }

#container { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -501px; width:960px; }

#containerC { width:960px; height:162px; margin:0 auto; }

#containerCb { width:960px; margin:0 auto;  }

#headC { width:100%; height:55px; position:absolute; top:0px; left:0px; background-color:#111; z-index:3; padding-top:20px; border-bottom:1px solid #333; }

#headT { width:100%; height:71px; position:absolute; top:0px; left:0px; background-color:#111; z-index:3; padding-top:10px; border-bottom:1px solid #333; }

.floatleft { float:left; }

.floatright { float:right; color:#585858; font-size:12px; letter-spacing:-1px; padding-right:30px; padding-top:8px; }

* { font-family: Arial, Helvetica, clean, sans-serif; color:#000; }

p { font-size:14px; line-height:1.4em; letter-spacing:.05em; }

h1 { font-size:30px; font-weight:bold; padding-bottom:15px;  }

h2 { font-size:14px; font-weight:lighter; }

/* End General Styles */

/* Header Styles */

#logo { width:178px; height:42px; background-image:url(../img/wlogo-trans.png); background-repeat:no-repeat; background-position:top left; margin:0 auto; }

#logoC {  }

#logoT {  }

#logoT img { display:block; margin:0 auto; margin-top:0px; }

#logoC img { display:block; margin:0 auto; margin-top:0px; }

#headerC img {   }

#tabsC { position:absolute; bottom:0px; right:0px; text-transform:uppercase; height:25px;  }

#tabsC a { padding-top:5px; }

.tab {   padding-right:7px; padding-left:7px; float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#808080;  text-decoration:none; text-align:center;  }

.tab:hover { color:#FFF; }

.tabsel { width:112px; height:25px; float:left; display:block;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#111;  text-decoration:none; background-image:url(../img/tab.jpg); background-repeat:no-repeat; background-position:top left; text-align:center; font-weight:bold; margin-right:5px; margin-left:5px; }




/* End Header Styles */

/* Body Styles */

/* Footer */

#logomar { width:10px; height:6px; margin:0 auto; margin-top:10px; }

#footer { width:960px; height:200px; margin:0 auto; margin-top:75px; }

.footerLink { float:left; padding-right:25px; height:20px;  }

.footerLink a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; font-size:12px; color:#333; text-decoration:none; }

/* End Footer */

/* Contact Page */

#success { color:#06F; font-size:12pt; }

#conLeftbox { width:583px; float:left; color:#f4f1f1; text-align:left; }

#conLefthead { width:470px; height:30px; border-bottom:1px solid #333; font-size:18px; color:#f4f1f1; }

.conForm { width:470px; height:50px; float:left; margin-top:20px;   }

.conForm span { font-size:14px; color:#f4f1f1; }

.conForm input[type=text] { margin-top:10px; width:420px; height:27px; background-color:#111; border:1px solid #333; font-size:18px; color:#CCC; padding-top:3px; padding-left:5px; font-weight:bold; }

input .btn { width:110px; height:35px; background-color:#111; font-size:18pt; text-align:center; padding-top:10px; }

.conForm div:focus { background-color:#111; }

.conFormbutton { float:left; width:433px; height:34px; margin-top:35px; }

.conFormbutton input { float:right; }

#conRightbox { width:357px; float:left; color:#f4f1f1; text-align:left; }

.imgtop { margin-top:35px; }

#conRighthead { width:390px; height:30px; border-bottom:1px solid #333; font-size:18px; color:#f4f1f1; }

#conRightdetails { margin-top:15px;  }

.conRightitem { margin-top:10px; font-size:14px; position:relative; }

.conRightitemRight { margin-left:90px; color:#f4f1f1; display:block; }

.conRightitemRight img { padding-right:3px; }

.conRightitemLeft { color:#a0a0a0; position:absolute; top:0px; left:0px; }

.clearboth { clear:both; }

/* End Contact Page */

/* Begin Doors stuff */

.doorTable { width:175x; float:left; }

.doorTable img { margin-left:25px; }

.jqzoom img { border:none; }

.doorImage1 {  padding-top:15px; }

#doorImage { width:480px; height:450px; float:left; }

#doorImage img { border:none; margin-left:40px;  }

.margintop { margin-top:35px; }

.productsDoor { width:235px; height:300px; display:block; float:left; text-align:left; }

.productsDoor img { margin-left:53px; margin-top:20px; }

.productsDoor p { clear:both; font-size:14px; color:#333; padding-top:5px; text-align:center; padding-right:15px; }

.tbdoor { border:1px #111 solid; font-family:Arial, Helvetica, sans-serif; float:left; }

.tbdoor th { font-size:12px; color:#d0d0d0; font-weight:bold; padding:5px 8px; text-transform:uppercase; background-color:#111; }

.tbdoor td { font-size:18px; color:#ff0000; padding:8px; border-right:1px #111 solid; }

.tbdoor1 { border:1px #111 solid; font-family:Arial, Helvetica, sans-serif; float:left; }

.tbdoor1 th { font-size:12px; color:#d0d0d0; font-weight:bold; padding:5px 8px; text-transform:uppercase; background-color:#111; }

.tbdoor1 td { font-size:18px; color:#ff0000; padding:5px; }

#doorInfo { float:left; margin-top:25px; }

.tinyDoors { padding:24px; display:inline; }

.pdfbuttondoor { width:247px; height:60px; padding-left:35px; float:left; display:inline;  }

.alternateDoors { clear:both; float:left; margin-top:25px; }

/* End Doors stuff */



#center { margin:0 auto; width:100%; height:100%; }

.roomsel { width:300px; margin:10px; display:block; float:left; }

.roomsel img { clear:both;  }

.roomsel a { width:300px; margin-top:10px; text-align:center; text-decoration:none; color:#cacaca; font-family:Gill Sans, Arial, Sans Serif; font-size:16px; }

#gateway { width:960px; height:450px; margin-top:50px; float:left; background-image:url(../img/gatewayBG.png); background-repeat:no-repeat; background-position:top left; overflow:hidden; position:relative;  }

#gateway:hover { cursor:pointer; }

#Gtrad { position:absolute; top:9px; left:8px; height:425px; width:471px; background-image:url(../img/gatewayT.jpg); background-repeat:no-repeat; background-position:left top; opacity:50;  }

#Gcont{ position:absolute; top:9px; right:9px;;  height:425px; width:471px; background-image:url(../img/gatewayC.jpg); background-repeat:no-repeat; background-position:right top; opacity:50; }

#gatewayText1 { width:680px; margin-top:400px; text-align:center; color:#FFF; font-size:25px; font-family: Georgia, "Times New Roman", Times, serif; visibility:hidden;  }
#gatewayText2 { width:680px; margin-top:400px; text-align:center; color:#FFF; font-size:25px; font-family:Helvetica Neue, Helvetica, Clean; visibility:hidden;  }

.crumbsCL { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px; color:#111; float:left;  }
.crumbsCR { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#111; float:right; text-transform:capitalize; margin-top:12px; }
.crumbsCR a { text-decoration:none; padding-left:10px;  }
.crumbsCR a:hover { color:#00baff; }
#crumbsC { width:960px; min-height:400px; margin:0 auto; margin-top:150px; margin-bottom:25px; }

#breadcrumbs { width:960px; margin:0 auto; margin-top:20px; }

#Cmenu { margin:0 auto; visibility:hidden; width:960px; margin-top:10px;  }

#Cmenu a { display:block; text-transform:uppercase; float:left; padding-top:10px; padding-right:45px; font-family:Arial,"Trebuchet MS", Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#E0E0E0; }

#Cmenu a:hover { color:#FFF; }

#Cmenu2 { clear:left; margin:0 auto; visibility:hidden; width:960px;   }

#Cmenu2 a { display:block; text-transform:uppercase; float:left; padding-top:10px; padding-right:35px; font-family:Arial,"Trebuchet MS", Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#E0E0E0; }

#Cmenu2 a:hover { color:#FFF; }

#Tmenu { margin:0 auto; visibility:hidden; width:960px; margin-top:0px;  }

#Tmenu a { display:block; text-transform:uppercase; float:left; padding-top:10px; padding-right:45px; font-family:Gill Sans, Arial, Sans serif; font-size:10px; text-decoration:none; color:#E0E0E0; }

#Tmenu a:hover { color:#FFF; }

#Tmenu2 { clear:left; margin:0 auto; visibility:hidden; width:960px;   }

#Tmenu2 a { display:block; text-transform:uppercase; float:left; padding-top:10px; padding-right:35px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; color:#E0E0E0; }

#Tmenu2 a:hover { color:#FFF; }

/* Products Styles */

.productCicon { width:159px; height:318px; float:left; text-align:center;  }

.productCicon a { text-decoration:none; font:Arial, Helvetica, sans-serif; font-size:18px; }

.productCicon a:hover { color:#00baff; }

.linkCsel { color:#00baff; }

#load { width:32px; height:32px; position:absolute; top:50%; left:50%; visibility:hidden; background-image:url(../img/ajax.gif); background-repeat:no-repeat; background-position:top left; }

/* =====================================
========================================
===== Styles for Cont Frontpage ========
========================================
======================================*/

#CbutG { display:block; height:27px; width:89px; background:transparent url(../img/buttons/gallerysprite.jpg) 0px 0px no-repeat; float:left; }

#CbutSS { display:block; height:27px; width:109px; background:transparent url(../img/buttons/slideshowsprite.jpg) -218px 0px no-repeat; float:left; }

#CbutA { display:block; height:27px; width:49px; background:transparent url(../img/buttons/allsprite.jpg) -98px 0px no-repeat; float:right; }

#CbutB { display:block; height:27px; width:78px; background:transparent url(../img/buttons/bathssprite.jpg) 0px 0px no-repeat; float:right; }

#CbutK { display:block; height:27px; width:105px; background:transparent url(../img/buttons/kitchenssprite.jpg) 0px 0px no-repeat; float:right; }




/* =====================================
========================================
==== End Styles for Cont Frontpage =====
========================================
======================================*/







/* fader */

#Cgallery2 {  }

ul#Cgallery2 li img{

	
}



#Cpagecontent { width:100%; height:100%; overflow:hidden; text-align:center;  }

#960c { margin:0 auto; width:960px;  }

.fade{
	
}

.fade p{
	
	text-align: center;
	width: 100%;
	background: #fff;
}
/* end fader */


/* End Styles */

/* End Body Styles */

/* Footer Styles */
/* End Footer Styles */