html { min-height: 100%; }
body { margin: 0; padding: 0 0 50px 0; background: #FFF; }
a { color: #06C; }

body.home { background: url(images/logo-plum.png) center bottom no-repeat }
body.red { background: url(images/logo-red.png) center bottom no-repeat }
body.orange { background: url(images/logo-orange.png) center bottom no-repeat }
body.yellow { background: url(images/logo-yellow.png) center bottom no-repeat }
body.lime { background: url(images/logo-lime.png) center bottom no-repeat }
body.green { background: url(images/logo-green.png) center bottom no-repeat }
body.blue { background: url(images/logo-blue.png) center bottom no-repeat }
body.indigo { background: url(images/logo-indigo.png) center bottom no-repeat }
body.purple { background: url(images/logo-purple.png) center bottom no-repeat }

#home { width: 100%; background: url(images/bg-home.png) repeat-x; }
#red { width: 100%; background: url(images/bg-red.png) repeat-x; }
#orange { width: 100%; background: url(images/bg-orange.png) repeat-x; }
#yellow { width: 100%; background: url(images/bg-yellow.png) repeat-x; }
#lime { width: 100%; background: url(images/bg-lime.png) repeat-x; }
#green { width: 100%; background: url(images/bg-green.png) repeat-x; }
#blue { width: 100%; background: url(images/bg-blue.png) repeat-x; }
#indigo { width: 100%; background: url(images/bg-indigo.png) repeat-x; }
#purple { width: 100%; background: url(images/bg-purple.png) repeat-x; }

#topContent { width: 100%; background: url(images/bg-home-pattern.png) no-repeat; }
#topContentBg { margin: 0 auto 0 auto; padding: 15px 0 35px 0; width: 640px; clear: both; background: url(images/logo-home.png) right 110px no-repeat; }

div.photo { width: 230px; height: 286px; margin: 20px 20px 0 0; padding: 9px 10px 13px 15px; background: url(images/frame.png) no-repeat; float: left; }

#info { padding: 20px 0 0 0px; color: #514C51; }
#info h1, #topinfo #title h1 { margin: 0; padding: 0 0 5px 0; font-variant: small-caps; font-size: 1.9em; font-weight: normal; }
#topinfo #title h1 { padding-top: 8px; }
#info h2, #topinfo h2 { margin: 0; padding: 0 0 20px 0; font-size: 1.1em; font-weight: normal; }
#info span, #topinfo span { line-height: 140%; font-size: 1.1em; letter-spacing: -0.03em; font-family: Georgia, Garamond, Cambria, Liberation Serif, Bitstream Vera Serif, serif; }
#topinfo { padding: 20px 0 5px 0px; color: #514C51; width: 900px; height: 80px; margin: auto; }
#topinfo .right { padding: 22px 5px 0 0; }
#topinfo .right h1 { font: 26px Myriad Web, Calibri, Tahoma, Arial, Helvetica, sans-serif; margin: 0; }

#title { float: left; width: 500px; }
.left { float: left; }
.right { float: right; }
.right p { margin: 0; padding: 0; line-height: 140%; font-size: 1.1em; letter-spacing: -0.03em; font-family: Georgia, Garamond, Cambria, Liberation Serif, Bitstream Vera Serif, serif; text-align: right;}

#nav-bg { width: 100%; min-width: 980px; height: 50px; margin: 20px 0 50px 0; background: url(images/nav.png) #333; }
#nav { margin: auto; width: 980px; overflow: hidden; }
#nav ul { height: 50px; margin: auto; }
#nav li { height: 50px; font: .9em 'Nobile', Gill Sans MT, Gill Sans, GillSans, Arial, Helvetica, sans-serif; color: white; line-height: 110%; display: block; margin: 0; padding: 0; float: left; text-align: center; border-left: 1px solid #FFF; }
#nav li a { margin: 0; padding: 10px 11px; height: 50px; text-decoration: none; color: white; display: block; background: url(images/nav.png); text-shadow: #000 0 1px 1px; }
#nav li a:hover { text-shadow: #000 0 2px 2px; }
#nav li.plum a { background-position: 0 -50px; }
#nav li.plum a:hover { background-position: 0 -100px; }
#nav li.red a { background-position: 0 -150px; }
#nav li.red a:hover { background-position: 0 -200px; }
#nav li.orange a { background-position: 0 -250px; }
#nav li.orange a:hover { background-position: 0 -300px; }
#nav li.yellow a { background-position: 0 -350px; }
#nav li.yellow a:hover { background-position: 0 -400px; }
#nav li.lime a { background-position: 0 -450px; }
#nav li.lime a:hover { background-position: 0 -500px; }
#nav li.green a { background-position: 0 -550px; }
#nav li.green a:hover { background-position: 0 -600px; }
#nav li.blue a { background-position: 0 -650px; }
#nav li.blue a:hover { background-position: 0 -700px; }
#nav li.indigo a { background-position: 0 -750px; }
#nav li.indigo a:hover { background-position: 0 -800px; }
#nav li.purple a { background-position: 0 -850px; border-right: 1px solid #FFF; }
#nav li.purple a:hover { background-position: 0 -900px; border-right: 1px solid #FFF; }
#nav li.plum a, #nav li.orange a, #nav li.lime a, #nav li.blue a, #nav li.indigo a , #nav li.purple a { padding: 17px 12px 20px 12px; }

#homeContent { width: 640px; margin: auto; padding: 0 0 50px 0; }
#homeContent p { font-size: 1.1em; font-style: italic; font-weight: bold; color: #777; }
#homeContentLeft { float: left; width: 45%; }
#homeContent #homeContentLeft p { font-weight: normal; font-style: normal; color: #333; font-size: .95em; }
#homeContentRight { float: left; width: 40%; }
#homeContent #homeContentRight ul { margin-top: 20px; }
#content { width: 900px; margin: auto; padding: 0 0 50px 0; }

h1, h2 { font-family: Georgia, Garamond, Cambria, Liberation Serif, Bitstream Vera Serif, serif; }
h1 a, h2 a { text-decoration: none; color: inherit; }
p { font: .85em 'Nobile', Calibri, Tahoma, Arial, Helvetica, sans-serif; line-height: 180%; text-align: justify; margin: 10px 15px 10px 20px; }
p.nomargin { margin: 10px 0 10px 0; }

#content object { margin: 0 10px 20px 10px; display: block; clear: both; }
#homeContent ul, #content ul { font: .85em 'Nobile', Arial, Helvetica, sans-serif; line-height: 175%; margin: 0 0 20px 0; }
#homeContent li, #content li { margin: 2px; }
#homeContent ul { list-style: none; margin: 0; padding: 0 0 0 20px; font-size: .9em; }
#homeContent ul ul { margin: 0; }
#homeContent ul li { background: url(images/home-bulletpoint.png) no-repeat 0 5px; padding: 0 0 0 28px; }
#homeContent ul ul li { list-style: bullet; }
#content ul.cv { margin: 20px 20px 20px -25px; list-style: none; }

div.testimonial { float: right; margin: 0 20px 0 40px; border: 1px solid #AA1AAA; border-left: 10px solid #AA1AAA; padding: 20px 20px 20px 10px; width: 400px; background: url(images/bg-purple.png) repeat-x; }
#content h1 { font-size: 1.4em; border-bottom: 1px solid #CCC; margin: 30px 0 30px 0; font-weight: normal; }
#content h2 { font-size: 1.1em; font-weight: normal; margin: 30px 0 15px 10px; font-style: italic; }
#content ul.pdf { list-style: none; }
#content ul.pdf li { background: url(images/pdf-small.png) 0 4px no-repeat; padding: 0 0 0 24px; margin-left: 0; }
#content li { margin-bottom: 10px; }
input.padded { padding: 2px; font-size: .95em; }
#contactform ol { list-style: none; line-height: 250%; font: .95em Myriad Web, Calibri, Tahoma, Arial, Helvetica, sans-serif; }
#contactform textarea { margin: 20px 0 0 0; font: .95em Myriad Web, Calibri, Tahoma, Arial, Helvetica, sans-serif; }
em.red { color: red; font-family: Verdana, Arial, sans-serif; }
div.infobox { margin: 50px auto 0 auto; width: 500px; border: 1px solid #CCC; padding: 12px; }
div.infobox h2 { margin: 0; padding: 0; font-weight: normal; text-align: center; }
#content div.infobox ol li { margin: 5px 0 15px 0; padding: 0; }
hr { margin: 20px 0 30px 0; border: none; border-top: 1px solid #CCC; }
#purple hr { border-top: 1px solid #D0A7FE; }
img.logo { float: left; margin: 0 20px 0 0; }
span.year { width: 90px; float: left; font-weight: bold; text-align: right; margin: 0 25px 0 0; }
span.contact { width: 75px; float: left; margin: 0 5px 0 0; }
a img { border: none; }
.indent { margin: 0 0 0 10px; }