/* css reset */

* { margin: 0; padding: 0 }
img { border: 0 }
/* end css reset */


body { font-size: 62.5%; font-family: arial, Helvetica, Sans-Serif; margin: 10px 0; }
#wrapper{margin-left:auto;margin-right:auto;width:1000px;}
#dims { float: left; width: 1000px; border: solid 1px #cececc }
#left { float: left; width: 275px; height: 599px; background: #fbfbf8; position: relative }
#left img { float: left; padding-left: 108px; padding-top: 41px; }

#nav { float: left; clear: left; margin-top: 60px; position: relative; left: 80px; }
#nav ul { float: left; list-style-type: none; letter-spacing: 0px }
#nav li { float: left; clear: left; border-bottom: solid 1px #cececc; width: 187px; }
#nav .dropdown { padding-bottom: 5px; }
#nav ul a { display: block; width: 187px; height: 22px; line-height: 22px; text-align: center; color: #666; font-size: 1em; font-weight: bold; text-transform: uppercase; text-decoration: none }
#nav ul a:hover, #nav ul .on { color: #000; }
#nav ul .s-on { color: #000;}

#nav ul ul { margin: 5px 0 5px 0; }
#nav ul ul li { border-bottom: 0; }
#nav ul ul a { height: 15px; line-height: 15px; font-size: 0.8em; }

#footer { position: absolute; bottom: 10px; right: 9px; width: 187px; border-top: solid 1px #cececc; text-align: center; padding-top: 13px; font-size:0.8em }
#footer a { text-transform: uppercase; text-decoration: none; color: #666 }
#footer a:hover { color: #000 }

#right { float: left; width: 725px; height: 599px; background: #fbfbf8 }

#flash-message { width: 400px; margin: 0 auto; position:relative; top: 240px; text-align: center }
#flash-message p { font-size: 1.1em; margin-bottom: 1em }

#links a { font-size: 10px; font-family: arial, Helvetica, Sans-Serif; text-decoration: none; color: #ccc}
#links { float: left; clear: left; font-size: 10px; font-family: arial, Helvetica, Sans-Serif; margin: 20px 0; text-decoration: none; color: #ccc; width: 1000px; text-align: center;}