/* CSS Document */

body {
	margin:0;
	padding: 0;
	background: url('images/bg.jpg') repeat;
}

p {
	line-height: 1.3em;
}

a {
	text-decoration: none;
	color: #c5c19c;
}

.bottom_links a {
color: #5F604B;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

#outer_container {
	margin: 60px auto 45px auto;
	padding: 0;
	width: 750px;
}

#inner_container {
	clear: both;
	margin: 0;
	padding: 2px;
	width: 750px;
}

#home_top {
	clear: both;
	margin: 0px 0 5px 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 305px;
	/* background: url('images/home-bg1.jpg') no-repeat; */
	background: url('bg_image.php') no-repeat;
}

#home_text {
	text-align: right;
	margin: 15px 20px 20px 20px;
	float: right;
	width: 425px;
	color: #ffffff;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 11px;
	
}

#home_bottom {
	position: relative;
	/* background: url('images/home_bottom.jpg') no-repeat; */
	height: 219px;
}

#inside_text {
	position: relative;
	text-align: right;
	width: 420px;
	height: 270px;
	top: 38px;
	left: 32px;	
	padding: 15px 10px 0px 10px;
	margin: 0;
	color: #ffffff;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 11px;
	overflow: auto;
}

#inside_text .header {
	font-size: 16px;
}

#page_text_container {
	position: relative;
	top: 70px;
	left: 50px;
	width: 420px;
}

#page_text_header {
	text-align: left;
	width: 407px;
	margin-right: 20px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;	
}

#page_text {
	text-align: left;
	line-height: 1.4em;
	margin: 15px 15px 15px 0px;
	float: right;
	width: 410px;
	color: #ffffff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 9px;
	height: 215px;
	overflow: auto;
	overflow-x: none;
	
}

#site_map_text a {
	color: #ffffff;
}

#inside_footer {
	color: #FDB827;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #5F604B;
	margin-top: 5px;
	padding-top: 8px;
	padding-right: 25px;
	height: 25px;	
}

#about_us_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/about_us_masthead.jpg') no-repeat;
}

#about_us_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/about_us_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#drafting_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/drafting_masthead.jpg') no-repeat;
}

#drafting_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/drafting_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#structural_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/structural_masthead.jpg') no-repeat;
}

#structural_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/structural_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#architectural_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/architectural_masthead.jpg') no-repeat;
}

#architectural_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/architectural_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#steel_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/steel_masthead.jpg') no-repeat;
}

#steel_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/steel_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#printing_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/printing_masthead.jpg') no-repeat;
}

#printing_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/printing_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}
#print_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/colour_masthead.jpg') no-repeat;
}

#print_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/colour_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}
#plotting_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/large_format_masthead.jpg') no-repeat;
}

#plotting_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/large_format_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#scanning_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/scanning_masthead.jpg') no-repeat;
}

#scanning_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/scanning_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#quote_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/quote_masthead.jpg') no-repeat;
}

#quote_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/quote_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#upload_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/upload_files_masthead.jpg') no-repeat;
}

#upload_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/upload_files_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#delivery_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/delivery_masthead.jpg') no-repeat;
}

#delivery_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/delivery_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}


#employment_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/employment_masthead.jpg') no-repeat;
}

#employment_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/employment_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#locations_top {
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	width: 750px;
	height: 140px;
	background: url('images/locations_masthead.jpg') no-repeat;
}

#locations_bottom {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/locations_bg.jpg') no-repeat;
	height: 352px;
	width: 750px;
}

#quote {
	position: absolute;
	top: 15px;
	left: 27px;	
}

#upload {
	position: absolute;
	top: 15px;
	left: 270px;
}

#delivery {
	position: absolute;
	top: 15px;
	left: 516px;
}

#uds_car {
	position: absolute;
	top: 100px;
	left: 1px;
}

/******
  shadow text for FIREFOX
******/
/*
.shadow  { position:relative; 
		   display:block; color:#fff;
		   filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=4);   
		 }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666;  }
*/
.shadow {
  /* needed for Internet explorer */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  
  height: 1.5em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
    content: attr(title);
}


/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 2px 3px 3px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/**************
end shadow
*****************/

#ql_nav {
	margin:0;
	padding:0;
	list-style: none;
	line-height: 1;
}

#ql_nav li {
	position: relative;
	width: 130px;
	margin: 0; 
	padding: 0;
	float: left;
	height: 18px; 
}

#ql_nav a, #ql_nav a:hover {
	display: block;
	text-decoration: none;
	color: #5F604B;
}

#ql_nav li ul {
	clear: both;
	position: absolute;
	width: 130px;
	margin: -7px 0 0 0;
	list-style: none;
	left: -999em;
	background-color: #ffffff;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85, FinishOpacity=85, Style=3);
	opacity: 0.85;
	padding: 0;
}

#ql_nav li ul li {
	width: 124px;
	padding: 3px;
	height: auto;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #5F604B;

}
#ql_nav li ul li:hover, #ql_nav li ul li.sfhover {
	background-color: #bbbbbb;
}

#ql_nav li:hover ul {
	left: auto;
}

#ql_nav li.sfhover ul {
	left: auto;
}

#ql {
	margin: 0; 
	padding: 0;
}

#menu {
	height: 21px;
	background: url('images/nav/blank.jpg') repeat-x;
	/* background-position: bottom;*/
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	color: #5F604B;
}

#nav li ul {
	position: absolute;
	list-style: none;
	left: -999em;
	background-color: #ffffff;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65, FinishOpacity=65, Style=3);
	opacity: 0.65;
	margin: 0;
	padding: 0;
}

#nav li:hover ul {
	left: auto;
}

#nav li.sfhover ul {
	left: auto;
}

#nav li ul li {
	position: relative;
	width: 134px;
	padding: 3px;
	height: auto;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	float: none;
	color: #5F604B;

}
#nav li ul li:hover, #nav li ul li.sfhover {
	background-color: #bbbbbb;
}

.error {
	color: #aa0000;
}