/*
Page graphics dimensions math:
1024-720 = 304/2 = 152
1024-640 = 384/2 = 192

192+320 = 512
*/


body {
	/*background-color: #999999;*/
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body { font-size:62.5%; margin:0; padding:0; }
td  {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#homeheaders  {
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bb-right-menu { position: fixed; top: 80px; left: 930px; }
#bb-left-menu  { position: fixed; top: 80px; left: 0px; }
.bb-static-button-width { width: 145px; font-weight:normal; }
.bb-button-bold { font-weight:bold; }

#menuLog { font-size:1.4em; margin:20px; }
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { clear:left; margin:0 4px 5px 5px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: left; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */
.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }


/* body text for non-homepage */
div#content_text {
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* HEADER ELEMENTS */

div#header {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

div#header_banner {
	position:absolute;
	left:0px;
	top:0px;	
	width: 100%;
	height: 43px;
	background-color: #871719;
}

div#header_gray_bar {
	position:relative;
	width: 100%;
	top:55px;
	height: 12px;
	background-color: #DDDDDD;
}

div#header_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	position:absolute;
	width:100%;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	left:320px;
}

div#gray_header_bar {
	background-color: #cfd4d8;
	position: absolute;
	height: 20;
	width: 100%;
	left: 0;
	top: 50;
}

/* HOMEPAGE GRAPHICS */

/* design */
div#home_gfx_1 {
	position:absolute;
	left:240px;
	top:100px;	
}

div#home_gfx_1_label {
	position:absolute;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	left:240px;
	top:75px;	
}


/* manufacturing */
div#home_gfx_2 {
	position:absolute;
	left:560px;
	top:100px;	
}

div#home_gfx_2_label {
	position:absolute;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	left:560px;
	top:75px;	
}

/* logistics */
div#home_gfx_3 {
	position:absolute;
	left:240px;
	top:400px;	
}

div#home_gfx_3_label {
	position:absolute;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	left:240px;
	top:375px;	
}

/* customization */
div#home_gfx_4 {
	position:absolute;
	left:560px;
	top:400px;	
}

div#home_gfx_4_label {
	position:absolute;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	left:560px;
	top:375px;	
}


/* FOOTER ELEMENTS */

/* the red GSW banner */
div#footer_banner {
	position:absolute;
	left:200px;
	top:680px;	
}

/* the copyright text in the footer banner */
div#footer_text 
{
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:210px;
	top:705px;
	white-space:nowrap;
}