/* CSS Document */

* { padding: 0; margin: 0; }

body { background-color: #f0f0f0; color: #5c5d58; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; }
h1 { font-size: 2.5em; margin-top: 30px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; font-weight: normal; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.2em; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; text-align: center; }
p { font-size: 1.2em; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; line-height: 1.6em; }
th { font-size: 1.8em; }
td { font-size: 1.6em; }
ul { padding: 0; margin: 0; }
li { padding: 0; margin: 0; }
div { padding: 0; margin: 0; } 
img { border: none; }
table { width : 100%; text-align: left; }

#container { width: 850px; margin-left: auto; margin-right: auto; background-image: url(images/background.jpg); background-repeat: repeat-y; }

#header { width: 850px; padding-top: 20px; height: 80px; background-image: url(images/header.jpg); }
#header img { margin-left: 60px; }
#banner { width: 850px; height: 132px; background-color: #ffffff; background-image: url(images/banner-background.jpg); }
#banner #images { width: 800px; height: 132px; margin-left: 26px; }

#headerbottom { width: 850px; height: 50px; background-image: url(images/header-bottom.jpg); }

#menu { float: left; padding-left: 35px; margin-top: 60px; width: 200px; display: block; }
#menu ul { list-style: none; }
#menu li { width: 200px; height: 40px; margin-left: -9px; }
#menu a { padding-left: 9px; color: #ffffff; text-decoration: none; font-size: 1.2em; width: 187px; line-height: 40px; display: block; font-family: Georgia, "Times New Roman", Times, serif; }
#menu a:link, #menu a:visited, #menu a:active { }
#menu a:hover { background-color: #aeaeac; }

#content { width: 500px; padding-left: 25px; padding-right: 25px; margin-top: -30px; float: left; display: block; }
#content a { border-bottom: 1px dotted #5c5d58; color: #5c5d58; text-decoration: none; }
#content a:link, #content a:visited, #content a:active { }
#content a:hover { border: none; }

#content .portfolio { float: left; padding: 2px; clear: left; width: 500px; }
#content .portfolio img { border: 5px solid #5c5d58; width: 111px; height: 111px; }
#content .portfolio img:hover { border-color: #aeaeac; }
#content .portfolio a { border: none; display: inline; }

#footer { clear: both; width: 850px; height: 50px; background-image: url(images/footer.jpg); }

#legal { text-align: center; font-size: 1em; height: 30px; }
#legal a { color: #5c5d58; text-decoration: none; }
#legal a:link, #legal a:visited, #legal a:active { }
#legal a:hover { border-bottom: 1px dotted #5c5d58; }