body {background: #FFF; font: 11pt Arial;}
#front { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:220px; background: #8dc6e4 url('/i/sky-bg.jpg') repeat-x; }
#man { width: 25%; margin: -220px 0 0 0; padding:0px; height:220px; background: url('/i/man.png') right bottom no-repeat; }
#logo { width: 50%; margin: -170px 0 0 0; padding: 0 0 0 50%; }
#house { width: 50%; margin:0px; padding:0px; height:220px; background: url('/i/house.png') right bottom no-repeat; }

#ribbon { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:124px; background: #1b72a4 url('/i/ruler-bg.png') repeat-x; }
#ribbon table {width: 100%; height:124px;}
#ribbon table tr td.link div {margin: 50px 0px 0px 25px; font: 20pt/20pt Georgia; font-weight: normal; font-style:italic; }
#ribbon table tr td.link div a {color: #fff; }

#projectslist {margin: 25px 0px 0px 0px;}
#projectslist .item { border-top: #DDD 1px solid; margin: 0px 0px 15px 0px; padding: 7px 0 0 0;}
#projectslist .item .description {color: #9a9a9a; margin-bottom: 5px;}
#projectslist .item .pictures {height: 120px; overflow: hidden;}

#menubig {font: 13pt/14pt Georgia;font-style:italic;}
#menubig li { margin:0px; padding:0 0 15px 0;}
#menubig li a {color:#996f33;}

#title {height: 100%; vertical-align: bottom; border:1px;}
#body {margin: 15px 13px 25px 12px; }
#foot {font-size: 9pt; padding-top: 5px; }

.frame {margin: 0 12px 10px 13px;}

#address {margin: 7px 0 25px 0; padding-left: 30px; font: 17pt Arial; background: url('/i/phone.gif') 0px 3px no-repeat;}
#address small {font-size: 10.5pt; }

#about {height:100px; background: url('/i/about.jpg') no-repeat; text-align: right; max-width: 400px;}
#projects {height:100px; background: url('/i/projects.jpg') no-repeat; text-align: right; max-width: 400px;}
#designing {height:100px; background: url('/i/designing.jpg') no-repeat; text-align: right; max-width: 400px;}

h1 {font: 17.63pt/19pt Georgia;font-style:italic;color:#cc7800}
h2 {font: 13pt Georgia;font-style:italic;color:#cc7800; margin: 0px; padding: 0px;}
a {color:#0a4a84}
.bolder { font: 13.5pt/21.46pt Arial; color: #333333; }
p {font: 11pt/20pt Arial;}
ul.unbullet {margin:0px; padding: 0px;}
ul.unbullet li {list-style-type: none; margin:0px; padding:0px;}
.gray {color:#cacaca;}

#mainnav {font: 11pt/24pt Arial; padding: 30px 0px 0px 0px; }
#mainnav UL {margin: 0px; padding: 0px; list-style-type:none; list-style-image: none; }
#mainnav UL LI {padding: 0px 0px 0px 0px; color: #cc8600; }
#mainnav UL LI UL {margin: 3px 0px 3px 15px; padding: 0px; list-style-type:none; list-style-image: none; }
#mainnav UL LI UL LI{font: 9pt/12pt Arial; padding: 3px 0px 9px 0px; color: #cc8600; }

form fieldset {margin: 0px 5px 20px 0px; padding: 0px 15px 5px 10px;}
form fieldset legend {font-size: 11pt;}
form label {font: 9pt Arial; color: #7F7F7F; display: block;}
form input {display: block; margin: 0px 0px 7px 0px;}

.plink {border-bottom-color: #0a4a84; border-bottom-style: dashed; border-bottom-width: 1px; color: #0a4a84; cursor: pointer;}

.ask {margin-bottom: 15px; }
.ans {margin: 5px 0 0 19px; color: #9a9a9a; }
#quicklinks{margin-top: 20px;}
a.rep {color: #ccc; font-size:8px; text-decoration:none;}
a.rep:hover {text-decoration:underline;}