/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: 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;}


/****************************************************  div ************************************************************************/


body { background: url(../images/hobsoncraig/background.jpg) repeat-x rgb(32,23,18); margin:0 ; font-family: helvetica; color:rgb(159,119,79); }

div#wrapper { margin: 0 auto; width: 864px; }

div#header { margin: 0 auto; padding: 20px 0; width: 800px; height: 30px; position: relative; top: 40px;}

div#content { margin: 0 auto; width: 800px; clear: both; display: block; }
	
div#section-header { margin: 0; padding: 30px 0 0 0; width: 800px; }	

div#section-header h2 { margin: 0; padding: 0; float: right; padding: 15px 0; position: relative; top: 5px; }
	
div#section-header h5 { margin: -6px 0; padding: 0; position: relative; top: 30px; }	
	
div#main-image { background: url(../images/hobsoncraig/main_image.png)no-repeat; width: 840px; height: 456px; margin: 20px auto -20px;}

div#footer { margin: 0 auto; padding: 20px 0;  width: 800px; color:rgb(159,119,79); font-size: 9px; clear: both;}

div#display-items-container { display: block; width: 830px; margin: 0 auto; padding: 0; }

div#display-items-container dl { display: inline; float: left; margin: 0; padding: 0; letter-spacing: 1px;}

div#display-items-container dt { margin: 0 auto; padding: 10px 0 20px 0; font-size: 14px; text-align: center; color: rgb(159,119,79) }

div#display-items-container dd { margin: 0; padding: 0 20px; font-size: 12px; text-align: center; }

div#display-items-container dd.messenger { margin: 5px -5px; padding: 0 25px; font-size: 10px; text-align: left; }

div#display-items-container dd.contact { font-size: 10px; }

div#sample-container { display: block; width: 800px; margin: 0; padding: 0 5px; }

div#sample-container dl { display: inline; float: left; margin: 0; padding: 0; }

div#sample-container dt { margin: 0 auto; padding: 0 0 10px 0; font-size: 14px; letter-spacing: 1px; text-align: center; color: rgb(159,119,79); }

div#sample-container dd { margin: 0; padding: 0 10px; font-size: 12px; text-align: center; }

div#sample-container dd.alt { margin: 0; padding: 0 30px; font-size: 12px; text-align: left;  }

div#case-study-container { display: block; width: 800px; margin: 10px 0; padding: 0; }

div#case-study-analysis { margin: 0; padding: 0 18px 10px 0;  width: 202px; float: left; }

div#case-study-analysis p { margin: 0; padding: 15px 0; }

div#case-study { margin: -5px -20px; padding: 0; float: right; display: block; }

div#form-container { margin: 0; padding: 0;  }

div#form-container h1 { font-weight: 100; font-size: 22px; letter-spacing: 1px; }

div#form-help { display: block; margin: 0; padding: 10px 90px; width: 240px; float: left; }

div#form-help p { font-size: 14px;  line-height: 18px; letter-spacing: 1px; }

div#form-help .download { margin: 0; padding: 20px 50px; }

div#form { margin: -450px auto 0; padding: 15px 10px; width: 394px; float: right;  }

div#form ul { display: block; padding: 0; margin: 0; }

div#form li { margin: 0; padding: 5px 0;  }

div#form label { margin: 0; padding: 0; font-size: 14px; letter-spacing:  1px; color: rgb(159,119,79);  }

div#form input { margin: 5px 0; padding: 0; font-size: 12px; border: 0; height: 25px; text-indent: 5px; width: 300px; }

div#form select { display: block; margin: 5px 0; padding: 0;  }

div#form textarea { margin: 5px 0; padding: 0; font-size: 12px;  border: 0;  text-indent: 5px; }

div#form .submit { margin: 0; padding: 0; /*float: right;*/ position: relative; top: -20px; /*right: -12px; */width: 132px; height: 54px; }

div#services-container { margin: 0; padding: 0; }

div#services-container h1 { padding: 0; margin: 0 0 0 25px; font-weight: 100; font-size: 22px; letter-spacing: 1px; }

div#services-blurb { display: block; margin: 2px 0; padding: 0 40px; width: 240px; float: left; }

div#services-blurb p { font-size: 14px;  line-height: 20px;  letter-spacing: 1px;  color: rgb(159,119,79); }

div#services-blurb img { margin: 15px 20px; padding: 0; }

div#services-list { margin: 8px 30px ; padding: 0; width: 394px; float: right; }

div#services-list p { font-size: 12px;  line-height: 16px; padding: 15px 0;}

div#about-container { margin: 0; padding: 0; }

div#about-container h1 { font-weight: 100; font-size: 22px; letter-spacing: 1px; }

div#about-blurb { display: block; margin: 0; padding: 5px 40px; width: 240px; float: left; letter-spacing: 1px;}

div#about-blurb p { font-size: 14px;  line-height: 18px; color: rgb(159,119,79); }

div#about-blurb img { margin: 15px 20px; padding: 0;  }

div#about-list { margin: 8px 30px ; padding: 0; width: 394px; float: right; }

div#about-list p { font-size: 12px;  letter-spacing: 1px; line-height: 16px; padding: 15px 0;}

div#about-list li { font-size: 10px; line-height: 14px; font-style: italic; }

div#thankyou-container { margin: 0; padding: 0; }

div#thankyou-container h1 {  font-weight: 100; font-size: 22px; letter-spacing: 1px; }

div#thanks-blurb { display: block; margin: 0; padding: 5px 40px; float: left; letter-spacing: 1px;}

div#thanks-blurb p { font-size: 14px;  line-height: 20px; }

/************************************** navigation ***************************************************************/

ul#global-navigation { display: block; list-style: none; float: right; font-size: 14px; margin: -15px -25px; letter-spacing: 1px;  }

ul#global-navigation li {  margin: 0; padding: 0 25px; display: inline; float: left; }
	
ul#global-navigation li a { text-decoration: none; color: rgb(154,114,78);  }

ul#global-navigation li a:hover {  height: 5px; border-top: 4px solid rgb(181,72,29); padding-top: 5px; display: inline; }

ul#global-navigation li .selected { height: 5px; border-top: 4px solid rgb(181,72,29); padding-top: 5px; display: inline; }


/*****************************************************  generals *********************************************************/

hr { border: none; width: 800px; height: 1px; background: rgb(117,77,37); color:rgb(117,77,37);  clear: both; }

h1#branding { background: url(../images/hobsoncraig/branding.png) no-repeat; margin: 0; width: 190px; height: 30px; display: block;}

h1 { color: rgb(130,30,0); font-weight: 100; font-size: 22px; letter-spacing: 1px; }

h2 { color: rgb(159,119,79); font-weight: 100; font-size: 18px; letter-spacing: 1px;  }

h3 { color: rgb(117,76,36); font-weight: 100; letter-spacing: 1px; font-size: 16px; }

h4 { color: rgb(159,119,79); font-weight: 100; font-size: 14px; letter-spacing: 1px; }

h5 { font-weight: 100; font-size: 12px; }

p { font-size: 12px;  line-height: 14px;  }

a { text-decoration: none; color: rgb(159,119,79);  }

i { font-size: 10px; }

dd { font-size: 12px; letter-spacing: 1px;  padding: 2px 0;  }

/********************************************  classes *******************************************************************/

.main-image { margin: 0 auto; padding: 0; }

.case-image { margin: 0 auto; padding: 0; display: block;}

.sub-image { margin: 0 auto; padding: 0 0 0 3px; float: left; }

.mailto {  margin: 0; padding: 10px 0; line-height: 32px }

.clearfix { display: block; height: 0; clear: both; visibility: hidden;}

.with-border { border-right: 1px solid; color: rgb(119,77,37); width: 200px; height: 143px; }

.terms { margin: 0; padding: 0; font-size: 10px; float: left; }

.copyright { margin: 0 ; padding: 0; font-size: 10px; float: right; }

.home { display: block; width: 190px; height: 30px; text-indent: -10000em; }