/*
Colors: 
Red:  #620504;
Dk Grey: #545454;
Light Grey: #b4b4b4;

H1:
font-family: arial;
font-size: 18px;
font-weight: normal;
color: #620504;

H2:
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #545454;

H3 (default = body text + bold):
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #545454;

p (main body text):
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #545454;

a (main body links):
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #620504;

a:hover:
font-family: arial;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #620504;

a:visited:
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #620504;
 */
 
* {
margin:0;
padding:0;}

a img {
border:none;}

html {
overflow-y: scroll !important;}

.clear {
clear:both;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#545454;
background: url(images/border-top.png) center 63px no-repeat}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#620504;
font-weight:normal;
margin-bottom:10px;}

#page #container h1 {
color: #620504;}

#category h1 {
text-transform:uppercase;}

#category h1 span {
color:#545454;}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#545454;
line-height:100%;
margin-bottom:10px;
clear:left;}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
color:#545454;
line-height:100%;}

h3 a:hover {
text-decoration:none;}

p {
line-height:130%;
margin-bottom:10px;}

p.tagline {
font-size:14px;
font-style:italic;}

#category p.title a {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
color:#620504;
line-height:100%;
text-decoration:none;}

#category p {
line-height:120%;
margin-bottom:0;}

#category p a {
color:#333333;}

#category p a:hover {
text-decoration:none;}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#620504;
text-decoration:none;}

a:hover {
text-decoration:underline;}

#nav a, #subnav a {
font-size:12px;
color:#666666;
text-decoration:none;}

#nav a:hover,
#subnav a:hover,
#index_page a.index_link,
#profile_page a.profile_link,
#principal_page a.profile_link,
#team_page a.profile_link,
#projects_page a.projects_link,
#contact_page a.contact_link,
#profile_page a.firm_link,
#principal_page a.principal_link,
#team_page a.team_link {
color:#620504;}

#sidebar ul {
list-style:none;}

#sidebar a {
font-weight:bold;
text-decoration:none;}

#sidebar a:hover,
#medical_page a.medical_link,
#commercial_page a.commercial_link,
#municipal_page a.municipal_link,
#retail_page a.retail_link,
#industrial_page a.industrial_link,
#automotive_page a.auto_link,
#residential_page a.residential_link,
#in_process_page a.in_process_link {
background-color:#620504;
color:#ffffff;}

#welcome h1 {
width:176px;
height:25px;
background:url(images/welcome.gif) top left no-repeat;}

hr {
height:1px;
color:#b4b4b4;
margin:15px 0;}

#footer p {
font-size:11px;
color:#cccccc;
margin:10px 0 0 0;}

#footer a {
font-size:11px;
color:#CCCCCC;
text-decoration:none;}

#footer a:hover {
color:#620504;}

/*---------------------------- layout -------------------------*/

#wrapper {
width:750px;
margin:0 auto;}

/* header logo and nav */
#header {
width:750px;
height:105px;
float:left;}

#header img {
float:left;}

#header ul#nav {
float:right;
margin-top:75px;
border-top:1px solid #b4b4b4;}

#header ul#nav, #main ul#subnav {
list-style:none;}

#main ul#subnav {
height:30px;
margin:0 0 20px 0;}

#header ul#nav li, #main ul#subnav li {
float:left;}

#header ul#nav li a, #main ul#subnav li a {
float:left;
display:block;
height:19px;
padding:10px 15px 0 15px;
background:url(images/nav_spacer.png) left center no-repeat;}

#header ul#nav li.first a {
background:none;
padding-left:5px;}

#main ul#subnav li.first a {
background:none;
padding-left:0;}

/* home page content */

#fadeshow1 {
float:left;
margin:0 0 30px 0;
height:440px;}

#welcome {
float:left;
width:520px;
padding:0 15px 0 10px;}

#contact_block {
float:left;
width:154px;
height:132px;
padding:62px 20px 0 20px;
border:1px solid #d5d5d5;
border-top:none;
background:url(images/contact_top.gif) top center no-repeat;
margin-bottom:10px;}

#main {
float:left;
clear:both;
width:730px;
padding:40px 0 20px 10px;}

#main ul, #main ol {
margin-left:25px;
margin-bottom:10px;}

/* portfolio pages */
#projects {
float:left;
margin:20px 0 20px 10px;}

#projects a {
width:175px;
height:246px;
display:block;
margin:0 5px 5px 0;
border:2px solid #d5d5d5;}

#projects a.medical {
background:url(images/projects_off_medical.jpg) top left no-repeat;}
#projects a.medical:hover {
background:url(images/projects_on_medical.jpg) top left no-repeat;}

#projects a.commercial {
background:url(images/projects_off_commercial.jpg) top left no-repeat;}
#projects a.commercial:hover {
background:url(images/projects_on_commercial.jpg) top left no-repeat;}

#projects a.municipal {
background:url(images/projects_off_municipal.jpg) top left no-repeat;}
#projects a.municipal:hover {
background:url(images/projects_on_municipal.jpg) top left no-repeat;}

#projects a.retail {
background:url(images/projects_off_retail.jpg) top left no-repeat;}
#projects a.retail:hover {
background:url(images/projects_on_retail.jpg) top left no-repeat;}

#projects a.industrial {
background:url(images/projects_off_industrial.jpg) top left no-repeat;}
#projects a.industrial:hover {
background:url(images/projects_on_industrial.jpg) top left no-repeat;}

#projects a.auto {
background:url(images/projects_off_automotive.jpg) top left no-repeat;}
#projects a.auto:hover {
background:url(images/projects_on_automotive.jpg) top left no-repeat;}

#projects a.residential {
background:url(images/projects_off_residential.jpg) top left no-repeat;}
#projects a.residential:hover {
background:url(images/projects_on_residential.jpg) top left no-repeat;}

#projects a.in_process {
background:url(images/projects_off_in_process.jpg) top left no-repeat;}
#projects a.in_process:hover {
background:url(images/projects_on_in_process.jpg) top left no-repeat;}


/* category pages */

#sidebar {
width:207px;
float:left;
text-align:right;
margin:72px 0 0 15px;}

#sidebar a {
width:182px;
padding:5px 25px 5px 0;
display:block;}

#category {
width:518px;
float:left;
padding-left:10px;
margin:30px 0;
background:url(images/shadow_vertical.png) top left no-repeat;}

#category h1 {
margin-left:10px;}

#category td.image {
padding:10px 0 10px 10px;}

#category td.description {
padding:10px 0 10px 10px;}

#category td.click {
padding:10px 0;}

#category td.click a {
display:block;
width:150px;
height:72px;}

#category tr:hover {
background-color:#f3f3f3;}

#category tr:hover td.click {
background:url(images/click_to_view.gif) top left no-repeat;}

/* contact page */

#contact_form {
float:left;
width:520px;
padding:40px 15px 0 10px;}

#contact_page #contact_block {
margin-top:310px;}

/* footer */

/*#footer {
width:730px;
float:left;
clear:both;
margin:0 10px;
border-top:1px solid #b4b4b4;}*/

#footer {
width:100%;
height:53px;
background:url(images/border-bottom.png) center -13px no-repeat;}

#footer_content {
width:750px;
margin:0 auto;
border-top:1px solid #b4b4b4;}

#footer p {
float:left;}

#footer ul {
float:right;
list-style:none;}

#footer ul li {
float:left;}

#footer ul li a {
float:left;
display:block;
height:19px;
padding:10px 0 0 30px;}





/*------------ big fresh signature/logo on light background ---------------*/
#big_fresh {
width:898px;
margin:15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}