/* General
---------------------------------------*/
body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; }
body, input, td, th { font-family: Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:62%; color:#31322D; }
#content, #footer { font-size:1.1em; line-height:1.5em;  }


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

ul, li { list-style-type:none }
img { border:0px; }
td, th { vertical-align:top; text-align:left }
p { margin-bottom:1.3em;  }
p, dt, dd, li { line-height:1.4em }
table, ul, dl, h2, h3 { margin-bottom:1.1em; }


h1 { font-size:1.2em; color:#fff; margin-bottom:15px; }
h2 { margin-bottom:0px; font-weight:bold; font-size:1em; }
h3 { font-size:1em; margin-top:3em; color:#990000}


p.spaced { line-height:20px; }

/* Structure
---------------------------------------*/
body { text-align:center }
#container { width:784px; margin:20px auto 0; text-align:left; }


#navigation, #subnav { float:left; background-color:#A7A8A0; width:190px; min-height: 190px; height: auto; }
#subnav { background-color:#DBDDD0 }
* html #navigation, * html #subnav { height: 190px; }
ul.nav, ul.nav li { margin:0; padding:0; list-style-type:none }
ul.nav { padding-top:11px }
ul.nav li a { font-size:11px; line-height:22px; color:#fff; font-weight:bold; text-decoration:none  }
#subnav ul.nav { padding-top:18px; }
#subnav li a { font-weight:normal; color:#333; line-height:20px; }

#navigation ul.nav li a, #subnav ul.nav li a { padding-left:22px;  }
#navigation ul.nav li a:hover, #subnav li a:hover, #subnav li.current a, #services #navigation li.services a, #projects #navigation li.projects a, #projects2 #navigation li.projects a,
#referrals #navigation li.referrals a, #press #navigation li.press a, #about #navigation li.about a, 
#contact #navigation li.contact a { background:url(../images/template/link-hover.gif) 0 2px no-repeat; }



#footer {  clear:both; height:38px; }
#footer #author { width:100px; float:left; font-size:11px;  }
#footer #author a { text-decoration:none; color:#BCBCBA; position:relative; top:20px; }
#footer #author a:hover { color:#A7A8A0 }

#footer ul.nav { width:586px; display:block; float:right; padding:0; border-bottom:8px solid #D3D5C7; }
#footer ul.nav li { padding:0; margin:0 26px 0 10px; }
#footer ul.nav li a { color:#888; line-height:30px;  }
#footer ul.nav li { display:inline; float:left; }
#footer ul.nav li a:hover { color:#990000 }
/*A7A8A0---------*/

#content { background-color:#D4D5C7; float:left; width:100%;   }
#photos { float:left; width:486px; }

#text h1 { margin-top:20px; }
#text a { color:#333; }

.row, .row1, .row2, .row3 { clear:both; float:left; width:100%; border-bottom:8px solid #fff; }
.last { border-bottom:0; }
.box { float:left; width:190px; height:190px; border-right:8px solid #fff; }

.photo { width:190px; float:left; }

#logo { width:190px; float:right; }
#logo img { margin:20px 10px 0; float:right;  }

#photos { background-color:#fff; }
#photos ul, #photos li { margin:0px; padding:0; list-style:none  }
#photos li { float:left; display:inline; margin:0 0 8px 8px; line-height:0; height:190px; width:190px; }
#photos li img { float:left; display:inline; } 
#photos li.last { margin-bottom:0; }


/* Specific Pages
---------------------------------------*/
#homepage #navigation { width:290px; border-right:8px solid #fff; min-height: 289px; height: auto;  }
* html #homepage #navigation { height: 289px; }
#homepage #photos { width:486px; }
#homepage .row2 { border:0; background:url(../images/template/homepage-row2-bg.gif) top left repeat-y;  min-height: 289px; height: auto;  }
* html #homepage .row2 { height: 289px; }
#homepage #text { width:370px; margin:60px 0 0 20px; color:#fff; font-size:1.1em; }
#homepage #text h1 { margin-top:0px; }

#contact .row1, #contact #navigation { min-height:190px; height:auto; }
#contact .row1 { background:url(../images/template/contact-row1-bg.gif) top left repeat-y; }
#contact .row2 { background:url(../images/template/contact-row2-bg.gif) top left repeat-y; }
#contact .row1 .photo { margin-left:206px; width:190px; float:left; display:inline; }
#contact #text { width:546px; margin:0 20px 0 198px; float:right; display:inline; border:0; min-height: 388px; height: auto; }
* html #contact #text { height: 388px; }
#contact .row2 { border-bottom:0; }

#press .row1, #press #navigation { min-height:190px; height:auto; }
#press .row1 { background:url(../images/template/contact-row1-bg.gif) top left repeat-y; }
#press .row2 { background:url(../images/template/press-row2-bg.gif) top left repeat-y; }
#press .photo { margin-left:206px; float:left; display:inline; }
#press #text { width:368px; margin:0 0 0 20px; float:left; display:inline; border:0; min-height: 388px; height: auto;  }
* html #press #text { height: 368px; }
#press #text, #press #text a { color:#fff; }
#press #text a { font-weight:bold; }
#press .row2 { border-bottom:0; }
#press #photos { width:396px; float:left; display:inline; }


#referrals h1 { margin:18px 0 22px 20px; }
#referrals #content { background:url(../images/template/referrals-row3-bg.gif) top left repeat-y; min-height: 586px; height: auto;  }
* html #referrals #content  { height:586px; }
#referrals .row1, #referrals #navigation { min-height:190px; height:auto; }
#referrals .row1 { background:url(../images/template/referrals-row1-bg.gif) top left repeat-y; }
#referrals .row1 .photo { margin-left:8px; }
#referrals .row2 { background-color:#D4D5C7; border:0; min-height: 190px; height: auto;  }
* html #referrals .row2 { height:190px; }
#referrals .row2 .column1, #referrals .row2 .column2, #referrals .row2 .column3 { float:left; display:inline; }
#referrals .row2 .column1 { width:300px; margin:0 30px 0 190px; }
#referrals .row2 .column2 { width:70x;  }
#referrals .row2 .column3 { float:right; width:170px; margin-right:20px; position:relative; height:100px;  }
#referrals .row2 .column3 .next { position:absolute; bottom:0px; right:1px; width:44px; height:12px; }
#referrals h1 { margin-top:19px; }


#projects .row1, #projects #navigation { min-height:190px; height:auto; }
#projects .row1 { background:url(../images/template/projects-row1-bg.gif) top left repeat-y; }
#projects .row2 { background:url(../images/template/projects-row2-left-bg.gif) top left repeat-y; }
#projects #text { margin:0 20px; border:0; width:150px; float:left; display:inline; min-height: 388px; height: auto;  }
* html #projects #text { height: 368px; }
#projects #photos { width:594px; float:left; display:inline; background:url(../images/template/projects-row2-right-bg.gif) top right no-repeat; }
#projects .row1 .photo { margin-left:8px;  }
#projects .row2 { border-bottom:0; }

#projects2 h2 {   text-transform:uppercase; } 
#projects2 #content { background:url(../images/template/projects-bg.gif) top left repeat-y }
#projects2 #navigation, #projects2 #subnav { border-bottom:8px solid #fff; }
#projects2 #text {min-height: 525px; height: auto; }
* html #projects2 #text { height: 525px; }
#projects2 .column1, #projects2 .column2, #projects2 .column3 { float:left; display:inline }
#projects2 .column1 { width:190px; }
#projects2 .column2 { width:339px; margin-top:0px; margin-left:27px;  }
#projects2 .column3  { width:190px; float:right; height:586px;}
#projects2 #logo { height:190px; }
#projects2 .column3 .photo { border-top:8px solid #fff; }
#projects2 h2 { color:#990000}
/*#747668-----*/
#projects2 h2.project { color:#990000; font-weight:normal; margin-bottom:10px; }
#projects2 a.more{ color:#990000; } /*font-weight:bold; -----*/
#projects2 #text h3 { margin:0; }
#projects2 #logo { background-color:#DBDDD0 }
#projects2 .next { text-align:right; margin-bottom:5px; clear:both; font-size:1.2em; }
#projects2 .next a { color:#333; background:url(../images/projects_arrow.gif) center right no-repeat; padding-right:20px; font-weight:normal  }

#services h2 {   text-transform:uppercase; color:#990000; } 
#services #content { background:url(../images/template/services-bg.gif) top left repeat-y }
#services #navigation, #services .column1 .photo { border-bottom:8px solid #fff; }
#services .column1, #services .column2, #services .column3 { float:left; display:inline }
#services .column1 { width:190px; }
#services .column2 { width:339px; margin-top:80px; margin-left:27px;  }
#services .column3  { width:190px; float:right; height:586px;}


#about h2 { font-weight:normal; }
#about #content { background:url(../images/template/about-bg.gif) top left repeat-y }
#about #navigation { border-bottom:8px solid #fff; }
#about .column1, #about .column2, #about .column3 { float:left; display:inline }
#about .column1 { width:190px; }
#about .column2 { width:339px; margin-left:27px;  }
#about .column3  { width:190px; float:right; height:586px; background:#A7A8A0 url(../images/template/about-col3-bg.gif) top left no-repeat}


/* Hacks
---------------------------------------*/
.clear { clear:both; }