* {margin: 0; padding: 0;}
body {font: 13px/16px "Helvetica", arial, sans-serif; background: #000 url(images/bkgrd_body.jpg) top left repeat-x; min-width: 986px; margin: 0px auto; padding: 0px; color: #34322c; border-top: 3px solid #000;}

A:hover {text-decoration: underline;}
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
img {border: 0px;}
p {position: relative; font: 13px/19px arial, sans-serif; text-align: left;}
.form {border: 0px; padding:10px; margin-top:0px; margin-bottom:0px;}
fieldset {border:1px dashed #1a1a1a; padding:10px; margin-top:0px; margin-bottom:20px;}
legend {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; line-height: 1.1; color:#fff; background: #666; border: 1px solid #333; padding: 2px 6px;}
label {text-align: right; width:185px; height:30px; margin-top:3px; margin-right:2px; padding-top:11px; padding-right:6px; color: #222; background:#dcd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; float:left; display: block; font-family: Verdana, sans-serif; font-size: 90%;}
label.checkbox {text-align: right; width:185px; height: auto; margin-top:3px; margin-right:2px; padding-top:11px; padding-right:6px; color: #222; background:#dcd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; float:left; display: block; font-family: Verdana, sans-serif; font-size: 90%;}
input {padding: 0px; margin: 0px;}
.trans {background-color: transparent;}
.lgtblue {background-color: #FAFAFA;}
.highlight {background: none; background-color: #ffffcc;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.justify {text-align: justify;}
.top {vertical-align: text-top;}
.smtext {font: 7.5pt/10pt arial;}
.right {float: right; padding: 0px 0px 0px 5px;}
.left {float: left; padding: 0px 5px 0px 0px;}
.nowrap {white-space: nowrap;}
.block {display: block;}
.inline {position: inline;}

h1, h2 {margin-bottom: 0.4em;}

#bg {width: 986px; margin: 0px auto; padding: 0px;} 
#container {width: 986px; margin: 0px auto 0px auto; overflow: hidden; padding: 0px; background: transparent url(images/bkgrd.png) no-repeat top center;}
/*\*/
* html #container {width: 986px; margin: 0px auto 2px auto; height: 455px; overflow: hidden; padding: 0px; background: #000;}
/*end*/

.box {width: 986px; margin: 0px auto; padding: 0px;}
.box div {margin: 0em 0 0 -1.0em;}
.box div.topleft {display: block; background: transparent url(images/bkgrd_box2new.png) top left no-repeat; padding: 3.5em 0em 0em 0em;}
.box div.topright {display: block; background: transparent url(images/bkgrd_box2new.png) top right no-repeat; padding: 3.5em 3.0em 0em 3.0em; margin: -4.0em 0 0 1em;}
.box div.bottomleft {display: block; height: 39px; margin-top: -1.0em; background: transparent url(images/bkgrd_box2new.png) bottom left no-repeat;}
.box div.bottomright {display: block; background: transparent url(images/bkgrd_box2new.png) bottom right no-repeat; height: 39px; margin-left: 1.5em;}
.box img {padding: 0px; margin: 0px 0px 0px 0px; display: block;}

#navigation-block {position:relative; top: -30px; left: 0px;}
#hide {position:absolute; top: 0px; left: -14px;}
ul#sliding-navigation {font-family: Verdana, sans-serif; list-style: none; font-size: 1em; margin: 30px 0; padding: 0;}
ul#sliding-navigation li.sliding-element h3, ul#sliding-navigation li.sliding-element a {display: block; width: 184px; padding: 5px 18px; margin: 0; margin-bottom: 5px;}
/* for indented */
ul#sliding-navigation ul li.sliding-element a {display: block; width: 164px; padding: 5px 18px; margin: 0; margin-bottom: 5px; margin-left: 20px;}
ul#sliding-navigation ul li.sliding-element {list-style-type: none;}
ul#sliding-navigation li.sliding-element h3 {color: #000; background:#9f9885 url(images/heading_bg.jpg) repeat-y; font-weight: bold;}
ul#sliding-navigation li.sliding-element a {color: #000; background:#dbd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #bdb59f; text-decoration: none;}
ul#sliding-navigation li.sliding-element a:hover { color: #888; }

.column {float: left; padding: 0px; position: relative;}

#col1 img.right, #col2 img.right, #col3 img.right {float: right; margin: 0px 0px 0px 5px;}
#col1 a:link, #col2 a:link, #col3 a:link {color: #005596;}
#col1 a:hover, #col2 a:hover, #col3 a:hover {color: #888888;}
#col1 a:visited, #col2 a:visited, #col3 a:visited {color: #005596; letter-spacing: 0;}
#col1 {width: 225px; margin: 10px 2px -8px 2px; padding: 10px 0px 0px 10px;}
#col2 {width: 650px; margin: 10px 2px -8px 2px; padding: 10px 10px 0px 10px; background: url(images/bkgrd_watermark.png) no-repeat bottom right;}
#col2 ul, #col3 ul {margin: 0px 0px 0px 0px; padding: 10px 0px 15px 10px; list-style: none;}
#col2 li, #col3 li {list-style-type: none; display: block; padding: 0px 5px 0px 20px; margin: 0px; line-height: 20px; background: transparent url(images/li_main.gif) no-repeat 3px 4px;}
#col2 h1, #col3 h1 {font: bold 24px "Helvetica", arial, sans-serif; color: #222; letter-spacing: -1px;}
#col2 h2, #col3 h2 {font: bold 20px "Helvetica", arial, sans-serif; color: #222; letter-spacing: -1px; padding-bottom: 15px;}
#col2 h3, #col3 h3 {font: 13px/16px arial; color: #222; text-transform: uppercase; font-weight:bold;}
#col2 p, #col3 p {padding: 0px 10px 10px 0px; margin: 0px 0px 0px 0px;}
#col2 img.border, #col3 img.border {padding: 3px; border: 1px solid #000; margin: 0px 5px 10px 5px;}
#col2 div.hr, #col3 div.hr {padding: 0px; margin: 15px auto 15px auto; height: 5px; border-top: 2px dotted #000;}
#col2 div.hr hr, #col3 div.hr hr {display: none;}
#col2 .btn {margin-left: 30px; margin-bottom: 20px;}
#col1 ol, #col2 ol, #col3 ol {width: 30em; margin: 0px; padding: 10px 0px 0px 0px; /* room for 3 columns */}
#col1 ol li, #col2 ol li, #col3 ol li {float: left; width: 12em; /* accommodate the widest item */}
/* stop the floating after the list */
#col1 div.wrapper br, #col2 div.wrapper br, #col3 div.wrapper br {clear: left;}
/* separate the list from what follows it */
#col1 div.wrapper, #col2 div.wrapper, #col3 div.wrapper {margin-bottom: 2em;}
/* #col1 ol li a #col2 ol li a, #col3 ol li a {display: block; width: 8em; text-decoration: none;}
#col1 ol li a:hover, #col2 ol li a:hover, #col3 ol li a:hover {color: #FFF; background-color: #005596;} */
#col3 {width: 875px; margin: 10px 2px -8px 2px; padding: 10px 10px 0px 10px; background: url(images/bkgrd_watermark.png) no-repeat bottom right;}
#col3 dl {margin: 0px; padding: 0px 50px 10px 50px;}
#col3 dt {float: left; text-align: right;}
#col3 dd {margin-left: 70px; margin-bottom: 10px; padding-right: 0px;}
#col3 dd a, #col3 p a {color: #99cc00;}
#col1 .div_checkbox, #col2 .div_checkbox, #col3 .div_checkbox {width:610px; float:right; height:auto; background:#dcd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; padding: 3px 18px; margin: 0; margin-bottom: 5px; font-family: Verdana, sans-serif; font-size: 0.7em;}

#col4 {width: 230px; margin: 10px auto; padding: 10px 15px;}
#col4 .title {font: 15px/20px "Helvetica", arial, sans-serif; color: #222; padding-bottom: 10px; text-align: center;}
#col4 .title a:link {color: #222;}
#col4 .title a:hover {color: #222444;}
#col4 .title a:visited {color: #222;}

#col3 div.wrapper {margin-top:0px; margin-bottom: 0px; padding-top:0px; padding-bottom:0px; padding-left:5px;}
#col3 .div_checkbox {width:610px; float:right; height:auto; margin-top:3px; margin-bottom: 0px; padding-top:3px; padding-bottom: 1px; padding-left:5px;}
#col3 .div_checkbox ol {width: 68em; /* room for 3 columns */}
/*\*/
* html #col3 .div_checkbox ol {width: 60em; /* room for 3 columns */}
/**/
#col3 .div_checkbox ol li {background: none; float: left; width: 21em; margin: 0px; padding: 0px 0px 0px 15px;}
#col3 .checkbox {font-family: Verdana, sans-serif; font-size: 0.7em; padding: 3px 3px 3px 3px;}

#col3 .div_textbox {width:610px; float:right; background:#dcd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; height:33px; margin-top:3px; padding-top:5px; padding-bottom:3px; padding-left:23px; font-family: Verdana, sans-serif; font-size: 13px;}
#col3 .div_textarea {width:610px; float:right; background:#dcd2b9 url(images/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; height:auto; margin-top:3px; padding-top:5px; padding-bottom:3px; padding-left:23px; font-family: Verdana, sans-serif; font-size: 13px;}
#col3 .textbox {background-image: url(images/icon_form-field.png); background-color:#FFFFFF; background-repeat: no-repeat; background-position:left; width:285px; font: normal 13px Verdana, sans-serif; color: #666666; padding:3px 5px 3px 5px; margin-left: 10px;}
#col3 .textbox-sm {background-image: url(images/icon_form-field.png); background-color:#FFFFFF; background-repeat: no-repeat; background-position:left; width:40px; font: normal 13px Verdana, sans-serif; color: #666666; padding:3px 5px 3px 5px; margin-left: 10px;}
#col3 .textbox:focus, .textbox:hover, .textbox-sm:focus, .textbox-sm:hover {background-color:#cdeeff;}
#col3 select {font: normal 13px Verdana, sans-serif; padding:3px 5px 3px 5px; margin-left: 10px;}
#col3 .button_div {width:136px; float:left; position: block; text-align:center; height:40px; margin-top: 0px; padding: 10px 0px 0px 230px;}
#col3 .buttons {font-size:12px; color: #989070; padding: 6px 0px 6px 0px;}


#col3 div.row {width: 545px; padding: 0px; margin: 9px auto 0px auto;clear:both;} 
.clearer {height: 0px; overflow: hidden; margin-top: 1px; clear:both;}
	
blockquote.style3 {padding-left: 70px;
  padding-top: 20px;
  padding-bottom: 18px;
  padding-right: 10px;
  margin: 0px;
  background-image: url(images/openquote.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 0px;
  }
  blockquote.style3 span {
    display: block;
    background-image: url(images/closequote.png);
    background-repeat: no-repeat;
    background-position: bottom right;
	padding-right: 40px;
} 
	
#slide {margin: 0 auto; border: 0px solid #555; width: 920px; height: 245px;}
/* space planning overlay */
#header {margin: 0 auto; padding: 0; text-indent: -9999px; width: 667px; height: 500px; position: relative; background: url(control-room-solutions/images/overlay_space.gif) no-repeat;}
#header a {position: absolute;	top: 0; left: 0; width: 667px; height: 500px; display: block; border: 0; background: transparent; overflow: hidden;}
#header .fake-hover {margin: 0; padding: 0; width: 667px; height: 500px; display: block; position: absolute; top: 0; left: 0; background: url(control-room-solutions/images/overlay_space.gif) no-repeat 0 -500px;}
	
/* sightline study overlay */
#header-sightline {margin: 0 auto; padding: 0; text-indent: -9999px; width: 667px; height: 500px; position: relative; background: url(control-room-solutions/images/overlay_ergo.gif) no-repeat;}
#header-sightline a {position: absolute; top: 0; left: 0; width: 667px; height: 500px; display: block; border: 0; background: transparent; overflow: hidden;}
#header-sightline .fake-hover {margin: 0; padding: 0; width: 667px; height: 500px; display: block; position: absolute; top: 0; left: 0; background: url(control-room-solutions/images/overlay_ergo.gif) no-repeat 0 -500px;}
	
/* signal flow diagram overlay */
#header-signal {margin: 0 auto; padding: 0; text-indent: -9999px; width: 667px; height: 500px; position: relative; background: url(control-room-solutions/images/overlay_tech.gif) no-repeat;}
#header-signal a {position: absolute; top: 0; left: 0; width: 667px; height: 500px; display: block; border: 0; background: transparent; overflow: hidden;}
#header-signal .fake-hover {margin: 0; padding: 0; width: 667px; height: 500px; display: block; position: absolute; top: 0; left: 0; background: url(control-room-solutions/images/overlay_tech.gif) no-repeat 0 -500px;}
	
/* Firefox Dotted Outline Fix */
a:active {outline: none;}
/* Firefox Dotted Outline Fix */
a:focus {-moz-outline-style: none;}
#menucontainer {width:100%; height:72px; background:url(images/bkgrd_nav.png) repeat-x; margin: 94px auto -20px auto; padding: 0px;} 
ul#menu {width: 986px; height:72px; list-style:none; margin: 0px auto 0px auto; padding:0; padding-top:0px; padding-left: 32px;}
ul#menu li {float:left;}
ul#menu li a {background:url(images/bkgrd_menu3.png) no-repeat scroll top left; display:block; height:52px; position:relative;}

ul#menu li a.home {width:31px;}
ul#menu li a.app {width:168px; background-position:-31px 0px;}
ul#menu li a.solutions {width:170px; background-position:-199px 0px;}
ul#menu li a.approach {width:113px; background-position:-369px 0px;}
ul#menu li a.about {width:119px; background-position:-482px 0px;}
ul#menu li a.contact {width:125px; background-position:-601px 0px;}
ul#menu li a.email {width:219px; background-position:-726px 0px;}

ul#menu li.active a.home {background-position:0px -52px;}
ul#menu li.active a.app {background-position:-31px -52px;}
ul#menu li.active a.solutions {background-position:-199px -52px;}
ul#menu li.active a.approach {background-position:-369px -52px;}
ul#menu li.active a.about {background-position:-482px -52px;}
ul#menu li.active a.contact {background-position:-601px -52px;}

/* Span (on hover) - common attributes */
ul#menu li a span {background:url(images/bkgrd_menu3.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
ul#menu li a span:hover {cursor:pointer;}

/* Shift background position on hover*/
ul#menu li a.home span {background-position:0px -52px;}
ul#menu li a.app span {background-position:-31px -52px;}
ul#menu li a.solutions span {background-position:-199px -52px;}
ul#menu li a.approach span {background-position:-369px -52px;}
ul#menu li a.about span {background-position:-482px -52px;}
ul#menu li a.contact span {background-position:-601px -52px;}
ul#menu li a.email span {background-position:-726px -52px;}

.rightsection{float: right; position: relative; top: 0px; padding-right: 5px; text-align: right; margin-right: 10px;}

div#footer div {padding: 0px 30px; margin: -11px auto 30px auto; color: #666; font: 11px arial;}
div#footer .left {float: left;}
div#footer .right {float: right; text-align: right;}
div#footer .right span {vertical-align: top;}
div#footer .right img {vertical-align: bottom;}
div#footer a {color: #666; font: 11px arial;}

#extraDivLogo {position:absolute; top: 0px; width: 386px; height: 97px; background: url(images/logo_CRG.png) no-repeat; margin: 0px auto 0px auto;} 
#extraDivRequest {position:absolute; right: 10%; top: 29px; width: 164px; height: 68px; background: url(images/button_request-info.png) no-repeat; margin: 0px auto 0px auto;}