/* Basic Elements */

body { background:url(../images/bkground-body.gif); margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;font-size: 12px;line-height: 20px; text-align: center;}
a img { border: none; }
form { margin: 0px; padding: 0px; }
p, ul, h1, h2, h3, h4, h5, h6, address { font-size: 12px; margin: 10px 0px 10px 0px; }
h4 { font-size: 13px; font-weight: bold; color: #55392b;  }
h5 { font-size: 12px; color: #af1d05; font-weight: normal; clear: both; }
p { text-align: justify; }
address { font-style: normal; line-height: 18px;}
h1, #sidebar h2, .nodis { display: none; }
input, select { font-size: 14px;}
table { border-collapse: collapse; }
table td { vertical-align: top; padding: 3px; }

/* Containers & Related Elements */

#bkground-top { width: 100%; height: 205px; position: absolute; top: 0px; left: 0px; background: url(../images/bkground-top.gif) repeat-x -1px -1px;}
#wrapper { width: 766px; position: relative; margin: 10px auto 0px auto; text-align: left;}

#header { width: 766px; height: 182px; background: url(../images/bkground-header.gif) no-repeat; position: relative; }
#header p { position: absolute; bottom: 24px; left: 390px; margin: 0px; padding: 0px;  font-weight: bold; }
#header p a {color: #666;}
#header p a:hover { color: #000; }
#header #search { width: 185px; height: 30px; position: absolute; right:5px; top: 14px;}
#header #search .input-textfield { border: 1px solid white; width: 139px; margin: 0px 5px 11px 0px; color: #666; }
#header #menu { position: absolute; width: 560px; height: 37px; left: 206px; bottom: 57px;}
#header #menu img { position: relative; top: 0px; left: 0px; float: left;}
#header .request-quote {position: absolute; top: 48px; right: 8px;}
#header .logo {position: absolute; top: 25px; left: 25px;}

#container { background-color: #e4e2e2; width: 720px; margin: 0px auto 0px auto; padding: 20px 20px 5px 20px; position: relative; }
#container a { color: #d02306; }
#container a:hover { color: #000; text-decoration: none; }
#container ul { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }
#container ul li { line-height: 20px; background: url(../images/bullet-square.gif) 0px 1px no-repeat; padding: 0px 0px 0px 20px; }

#container .content { background-color: #fff; border: 1px solid #ccc; padding: 5px 15px 5px 15px; margin: 0px 0px 15px 0px; width: 450px; float: left;}

#container .sidebar {background: url(../images/bkground-texture.jpg); border: 1px solid #f1f1f1; padding: 5px 15px 15px 15px;margin: 0px 0px 15px 0px; float: right; width: 190px;}
#container .sidebar .box { background:#f7f2ea; width:180px; display: block; padding: 0px 0px 0px 10px; border: 1px solid #b5bfe3;}

#container #submenu{background:#f7f2ea; width:180px; margin:0px auto 0px auto; padding:5px; border: 1px solid #b5bfe3;}
#container #submenu ul{text-align:left; list-style:none; padding:0px; margin:0px auto 0px auto;}
#container #submenu li{background: none; display:block; padding:0px;}
#container #submenu li a{display:block; width:172px; padding: 2px 0px 2px 4px; margin: 1px;color:#000; background:#f0e7d7}
#container #submenu #active {background:#c6371f; color:#fff; text-decoration: none; font-weight: bold;}
#container #submenu li a:hover {background: #d7cbb4;}

#container #map{width:275px; height:150px; border:1px solid #ccc; float:left; margin:0px 10px 10px 0px}

#footer { width: 766px; height: 78px; background: url(../images/bkground-footer.gif) no-repeat; padding: 15px 0px 0px 0px; position: relative;}
#footer ul { margin: 0px 0px 0px 20px; padding: 0px; }
#footer ul li { display: inline; }
#footer ul li a { color: #000; }
#footer ul li  a:hover { color: #d02306; }
#footer p { color: #666; font-size: 11px; margin: 5px 0px 0px 20px; padding: 0px;}
#footer p a { color: #666; }
#footer p a:hover { color: #000; }
#footer img { position: absolute; right: 10px; top: 22px; }

/* Image Replacement */

h2 { position: relative; margin: -50px 0px 20px 0px; overflow: hidden;background-repeat: no-repeat;height: 0px !important;font-size: 0px;padding: 26px 0px 0px 0px;height /**/:26px;}
#office-furniture {background-image:url(../images/h2-office-furniture-and-design.gif);}
#our-company {background-image:url(../images/h2-our-company.gif);}
#furniture-lines {background-image:url(../images/h2-furniture-lines.gif);}
#our-services {background-image:url(../images/h2-our-services.gif);}
#contact-us {background-image:url(../images/h2-contact-us.gif);}
#site-map {background-image: url(../images/h2-site-map.gif);}
#search-results {background-image: url(../images/h2-search-results.gif);}
h3 { margin: 10px 0px 10px 0px; overflow: hidden;background-repeat: no-repeat;height: 0px !important;font-size: 0px;padding: 22px 0px 0px 0px;height /**/:22px;}
#commercial-office-furniture {background-image:url(../images/h3-commercial-furniture.gif);}
#contract-sales {background-image:url(../images/h3-contract-sales.gif);}
#featured-products {background-image: url(../images/h3-featured-products.gif);}
#featured-manufacturers {background-image: url(../images/h3-featured-manufacturers.gif);}
#request-info { background-image: url(../images/h3-request-info.gif);}
#more-information {background-image: url(../images/h3-more-information.gif);}
#get-in-touch { background-image: url(../images/h3-get-in-touch.gif);}
#overview-history { background-image: url(../images/h3-overview-history.gif);}
#our-staff { background-image: url(../images/h3-our-staff.gif);}
#our-clients { background-image: url(../images/h3-our-clients.gif);}
#show-room { background-image: url(../images/h3-show-room.gif);}
#refer-this-site {background-image: url(../images/h3-refer-this-site.gif);}
#request-a-quote {background-image: url(../images/h3-request-a-quote.gif);}
#state-of-ga-contract {background-image: url(../images/h3-state-of-ga-contract.gif);}
#gsa {background-image: url(../images/h3-government-services-agency.gif);}
#project-management {background-image: url(../images/h3-project-management.gif);}
#office-design {background-image: url(../images/h3-office-design.gif);}
#delivery-and-installation {background-image: url(../images/h3-delivery-and-installation.gif);}
#support-services {background-image: url(../images/h3-support-services.gif);}
#relocation {background-image: url(../images/h3-relocation.gif);}
#leasing-options {background-image: url(../images/h3-leasing-options.gif);}
#asset-management {background-image: url(../images/h3-asset-management.gif);}
#overview {background-image: url(../images/h3-overview.gif);}


/* Forms - Validation */

.lbl { display: block; font-weight: bold; margin: 5px 0px 5px 0px;}
.success, .alert {padding: 5px 5px 0px 7px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; }
.success h4, .alert h4 { margin: 0px;font-size: 15px;color: #000; }
.alert h4 {padding: 7px 0px 5px 38px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px;}
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 4px 0px 5px 33px;background: url(../images/success.gif) no-repeat 0px 0px; }
.success p { margin: 0px 0px 5px 0px; padding: 0px; text-align: left; line-height: 18px;}
.error {padding: 0px 0px 0px 20px;margin: 0px;font-size: 12px;font-weight: bold;color: red;background: url(../images/alert-small.gif) no-repeat 0px -1px;}

/* Forms - Formatting */

#form { height:1%; position:relative; }
#form .left{float:left; margin:0px 10px 0px 0px}
#form .left-phone{float:left; margin:0px 0px 0px 0px}
#form .right-phone{float:left; margin:0px 0px 0px 5px}
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 0px 0px; clear:both; color:#333; font-size:12px}
#form .field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-2px 0px 0px 0px; padding:0px}
#form .textbox {font-family:Arial,Helvetica,sans-serif; border:1px solid #c3c3c3; background-color:#fff; background:url(../images/bkground-textbox.gif) no-repeat -1px 0px; font-size:15px; padding: 2px;}
#form label, #form select{font-size:14px; font-family:Arial,Helvetica,sans-serif}
#form h5{position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 10px 0px; color:#000; background-color:#e8d3b1; border-bottom:1px solid #cda57c; display:block; clear:both}
#form p {line-height: 18px; }
#form select { font-size: 12px; }
#form .red{color:red;}
#form .btnSubmit{ display: block; margin:10px 0px 0px 0px; }
#form .small { color: #666; line-height: 14px;}

/* Search */

#dgrdPages {  margin: -5px 0px 15px 0px; }
#dgrdPages h4 { font-size: 15px; font-weight: normal; padding: 0px; margin: 10px 0px 2px 0px; }
#dgrdPages p { padding: 0px; margin: 0px 0px 0px 0px; }
#dgrdPages .green { color: #008000;}


/* Individually Styled Elements */

.photo-left { float: left; margin: 0px 10px 0px 0px; }
.photo-right { float: right; margin: 0px 0px 0px 10px; }
.staff-left, .staff-middle, .staff-right {float: left; margin: 0px 20px 0px 0px; line-height: 16px;}
.staff-left p, .staff-middle  p, .staff-right p { text-align: center; }
.staff-middle {margin: 0px 20px 0px 0px;}
.staff-right {margin: 0px 0px 0px 0px;}

/* Miscellaneous Styles */

.margin-top { margin-top: 5px; }
.margin-bottom { margin-bottom: 5px; }
.margin-right { margin-right: 5px; }
.center { text-align: center; }
.highlight { font-weight: bold; padding: 2px; background-color: #fbe9d7 }
.small { font-size: 11px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.img-left { float: left; margin: 0px 10px 0px 0px; border: 1px solid #c2bfb9;}
.img-right { float: right; margin: 0px 0px 0px 10px; border: 1px solid #c2bfb9;}
.list-wrap li{list-style:none; float:left; width: 150px}
