@charset "UTF-8";
/* CSS Document */

body {background-color: #7d7d92; margin: 0!important;}
a {font: Bold 12px/18px Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none}
p {padding: 0 0 15px 0; margin:0}
ul {list-style-type:none; padding: 0; margin: 0}
li {padding: 0; margin: 0}
em {font-style: italic; padding: 0; margin: 0}
h1 {font: normal bold 20px Arial, Helvetica, sans-serif; color: #FFF; padding: 0 0 15px 0; margin: 0}
h2 {font: bold 20px Arial, Helvetica, sans-serif; color: #FFF}
img {border: none}

/********** FOOTER A **********/

#footer a {font: bold italic 16px Arial, Helvetica, sans-serif}

#visit a		{font: bold 23px Arial, Helvetica, sans-serif; color:#FFF}
#visit a:hover	{font: bold 23px Arial, Helvetica, sans-serif; color: #f58049}


/********** PRIMARY NAVIGATION **********/

#navigation ul {font: bold 13px Arial, Helvetica, sans-serif}
#navigation ul li {display:inline; font: bold 13px Arial, Helvetica, sans-serif; color:#FFF; margin: 0 10px 0 0}
#navigation ul li a {font: bold 13px Arial, Helvetica, sans-serif; color:#FFF}
#navigation ul li a:hover {font: bold 13px Arial, Helvetica, sans-serif; color:#161628}
#navigation a:active {font: bold 13px Arial, Helvetica, sans-serif; color:#374075}
#navigation li#active a {font: bold 13px Arial, Helvetica, sans-serif; color:#161628}

#navigation2 ul {font: bold 13px Arial, Helvetica, sans-serif}
#navigation2 ul li {display:inline; font: bold 13px Arial, Helvetica, sans-serif; color:#FFF; margin: 0 10px 0 0}
#navigation2 ul li a {font: bold 13px Arial, Helvetica, sans-serif; color:#FFF}
#navigation2 ul li a:hover {font: bold 13px Arial, Helvetica, sans-serif; color:#374075}
#navigation2 a:active {font: bold 13px Arial, Helvetica, sans-serif; color:#374075}
#navigation2 li#active a {font: bold 13px Arial, Helvetica, sans-serif; color:#374075}

/********** TESTIMONIALS NAVIGATION **********/

#column2testimonials ul {font: 12px Arial, Helvetica, sans-serif}
#column2testimonials ul li {font: 12px Arial, Helvetica, sans-serif; display:inline; color:#f58049; margin: 0}
#column2testimonials ul li a {font: 12px Arial, Helvetica, sans-serif; color:#f58040}
#column2testimonials ul li a:hover {font: bold 12px Arial, Helvetica, sans-serif; color:#FFF}
#column2testimonials a:active {font: bold 12px Arial, Helvetica, sans-serif; color:#FFF}
#column2testimonials li#active a {font: bold 12px Arial, Helvetica, sans-serif; color:#FFF}


/********** CLASSES **********/

.bodytext {font: normal 12px/15px Arial, Helvetica, sans-serif; color: #FFF; margin: 0}
.arial {font: Arial, Helvetica, sans-serif}
.bold {font-weight: bold}
.orange {color: #f58049}
.white {color: #FFF}
.italic {font-style:italic}
.eleven {font-size: 11px; line-height: 16px}
.thirteen {font-size: 13px}
.fourteen {font-size: 14px}
.twenty {font-size: 20px}
.thirty {font-size: 30px}
.thirtythree {font-size: 33px; line-height: 36px}
.underline {text-decoration: underline}
.quote {font: italic 14px Arial, Helvetica, sans-serif; color: #f58040; text-align: right}
.right {text-align:right; padding: 0 0 0 50px}


/********** DIV STYLES **********/

#container {
	position:relative;
	width: 843px;
	margin: 0 auto 30px auto;
	background-color: #7d7d92;
}
#header { height: 141px; width: 843px; background-image:url(images/header-new.jpg)}
#contactgif { position:relative; height: 81px; width: 226px; margin: 0 0 0 572px; padding:32px 0 0 0} 
#headercontact { height: 81px; margin: 0; padding:44px 47px 18px 550px; display:none} 
#headercontact p {padding: 0; margin: 0;}
#title {margin: 25px 47px 0 47px; padding: 0}
#content { width: 843px; background-image:url(images/shadow-new.gif); background-repeat:repeat-y}
#contentdfkchallenge { width: 843px; background-image:url(images/shadow.gif); background-repeat:repeat-y}
#visit	{clear: both; margin: 30px 47px 20px 47px; padding: 0; font: bold 23px Arial, Helvetica, sans-serif; color:#FFF}
#fourthcraw {font: normal 10px Arial, Helvetica, sans-serif; color:#FFF; height: 30px; margin: 0 47px 10px 47px; padding: 0}
#contemporary, #shaker, #minimalist  {position: relative; margin: 0 47px 25px 47px; padding: 0}
#contemp-img, #minimalist-img {float: right; margin: 11px 0 0 20px; padding: 0}
#shaker-img {float: right; margin: 13px 0 0 20px; padding: 0}

#photo 			{clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px}
#photowhoweare 	{clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px; padding:0}
#photoourkitchens 	{clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px}
#photoinstallations {clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px}
#photovisitus 		{clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px}
#phototestimonials 	{clear: both; position:relative; height: 330px; width: 803px; margin: 0 0 0 20px}
#photodfkchallenge 	{clear: both; position:relative; width: 803px; background-color: #26264a; margin: 0 0 0 20px}

#navigation { clear: both; float: left; height: 24px; width:767px; background-image: url(images/navbar.gif); background-repeat:no-repeat; margin: 0 0 0 20px; padding: 8px 0 0 36px}
#dfkchallenge {clear:both; position:relative; width: 731px; margin: 0; padding: 36px}
#fixedprice { clear: both; position:relative; height: 135px; width: 264px; padding: 97px 0 0 0}
#footer { clear: both; position: relative; height: 48px; width: 747px; background-image:url(images/footer-new.jpg); background-repeat:no-repeat; font: bold 16px/18px Arial, Helvetica, sans-serif; color:#FFF; padding: 13px 48px 0 48px; display:inline-block}
#showroomfooter {float: right; width:450px; font: bold 16px/15px Arial, Helvetica, sans-serif; font-style: normal; text-align:right; color:#FFF; margin: -16px 0 0 0}

#column1 {float: left; width: 340px; margin: 25px 0px 10px 47px; padding: 0}
#column2 {float: right; width: 385px; margin: 25px 47px 10px 0; padding: 0}
#column1whoarewe {float: left; width: 385px; margin: 25px 0 10px 47px; padding: 0}
#column2whoarewe {float: right; width: 340px; margin: 63px 47px 10px 5px!important; padding: 0!important}
#column1ourkitchens {float: left; width: 300px; margin: 25px 0 10px 47px; padding: 0}
#column2ourkitchens {float: right; width: 432px; margin: 31px 47px 19px 0; padding: 0}
#column1installations {float: left; width: 385px; margin: 25px 0 10px 47px; padding: 0}
#column2installations {float: right; width: 340px; margin: 63px 47px 10px 5px; padding: 0}
#column1visitus {float: left; width: 385px; margin: 25px 0 10px 47px; padding: 0}
#column2visitus {float: right; width: 320px; margin: 63px 47px 10px 5px; padding: 0}
#column1testimonials {float: left; width: 557px; margin: 25px 0 10px 47px; padding: 0}
#column2testimonials {float: right; width: 170px; margin: 16px 47px 25px 0; padding: 0}
#column1dfkchallenge {float: left; width: 557px; margin: 12px 0 10px 47px; padding: 0}



#r1p1 {float: left; height: 82px; width: 96px; display: inline}
#r1p2 {float: left; height: 82px; width: 94px; display: inline}
#r1p3 {float: left; height: 82px; width: 92px; display: inline}
#r2p1 {float: left; height: 84px; width: 96px; display: inline}
#r2p2 {float: left; height: 84px; width: 94px; display: inline}
#r2p3 {float: left; height: 84px; width: 92px; display: inline}
#r3p1 {float: left; height: 82px; width: 96px; display: inline}
#r3p2 {float: left; height: 82px; width: 94px; display: inline}
#r3p3 {float: left; height: 82px; width: 92px; display: inline}
#r4p1 {float: left; height: 82px; width: 96px; display: inline}
#r4p2 {float: left; height: 82px; width: 94px; display: inline}
#r4p3 {float: left; height: 82px; width: 92px; display: inline}

#slidingdoor1 {float: left; height: 82px; width: 95px; display: inline}
#slidingdoor2 {float: left; height: 82px; width: 96px; display: inline}
#slidingdoor3 {float: left; height: 82px; width: 95px; display: inline}
#slidingdoor4 {float: left; height: 84px; width: 96px; display: inline}
#slidingdoor5 {float: left; height: 82px; width: 95px; display: inline}
#slidingdoor6 {float: left; height: 82px; width: 96px; display: inline}
#slidingdoor7 {float: left; height: 82px; width: 95px; display: inline}
#slidingdoor8 {float: left; height: 82px; width: 96px; display: inline}

/*************iframepositioner**************/ 

#iframecontainer {width: 521px; height: 330px; float:left; display: inline-block; margin: 0!important; padding:0;}
#iframecontainer2 {width: 611px; height: 330px; float:left; display: inline-block; margin: 0!important; padding:0;}
#iframepic {position:relative; width: 521px; height:330px; margin: 0; padding:0}


/********** UL AND LI STYLES **********/

#contemporary ul, #shaker ul, #minimalist ul 		{width: 328px; list-style:disc; margin: 0 0 15px 0; padding: 10px 0 7px 12px; background-color:#161628}
#contemporary li, #shaker li, #minimalist li 		{font: 12px Arial, Helvetica, sans-serif; color:#f58049; margin: 0 0 5px 12px; padding: 0}
#contemporary li b, #shaker li b, #minimalist li b	{font: 14px; color:#FFF}

#column1 ul 	{list-style:disc; margin: 0 0 15px 0; padding: 10px 0 7px 12px; background-color:#161628}
#column1 li	{font: 12px Arial, Helvetica, sans-serif; color:#f58049; margin: 0 0 5px 12px; padding; 0}
#column1 li b	{font: 14px; color:#FFF}

#column2 ul 	{list-style:disc; margin: 0 0 15px 0; padding: 10px 0 7px 12px; background-color:#161628}
#column2 li	{font: 12px Arial, Helvetica, sans-serif; color:#FFF; margin: 0 0 5px 10px; padding; 0}
#column2 b	{font: 14px; color:#FFF}

#title h1 	{font: normal bold 30px Arial, Helvetica, sans-serif; color: #FFF; padding: 0 0 25px 0; margin: 0}
#fourthcraw a 	{font: bold 10px Arial, Helvetica, sans-serif; color:#FFF}