html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{ quotes:none}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}

body{ font-family:Arial, Helvetica, sans-serif}

.cl{ clear:both; height:0; overflow:hidden}

.main,
.header-wrapper,
.black-border,
.page-container-wrapper,
.home-left,
.home-right,
footer.main-footer,
.content,
.list-accessories,
.list-accessories li,
.list-flooring,
.list-flooring li,
.contact-left,
.contact-right,
.contact-left label,
.input-txt,
.actions{
	float:left
}

.container{ width:922px; margin:0 auto}
.main,.page-container-wrapper{ width:100%}
.header-wrapper{width:100%; background-color:#175286; padding:35px 0 0}
.black-border{width:100%; background-color:#231f20; color:#fff; text-align:right; font-size:24px; font-style:italic; padding:10px 0}
.header-wrapper .container{ position:relative}
.logo{ position:absolute; left:0; top:-34px}


.ddsmoothmenu{ float:right; font-weight:bold; font-size:14px; text-transform:uppercase; clear:both; margin:35px 0 0}
.ddsmoothmenu ul{z-index:100; margin:0; padding:0; list-style-type:none}
.ddsmoothmenu ul li{position:relative; display:inline; float:left; margin:0 6px 0 0}
.ddsmoothmenu ul li.last{ margin-right:0}
.ddsmoothmenu ul li a{display:block; background:#8ba8c2; color:white; padding:10px 22px; color:#fff; text-decoration:none}
* html .ddsmoothmenu ul li a{display:inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color:white}
.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a.active{background:#0d3455 !important; color:white}
.ddsmoothmenu ul li a:hover{background:#0d3455; color:white}
.ddsmoothmenu ul li ul{position: absolute; left:-3000px; display:none; visibility:hidden; width:100% !important}
.ddsmoothmenu ul li ul li{display:list-item; float:none; margin:1px 0 0}
.ddsmoothmenu ul li ul li ul{top:0}
.ddsmoothmenu ul li ul li a{display:block; padding:6px 22px; margin:0;}
* html .ddsmoothmenu{height:1%}
.downarrowclass{display:none}
.rightarrowclass{display:none}
.ddshadow{ position:absolute; left:0; top:0; width:0; height:0; background-color:transparent}
.toplevelshadow{ margin:5px 0 0 5px; opacity:0}
.ddcss3support .ddshadow.toplevelshadow{margin:0}
.ddcss3support .ddshadow{background-color: transparent}

.page-container-wrapper{ padding:15px 0; background:#0d3455;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0d3455), to(#175286)); 
background:-webkit-linear-gradient(#0d3455, #175286);
background:-moz-linear-gradient(#0d3455, #175286);
background:-ms-linear-gradient(#0d3455, #175286);
background:-o-linear-gradient(#0d3455, #175286);
background:linear-gradient(#0d3455, #175286);
-pie-background:linear-gradient(#0d3455, #175286);
}


.home-left{ width:450px; height:482px; background-color:#fff; margin:0 15px 0 0; display:block}
.home-right{ width:397px; height:462px; padding:20px 30px 0; background-color:#fff; position:relative}
.home-right h1{ color:#c9252b; font-size:22px; font-weight:bold; margin:0; padding:0 0 25px}
.home-right p{ font-size:14px; line-height:20px; padding:0 0 20px}
.home-right h2{ text-align:center; font-size:14px; line-height:20px; color:#8ba8c2; text-transform:uppercase; font-weight:200; padding:0 0 20px}
.home-right h2 strong{ font-weight:bold}
.home-right footer{ position:absolute; left:0; bottom:0; right:0; text-align:center; background-color:#8ba8c2; height:73px; padding:20px 0 0}
.home-right footer h3{ color:#333; font-size:16px; font-weight:bold; padding:0 0 10px}
.home-right footer p{ font-size:12px; color:#fff}
.home-right footer p a{ display:inline-block; color:#fff; padding:0 10px; text-decoration:none; font-weight:bold}
.home-right footer p a:hover{text-decoration:underline}
footer.main-footer{ width:100%; background-color:#8ba8c2; padding:20px 0 50px; color:#fff; font-size:14px; line-height:18px}

.content{ width:100%; background-color:#fff}
.content_space{ padding:30px}
.content_space2{ padding:30px 80px}
.img-header{ width:100%; margin:0; padding:0; position:relative}
.img-header img{ width:100%}
.img-header figcaption{ position:absolute; left:0; bottom:0; right:0; background:url(../images/titlebg.png) repeat-y 0 0;
font-size:41px; padding:20px 25px}
.content p{ font-size:14px; line-height:20px; padding:0 0 25px}

.list-accessories, .list-flooring{ width:100%}
.list-accessories li{ list-style-type:none; width:30%; padding:0 3% 0 0;}
.list-accessories li img{ width:100%; float:left; max-width:240px; padding:0; background-color:#efedee}
.list-accessories li h3{ font-size:15px; clear:both; font-weight:bold; color:#0d3455; padding:20px 0}
.list-accessories li p{ font-size:13px}
.content p.link-viewchart{ padding:15px 0 0; clear:both}
.link-viewchart a{ color:#0d3455; text-decoration:none}
.link-viewchart a:hover{ text-decoration:underline}
.list-flooring li{ width:16%; padding:1%; border:1px solid #cccccc; margin:0 1% 2% 0; position:relative;
box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; -moz-box-shadow:2px 2px 2px #ccc;
-ms-box-shadow:2px 2px 2px #ccc; -o-box-shadow:2px 2px 2px #ccc}
.list-flooring li figure{ width:100%; position:relative}
.list-flooring li img{ width:100%}
.list-flooring li figcaption{ position:absolute; left:0; bottom:0; right:0; background:url(../images/transbg.png) repeat 0 0; color:#fff; font-size:12px; font-weight:bold; text-align:center; padding:7px 3px; line-height:12px}
.bluetxt{ color:#11416a}
.list-accessories li{ min-height:420px}


.contact-title{ color:#175286; font-size:25px; padding:0 0 30px}
.contact-left{ width:65%; margin:0 5% 0 0; border-right:2px solid #8ba8c2}
.contact-right{ width:28%}
.content .contact-right p{font-size:16px; line-height:21px; color:#333}
.content .contact-right p.bluetxt2{ color:#175286}
.bluetxt2 a{color:#175286; text-decoration:none}
.bluetxt2 a:hover{ text-decoration:underline}
.content .thankyou-msg{text-align:center; background-color:#e3f7c2; border:1px solid #b7e17f; width:100%; padding:20px 0}
.content .thankyou-msg span{ font-size:25px}
.contact-left .cl{ height:10px}
.contact-left label{ width:20%; font-size:17px; padding:3px 0 0}
.contact-left label.error{color:#FF0000; float:left; font:11px Tahoma,Arial,Verdana; padding:0 0 0 20%; width:80%; margin:10px 0 0}
.input-txt{ width:65%; border:1px solid #40484c; padding:1%}
.actions{ width:87%; text-align:right}
.actions input{ background:none; border:0; color:#175286; font-size:22px; cursor:pointer}
.actions input:hover{ color:#333}

.page-container-wrapper, .list-flooring li{behavior: url(./pie/PIE.htc)}

.chart{ width:100%}

@media screen and (max-width:980px){
	.container{ width:96%; padding:0 2%}
	.home-left{ width:47%; height:auto; margin:0 3% 0 0}
	.home-right{ width:46%; padding:2%; height:auto;}
}
@media screen and (max-width:767px){
	.ddsmoothmenu{ float:left; margin:0; padding:15px 0; width:100%}
	.ddsmoothmenu ul li{ display:block; width:100%; margin:0 0 1px}
	.ddsmoothmenu ul li ul{ top:auto !important}
	.home-left{ width:100%; margin:0 0 15px}
	.home-right{ width:96%}
	#carousel{ display:none}
	.home-right footer{ position:relative; height:auto}
	.content_space, .content_space2{ padding:4%}
}
@media screen and (max-width:640px){
	.black-border{ text-align:center}
	.logo{ position:relative; width:100%; text-align:center; float:left; padding:0 0 10px}
	.list-flooring li{ width:29%}
	.contact-left{ width:100%; margin:0 0 25px; border-right:0; border-bottom:2px solid #8ba8c2}
	.contact-right{ width:100%}
	.contact-left label{ width:100%}
	.input-txt{ width:98%}
	.actions{ text-align:left; padding-bottom:25px}
	.actions input{ padding:0 !important}
	.contact-left label.error{ padding:0}
}

@media screen and (max-width:480px){
	.header-wrapper{ padding:15px 0}
	.logo{ top:0}
	.logo img{ display:inline-block; width:80%;}
	.img-header figcaption{padding:10px 15px; font-size:30px}
	.list-accessories li{ width:100%; margin:0; padding:0 0 20px; text-align:center}
	.list-accessories li img{ max-width:100%}
	.list-flooring li{ width:46%}
	.list-accessories li{ min-height:inherit}
}

@media screen and (max-width:320px){
	.img-header figcaption{ position:relative; padding:15px 0 0 4%}
	.list-flooring li{ width:96%}
}