/*
Colors: 
Purple: #522366;
Dark Gray: #2f2f2f;
Light Gray: #555555;

H1:
font-family: Georgia;
font-size: 18px;
font-weight: bold;
color: #2f2f2f;

H2:
font-family: Georgia;
font-size: 12px;
font-weight: bold;
color: #2f2f2f;

H3:
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #555555;

H4:
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #555555;

main nav - neutral
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #7b7b7b;

main nav - active
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #2f2f2f;

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

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

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

a:visited:
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #522366;

#read more
font-family: arial;
font-size: 11px;
font-weight: bold;
text-decoration: underline on rollover;
color: #522366;

News title:
font-family: georgia;
font-size: 12px;
font-weight: bold;
color: #2f2f2f;

News description:
font-family: arial;
font-size: 12px;
font-weight: none;
color: #555555;

News - month
font-family: arial;
font-size: 9px;
font-weight: bold;
color: #dfdfdf;

News - day
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #dfdfdf;

 */
 
* {
margin:0;
padding:0;}

a img {
border:none;}

html {
overflow-y:scroll;}

.clear {
clear:both;}


/* font styles */
body {
font-family: arial;
font-size: 12px;
color: #555555;}

h1 {
font-family: Georgia;
font-size: 18px;
font-weight: bold;
color: #2f2f2f;
line-height:100%;}


h2 {
font-family: Georgia;
font-size: 12px;
font-weight: bold;
color: #2f2f2f;
line-height:100%;}

h3 {
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #555555;
line-height:100%;}

h4 {
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #555555;}

#welcome h1,
#news_home h2,
#contact_block h2,
#sidebar h2,
#main h1 {
border-bottom:3px solid #522366;
margin-bottom:15px;
padding-bottom:2px;}

#main h1.detail_page {
margin-bottom:0;}

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

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

#contact_block a {
color: #555555;
text-decoration:none;}

#contact_block a:hover {
text-decoration:underline;}

#main a:hover {
text-decoration:underline;}

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

#tagline {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
line-height:24px;}

#tagline span {
font-size:14px;
font-weight:normal;
line-height:14px;}


/* main nav */
#nav a {
font-size:12px;
font-weight:bold;
color:#7f7f7f;
text-decoration:none;}

#nav a:hover, #nav a.navsel {
color:#313131;
font-weight:bold;
background:url(../../images/nav_arrow.gif) left center no-repeat;}


/* sidebar subnav */
.subnav {
list-style:none;
margin-left:5px;}

.subnav li {
border-bottom:1px dashed #c8c8c8;
padding-bottom:2px;
margin-bottom:2px;}

.subnav a {
font-size:12px;
font-weight:bold;
color:#7f7f7f;
text-decoration:none;
padding-left:9px;}

.subnav a:hover, .subnav a.navsel {
color:#313131;
background:url(../../images/nav_arrow.gif) left center no-repeat;
padding-left:9px;}

.subnav ul {
border-top:1px dashed #c8c8c8;
margin:2px 0 0 0;
padding-top:2px;
list-style:none;}

.subnav li ul li {
border:none;
padding:2px 0;
margin-left:20px;}


/* category page */
#category a {
font-size:14px;
font-weight:bold;
color:#7f7f7f;}

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


/* portfolio page */
#portfolio p {
line-height:20px;
margin-bottom:0;
background:url(../../images/bg_portfolio_cat.gif) top left no-repeat;
padding-left:20px;}

#portfolio p a {
color:#ffffff;
font-weight:bold;
text-decoration:none;}

/* detail pages */
#project_nav a {
font-size:11px;
color:#ffffff;
text-decoration:none;}

#project_nav a:hover {
background:url(../../images/arrow_white.png) left center no-repeat;
text-decoration:none;}

#project_info p {
line-height:140%;
margin-bottom:0;}

.project_name {
font-weight:bold;}

/* --------------- news & events pages -----------------*/
.pagefade {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;}

.news_title, .news_title a, #news .news_item .news_title, #news .news_item .news_title a  {
font-family: georgia;
font-size: 12px;
font-weight: bold;
color: #2f2f2f;
text-decoration:none;}
#news .news_item .news_date {
    display: none;
}
.news_title, #news .news_item .news_title {
margin-bottom:0;}


#news_home .news_date, #news_home .news_date a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#dfdfdf;
font-weight:bold;
text-decoration:none;
text-align:center;}

#news_home .news_date span {
font-size:9px;}


.news_teaser, .news_teaser a, #news .news_item .news_teaser, #news .news_item .news_teaser a {
font-family: arial;
font-size: 12px;
color: #555555;
text-decoration:none;}

#main .news_teaser {
margin-bottom:15px;}

#news_home .news_teaser {
margin-bottom:0;}

a.news_more, #news .news_item a.news_more {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#522366;
font-weight:bold;
text-decoration:none;}

a.news_more:hover, #news .news_item a.news_more:hover  {
text-decoration:underline;}

p.rdmr {
text-align:right;}

p.rdmr a {
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #522366;
text-decoration:none;}

p.rdmr a:hover {
text-decoration:underline;}





/* footer */
#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 -------------------------*/
body {
background:url(../../images/bg_body.png) repeat;}

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

#header {
width:881px;
height:151px;
float:left;
background:url(../../images/bg_nav_border.png) bottom left repeat-x;
padding-bottom:3px;
margin:0 0 25px 9px;}

#header img {
float:left;}

#tagline {
width:547px;
height:80px;
float:left;
padding:50px 0 0 38px;}

/* main nav */
#header #nav {
width:621px;
float:right;
text-align:right;}

#header #nav li {
list-style:none;
display:inline;
background:url(../../images/nav_spacer.png) left center no-repeat;
padding:0 8px;}

#header #nav li a {
display:inline-block;
padding:0 8px;}

#header #nav li.first {
background:none;}


/* home page content */

#fs_bg {
width:881px;
height:354px;
float:left;
margin-bottom:25px;
padding:0 0 17px 9px;
background:url(../../images/bg_fadeshow.gif) top center no-repeat;}

#btn_projects {
width:37px;
height:371px;
float:left;}

#news_home {
width:232px;
height:230px;
float:left;
margin:6px 0 0 9px;}

#news_home .news_item {
padding-bottom:15px;
border-bottom:1px dashed #cbcbcb;
margin-bottom:15px;}

#news_home .news_date {
display:block;
float:left;
width:27px;
height:40px;
padding:4px 12px 0 4px;
background:url(../../images/bg_date_tab.gif) top center no-repeat;}

#welcome {
/*width:368px;*/
width:609px;
height:236px;
float:left;
margin:0 20px 0 24px;}

#contact_block {
width:226px;
height:230px;
float:left;
padding-left:10px;
background:url(../../images/bg_contact.gif) bottom right no-repeat;
margin-top:6px;}



#main {
float:left;
width:625px;
margin-bottom:20px;}



#sidebar {
width:230px;
float:left;
margin:6px 25px 0 9px;}

/* main portfolio page */
#portfolio img {
margin-bottom:20px;}

/* category page */
#category img.margin_r {
margin:5px 3px 20px 0;}

#category img {
margin-top:5px;}

/* project detail page */
#project_nav {
width:625px;
height:15px;
float:right;
text-align:right;
margin-bottom:15px;
background:url(../../images/bg_port_nav.gif) top right no-repeat;}

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

#project_nav li {
display:inline;}

#project_nav li.right {
margin-right:3px;
margin-left:20px;}

#project_nav a {
display:inline-block;
padding:0 7px;
vertical-align:top;}

#detail_img {
width:348px;
float:left;
padding:9px;
margin-right:25px;
background-color:#dfdfdf;}

#detail_img img {
border:1px solid #7F7C85;}


#project_info {
width:234px;
float:left;
border-bottom:1px dashed #cccccc;
padding:7px 0 10px 0;
margin-bottom:20px;}

#thumbs {
width:234px;
float:left;}

#thumbs img {
border:1px solid #7F7C85;}

#thumbs a {
display:block;
padding:5px;
background-color:#dfdfdf;}

#thumbs a:hover {
background-color:#ababab;}





/* 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 #f3f3f3;}
*/

/*
#newsletter .title, #sidebar_content .title {
margin-top:7px;
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#787878;}

#newsletter p, #sidebar_content p {
font-family:Verdana, sans-serif;
font-size:11px;
padding-bottom:10px;
line-height:130%;
color:#787878;}
*/


/* contact page */

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

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

/* footer */

#footer {
width:881px;
float:left;
clear:both;
background:url(../../images/bg_nav_border.png) top left repeat-x;
padding-top:3px;
margin-left:9px;
margin-top: 10px;}



#footer p {
float:right;}

/*#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:881px;
float:left;
margin:30px 0 15px 9px;
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;}
.projectthumb {
    width: 302px;
    height: 112px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}