/* CSS Document */
* {
margin: 0px;
padding: 0px;
}

body {
background: #000000 url(../images/bg.jpg) top repeat-x;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
}

a {
color: #FFCC00; /* yellow */
text-decoration: underline;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
}

ul li, ul ul li {
margin-left: 20px;
}

#wrapper {
background-color: #000000;
display: block;
margin: 0px auto;
width: 810px;
}

#wrap_lft {
background: url(../images/left.jpg) top left no-repeat;
padding-left: 15px;
width: 780px;
}

#wrap_rgt {
background: url(../images/right.jpg) top right no-repeat;
padding-right: 15px;
width: 780px;
}

#main {
background-color: #8F0000; /* red */
border: #FF9900 solid 1px; /* gold */ 
border-top: none;
display: block;
height: 100%;
min-height: 800px;
width: 778px;
}

#header {
clear: both;
display: block;
background: url(../images/header.jpg) no-repeat;
height: 100px;
line-height: 16px;
text-align: right;
width: 778px;
}

#header a#home {
display: block;
float: left;
height: 100px;
width: 170px;
}

#header a.home {
background: url(../images/home_btn.jpg) 36px right no-repeat;
color: #FFCC00; /* yellow */
display: block;
float: left;
font-weight: bold;
height: 26px;
margin: 0px 0px 0px 444px;
padding: 5px 0px 0px 0px;
text-align: center;
text-decoration: none;
width: 72px;
}

#header a.home:hover {
background: url(../images/home_btn.jpg) top right no-repeat;
color: #000000;
text-decoration: none;
}

#header a.feedback {
background: url(../images/feedback_btn.jpg) 36px right no-repeat;
color: #FFCC00; /* yellow */
display: block;
float: left;
font-weight: bold;
height: 26px;
margin: 0;
padding: 5px 10px 0px 4px;
text-align: center;
text-decoration: none;
width: 78px;
}

#header a.feedback:hover {
background: url(../images/feedback_btn.jpg) top right no-repeat;
color: #000000;
text-decoration: none;
}

#header p {
margin-left: 378px;
padding-right: 10px;
width: 390px;
}

#topbar {
clear: both;
color: #FFCC00; /* yellow */
display: block;
background: url(../images/header2.jpg) no-repeat;
font-size: 12px;
font-weight: bold;
height: 20px;
text-align: center;
text-transform: uppercase;
width: 778px;
}

#slides {
background: url(../images/seek_logo_large.jpg) center center no-repeat;
clear: both;
display: block;
height: 300px;
width: 778px;
}

#menu {
background: url(../images/menu.jpg) top repeat-x;
clear: both;
display: block;
height: 40px;
padding: 0px 4px 0px 6px;
width: 768px;
}

#menu a {
color: #FFFFFF;
display: block;
float: left;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
height: 28px;
padding: 6px 8px;
}

#menu a:hover {
background: url(../images/menu.jpg) bottom repeat-x;
color: #FFCC00; /* yellow */
}

#menu a#here {
background: url(../images/menu_act.jpg) repeat-x;
color: #000000;
}

#menu span.divd {
background: url(../images/menu_div.jpg) no-repeat;
display: block;
float: left;
height: 40px;
width: 2px !important;
}

#menu_gallery {
background: url(../images/shadow.jpg) top repeat-x;
clear: both;
height: 25px;
padding-top: 15px;
width: 778px;
}

#menu_gallery div.title {
border-bottom: #FFCC00 dotted 1px;
color: #FFCC00; /* yellow */
display: block;
float: left;
font-size: 14px;
font-weight: bold;
margin: 0px 5px 13px 10px;
padding-bottom: 2px;
width: 380px;
}

#menu_gallery a {
background: url(../images/menu2.jpg) top repeat-x;
border: #FFFFFF solid 1px;
color: #000000;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
height: 15px;
margin: 0px 5px;
padding: 1px 8px 4px 8px;
}

#menu_gallery a:hover, #menu_gallery a#here {
background: url(../images/menu2.jpg) bottom repeat-x;
border: #FFCC00 solid 1px;
color: #FFFFFF;
}

#content {
display: inline;
float: left;
height: auto;
padding: 5px 20px 20px 20px;
width: 455px;
}

#content h3 {
border-bottom: #FFCC00 dotted 1px;
color: #FFCC00; /* yellow */
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 2px;
}

#content p, #content ul, #content ul ul {
margin-bottom: 10px;
}

#content p span.enhance {
color: #FFCC00; /* yellow */
font-weight: bold;
}

#content form.request div.frm span.enhance {
color: #FFCC00; /* yellow */
}

#content p.signature {
background: url(../images/seek_signature.jpg) top left no-repeat;
height: 75px;
width: 100%;
}

span.italic {
font-style: italic;
}

#content p.test {
font-style: italic;
}

#content p.test span {
color: #FFCC00; /* yellow */
font-style: normal;
margin-left: 20px;
}

#content form {
margin: 0px 0px 10px 0px;
width: 455px;
}

#content form span.req {
color: #FFCC00; /* yellow */
font-size: 10px;
font-weight: bold;
}

#content form input {
height: 18px;
margin: 5px auto 5px 0;
width: 300px;
}

#content form.request div.frm {
float: left;
width: 160px;
height: 18px;
margin: 5px 5px 5px 0px;
}

#content form.request input {
float: left;
height: 18px;
margin: 5px 0px 5px 0px;
width: 285px;
}

#content form.request input.long {
height: 18px;
margin: 5px auto 5px 0;
width: 450px;
}

#content form.request input.short {
float: left;
height: 18px;
margin: 5px 5px 5px 0px;
width: 125px;
}

#content form.request br {
clear: both;
}

#content form.request div.slct {
float: left;
height: auto;
margin: 5px 0px 5px 0px;
width: 285px;
}

#content form.request div.slct input.sml {
width: 20px;
margin: 3px 5px 3px 0px;
}

#content form.request div.slct div.txt {
float: left;
height: 18px;
margin: 3px 5px 3px 0px;
}

#content form.request input.sml {
width: 20px;
margin: 5px 5px 5px 0px;
}

#content form.request div.txt {
float: left;
height: 18px;
margin: 5px 5px 5px 0px;
}

#content form.request div.txt {
float: left;
height: 18px;
margin: 5px 5px 5px 0px;
}

#content form.request select {
float: left;
margin: 5px 0px 5px 0px;
}

#content form.request select option {
line-height: 22px;
padding: 0px 10px 0px 10px;
}
 
#content form textarea {
line-height: 18px;
margin: 5px auto 5px 0;
width: 450px;
}

#content form input.captcha {
width: 100px;
}

#content form input.btn, #content form input#button, #content form input.submit, .DodosMailError p a {
background-color: #000000;
border: #FFFFFF solid 1px;
color: #FFCC00; /* yellow */
font-size: 9px;
font-weight: bold;
height: 23px;
line-height: 13px;
margin: 10px 20px 10px 0;
padding: 2px 5px 5px 5px;
text-decoration: none;
width: auto;
}

#content form input.btn:hover, #content form input#button:hover, #content form input.submit:hover, .DodosMailError p a:hover {
background-color: #FFCC00; /* yellow */
border: #FFCC00 solid 1px;
color:  #000000;
text-decoration: none;
}

.DodosMailError {
background-color: #8F0000; /* red */
border: #FFCC00 solid 1px;
margin: 25px auto;
padding: 20px 0px;
text-align: center;
width: 400px;
}

.DodosMailError p a {
padding: 3px 10px 3px 10px;
}

.DodosMailError p font {
font-weight: bold;
}

#flashcontent {
border: none !important;
clear: both;
display: block;
float: left;
height: auto;
margin: 0px auto 50px auto;
min-height: 900px;
width: 778px;
}

.imglft {
display: block;
float: left;
margin: 0 5px 0 0;
}

#rightcol, #rightcol2 {
display: inline;
float: right;
min-height: 300px;
padding: 5px 20px 20px 0px;
width: 263px;
}

#rightcol2 {
text-align: center;
}

#rightcol img.logo {
margin: 0px 22px 10px 23px;
width: 218px;
}

#rightcol p {
line-height: 21px;
padding-right: 30px;
text-align: right;
}

#rightcol2 a {
border-bottom: #FFCC00 dotted 1px;
clear: both;
color: #FFCC00; /* yellow */
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px auto 10px auto;
padding-bottom: 2px;
text-decoration: none;
text-transform: uppercase;
}

#rightcol2 a:hover {
color: #FFFFFF;
text-decoration: none;
}

#rightcol a.virtual, #rightcol2 a.virtual {
background: url(../images/sidebar/virtual_tour.jpg) no-repeat;
border: none;
clear: both;
display: block;
height: 82px;
margin: 0 auto;
padding: 0;
width: 258px;
}

#rightcol2 a.restoration, #rightcol2 a.remodeling, #rightcol2 a.interior_design {
border-bottom: none;
color: #FFCC00; /* yellow */
font-size: 11px;
height: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 122px;
width: 258px;
}

#rightcol2 a.restoration:hover, #rightcol2 a.remodeling:hover, #rightcol2 a.interior_design:hover {
color: #FFFFFF;
}
 
#rightcol2 a.restoration {
background: url(../images/sidebar/restoration.jpg) no-repeat;
}

#rightcol2 a.remodeling {
background: url(../images/sidebar/remodeling.jpg) no-repeat;
}

#rightcol2 a.interior_design {
background: url(../images/sidebar/interior-design.jpg) no-repeat;
}

#rightcol2 a.restoration_after, #rightcol2 a.restoration_before, #rightcol2 a.remodeling_after, #rightcol2 a.remodeling_before, #rightcol2 a.interior_after, #rightcol2 a.interior_before {
border-bottom: none;
color: #FFCC00; /* yellow */
font-size: 11px;
height: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 168px;
width: 258px;
}

#rightcol2 a.restoration_after:hover, #rightcol2 a.restoration_before:hover, #rightcol2 a.remodeling_after:hover, #rightcol2 a.remodeling_before:hover, #rightcol2 a.interior_after:hover, #rightcol2 a.interior_before:hover {
color: #FFFFFF;
}

#rightcol2 a.restoration_after {
background: url(../images/sidebar/restoration_after.jpg) no-repeat;
}

#rightcol2 a.restoration_before {
background: url(../images/sidebar/restoration_before.jpg) no-repeat;
}

#rightcol2 a.remodeling_after {
background: url(../images/sidebar/remodeling_after.jpg) no-repeat;
}

#rightcol2 a.remodeling_before {
background: url(../images/sidebar/remodeling_before.jpg) no-repeat;
}

#rightcol2 a.interior_after {
background: url(../images/sidebar/interior_after.jpg) no-repeat;
}
#rightcol2 a.interior_before {
background: url(../images/sidebar/interior_before.jpg) no-repeat;
}

ul.sitemap {
line-height: 26px;
}

#footer {
border-top: #FFCC99 dotted 1px; 
clear: both;
display: block;
margin: 10px auto 0px auto;
width: 758px;
}

#footer div {
color: #FFCC99; /* salmon */
font-size: 11px;
}

#footer div a {
color: #FFCC99; /* salmon */
text-decoration: none;
}

#footer div a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#footer div.links {
clear: both;
display: block;
padding: 5px 0px;
text-align: center;
width: 100%;
}

#footer div.copy {
clear: both;
color: #FFCC00; /* yellow */
display: block;
padding-bottom: 5px;
text-align: center;
width: 100%;
}

#footer div.copy span.name {
text-transform: uppercase;
}

#footer div.cc {
background: #8F0000 url(../images/cc.jpg) top center no-repeat;
clear: both;
display: block;
height: 50px;
text-align: right;
width: 100%;
}

#footer div.cc a.bbb {
border: none;
display: block;
float: left;
height: 35px;
margin: 5px 0px 10px 417px;
width: 92px;
}

#footer div.cc a.bbb:hover {
border: none;
}

#footer div.cc a.top {
border: #8F0000 dotted 1px;
display: block;
float: left;
font-size: 10px;
height: 12px;
line-height: 14px;
margin: 20px 10px 12px 159px;
padding: 1px 3px 3px 3px;
text-align: center;
width: 68px;
}

#footer div.cc a.top:hover {
border: #FFFFFF dotted 1px;
text-decoration: none;
}

/* Style for mbContainer - JQuery */
div.containerPlus, .mb-resize {
border: none !important;
}

div.containerPlus.black div.n {
color: #FFCC00;
font-weight: bold;
font-size: 14px;
}

div.content ul {
line-height: 24px;
margin-left: 15px;
}

div.content div.button_scrb a {
background-color: #FFCC00;
color: #000000;
display: block;
font-size: 14px;
margin: 10px auto 10px auto;
padding: 3px 5px 5px 5px;
text-align: center;
text-decoration: none;
}

div.content div.button_scrb a:hover {
background-color: #000000;
color: #FFCC00;
}

p.email_privacy {
font-size: 10px;
text-align: center;
}

#rightcol p.email_privacy {
text-align: left;
padding: 0 40px 0 35px;
width: 195px;
}

div.containerPlus div.content {
text-align: center;
}

div.containerPlus div.content p {
margin: 10px 0;
}

table#tblFormData input#btnSubmit {
background-color: #FFCC00;
border: #FFFFFF solid 1px;
color: #000000;
font-weight: bold;
height: 25px;
width: auto;
}