html, body {
	height: 100%;
	/* hide from Mac IE5 \*/
	height: auto;
	/* END hide from Mac IE5 */
}

html {
	background: #BFBFBF;
}

body {
	background-color: #BFBFBF;
	margin:0;
	font-size:12px;
	font-family:Arial;
	}

img {border:0}
	
#container{
	position: relative;
    margin: 0 auto 0 auto;
	/*background: #000;*/
	padding: 0;
	text-align: left;
	width: 941px;
}
* html #container {

}
/* hide from MacIE5 (fix for WinIE "escaping floats" bug) \*/
* html #container {
	height: 1%;
}
/* END hide from MacIE5 */
#container-outside {
	background: url("images/bground_left.gif") 0 0 repeat-y;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
/* hide from Mac IE5 \*/
html>body #container-outside {
	height: 100%;
}
/* END hide from Mac IE5 */

#container-inner {
	background: url("images/bg_right.gif") 100% 0 repeat-y;
	padding-right: 11px;
}
#topnav, #bottom {
	width: 900px;
	margin: 0 10px;
	padding: 0;
}

#banner {
	background: #000;
	/* hide from Mac IE5 \*/

	/* END hide from Mac IE5 */
	margin: 0;
	padding: 0;
}

#banner div{
	/* WinIE flickers.  Hurt it like it hurt you. */
	background: url("images/banner2.jpg") 0 0 no-repeat;
	margin: 0;
	padding: 0;
}
html>body #banner div {
	background: none;
}

/* navigation */
#nav-container {
	background: #000;
	border-color: #DEDEDE;
	border-style: solid;
	border-width: 0px 0;
/*	margin-top: -20px;*/
	/* hide from Mac IE5 \*/
	border-width: 0 0 0;
	margin-top: 0;
	/* END hide from Mac IE5 */
	width: 100%;
	z-index:999;
}

#nav-container:after, ul#top:after {
    clear: both;
    content: "."; 
    display: block; 
	font-size: 0;
    height: 0;
	line-height: 0;
	margin: 0;
    overflow: hidden;
	padding: 0;
}

/* Hides from IE-mac \*/
* html #nav-container {
	height: 1%;
}
/* End hide from IE-mac */

#nav {
	width: 900px;
}

ul#top {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	position:relative;
	/*z-index:999;*/
}


ul#top li {
	float:left;
	font-family: gillsans, "Gill Sans", "New Century Gothic", "Trebuchet MS", Verdana, Geneva, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: .75em  0 9px 0;
	margin-bottom:-2px;
}

ul#top a {
	color: #999;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 10px;
	padding:7px 15px 9px 15px;
}

ul#top a:hover {
	color: #eee;
}

body.aboutus li#top-aboutus a, body.capabilities li#top-capabilities a, body.recentprojects li#top-recentprojects a, body.requestquote li#top-requestquote a, body.contactus li#top-contactus a, body.stock li#top-requestquote a{
	color: #D66;
	font-weight: bold;
	letter-spacing: 0;
	background: #282828;
	color:#fff;
	border-top:2px solid #2e2e2e;
	border-left:2px solid #2e2e2e;
	border-right:2px solid #2e2e2e;
}

body.aboutus li#top-aboutus a:hover, body.capabilities li#top-capabilities a:hover, body.recentprojects li#top-recentprojects a:hover, body.requestquote li#top-requestquote a:hover, body.contactus li#top-contactus a:hover {
	color: #ddd;
}
/* END navigation */

#arrow {margin:0 50px 0 75px}

/*
#bottom {
	display: inline;	/* fix for WinIE "double margin" bug */
	float:left;
	height: 100%;
	margin: 0 -270px 0 10px;
	padding: 0;
	border-bottom:1px solid #2e2e2e;
	width:900px; 
	background:#000;
}
*/
.requestquote #bottom {
	/*width: 100%;*/	
}
/*
* html #bottom {
	margin-right: -300px;	/* fix for WinIE's short bus-riding box model */
	ma\rgin-right: -270px;
}
*/
#content {
	height: 100%;
}
/*
* html #content {
	margin-right: 300px;
	ma\rgin-right: 252px;
}
*/
#primary {
	padding:20px 25px 25px 25px;
	line-height:1.75;
	font-family: Georgia;
	border-top:2px solid #2e2e2e;
	margin:0;
	padding:0;
	background:#282828;
	color: #b5b5b5;
}
#primary .signature{
	margin: 10px 0 0 0;
	font-size: 1.25em;
	font-style:italic;
	font-family: "Times New Roman";
	font-weight: bold;
}

/* sidebar */
#sidebar {
/*	background: url("images/bground_sidebar.jpg") repeat-x left 168px;*/
	display: inline;	/* fix for WinIE "double margin" bug */
	float: right;
	height: 600px;
	margin-right: 10px;
 	width: 250px;
}

html>body #sidebar {
	border-top: 1px solid #DEDEDE;
	height: auto;
	display: table-cell;
}
#sidebar div {
	margin: 10px;
}


/* footer */
#footer {
	background:#000;
	clear: both;
	color: #666;
	font-size: .8em;
	padding: 10px;
	margin: 0 10px;
	text-align: center;
	border-top:1px solid #2e2e2e;
}

#footer {font-family:Arial;}
#footer div {border-top:1px dotted #666;}
#footer a {text-decoration:none;color:#999;margin:5px}
#footer a:hover {text-decoration:underline}
#footer p {margin:3px}

html>body #footer {
	/*border: 1px solid transparent;*/
}
h4 {
	font-size: 1.25em;
}
.clearfix {clear:both;font-size:1px;color:#282828}

/* @group My Group */



/* @end */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: block;font-size:1px;color:#ddd}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#282828;
    border:1px solid #464646;
    border-top:1px solid #464646;
    border-left:1px solid #464646;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#eee;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    width:240px;
    overflow:visible;
    margin:5px 25px;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#464646;
    border:1px solid #282828;
    color:#fff;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}