* { margin: 0; padding: 0; }

/* Colors */
body { background-color: #444; background: url(bg.png) center repeat-y; }
header, #footer, #menu h1, #title { color: #FFF; background-color: #000; }
#content, #text { background-color: #FFF; }

/* Link Colors */
a { border: 0; }
a:link { color: #E56717; }
a:visited { color: #E56717; }
a:hover { color: #E56717; }

a.asset { text-decoration: none; }
a.asset:link { color: #888; }
a.asset:visited { color: #AAA; }
a.asset:hover { color: #FFF; }

/* Fonts */
#text, #text h2, #menu h1, .icon, .asset { font: 10px verdana,arial,sans-serif;  }
#title h1 { font: 18px bold verdana,arial,sans-serif; vertical-align: top}

/* Fonts - Specifics */
#text h2 { font-weight: bold }
#text { line-height: 150%; }

/* Bullets */
.asset { background-image: url(arrow.gif); background-repeat: no-repeat; background-position: 0 .5em}

/* Page centering */
body { margin: 0 auto; width: 840px; }



/* Vertical expansion */
html, body { height: 100%; }
#content {min-height: 820px;}

/* Layout */
#header { height: 72px; }
#left { float: left; width: 320px; }
#right { width: 518px; margin-left: 322px }
#title, #photo { height: 200px; }
#footer { height: 100px; }
#menu h1, #title h1 { padding: 6px; }
#text { padding: 8px; }
#title h1, #title div { padding-left: 10px; padding-bottom: 8px; }
#text p { margin-bottom: 6px; }
#line { height: 10px; margin-bottom: 8px; }
.icon { width: 78px; height: 48px; float: left; }
#menu h1 { clear: left; }
.star { margin-right: -3px; margin-left: 1px; }
#footer .asset { margin-left: 8px; }
.asset { padding-left: 8px; }
#title ul { list-style-type: none; } 

/* Bottom alignement for the project assets */
#title { position: relative; height:200px}
#title div { position: absolute; bottom:0; left:0; }

/* White borders */
#header, #text, #line { border-bottom: 2px solid white; }
#menu h1 {border-bottom: 1px solid white; border-top: 1px solid white; }
#photo {border-bottom: 1px solid white; }
#footer { border-top: 2px solid white; }
.icon {border: 1px solid white; }