/*----------------------------------------
Name: global_dres.css
Client: Design Resources
Developed by: S Design Inc.
Date Created: April 2010
Last Updated: 
----------------------------------------*/

/* Colors
----------------------------------------
red: #ba5915 
blue: #008dd0

340 px 2 columns
32 px spaces
216 last column

image sizes
large photo: 960x463
----------------------------------------*/
/* Imports / Reset
----------------------------------------*/
/* reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-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, dd, dl, dt, li, ol, ul, 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-family: inherit; font-size: 100%; text-align: left; vertical-align: baseline; }
img { border: none; vertical-align:bottom;}
table { border-collapse: collapse; border-spacing: 0; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*----------------------------------------*/
/* Elements
----------------------------------------*/
body { font-family: Helvetica, Arial, sans-serif; font-size: 16px;	line-height: 1.5; text-align:center; color: #000; }
a {color:#008dd0;text-decoration: none;}
a:hover {color:#ba5915;}
p,a {font-size:13px;}
h2,h3,h4,h5,h6 {color:#ba5915;font-size:22px;border-bottom:1px solid #000;margin-bottom:10px;font-weight:bold;}
p.intro {color:#ba5915;}
span.highlight {color:#ba5915;}
br.clear {clear:both;}
label.error {font-weight:bold;color:red;}

/*----------------------------------------*/
/* Structure
----------------------------------------*/
#wrapper {width:960px;text-align:left;margin:35px auto;}
#header, #footer, #gallery {width:100%;}
#gallery {margin: 35px 0;}
#products, #services {width:330px;margin-right:42px;float:left;}
#brands {border-bottom: 1px solid #000;padding-bottom:20px;margin-bottom:16px;}
#footer {width:216px;float:left;}
#page {position:relative;margin-bottom:25px;}


/* header
----------------------------------------*/
#header h1 {float:left;margin:0 20px;}
#header h1 a {display:block;width:172px;height:108px;font-size:20px;text-indent:-9999em;background:url('../images/DRES_logo.gif') no-repeat;}
#header p {color:#ba5915;font-size:18px;margin-left:260px;padding-top:24px;}

/* footer
----------------------------------------*/
#logo-texton {margin-right:32px;margin-bottom:5px;}
#logo-lutron {margin:16px 0 15px;}
#award {margin:0 27px 0 0;}
#footer p {margin-top: 12px;}

/* contact form
----------------------------------------*/

#contact-wrapper {position:absolute;top:0;left:0;width:744px;background:#fff;padding-bottom:25px;display:block;}
#contact-wrapper a.cancel {float:right;margin:7px 42px 0 0;}
#contact-wrapper h2 {margin-right:42px;}
#contact-wrapper div {margin:.3em 42px .3em 0;width:325px;float:left;}
#contact-wrapper div.full {width:702px;}
#contact-wrapper label {display:block;float:none;width:auto;font-size:13px;}
form#contactform input {border:1px solid gray;padding:3px;width:100%;}
form#contactform textarea {padding:0.6em 0.5em 0.7em;border:1px solid gray;width:100%;}
form#contactform input#submit {color:#008dd0;border:none;background:none;float:right;width:auto;margin-right:42px;padding:none;font-weight:bold;}
form#contactform small {color:gray;font-size:.8em;padding:5px;}