@import "reset.css";

body { background-color: #A3A0A3; font: 11px/normal  "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; font-smooth: never; }


body#home, body#home a { color: #43494f; }
body#design-build, body#design-build a { color: #4d4f33; }
body#lighting-irrigation, body#lighting-irrigation a { color: #625436; }
body#tree-surgery, body#tree-surgery a { color: #584842; }
body#portfolio, body#portfolio a { color: #481f2e; }

a:hover { color: #000; }

p { margin-bottom: 1em; line-height: 1.3em;}

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3 { margin-bottom: .3em; }
h1 { font-size: 16px; }

#logo { float: right; font-size: 24px; }
#logo img { display: block; }


/* Layout
==============================================================================================  */

#container { width: 800px;  margin: 70px auto 0; text-align: left; }
#content { clear: both; }
#portbar { float: left; width: 390px; } 
#starbar { float: right; width: 390px; }

* html #starbar { height: 1px; }


/* Navigation */

#nav { padding-top: 1em; }
#nav li { display: inline; margin-right: 10px; }
#nav li a.on { font-weight: bold;  }

/* Boxes */

.box1 { background-position: top right; background-repeat: no-repeat; color: #fff; }

body#home .box1 { background-color: #43494f; background-image: url(../images/bg1-home.gif); }
body#design-build .box1 { background-color: #4d4f33; background-image: url(../images/bg1-design-build.gif); }
body#lighting-irrigation .box1 { background-color: #625436; background-image: url(../images/bg1-lighting-irrigation.gif); }
body#tree-surgery .box1 { background-color: #584842; background-image: url(../images/bg1-tree-surgery.gif); }
body#portfolio .box1 { background-color: #481f2e; background-image: url(../images/bg1-portfolio.gif); }


/* Lists */

ul.thumbs { float: right; padding-top: 2px;}
ul.thumbs li { float: left; margin: 0 0 10px 10px; padding: 2px; }
ul.thumbs li.on { padding: 1px; border: solid 1px #481f2e; }
ul.thumbs li img { display: block; }


/* Preamble */

#preamble { position: relative; height: 390px; width: 390px; margin-bottom: 1em; }
#preamble .inner { padding: 150px 15px 0; }

#preamble .controls { position: absolute; top: 15px; left: 15px; color: #927982; }
#preamble .controls ul li { display: inline; margin-right: 10px; }
#preamble .controls ul li a { color: #927982; }
#preamble .controls ul li a.on { color: #fff; font-weight: bold; }


#about address { float: left; margin-right: 40px; }
#about dl { float: left; }


/* Quick projects */

#quick-projects img.main { margin-bottom: 1em; }
#quick-projects dl { text-align: right; }
#quick-projects dl dt { font-weight: bold; }
#quick-projects dl dd.more { clear: right; margin-top: .5em; }

.fader li{ background: #A3A0A3; }