* {font-size: medium; margin: 0; padding: 0;}

/*Color scheme generated using the Monochromatic option at kuler.adobe.com*/
/*#fdfdf0 is color of cardstock*/
/*#fdfda4 is a stronger yellow*/
/*#7e7e77 is a darkish grey*/
/*#7e7e51 is a khaki/olive*/
/*#cacaco is a light gray*/

body {height: 100%; background: no-repeat url('images/HaveBrainBackground2.jpg') #fdfda4; padding: 0; margin: 0; }
dd {margin: 0 0 1ex 2em;}
dl {margin: 0 5em; }
dt {font-weight: bold; margin-bottom: 1ex; }
h1 {text-align: center; font-size: xx-large; }
h1.intro {text-align: left; position: absolute; left: 240px; width: 625px; height: 120px; top: 20px; font-size: xx-large; }
h2 {text-align: center; font-size: x-large; }
strong {font-weight: bold; }

div#Navigation ul {width: 60px; position: absolute; top: 40px; left: 300px; }
div#Navigation li {list-style: none; margin: 0 1ex; padding: 0 2px; width: 96px; position: absolute; top: 0; text-align: center; }
div#Navigation li p {font-weight: bold; }
div#Navigation li.Selected p {color: red; }
div#Navigation li:hover p {color: green;  }

div#Navigation li#AboutLink {left: 120px; }
div#Navigation li#Services1Link {left: 240px; }
div#Navigation li#PricingLink {left: 360px; }
div#Navigation li#ContactLink {left: 480px; }

div.Sections {position: absolute; left: 75px; top: 75px; height: 350px; width: 700px; /*border: 1px solid black;*/ } 
div.Sections div.SectionMain {position: relative; top: 130px; width: 750px; font-size: large; padding: 0 50px; }
div.Sections ul {font-size: large; margin: 1ex 0 1ex 1em; }
div.Sections li {margin-left: 1em; }
span#LTO {font-size: x-large; color: red; }

ul.ServicesList {font-size: large; position: absolute; top: 40px; width: 300px; }
ul.ServicesColumn1 {left: 0px; padding: 0 50px; }
ul.ServicesColumn2 {left: 375px; }
p#ReferralsLink, p#PortfolioLink2, p#ReferralsLink2 {position: absolute; top: 200px;  left: 0px;  padding: 0 50px; }
p#PortfolioLink {position: absolute; top: 200px; left: 400px; }