/*-----EWK Style Sheet Updated 7-19-10-----*/

/*-----style reset-----*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #CECECE url(images/bkgdGradient.gif) repeat-x top left;}

#container {position: relative; text-align: left; width: 917px; height: 800px; margin: 0 auto; background: #CECECE url(images/headerHome.jpg) no-repeat top right;}
#container2 {position: relative; text-align: left; width: 874px; height: 800px; margin: 0 auto; background: url(images/header.jpg) no-repeat top right;}

h1 {font-size: 1.8em; font-weight: bold; text-transform: uppercase; color: #5F3844; padding: 10px 0 10px 62px; line-height: 1em;}
h1 span {font-size: .9em; font-style: italic; text-transform: none; font-weight: normal;}
h2 {font-size: 1.7em; font-weight: bold; color: #5F3844; padding: 10px 0 2px 62px;}
p {font-size: 1.2em; color: #585858; padding: 0 90px 10px 64px;}
p.indent {padding-left: 75px; line-height: 1.5em;}
a {color: #5F3844; text-decoration: none; font-weight: bold; text-decoration: underline;}
a:hover {color: #585858;}
a.bold {font-size: 1.2em; font-weight: bold; padding-left: 64px; text-decoration: underline;}
a.bold2 {font-weight: bold; text-decoration: underline;}
span {font-weight: bold;}

.content {float: right; width: 860px; background-color: #fff;  padding: 0;}
.secondary .content {float: right; width: 860px; margin-top: 150px;}
.secondary .content2 {float: right; width: 860px; margin-top: 150px; background: #fff url(images/watermark.jpg) no-repeat top left;}

.content ul {margin: 0 0 10px 76px;}
.content ul li {font-size: 1.2em; color: #585858; list-style: disc; padding: 0 0 2px 0;}
.content ul li ul {margin: 2px 0 5px 10px;}
.content ul li ul li {font-size: 1em; color: #585858; list-style: none; padding: 0;}
.content2 ul {margin: 0 0 10px 76px;}
.content2 ul li {font-size: 1.2em; color: #585858; list-style: disc; padding: 0 0 2px 0;}

.imgRight {position: absolute; top: 131px; right: 0;}
p.margin {margin-right: 350px;}
p.margin2 {margin: 0 350px 10px 0;}
p.margin3 {margin-right: 247px; padding: 0 0 10px 64px;}


/*--------main navigation--------*/
.secondary #mainNav ul {position: absolute; top: 90px; right: 20px;}
#mainNav ul {position: absolute; top: 112px; right: 20px; width: 715px; padding-top: 7px; border-top: 1px solid #C49F5D;}
#mainNav ul li {float: left; margin-right: 25px;}
#mainNav ul li a {color: #fff; display: block; text-decoration: none; font-size: 1.2em; font-weight: normal;}
#mainNav ul li a:hover {color: #C49F5D;}

/*--------homepage--------*/
.flash {float: right; width: 860px; height: 268px; margin-top: 161px;}
.awards {position: absolute; top: 700px; right: 57px; width: 178px; height: 120px; background: url(images/bkgdDetroitHome.gif) no-repeat top center;}
.awards p {font-size: 1.2em; color: #585858; padding: 105px 0px 0px 8px;}
.mail_list {position: absolute; top: 10px; right: 19px; width: 195px;}
.mail_list label {color: #fff; font-size: 1.2em; line-height: 1.5em; text-align: right; margin-right: .5em;}
.mail_list p {color: #fff; text-align: left; font-size: 1.2em; line-height: 1.4em; padding: 0 0 3px 0;}
#submitbutton {margin-left: 40px; margin-top: 3px; width: 65px; background: #999;}




/*--------our team--------*/
.left {width: 386px; height: 280px; margin: 10px 0 0 50px; background: url(images/bkgdDrawing.jpg) no-repeat top left;}
.left h2 {padding: 55px 0 5px 60px;}
.left p {padding: 0 65px 0 60px;}
.left img {padding: 130px 0 0 25px;}
.right {position: absolute; right: 0; top: 131px; width: 412px; padding-top: 200px; background: url(images/team.jpg) no-repeat top center;}
.right h2 {padding: 0 0 2px 20px;}
.right p {padding: 0 30px 10px 20px;}
.right h2.white {color: #fff; padding: 0 0 2px 37px;}
.right p.white {color: #fff; padding: 0 30px 60px 37px;}
.industry {height: 190px; margin: 0 0 30px 64px; background: #5F3844 url(images/rounded.gif) no-repeat top left;}
.industry h2 {color: #fff; padding: 18px 0 2px 25px;}
.industry p {color: #fff; padding: 0 410px 5px 25px;}

.quote {position: absolute; top: 670px; right: 50px;}
.team {position: absolute; top: 460px; left: 130px;}

/*--------design team--------*/
.choose {position: absolute; top: 161px; right: 0; width: 398px; height: 391px;background: url(images/bkgdChoose.jpg) no-repeat top center;}
.choose h2 {color: #fbc84d; font-weight: normal;  padding: 0; margin: 10px 105px 0 32px; background: url(images/heading-line.gif) repeat-x bottom left;}
.choose p {float: left; padding: 10px 10px 0 32px; line-height: 1.7em;}
.choose a {color: #fff; font-weight: bold; text-decoration: none;}
.choose a:hover {color: #fbc84d;}

/*--------design--------*/
.design {position: absolute; top: 131px; right: 0; width: 411px; height: 191px; background: url(images/bkgdDesign.jpg) no-repeat top center;}
.design h2 {color: #fff; font-weight: bold;  padding: 10px 0 0 50px;}
.design p {color: #fff; padding: 0 0 0 50px;}
.design ul {margin: 3px 0 10px 66px;}
.design ul li {font-size: 1.2em; color: #fff; list-style: disc; padding: 0 0 1px 0;}

.designbtn {position: absolute; top: 340px; right: 53px; width: 271px; height: 171px; background: url(images/bkgdDesignbtn.jpg) no-repeat;}
.designbtn h2 {padding: 25px 0 20px 35px;}
.designbtn img {padding: 0 0 0 35px;}
.kitchen {position: absolute; top: 500px; right: 0;}

/*--------cabinetry--------*/
.cabinetry {position: absolute; top: 131px; right: 0;}
.box {position: absolute; top: 350px; right: 40px; width: 341px; height: 171px; background: url(images/cabinetryBox.gif) no-repeat top center;}
.box p {color: #fff; padding: 10px 20px 6px 20px;}
.box ul {height: 60px; margin: 0 12px 0 20px;}
* html .box ul {margin: 0 6px 0 10px;}
.box ul li {color: #fff; padding: 0; list-style: disc inside;}
.box .listFloat {float: left;}
.box a {color: #fff; font-weight: normal; text-decoration: none;}
.box a:hover {color: #cccccc;}
.box p.view {padding-left: 85px; font-size: 1.1em;}

/*--------additional products--------*/
.right2 {position: absolute; right: 35px; top: 360px; width: 363px;}
.right2 h2 {padding: 0 0 2px 0;}
.right2 p {padding: 0 0 10px 0;}
.right2 ul {margin: 3px 0 10px 15px;}
.right2 ul li {font-size: 1.2em; list-style: disc; padding: 0 0 1px 0;}
.right2 ul li ul {margin: 3px 0 2px 15px;}
.right2 ul li ul li {font-size: 1em; list-style: none;}

/*--------select a designer--------*/
ul.select {margin: 0 100px 10px 76px;}
ul.select li {list-style: none; padding: 5px 0;}
ul.select span {color: #5F3844; font-weight: bold;}

/*--------designer profiles--------*/
.float {float: right; margin-top: 117px; padding-top: 20px; width: 400px;}
.float h2 {margin: 0; padding: 0 0 0 10px; font-size: 1.4em;}
.float ul {margin: 0 40px 20px 10px;}
.float ul li {list-style: disc inside; padding: 0;}
.designer {float: left; margin: 0 13px 15px 0;}
.noFloat {margin: 0 0 40px 64px; width: 375px;}
.noFloat h2 {margin: 0; padding: 3px 0 0 0; font-size: 1.4em;}
.noFloat p {padding: 0 0 10px 0;}
.noFloat ul {margin: 0 40px 10px 15px;}
.noFloat ul li {list-style: disc; padding: 0;}
.over {padding-left: 148px;}
.video {height: 370px; padding: 30px 0 0 110px;}
.video .videoBox {margin-right: 10px; float: left; text-align: left; width: 325px;}
.video .videoBox h2 {font-size: 1.3em; padding: 0 0 0 10px;}
.video .videoBox p {padding: 0 0 7px 10px;}
.border {border-left: 1px solid #5F3844; line-height: 1.6em; padding: 5px 0 5px 10px; margin-left: 65px;}


/*--------planning guide--------*/
.guideBox {width: 700px; margin: 0 0 30px 64px; border: 1px solid #D3D3D3;}
.guideBox .heading {background-color: #492B34; height: 23px; border-bottom: 1px solid #D3D3D3;}
.guideBox .heading p {color: #fff; font-weight: bold; font-size: 1.4em; text-transform: uppercase; float: left; padding: 3px 45px 0 10px;}
.guideBox .section {border-bottom: 1px solid #D3D3D3;}
.guideBox .column1 {float: left; width: 170px; height: 70px;}
.guideBox .column2 {width: 500px; border-left: 1px solid #D3D3D3; border-bottom: 1px solid #fff; margin-left: 170px;}
.guideBox p {color: #492B34; font-weight: bold; padding: 10px;}
.guideBox p span {color: #585858; font-weight: normal; font-style: italic;}
.guideBox a {text-decoration: underline;}
.guideBox ul {padding: 10px 0; margin: 0 0 0 23px;}
.guideBox img {padding: 0 0 0 10px;}

/*--------photo gallery--------*/
.galleryHeading {color: #ffffff; margin: 10px 30px 0 30px; font-weight: normal; padding: 5px 0 2px 32px; background: #999 url(images/galleryHeading.jpg) no-repeat;}
.gallery {margin: 0 30px 20px 30px;}

/*--------contact us--------*/
.purpleBold {font-size: 1.4em; font-weight: bold; color: #5F3844; padding: 10px 0 0 64px;}
.floatRight {float: right; width: 520px;}
.floatRight p {padding-right: 0;}
.map1 {position: absolute; top: 330px; left: 210px; border: 1px solid #cecece;}
.map2 {position: absolute; top: 330px; right: 218px; border: 1px solid #cecece;}

.formbox {width: 749px; margin: 30px 0 30px 62px; padding-bottom: 20px; border-bottom: 1px solid #9E9081;}
form h2 {border-bottom: 1px solid #9E9081; font-size: 1.6em; font-weight: bold; color: #5F3844; padding: 0;}
form p {padding: 9px 0 3px 0;}
form input, form select, form textarea {border: 1px solid #9a9a9a; padding: 0; margin: 0;}
form .radio {float: left; margin: 0 5px 0 0; border: none;}
form .button {padding: 0 0 0 0;}
form select {color: #585858;}
form span {color: #5F3844; font-weight: bold; font-size: 1.4em;}
.formRight {position: absolute; top: 475px; right: 100px; width: 355px;}
.submitBtn input {margin-top: 20px;}
.error {font-weight: bold; color: #cc0000;}

/*--------footer--------*/
#footer {margin: 5px 45px 0 64px;}
#footer h2 {font-size: 1.2em; font-weight: bold; color: #5F3844; padding: 0;}
#footer p {font-size: 1.1em; padding: 0 0 0 0; line-height: 1.2em;}
#footer .purple {border-bottom: 1px solid #585858; color: #5F3844; padding-bottom: 5px; margin-bottom: 5px;}
#footer a {color: #585858; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #5F3844;}
#footer img {float: right; margin: 5px 7px 15px 0;}