body {width:950px; margin:0 auto; background-color:#333; font-family:Verdana, Geneva, sans-serif}
div#header {height:199px; clear:both}

body#home div#header {background: url(../images/headimg_home.jpg) 318px 0}
body#so div#header {background: url(../images/headimg_serviced.jpg) no-repeat}
body#so div#header img {float:right}
body#vo div#header {background: url(../images/headimg_virtual.jpg) no-repeat}
body#vo div#header img {float:right}
body#hd div#header {background: url(../images/headimg_hotdesk.jpg) 293px 0}
body#mr div#header {background: url(../images/headimg_meeting.jpg) 294px 0}
body#ba div#header {background: url(../images/headimg_barton.jpg) 294px 0}
body#ih div#header {background: url(../images/headimg_invicta.jpg) 293px 0}
body#ks div#header {background: url(../images/headimg_kingstreet.jpg) 50px 0}
body#why div#header {background: url(../images/headimg_why.jpg) 293px 0}
body#loc div#header {background: url(../images/headimg_loc.jpg) 293px 0}
body#contact div#header {background: url(../images/headimg_contact.jpg) 293px 0}
body#son div#header {background: url(../images/headimg_son.jpg) 136px 0}
div#nav {width:930px; height:52px; padding:6px 10px; background-color:#F1F1ED; clear:both}
div#nav ul {width:930px; height:52px; margin:0; padding:0; list-style:none}
div#nav ul li {width:219px; height:52px; float:left; margin:0 18px 0 0; padding:0}

div#nav ul li.last {margin-right:0}
div#nav ul li a {display:block; width:203px; padding:10px 8px 0 8px; height:42px; font-size:1.4em; color:#333; text-decoration:none; letter-spacing:-0.05em}
body#home div#nav ul li a {padding-top:3px; height:49px}
div#nav ul li a span {font-size:14px; font-weight:bold; color:#000}
div#nav ul li a:hover {background-position:bottom; color:#FFF}
div#nav ul li a.serviced {background-image:url(../images/nav_serviced.gif)} /*orange*/ 
div#nav ul li a.virtual  {background-image:url(../images/nav_virtual.gif)}  /*green*/ 
div#nav ul li a.hotdesk  {background-image:url(../images/nav_hotdesk.gif)}  /*blue*/ 
div#nav ul li a.meeting  {background-image:url(../images/nav_meeting.gif)}  /*yellow*/ 
body#vo div#nav ul li a.virtual,
body#hd div#nav ul li a.hotdesk,
body#mr div#nav ul li a.meeting,
body#so div#nav ul li a.serviced {color:#FFF}
div#subnav {width:950px; height:33px; background-color:#FFF; clear:both}
div#subnav ul {width:226px; height:27px; margin:0; padding:0 3px 6px 10px; background-color:#F1F1ED; list-style:none}
div#subnav ul li {margin:0 7px 0 0; padding:0; width:106px; height:27px; float:left}
div#subnav ul li a {display:block; width:101px; height:22px; padding:5px 0 0 5px; background-image:url(../images/sub_nav_so.gif); color:#333; font-size:12px; letter-spacing:-0.05em; text-decoration:none}
div#subnav ul li a:hover {color:#FFF; text-decoration:underline; background-position:bottom}
body#ba div#subnav ul li a.ba,
body#ih div#subnav ul li a.ih{color:#FFF}

div#main {background-image:url(../images/bg_main.gif); border-top:15px solid #FFF; clear:both}
div.clr {clear:both}
div.clr hr {display:none}
div#main div.leftcol {width:206px; padding:10px; float:left}
div#main div.leftcol ul {margin:0; padding:0; list-style:none}
div#main div.leftcol li {margin:0; padding:0}
div#main div.leftcol li a {color:#F1F1ED; font-size:small; text-decoration:none; background-color:#333; border-bottom:1px solid #999; display:block; padding:5px 8px}
div#main div.leftcol li a:hover {background-color:#999; color:#000}
div#main div.leftcol ol {margin:0; padding:0; list-style:none}
div#main div.leftcol ol li {margin:0; padding:0}
div#main div.leftcol ol li a {color:#000; font-size:medium; text-decoration:none; background-color:#fff; border-bottom:1px solid #999; display:block; padding:5px 8px}
div#main div.leftcol ol li a:hover {background-color:#fff;}
body#home div#main div.leftcol ul li a.home,
body#why div#main div.leftcol ul li a.why,
body#loc div#main div.leftcol ul li a.loc,
body#contact div#main div.leftcol ul li a.contact {font-weight:bold}
body#son div#main div.leftcol ul li a.son {font-weight:bold}
div#main div.center {width:435px; padding:0 34px 16px 35px; float:left}
div#main div.center h1 {font-size:1em}
div#main div.center h2 {font-size:0.9em}
div#main div.center h1, 
div#main div.center h2 {color:#333}
div#main div.shoutout {background-color:#333333; padding:5px 0 20px 0;} /*greyback*/
div#main div.shoutout h1 {color:#F69520; text-align:center;} /*orange*/
div#main div.shoutout h2 {color:#F4C17D; text-align:center;} /*LightOrange*/
div#main div.shoutout p {color:#ffffff; text-align:center; margin:0 10px 0 10px;} /*white*/
div#main div.shoutout a {color:#f69520;font-weight:bold;}/*orange*/
div#main div.shoutout strong {color:#f4c17d;}/*Lightorange*/

div#main div.shoutoutgr {background-color:#333333; padding:5px 0 20px 0;} /*greyback*/
div#main div.shoutoutgr h1 {color:#8CC63F; text-align:center;} /*green*/
div#main div.shoutoutgr h2 {color:#c7e796; text-align:center;} /*LightGreen*/
div#main div.shoutoutgr p {color:#ffffff; text-align:center; margin:0 10px 0 10px;} /*white*/
div#main div.shoutoutgr a {color:#8CC63F;font-weight:bold;}/*Green*/
div#main div.shoutoutgr strong {color:#c7e796;}/*LightGreen*/

div#main div.shoutoutbl {background-color:#333333; padding:5px 0 20px 0;} /*greyback*/
div#main div.shoutoutbl h1 {color:#00c6fc; text-align:center;} /*Blue*/
div#main div.shoutoutbl h2 {color:#59daff; text-align:center;} /*Lightblue*/
div#main div.shoutoutbl p {color:#ffffff; text-align:center; margin:0 10px 0 10px;} /*white*/
div#main div.shoutoutbl a {color:#00c6fc;font-weight:bold;}/*Blue*/
div#main div.shoutoutbl strong {color:#59daff;}/*Lightblue*/

body#loc div#main div.center h2 {margin-top:26px}
body#so div#main div.center h1,
body#so div#main div.center h2,
body#ba div#main div.center h1,
body#ba div#main div.center h2,
body#ks div#main div.center h1,
body#ks div#main div.center h2,
body#ih div#main div.center h1,
body#ih div#main div.center h2 {color:#F69520}
body#vo div#main div.center h1,
body#vo div#main div.center h2 {color:#8CC63F}
body#hd div#main div.center h1,
body#hd div#main div.center h2, 
body#hd div#main div.center p em {color:#01ADEF}
body#mr div#main div.center h1,
body#mr div#main div.center h2 {color:#E8CB05}
div#main div.center ul li {font-size:small; margin-bottom:12px}
div#main div.center ul li span {font-weight:bold}

div#main div.center h3 {font-size:20px; font-weight:normal; width:400px; height:34px; padding:6px 0 0 35px; text-align:center; letter-spacing:-0.05em}
body#so div#main div.center h3 {background:#F69520 url(../images/blt_so.gif) no-repeat}
body#vo div#main div.center h3 {background:#8CC63F url(../images/blt_vo.gif) no-repeat}
body#hd div#main div.center h3 {background:#01ADEF url(../images/blt_hd.gif) no-repeat}
body#mr div#main div.center h3 {background:#E8CB05 url(../images/blt_mr.gif) no-repeat}
div#main div.center h3 a {color:#000; text-decoration:none}
div#main div.center h3 a:hover {color:#FFF; text-decoration:underline}

div#main div.center p {font-size:small; text-align:justify; line-height:1.4em}
div#main div.center object {margin-top:16px}
body#ih div#main div.center a img {border:0}
body#contact div#main div.center p a {color:#000; text-decoration:none}
body#contact div#main div.center p a:hover {text-decoration:underline}
body#son div#main div.center p a {color:#000; text-decoration:none}
body#son div#main div.center p a:hover {text-decoration:underline}

div#main div.rightcol {width:200px; padding:10px; float:left}
div#main div.rightcol ul {background-color:#333; margin:0; padding:0 8px 8px 8px; list-style:none}
div#main div.rightcol ul li {font-size:14px; color:#FFF; margin:8px 0 0 0; padding:10px 0 10px 8px; background-color:#666; border:1px solid #000}
div#main div.rightcol ul li.first {margin-top:0; padding-left:2px; background-color:#333; border:0; font-weight:bold}
div#main div.rightcol ul li a {color:#FFF; font-weight:bold; text-decoration:none}
div#main div.rightcol ul li a:hover {text-decoration:underline}
div#main div.rightcol ul li span {font-weight:bold}
div#main div.leftcol img,
div#main div.rightcol img {margin-top:16px}

form {background-color:#F1F1ED; border:1px solid #CCC; padding:18px}
form label {float:left; width:140px}
form label span {color:#F00}
form input {width:16em}
form input#submit {width:5em; margin-left:140px}

table {font-size:small; color:#333; border-collapse:collapse}
table caption {color:#F69520; font-size:1.1em; text-align:left; font-weight:bold; padding-bottom:16px}
table tbody td,
table tbody tr {border-bottom:1px dotted #333; padding:5px 0}
table thead th {background-color:#f69520}
table tbody th {font-weight:normal; background-color:#F5C891}
table tbody td {text-align:center; background-color:#F4BA75}
table tfoot tr td {font-weight:bold; padding-top:20px}
table tbody tr td.sc, 
table tbody tr td.pd {background-color:#F5C891}
table tbody td a {color:#333; text-decoration:none}
table tbody td a:hover {color:#FFF; text-decoration:underline}


div#footer {background-image:url(../images/bg_footer.jpg); height:200px; clear:both}
div#footer p {margin:0; text-indent:-999em; color:#333}
div#validator {text-align:right}
div#validator p {color:#CCC; font-family:"Trebuchet MS"; font-size:small; margin:6px 0}
div#validator p a {color:#CCC; text-decoration:none}
div#validator p a:hover {text-decoration:underline}

img{border:0px;}