/*STANDARD HTML RESET*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
body { line-height: 1;	color: black; background: black; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
input { vertical-align:middle; }
img { display:block; }
a { text-decoration: none; }
p strong, a strong { font-weight: bold; }

p, li, a, h1, h2, h3, h4 { font: 12px Helvetica, Arial, Lucida, lucida sans, lucida grande, sans-serif; }
p, li { line-height: 1.6em; }
p { margin-bottom: 1em; }

.border { border: 1px solid silver; }
.right { float : right; }
.left { float:  left; }
.clear { clear: both; }

a { color: #FFF; }
a:hover { color: #E60764; }
#footer a { color: ##B5055D; }
#footer a:hover { color: #FFF; }

span.offset { text-indent: -9999px; }

/*CORE STYLING*/

body { background: #100e0d; text-align: center; margin: 0 auto; width: 939px; font-family: Lucida, Lucida Sans, Lucida Grande, Tahoma, Helvetica, Sans-serif; color: #CCC; font-size: 11px; }
.wrapper { width: 939px; background: #151313 url(http://www.designworkstiles.com/img/dw-bg.gif) repeat; text-align: left; position: relative; float: left; }
h1 {  margin: 10px 0 10px 20px; background: url(http://www.designworkstiles.com/img/designworks.png) no-repeat; height: 96px; width: 241px; text-indent: -9999px; }
h1 a { display: block; height: 96px; width: 241px; outline: none; }
h1 a:hover { border-bottom: none; }


/*ul#main-nav { position: absolute; top: 0; right: 0; }
ul#main-nav a { color: #FFF; }
ul#main-nav li { float: left; border-top: 8px solid #BA115D; border-left: 1px dotted #666; padding: 15px 10px; }
ul#main-nav li a { display: inline-block; padding: 10px 20px 52px 20px; background: transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover { background: rgba(232, 229, 219, 0.2); color: #FFF; }*/
ul#dw-nav li a.selected { color: silver; font-weight: bold; }
/*ul#dw-nav li a.selected:hover{ background: transparent; }*/

#footer { float: left; clear: both; background: #151313; text-align: center; width: 939px; margin-top: 30px; }
#branding { border-bottom: 1px solid #38341b; }
.bottom { margin-left: 5px; }

/*Home page category listings*/
div#project-list { margin: 20px; border-top: 1px solid #38341b; padding-top: 20px; }
#project-list ul { width: 920px; float: left; }
#project-list ul li ul { width: 440px; }
#project-list li.project { width: 440px; float: left; border-bottom: 1px dotted #38341b; padding-bottom: 8px; margin-bottom: 8px; margin-right: 16px;  }
li.project li { float: left; }
li.project img { width: 146px; height: 146px; border: 2px solid #666;}
li.image { width: 150px; margin-right: 10px; }
li.project a img:hover { border: 2px solid #BA115D; }
li.title { width: 220px; font-size: 17px; margin: 0 0 8px 0; }
li.title a { font-size: 18px; }
li.desc { width: 270px; margin: 0; }
h4.cat-head { font-size: 22px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; width: 400px; border-bottom: 1px solid #38341b; }

#project h2 { font-size: 20px; color: #e6a905; display: inline-block; line-height: 1.2em;  margin: 0; padding: 12px 20px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; }
.supplementary { float: left; width: 939px; }
.supplementary { margin-top: 20px; }
.supp-text p:first-letter { font-size: 20px; }
.supp-text p+p:first-letter { font-size: inherit; }
.supp-text p { font-size: 14px; }
.supp-text { float: right; width: 620px; margin-right: 40px; }
.supp-text h4 { text-transform: lowercase; font-variant: small-caps; font-size: 26px; letter-spacing: 1px; margin: 16px 0; }
.supp-nav { width: 230px; margin-left: 20px; margin-top: 30px; }
.supp-nav h4 { text-transform: lowercase; font-variant: small-caps; font-size: 18px; letter-spacing: 1px; margin-bottom: 12px; }
.supplementary ul { width: 230px; }
.supplementary li { padding: 4px; font-size: 14px; border-bottom: 1px solid #38341b; }
.supplementary li a { font-size: 14px; }
.supplementary li a:hover { font-size: 16px; }


.plain-content h2 { font-size: 22px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; margin: 0 80px 1em 100px; }
.plain-content h3 { font-size: 18px; margin: 1em 80px 1em 100px; }
.plain-content p { font-size: 1.2em; margin: 1em 80px 1em 100px;  }
.plain-content p:first-letter { font-size: 1.6em; }
.plain-content p+p:first-letter { font-size: inherit; }
/*contact form*/
#contact { margin-top: 20px; width: 413px; margin-left: 24px; float: left; clear: both;}
#contact h3, #contact h2, #press-detail h2, #press-detail h3 { font-size: 1.6em; margin-bottom: 1em; }
#contact-form { float: left; width: 420px; }
#contact_simple label { display : block; font-weight: bold; clear: left; margin: 10px 0; }
#contact_simple label span { display: block; float: left; width: 8.5em; color: #CCC; font-size: 1.1em; padding-top: 2px; }
#contact_simple input { width: 300px; padding: 4px; border: 1px solid #ccc; }
#contact_message { width: 402px; padding: 4px; border: 1px solid #ccc; margin-top: 12px; }
#contact_simple input:focus, #contact_message:focus { border: 1px solid #BA115D; }
#contact_simple input.btn { float: right; clear: both; width: 6em; padding: 6px; background: #BA115D; color: #fff; font-size: 1.2em; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contact_simple input.btn:hover { background: #e3b843; color: #594203 }
#contact_simple select { width: 300px; padding: 4px; }
p.contact-phone {font-size: 2em; color: #FFF }
#dw-address { float: left; margin: 80px 20px 40px 80px; }
#dw-address p { font-size: 2em; }
#dw-address p strong { font-size: 1.2em; color: #FFF; }

#press-detail { float: left; width: 450px; margin-top: 20px; margin-left: 20px; }
ul#pr-docs li { padding: 12px 4px; border-bottom: 1px dotted #38341b; margin-bottom: 6px; }
#pr-docs li a { font-size: 1.4em; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; display: inline-block; border-bottom: 1px dotted #CCC; }
#pr-docs li a:hover { border-bottom: 1px dotted silver; }
#pr-docs li span a { font-size: inherit; border-bottom: none; text-transform: inherit; font-variant: inherit; }
#pr-docs li span a:hover { border-bottom: none; }
#pr-docs li span { font-style: italic; display: block; margin-top: 8px; }
p.confirm { background: #e6a905; padding: 10px; font-size: 1.2em; color: #594203; margin-bottom: 20px; }
.showcase h2 { text-align: left; font-size: 21px; padding-bottom: 12px; color: #FFF; text-transform: lowercase; font-variant: small-caps;  }

#dw-content { border-top: 1px solid #573E3E; border-bottom: double #573E3E; padding: 20px 0; margin-bottom: 18px; position: relative; float: left; width: 939px; }
.showcase-desc { margin: 10px 70px; }
#about img { float: right; margin: -12px 60px 16px 20px; padding: 4px; background: #333; border: 1px solid #999; }
#about #dw-content p  { font-size: 1.3em; }
#about #dw-content p a {font-size: 1em; font-weight: bold; color: #BA115D; }
#about #dw-content p a:hover { color: #FFF; }
#about #dw-content p strong { border-bottom: 1px dotted #BA115D; }
ul#home-display { float: left; width: 930px;margin-left: 8px; }
#home-display li { float: left; width: 210px; height: 147px; padding: 10px; position: relative; border: none; }
#home-display li.lead { width: 668px; height: 600px; position: relative; border: none; }
#home-display li img { width: 208px; height: 145px; background: #FFF; border: 2px solid #000; }
#home-display li a img:hover { border: 2px solid #BA115D; }
#home-display li.lead img { background: #FFF; height: 647px; width: 668px; }
#home-display li a { font-weight: bold; text-transform: lowercase; font-variant: small-caps; letter-spacing: 2px; font-size: 1.1em; }
.home-intro { position: absolute; top: 32px; left: 0px; width: 691px; /*background: url(http://www.designworkstiles.com/img/trans-bk.png);*/ }
.home-cat-intro { position: absolute; right: 10px; bottom: 10px; width: 202px; background: url(http://www.designworkstiles.com/img/trans-bk.png); padding:2px 2px 2px 4px; }
/*.home-intro h2 { padding: 14px 20px 0 20px; font-size: 20px; line-height: 1.4em; margin-top: 14px; }
.home-intro p { padding-left: 20px; padding-bottom: 0; margin-bottom: 10px; }*/
.home-intro h2 { background: url(http://www.designworkstiles.com/img/dw-intro_k.png) no-repeat  top right; width: 670px; height: 107px; margin-left: 20px; }
.home-intro h2, .home-intro span { text-indent: -9999px; }
.scase-nav { margin-top: 20px; border-top: 1px dotted #CCC; padding-top: 10px; float: left; padding-left: 10px; }
.scase-nav h3 { font-size: 2em; margin: 10px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; }
.showcase-desc { border-top: 1px dotted #666; padding-top: 12px; }
.showcase-desc p { font-size: 1.6em; }
.scase-nav ul#home-display { margin-left: 0; }

#dw-brochures, #dw-brochures li { float: left; } 
#dw-brochures { width: 920px; }
#dw-brochures li { margin: 10px; border: 1px solid #666; padding: 3px; text-align: center; width: 136px;}
#dw-brochures img { padding: 3px; background: #333; margin-bottom: 10px; }
#dw-brochures li:hover { border: 1px solid #FFF;  }
#dw-brochures li:hover img { background: #000; }


/*fancy nav effect*/
ul#dw-nav { position: absolute; top: 0; right: 0; }
#dw-nav li {float:left; width:100px; text-align:center; border-left: 1px dotted #CCC; }
#dw-nav li a {display:block; padding:30px 0; height: 56px; color:#FFF; text-decoration:none;}
#dw-nav a {background:url(http://www.designworkstiles.com/img/dw-bg-nav.gif) repeat 0 -35px;}