* { margin: 0; padding: 0; }

/* General */
body { background: #31302c url(/images/background.jpg) no-repeat 50% 200px; border: none; list-style: none; color: #f2f1f1; font-family: Arial; font-size: 14px; }
a, a:hover, a:visited { color: #ffa31e; }
a img { border: solid 2px #dcdcdc; }
a img.no-border { border: none; }
#wrapper { width: 661px; margin: auto; }

/* Header */
#header { width: 661px; position:relative; }
#header h1 { text-indent: -99em; overflow: hidden; width: 100%; height: 162px; background: #31302c url(/images/logo.jpg) no-repeat 0 0; }
#violator { position:absolute;top:133px;left:490px; text-indent: -99em; overflow: hidden; width: 159px; height: 98px; background: url(/images/violator.gif) no-repeat 0 0;}

/* Navigation */
#navigation { list-style: none; padding-left: 6px; height: 47px; width: 100%; background: #31302c url(/images/navigation-background.gif) no-repeat 0 0; }
#navigation li { border-right: solid 1px #b4b4b4; padding-top: 13px; padding-bottom: 6px; float: left; width: 120px; height: 22px; text-align: center; }
#navigation li a { color: #686868; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#navigation li a:hover { color: #ffa31e; }

/* Content */
#content { margin: 0 0px 20px 30px; padding-top:20px; clear: both; }

/* Two columns pages */
#left-side { float: left; width: 236px; }
#left-side-header { background: url(/images/index-left-header.jpg) no-repeat; width: 100%; height: 46px; }
#left-side-header h2 { margin-left: 63px; padding-top: 15px; color: #f2f1f1; text-transform: uppercase; font-size: 14px; font-weight: bold; }
#left-side-content { background: url(/images/index-left-content.jpg) repeat-y; min-height: 321px; padding: 10px 20px 0px 20px; color: #686868; }
#left-side-content ul { padding-left: 20px; list-style: none; text-transform: uppercase; font-weight: bold; }
#left-side-content li { padding-top: 5px; padding-bottom: 5px; }
#left-side-footer { background: url(/images/index-left-footer.jpg) no-repeat; height: 87px; min-height: 87px; }

#right-side { float: right; width: 360px; padding-right: 20px; }
#right-side h2 { text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ffa31e; }
#right-side p { color: #f2f1f1; font-size: 12px; margin-bottom: 15px; }

/* Footer */
hr { clear: both; width: 650px; margin: auto; padding-top: 30px; border-top: none; border-right: none; border-left: none; }
#footer { font-size: 80%; text-align: center; color: #616160; margin: 10px 30px; }

/* Stock Index */
#stock-items { list-style: none; }
#stock-items p { margin-bottom: 10px; }
#stock-items h3 { margin-bottom: 10px; text-transform: uppercase; }
.stock-item { padding-top: 35px; clear: both; }
.description ul { float: right; }
.description li { margin-bottom: 0px; margin-top: 0px; }

/* Stock Details */
.content-wrapper h2 { color: #ffa31e; font-size: 18px; text-transform: uppercase; font-weight: bold; }
#content-area { float: right; width: 250px; height: 420px; position: relative; }
#content-area li { list-style: circle; margin-left: 15px; }
#ask-a-quote { bottom: 0; right: 100px; width: 112px; position: absolute; }
#ask-a-quote img { border: none; }
#photo-area { float: left; width: 350px; }
#photo-thumbnails { clear: both; padding-top: 5px; padding-left: 1px; width: 350px; }
#photo-thumbnails li { float: left; list-style: none; }
#photo-thumbnails img { border: solid 2px #dcdcdc; margin-left: 5px; }
#loadarea { background: #FFF; float: left; border: solid 2px #dcdcdc; margin-right: 12px; width: 350px; height: 350px; }

/* Contact */
.box { clear: both; padding-top: 30px; padding-bottom: 20px; margin-left: -20px; }
.box label { color: Black; }
.box li { list-style: none; margin-bottom: 10px; }
#box-header { background: url(/images/box-header.gif) 0 0 no-repeat; height: 46px; }
#box-header h2 { text-align: center; padding-top: 15px; color: #f2f1f1; text-transform: uppercase; font-size: 14px; font-weight: bold; }
#box-content { background: url(/images/box-content.gif) repeat-y; color: #686868; text-align: center; width: 641px; padding-top: 20px; }
#box-content p { padding-right: 20px; padding-left: 20px; padding-top: 30px; padding-bottom: 30px; }
#submit { margin-left: 198px; }
#box-footer { background: url(/images/box-footer.gif) no-repeat; width: 100%; height: 87px; min-height: 87px; }
#contact-h2 { margin-left: 18px; padding-top: 15px; color: #f2f1f1; text-transform: uppercase; font-size: 14px; font-weight: bold; }
input.text, select, textarea { background-color: #fff; border: 1px solid #71553c; font: 11px/14px "Lucida Grande" , "Trebuchet MS" , Arial, Helvetica, sans-serif; margin: 4px 0 5px 0; color: #000; width: 300px; padding: 1px; }
#form-contact-me { float: left; margin-left: 20px; }
#form-contact-me li { list-style: none; margin-bottom: 10px; }
#form-contact-me h2 { margin-bottom: 20px; color: #ffa31e; text-transform: uppercase; font-size: 18px; font-weight: bold; }

/* Home */
#home h2 { text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ffa31e; margin-bottom: 20px; }
#home h3 { text-align: center; text-transform: uppercase; }
#home li { list-style: none; float: left; margin-right: 20px; }


/* About */
#about h2 { color: #ffa31e; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; }
#about img { float: left; margin-right: 20px; border: solid 2px #dcdcdc; }
#about p { float: left; width: 410px; }

/**************************
***************************
********* ADMIN ***********
***************************
**************************/

/* CREATE */
fieldset { color: #f2f1f1; width: 600px; }
fieldset p { margin-top: 20px; margin-left: 10px; }
.action { margin-bottom: 20px; margin-top: 10px; color: #ffa31e; }
.admin-photo { float: left; margin-bottom: 20px; margin-left: 10px; margin-top: 10px; }
.admin-content { float: left; margin-top: 5px; margin-left: 25px; margin-top: 17px; color: #f2f1f1; }
.admin-content li { list-style: none; margin-bottom: 10px; }