body{
	margin:0;
	padding:0;
	background:#fff url(images/back1.jpg) repeat-x;
	text-align:center;
	font: 80% Tahoma, Arial, Helvetica, sans-serif;	
	color:#777;
	line-height:140%;
}
a{
	color:#cc0001;
	text-decoration:none;
}
a:hover{
	color:#999;
}
p, h1, h2, h3, h4{
	margin:1em 0;
	padding:0;
}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:100%;}
table, td, select, input, textarea, li{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;	
}
img{border:0;}
.hidden{display:none;}
.left{
	float:left;
	margin:0;
	margin-right:10px;
}
td.left{
	float:none;
	margin:none;
}
.right{
	float:right;
	margin:0;
	margin-left:10px;
}
table{
	width:100%;
	border:0;
	border-collapse:collapse;
}
th, td{
	border-collapse:collapse;
	padding:3px 5px;
}
th{
	background:#eee;
	text-align:left;
}
.package-th th{
	background:#7b7b7b;
	color:#fff;
	text-align:left;
}
td{
	border-bottom:1px solid #e3e3e3;
}
dl{
	margin:35px 0 .5em 0;
	padding:0;
	line-height:120%;
	position:relative;
}
dt{
	margin:0;
	padding:0 5px;
	background:#7b7b7b;
	color:#fff;
	text-align:left;
	font-weight:bold;
	height:19px;
	line-height:19px;
}
dt.sticker{
	position:absolute;
	right:10px;
	top:-32px;
	width:79px;
	height:51px;
	text-indent:-8000px;
}
dt#sticker1{background:transparent url(../_images/option1.gif) no-repeat 0 0;}
dt#sticker2{background:transparent url(../_images/option2.gif) no-repeat 0 0;}
dt#sticker3{background:transparent url(../_images/option3.gif) no-repeat 0 0;}
dd{
	margin:0;
	padding:3px 5px;
	border-bottom:1px solid #e3e3e3;
}
dd.first{
	background:#eee;
}
/* ---------------------------------- container ---------------------------------- */
#container{
	margin:0 auto;
	text-align:left;
	width:757px;
	position:relative;
}
h1#logo{
	position:absolute;
	left:15px;
	top:0px;
	margin:0;
	padding:0;
	background:url(images/logo.jpg) no-repeat 0 0;
	width:251px;
	height:64px;
	text-indent:-8000px;
}
h1#logo a{
	display:block;
	height:64px;
}
h1.mainpic{
	position:absolute;
	left:0px;
	top:65px;
	margin:0;
	padding:0;
	width:757px;
	height:70px;
	text-indent:-8000px;
}
.homepic{
	background:url(images/homeimage.jpg) no-repeat 0 0;
}
.comppic{
	background:url(images/complogo.jpg) no-repeat 0 0;
}
.kitchpic{
	background:url(images/kitchlogo.jpg) no-repeat 0 0;
}
.bedpic{
	background:url(images/bedlogo.jpg) no-repeat 0 0;
}
.sinkspic{
	background:url(images/sinkslogo.jpg) no-repeat 0 0;
}
.custpic{
	background:url(images/custlogo.jpg) no-repeat 0 0;
}
.bespokepic{
	background:url(images/bespokelogo.jpg) no-repeat 0 0;
}
.midrangepic{
	background:url(images/midrangelogo.jpg) no-repeat 0 0;
}
.bsakpic{
	background:url(images/bsaklogo.jpg) no-repeat 0 0;
}
.contactpic{
	background:url(images/contactlogo.jpg) no-repeat 0 0;
}
h1#logo_dpi{
	position:absolute;
	right:15px;
	top:0px;
	margin:0;
	padding:0;
	background:url(../_images/dpi_logo.gif) no-repeat 0 0;
	width:106px;
	height:64px;
	text-indent:-8000px;
}
h1#logo_dpi a{
	display:block;
	height:64px;
}
/* ---------------------------------- navigation ---------------------------------- */
#nav, #nav li{
	margin:0;
	padding:0;
	list-style:none;
	height:64px;
}
#nav li{
	display:inline;
	float:left;
	height:64px;
	line-height:64px;
	text-indent:-8000px;
	margin-left:10px;
}
#nav li a{
	display:block;
	height:64px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#nav li a:hover, #nav li a.selected{
	background-position:0 -64px;
}
li#nav1{padding-left:280px;width:78px;}
li#nav2{width:80px;}
li#nav3{width:80px;}
li#nav4{width:87px;}
li#nav5{width:87px;}

li#nav1 a{background-image:url(images/nav1.jpg);}
li#nav2 a{background-image:url(images/nav2.jpg);}
li#nav3 a{background-image:url(images/nav3.jpg);}
li#nav4 a{background-image:url(images/nav4.jpg);}
li#nav5 a{background-image:url(images/nav5.jpg);}

/* ---------------------------------- homepage ---------------------------------- */
#intro{
	margin:5px 0;
	width:503px;
	height:190px;
	background:url(../_images/intro.jpg) no-repeat 0 0;
	position:relative;
}
#intro h2{display:none;}
#intro .links{
	margin:0;
	position:absolute;
	left:343px;
	top:167px;
}
#intro .links a{
	display:block;
	float:left;
	text-indent:-8000px;
	width:70px;
	height:23px;
	line-height:23px;
	margin-right:5px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#intro .links a:hover{
	background-position:0 -23px;
}
#intro .links a#viewDemo{background-image:url(../_images/link_viewDemo.gif);}
#intro .links a#buyNow{background-image:url(../_images/link_buyNow.gif);}
#promo{
	position:absolute;
	left:508px;
	top:69px;
	width:249px;
	height:190px;
	color:#fff;
	line-height:120%;
	background:url(../_images/promo.gif) no-repeat 0 0;
}
#promo h2{display:none;}
#promo p{
	margin:100px 21px 0 21px;
	height:50px;
	overflow:auto;
	color:#4f5e23;
}
#promo .links{
	margin:0;
	position:absolute;
	left:164px;
	top:167px;
	overflow:hidden;
}
#promo .links a{
	display:block;
	float:left;
	text-indent:-8000px;
	width:70px;
	height:23px;
	line-height:23px;
	margin-right:5px;
	background:url(../_images/link_learnMore.gif) no-repeat 0 0;
}
#promo .links a:hover{background-position:0 -23px;}
/* content */
#home #content{
	margin-bottom:5px;
	background: url(../_images/boxes_back.gif) repeat-y;
}
#page #content{margin-top:5px;}
h2.imageTitle{
	margin:0;
	padding:0;
	height:29px;
	line-height:29px;
	text-indent:-8000px;	
}
h2#titlePro{background:url(../_images/title_pro.gif) no-repeat 0 0;}
h2#titleLite{background:url(../_images/title_lite.gif) no-repeat 0 0;}
h2#titleCms{background:url(../_images/title_cms.gif) no-repeat 0 0;}
h2#titleAccessfaq{background:url(../_images/title_accessfaq.gif) no-repeat 0 0;}
h2#titleEcommerce{background:url(../_images/title_ecommerce.gif) no-repeat 0 0;}
.col1{
	margin-left: 10px;
  width:120px;
  padding-top: 80px;
	position:relative;	
}
.col2{
	width:405px;
  padding-top: 80px;
	position:relative;	
}
.col3{
	width:200px;
  padding-top: 90px;
	position:relative;	
}
#home .col1{
	float:left;
	display:inline;
	min-height:150px;
}
#home .col2{
	float:left;
	display:inline;
	min-height:150px;
}
#home .col3{
	float:left;
	display:inline;
	min-height:150px;
}
* html #home .col{height:150px;}
#page .col{background: url(../_images/boxes_back.gif) repeat-y;}
#home #content .second{margin:0 5px;}
.col2 p{
	margin:0px 0px;
	padding-bottom:30px;
}
.col p.links{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url(../_images/col_bottom.gif) no-repeat 0 100%;
}
.col p.links a{
	display:block;
	text-indent:-8000px;
	margin-left:189px;
	margin-bottom:5px;
	width:45px;
	height:16px;
	line-height:16px;
	background:url(../_images/col_more.gif) no-repeat 0 0;
}

#home #news, #home #news li{
	margin:0;
	padding:0;
	list-style:none;
}
#home #news{
	float:right;
	width:503px;
	padding-top:23px;
	background: url(../_images/news_back.gif) no-repeat 0 0;
}
#home #news li{
	line-height:22px;
	margin-bottom:1px;
	background:#eee url(../_images/news_list.gif) no-repeat 15px 5px;
	padding-left:38px;
}
#home #news li a{color:#777;}
#home #news li a:hover{color:#333;}
#home .banner{
	float:left;
	margin:0;
}
/* ---------------------------------- subpages ---------------------------------- */
#main h2, #main h3, #main h4{
	margin:0;
	padding:0;
	line-height:22px;
	text-indent:5px;
	font-size:100%;
	margin-bottom:1em;
	color:#777;
	clear:both;
}
#mainfull h2, #mainfull h3, #mainfull h4{
	margin:0;
	padding:0;
	line-height:22px;
	text-indent:5px;
	font-size:100%;
	margin-bottom:1em;
	color:#777;
	clear:both;
}
#page #content ul, #page #content li{
	margin:0;
	padding:0;
	list-style:none;
}
#page #content ul{margin:1em 0;}
#page #content li{
	margin:.1em 0;
	padding-left:30px;
	background: url(../_images/arrow.gif) no-repeat 15px .5em;
}
/* ---------------------------------- main ---------------------------------- */
#main{
	float:left;
	display:inline;
	width:503px;
  margin-top: 80px;
}
#page #content #main h2{background:#cc0001;text-transform:uppercase;}
#page #content #main h2.second{background:#95ad47;}
#page #content #main h2.third{background:#f69802;}
#page #content #main h3{background:#eee;color:#777;}
#page #content #main h4{background:none;color:#777;text-indent:0;margin:.5em 0}
/* ---------------------------------- main full---------------------------------- */
#mainfull{
	float:left;
	display:inline;
	width:735px;
  margin-top: 80px;
	margin-left:5px;
}
#page #content #mainfull h2{background:#cc0001;text-transform:uppercase;}
#page #content #mainfull h2.second{background:#95ad47;}
#page #content #mainfull h2.third{background:#f69802;}
#page #content #mainfull h3{background:#eee;color:#777;float:right;}
#page #content #mainfull h4{background:none;color:#777;text-indent:0;margin:.5em 0}
/* ---------------------------------- side ---------------------------------- */
#side{
	float:left;
	display:inline;
	margin-left:5px;
  margin-top: 75px;
	width:249px;
}
/* ---------------------------------- footer ---------------------------------- */
#footer{
	background:url(images/footer_back.gif) repeat-x;
	height:111px;
	text-align:center;
	margin-top:10px;
	padding-top:2px;
}
#footer p{
	margin:0 auto;	
	width:757px;
	background:#7b7b7b url(../_images/footer_p_back.gif) repeat-x;
	color:#fc6;
	padding:1em 0;
}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
/* ---------------------------------- float fix ---------------------------------- */
#content:after, #container:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content, #container{display: block;}
/* Hides from IE-mac \*/
#content, #container{min-height:1%;}
* html #content, * html #container{height: 1%;}
#content, #container{display: block;}
/* End hide from IE-mac */
/* end float fix */

/* ---------------------------------- forms ---------------------------------- */
form	{
	margin: 2em 0 0 0;
}
dl#error-msg	{
	margin: 2em 0 1em	0;
	padding: 0;
}
dl#error-msg dt, dl#error-msg dd	{
	margin: 0;
	font-size:  75%;
	line-height: 140%;
	color: #ba1c22;
}
dl#error-msg dt	{
	position: relative;
	font-weight: bold;
	padding: 0;
	margin-bottom: .6em;
}
dl#error-msg dd	{
	position: relative;
	margin: 0;
	padding: 0;
}
form label	{
	color: #A12E31;
	margin: 0 0 .2em 0;
	clear: both;
	display: block;
}
.sumbit-btn {
	clear: left;
	margin: 0 0 9px;
}
.input-txt,
.txt-area {
	float: left;
	clear: right;
	border: 1px solid #D9D9D9;
	margin: 0 0 9px;
}
.input-txt input,
form label,
.txt-area textarea {
	font: normal 100% Arial, Verdana, Helvetica, sans-serif;
}
.input-txt input,
.txt-area textarea {
	background-color: #FFF;
	color: #333;
	border: 1px #C5C5C5 solid;
	border-bottom: 1px #E0E0E0 solid;
	border-top: 1px #909090 solid;
	padding: 2px !important;	/* FOR COMPETENT BROWSERS */
	padding: 0 2px 3px;			/* IE PC */
	margin: 1px !important;		/* FOR COMPETENT BROWSERS */
	margin: 0 1px;				/* IE PC */
}
.input-txt input	{
	width: 200px;
}
.txt-area textarea {
	width: 350px;
}