html,body { background: url(../images/background.jpg) repeat-x; height: 100%; margin: 0; text-align: center; }
img { border: 0; }
* { font-family: Arial, Verdana, Sans-Serif; font-size: 11px; }

div#king-gfx { background: #aaa58f url(../images/king_bg.jpg) repeat-y; border: 3px double #676352; border-bottom: 0; border-top: 0; margin: 0 auto; text-align: left; width: 990px; }
div#header { background: url(../images/header2.jpg) no-repeat; height: 418px; width: 100%; }

div#frame { margin: 0 8px; padding-top: 108px; width: 974px; }
div#frame div#frame_left { background: url(../images/frame_left.jpg) no-repeat; float: left; height: 310px; width: 372px; }
div#frame div#frame_left img { border: 0; margin-top: 230px; margin-left: 141px; }
div#frame div#frame_center { background: url(../images/frame_back.jpg) no-repeat; float: left; text-align: center; height: 310px; width: 302px; }
div#frame div#frame_center div#what_is { margin-left: 52px; margin-top: 65px; text-align: left; width: 215px; }
div#frame div#frame_center div#intro { color: #fff; font-size: 11px; margin-left: 52px; margin-top: 10px; text-align: left; width: 198px; }
div#frame div#frame_right { background: url(../images/frame_right.jpg) no-repeat; float: left; text-align: center; height: 310px; width: 300px; }
div#frame div#frame_right dl { color: #fff; font-size: 11px; padding-top: 79px; padding-left: 60px; text-align: left; }
div#frame div#frame_right dt { background: url(../images/bullet.jpg) no-repeat 0px 4px; font-weight: bold; padding-left: 12px; margin-top: 8px; text-align: left; }
div#frame div#frame_right dd { padding-left: 12px; margin: 0; text-align: left; }

div#projects { margin: 0 8px; width: 974px; }
div.Project { background: #41403a url(../images/project_back.jpg) no-repeat; height: 265px; margin-top: 11px; width: 100%; }
div.ProjectContent { padding: 17px; }
p.ProjectTitle { color: #e96a00; font-weight: bold; height: 12px; margin: 0; padding: 0; text-align: right; width: 100%; }
p.ProjectLinks { color: #e96a00; font-size: 10px; margin: 0; padding: 0; }
p.ProjectDescription { color: #e0e0e0; font-size: 11px; height: 27px; margin: 0; margin-top: 3px; overflow: hidden; padding: 0; }
div.ProjectLogo { float: left; height: 170px; width: 365px; }
div.ProjectLogo P { clear: both; text-align: center; }
div.ProjectLogo p.ProjectLaunch { clear: both; padding-top: 2px; text-align: center; width: 100%; }
div.ProjectImages { float: left; height: 170px; text-align: right; width: 566px; }
div.ProjectImages IMG { margin-top: 18px; }

div#Login { color: #fff; padding-top: 30px; text-align: center; width: 100%; }
p#LoginMessage { color: yellow; font-size: 10px; text-align: center; }
p.LoginInput { text-align: center; }
p.LoginInput input { border: 2px inset; width: 200px; }

div#Admin { background: #000; margin-top: 11px; width: 974px; }
table#AdminAdd { color: #fff; font-weight: bold; }
table#AdminAdd tr.row { background: #505050; }
table#AdminAdd tr { background: #3d3d3d; height: 30px; }
table#AdminAdd tr td input.text { width: 99%; }
table#AdminAdd tr td textarea { height: 100px; width: 99%; }

#quote { background: url(/images/quotebg.jpg) center no-repeat; width: 962px; height: 265px; margin: 10px 0 0; padding: 0 0 0 28px; position: relative; }
#quote form { padding-top: 72px; }
#quote h2, #quote h3 { display: none; }
#quote * { margin: 0; padding: 0; }
#quote label { color: #b5b09d; display: block; }
#quote input { background: #e1dfe0; border: 1px solid #c6c6c8; width: 196px; padding: 3px; height: 11px; margin: 1px 0 7px; }
#step2 dd { float: left; clear: left; height: 16px; }
#step2 label { height: 16px; line-height: 16px; color: #fff; }
#step2 dt { float: right; text-align: left; width: 234px; height: 16px; font-size: 10px; }
.checkbox, .submit { width: auto !important; height: auto !important;  }
.submit { border: none !important; position: absolute; bottom: 15px; right: 62px; padding: 0 !important; }
#quote p.alert { color: #e96a00; font-weight: bold; position: absolute; right: 25px; }
#quote p.good { color: #fff; font-weight: bold; position: absolute; right: 25px; }
.top { top: 15px; }
.bottom { top: 35px; }

.req { border: 1px solid #e96a00 !important; }
.reg { border: 1px solid #c6c6c8 !important; }

.budget { float: none !important; clear: both; }
.budget label {  font-size: 11px !important; color: #b5b09d !important; }
dd.budget { position: absolute; bottom: 0; }
dt.budget { position: absolute; bottom: 15px; }
#quote textarea { background: #e1dfe0; padding: 3px; border: 1px solid #c6c6c8; width: 196px; height: 44px; margin: 1px 0 7px; }
#comments { height: 94px !important; }

dt.newsletter { float: right; text-align: left; width: 180px; height: 16px; font-size: 10px; }
dd.newsletter { float: left; clear: left; height: 16px; }
.newsletter label { height: 16px; line-height: 16px; color: #fff !important; }

#step1 { float: left; width: 253px; }
#step2 { float: left; width: 256px; position: relative; height: 145px; }
#step3 { float: left; width: 220px; }
#step4 { float: left; width: 204px; }

div#footer { background: url(../images/footer.jpg) no-repeat; height: 44px; margin: 8px; text-align: right; width: 974px; }
div#footer UL { height: 24px; list-style: none; width: 924px; }
div#footer UL LI { background: url(../images/footer_bullet.jpg) no-repeat; float: right; height: 16px; margin-right: 3px; margin-top: 12px; padding-left: 16px; }

#intro a { color: #fff; }
#intro a:hover { color: #E96A00; }

/*
  misc styles
*/
  .center { text-align: center; }
  .orange { color: #e96a00; }
  .bold { font-weight: bold; }
  .small { font-size: 8px; }

/*
  Link Styles
*/
  p.ProjectLinks A { color: #e0e0e0; text-decoration: underline; }
  p.ProjectLinks A:hover { color: #e96a00; }
  div#footer UL LI A { color: #383730; font-weight: bold; text-decoration: none; }
  div#footer UL LI A:hover { text-decoration: underline; }
  div#frame_right A { color: #fff; text-decoration: none; }
  div#frame_right A:hover { text-decoration: underline; }
  p.ProjectTitle A { color: #e96a00; text-decoration: none; }
  p.ProjectTitle A:hover { color: #e0e0e0; }