@import url("reset.css");
body { font-size: 1em; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;

 text-align: center;color: #444;background:#e7d3ae; padding: 0; margin: 0; }

html {font-size:100%; }
#ray {width: 100%; background: #e7d3ae; }
#mast {width: 35.25em; margin: 0 auto; background: #e7d3ae; text-align: left; }
#wrap {width: 35.25em; margin: 0 auto; background: #FFF;text-align: left; }
span.email {font-size: 0.8em;}

#logo  {float: left;}

#contact {float: right;}
#contact a:link { text-decoration: none;}
#contact a:visited {text-decoration: none;}
.contact-us {background:url("contact.png") no-repeat scroll left center transparent;
text-indent:30px; padding: 1em; }
.email-address {background:url("email.png") no-repeat scroll left center transparent;
text-indent:10px; padding: 1em; margin-left: 2em; }
.telephone {background:url("telephone.png") no-repeat scroll left center transparent;
text-indent:10px; padding: 1em; margin-left: 2em; }
.home {background:url("home.png") no-repeat scroll left center transparent;
text-indent:35px; padding: 1em; margin-left: 2em; }



#mast h1 {color:#000;font-size: 1.5em; line-height: 1.5em; padding-top: 1em; font-family: Georgia;}
#mast p {font-size: 0.8em; color: #000; padding: 1em 0; margin: 0}
#secondary {float: left; width: 13em;}
#main { float: right; width: 30em; }
#clients {clear:both;  background: #a71e20; box-shadow: 2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);}
#clients p {color:#FFF; padding: 1em;}
#asides {background: #a71e20; width: 100%; overflow: hidden; min-height: 5em; }
#asides p {color:#FFF; font-size: 0.7em; }
#asides a:link {text-decoration: none; font-weight: bold;} 
#asides a:hover {text-decoration:underline; font-weight: bold; color: #FFF;} 
#asides a:visited {text-decoration:none; font-weight: bold; color: #000;} 

.entry {width:35.25em; border-bottom: 1em solid #e7d3ae; padding-bottom: 1.2em; }
.entry img {padding-left: 2em;}

.inline {display:inline; color:#333;}

#logo img a {position: absolute; top:0; left: 0;}

.email {color:#000; position: absolute; bottom:0; right: 0;}

#itemcontainer {clear: both;}
#itemtext {float:left;}
#itemvisuals {float: right;}

h1 {font-size: 1.125em; line-height: 1em;margin: 0; font-weight: 300;}
.box h2 {color:#000; font-weight: bold; font-size: 0.8em; padding-bottom: 0.4em;}
.box h3 {color:#333; font-weight: bold; font-size: 0.8em; padding-bottom: 0.4em;}

.entry h2 {font-size: 2em; padding: 0.5em; margin-top: 1em; margin-bottom: 0.5em; color:#a71e20; background-color: #FFF; }
.entry h3 {font-size: 0.9em; padding-bottom: 0.5em;color:#666;}
#main h2 {font-size: 1.7em; padding-bottom: 0.5em;color:#333;}
#secondary h2 {font-size: 1.8em; background:#FFD000; padding: 0.2em; width: 100%;}
p {font-size: 0.9em; line-height: 1.5em; padding-top: 0.5em; padding-left: 2em; padding-right: 1em; margin-bottom: 0.5em; color:#333; padding-bottom: 0em;}
#footer p {font-size: 0.750em; padding-top: 10px;}

.box {background: #FFF; width: 15.937em; height: 300px; margin: 17px;}
.firstbox {margin-left: 0;}
.lastbox {margin-right: 0;}
.last {margin-right: 0; padding: 0;}
.floatLeft {float: left;}

#flickr {  background:url(./graphics/flickerness.gif) no-repeat;
 width:480px; height:100 px; height:120px;  padding:14px 0 0 50px;
  padding:0 0 0 50px; margin-top:40px; }

#flickr h2 {padding-bottom: 1em;}
#flickr a img { float:left; margin:0 0px 8px 8px; background:#3f4e4e; padding:4px; width:62px;height:62px;}

h2 {font-family: Georgia;}
a:link, a:visited {color:#000; font-weight: bold; line-height: 1.2em; text-decoration: none;}
a:hover {color:#a71e20;}




*/dark brown 5a5250
light brown e7d3ae       */