/* General styles */
BODY { background: #ffffff; color: #4c4132; font-family: Helvetica, Arial, sans-serif; font-size: small; margin: 0px; padding: 0px; }
BODY { width: 730px; margin-left: auto ; margin-right: auto; }
A:link, A:visited { color: #4c4132; font-weight: normal; text-decoration: underline; }
A:hover, A:active { color: #4c4132; font-weight: bold; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #4c4132; border: 0px; color: #4c4132; height: 1px; }
H1 { color: #ed1c24; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #ed1c24; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: underline; }
H3 { color: #ed1c24; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: small; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H1, H2, H3 { text-align: left; }

UL { margin: 0px 25px; padding: 0px; }
LI { margin: 5px 0px 0px 0px; }


/* Layout */
/*#body { border: 1px #000000; border-style: none solid; padding: 0px 20px 0px 20px; width: 730px; }*/
#body { padding: 0px 20px 0px 20px; width: 730px; }

#header { height: 125px; padding: 0px 0px 0px 25px; }
#header H1 { color: #ed1c24; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 50px 0px 0px 0px; text-decoration: none; }

#subbar { background: url(../images/shadow.png) repeat-x bottom center; height: 72px; margin: 20px 0px; padding: 0px 0px 0px 0px; }
#subbarleft { width: 195px; }
#subbarright { padding: 0px 0px 0px 15px; }
#subbarright IMG { padding: 0px 10px 0px 0px; }

#main { margin: 20px 0px; padding: 0px; }


#footer { background: url(../images/menubar.jpg) no-repeat center center; height: 37px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#footer { color: #ffffff; font-size: 10px; font-weight: bold; }
#footer a:link, #footer a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffff; font-weight: bold; text-decoration: underline; }


/* Page-specific styles */
#indextable1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#index #leftcol { width: 346px; padding: 0px 0px 0px 0px; }
#index #rightcol { background: url(../images/textbox-index.gif) no-repeat top center; width: 372px; height: 248px; padding: 0px 12px 0px 12px; }
#index #rightcol { font-weight: bold; font-size: 11px; }
#index #rightcol H1 { color: #4c4132; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 42px; margin: 0px; padding: 0px; text-align: center; text-decoration: none; text-transform: uppercase; }
#index #rightcol LI { font-weight: normal; font-size: 10px; }

#indextable2 { background: url(../images/shadow.png) repeat-x bottom center; height: 142px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#indextable2 A:link, #indextable2 A:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
#indextable2 A:hover, #indextable2 A:active { color: #ffffff; font-weight: normal; text-decoration: none; }
#index #column1 { background: url(../images/Boxes/Home/services.png) no-repeat bottom left; width: 243px; height: 142px; margin: 0px; padding: 0px; }
#index #column1 DIV { color: #ffffff; font-size: 11px; padding: 55px 13px 0px 124px; text-align: left; }
#index #column2 { background: url(../images/Boxes/Home/projects.png) no-repeat bottom center; width: 243px; height: 142px; margin: 0px; padding: 0px; }
#index #column2 DIV { color: #ffffff; font-size: 11px; padding: 55px 10px 0px 138px; text-align: left; }
#index #column3 { background: url(../images/Boxes/Home/tidbits.png) no-repeat bottom right; width: 243px; height: 142px; margin: 0px; padding: 0px; }
#index #column3 DIV { color: #ffffff; font-size: 11px; padding: 80px 15px 0px 140px; text-align: left; }

#about_us { }
#about_us #leftcol { width: 220px; }
#about_us #rightcol { padding: 0px 30px 0px 10px; }

#general_information { }
#general_information #leftcol { width: 220px; }
#general_information #rightcol { padding: 0px 30px 0px 10px; }

#services { }
#services #onecol { }
#services #onecol IMG { padding: 0px 5px 5px 0px; }

#servicessub { }
#servicessub #subbarleft { width: 250px; }
#servicessub #onecol { }
#servicessub #leftcol { width: 280px; }
#servicessub #rightcol { padding: 0px 30px 0px 0px; text-align: left; }
#servicessub #allcol { width: 730px; }
#servicessub #allcol IMG { padding-right: 10px; }

#projects { }
#projects #onecol { }
#projects #onecol IMG { padding: 0px 5px 5px 0px; }

#projectssub { }
#projectssub #subbarleft { width: 250px; }
#projectssub #onecol I { font-size: 11px; }
#projectssub #leftcol { width: 280px; }
#projectssub #rightcol { padding: 0px 30px 0px 0px; text-align: left; }

#contact_us { }
#contact_us #leftcol { width: 195px; }
#contact_us #rightcol { padding: 0px 30px 0px 10px; }

#links { }
#links #onecol { }

#specialssub { }
#specialssub #leftcol { background: url(../images/textbox-specials.gif) no-repeat top center; font-size: 10px; line-height: 110%; width: 215px; height: 305px; }
#specialssub #leftcol DIV { padding: 10px 5px 10px 10px; }
#specialssub #leftcol UL { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; }
#specialssub #leftcol LI { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; }
#specialssub #rightcol { padding: 0px 30px 0px 0px; width: 500px; }
#specialssub #rightcol IMG { padding: 0px 0px 0px 10px; }

#specialssub { }
#specialssub #subbarleft { width: 250px; }
#specialssub #leftcol { }
#specialssub #rightcol { padding: 0px 30px 0px 0px; }

#tidbits { }
#tidbits #onecol { }


/* MENU CSS - Horizontal */

/* menu container formatting */
#menubar { background: #535252; }

/* widths */
/* The following selectors may actually be specified in meta area as well. We include them here as a backup. */
TD.menu { width: 125px; }
TD.menuwide { width: 230px; }
.menu ul ul { width: 125px; }
.menu ul ul.menuwide { width: 250px; }

/* sets height and forces all menu text to vertically align */
#menubar TD { line-height: 37px; }
.menu ul ul a:link, .menu ul ul a:visited { line-height: 25px; }
.menu ul ul a:hover, .menu ul ul a:active { line-height: 25px; }

/* font formatting */
.menu a { font-family: 'Arial Narrow', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; }
.menu ul ul a:link, .menu ul ul a:visited { font-size: 12px; letter-spacing: normal; text-transform: none; }
.menu ul ul a:hover, .menu ul ul a:active { font-size: 12px; letter-spacing: normal; text-transform: none; }

/* display formatting */
/* need to specify li width as 100% so that IE7 will expand links to fill width of table cells */
.menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.menu li { margin: 0px; padding: 0px; }
.menu li { width: 100%; }
.menu a { display: block; margin: 0px; padding-left: 10px; }
.menulast a { display: block; margin: 0px; padding-right: 10px; }
.menu ul ul { display: none; white-space: normal; }

/* link backgrounds and colors */
.menu a:link, .menu a:visited { background: none transparent; }
.menu ul a:link, .menu ul a:visited { color: #ffffff; text-decoration: none; }
.menu ul a:hover, .menu ul a:active { color: #ffffff; text-decoration: underline; }
.menu ul ul a:link, .menu ul ul a:visited { background: #88786e; color: #ffffff; text-decoration: none; }
.menu ul ul a:hover, .menu ul ul a:active { background: #4c4132; color: #ffffff; text-decoration: none; }

/* borders */
/* need to go on the a blocks since netscape expands the cell's height on hover */
.menu ul a { border: 1px #585858; border-style: none; }
.menu ul ul { border-top: solid 1px #585858; }
.menu ul ul a { border: 1px #585858; border-style: none solid solid solid; }

/* position list items and submenus */
.menu li { position: relative; }
.menu ul ul { position: absolute; top: auto; left: 10px; }
/*.menulast ul ul { position: absolute; top: auto; left: auto; right: 0px; }*/
.menulast ul ul { position: absolute; top: auto; left: -1px; }

/* Take an inline element, make it block-level, assign it colors and borders to extend the menu */
.spacerlast b { display: block; background: #262626; color: #262626; border: 1px #000000; border-style: solid none; }

/* Fix the position of everything that comes after the menubar for Netscape */
#aftermenu { position: absolute; top: auto; width: 100%; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022 */
/* It improves IE's performance speed to use the older file and this method */
.menu li:hover { cursor: pointer; z-index: 10; }
.menu h4:hover { cursor: default; z-index: 10; }
.menu li:hover ul ul, .menu li li:hover ul ul, .menu li li li:hover ul ul, .menu li li li li:hover ul ul { display: none; }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul { display: block; }

/* Override certain CopperMine Gallery styles 
ul { margin-left: 0px; padding: 0px; }
li { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; list-style-position: outside; list-style-type: none; }
End of Override certain CopperMine Gallery styles */

/* MENU CSS - Horizontal */


/*
Colors:

dk brown: #4c4132; 
lt brown: #88786e; 
rust: #612611; 
gray: #d2d2d4; 

red: #ed1c24; 
yellow: #ffdf1b; 
green: #00a652; 
*/