body {
	margin: 0;
	padding: 0;
	background-image:  url(../images/bg-08700askjas.gif);
	background-repeat: no-repeat;
	background-color: #ff5500;
	FONT-FAMILY: arial, verdana, sans-serif;
	FONT-SIZE: 12px;
}

img {border: 0px;}

/*Page Layout*/
#content {
	width: 760px;
	margin: 0px 0px 0px 80px;
	padding: 0px 0px 0px 3px; 
	background-image:  url(../images/jas3-bg-header.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#navtop {
margin-top: 0px;
margin-bottom: 12px;
padding-top: 4px;
padding-left: 4px;
postion: absolute; 
top: 0px;
}


#sidemenu {
	position: absolute;
	width: 185px;
	top: 35px;
	left: 648px;
	padding: 0px 5px 0px 5px;
	background-color: #FFffff;
}


#footer {
	clear: both;
	width: 763px;
	margin: 0px 0px 0px 80px;
	padding: 0px 0px 0px 0px; 
	background-color: white;

}


/*General Settings*/

p {
	FONT-FAMILY: arial, verdana, sans-serif;
	padding-top: 0;
	margin-top: 0;
	margin-left: 10px;
	clear: left;
	width: 540px;}

form {
margin-left: 100px;
padding: 0;
width: 300px;
font-size: 12px;}
input {font-size: 12px;}
label{display:block;}
#enquiry input[type="text"] {font-size: 12px; width: 220px;}
#enquiry textarea {font-size: 12px; width: 180px; height: 100px;}

A:link {	COLOR: #ff5500; FONT-FAMILY: arial, verdana, sans-serif; TEXT-DECORATION: none;}
A:visited {	COLOR: #ff5500; FONT-FAMILY: arial,verdana, sans-serif; TEXT-DECORATION: none;}
A:hover {	COLOR: #334666; FONT-FAMILY: arial,verdana, sans-serif; TEXT-DECORATION: underline;}


h1, h2, h3, h4, h5, h6 { font-family: arial, verdana, sans-serif }
h1     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 18pt; border-bottom: medium solid #ff5500; width: 550px; margin-bottom:4px; }
h2     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 12pt; border-bottom: thin solid #ff5500; width: 550px; margin-bottom:4px; clear: both;}
h3     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 12pt; border-bottom: thin solid #ff5500; width: 550px;}
/*Header NOTES for CASE STUDY and DRAWING LIBRARY*/
h4     { color: #ffffff; background-color:  #334666; 
font-weight:bold; TEXT-INDENT: 1px; font-size: 12pt; 
border-bottom: thin solid #ff5500; width: 550px; 
margin-bottom: 4px;padding: 0px; clear:left;}
/*Header SIDE MENU*/
h5     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 12pt; border-bottom: thin solid #ff5500; width: 185px; 
padding-bottom: 0px; margin-bottom: 5px; clear:both;}
h6     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 11pt; border-bottom: thin solid #ff5500;  font-style:italic;}

.category     { color: #334666; font-weight:bold; TEXT-INDENT: 1px; font-size: 14pt; border-bottom: medium solid #ff5500; width: 550px; margin-bottom:4px; clear: right;}

.intro:first-line {font-weight:bold;}

/*Navigation TOP MENU*/


#navtop a:link, #navtop a:visited {
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: arial, verdana, sans-serif;
TEXT-DECORATION: none;
font-weight : bold;
margin-right:20px;
}

/*CONTENT - text*/
.descriptive {
	font-weight : bold;
	COLOR: #334666;
	}
	
.informative {
	font-weight : bold;
	COLOR: #334666;
	margin-left:5px;}
	
.text {
	margin-left:10px;}		

/*CONTENT - Sign Features on Home Page only */
#sign-features {
	list-style-type: none;
	padding-top: 0px;
	margin-top:0px;
	padding-left: 0px;
	margin-left: 0px;
}

#sign-features li {
	float: left;
	margin-right: 5px;
	margin-bottom: 6px;
	FONT-FAMILY: arial, verdana, sans-serif;
	color: #334666;
	FONT-SIZE: 12px;

background-color: #ffffff;
width: 180px;
}
/*background-color: #4e5d6e; */

#sign-features img {
	display: block;
	border: 0px;
	margin-bottom: 3px;
}

#sign-features p {
	display: block;
	margin-bottom: 3px;
	width: 175px;
	padding-left: 0px;
	margin-left: 5px;
	COLOR: #334666;
}

#sign-features span {
display: block;
width: 175px;
height:25px;
margin: 0px;
padding-left: 5px;
padding-top: 2px;
FONT-FAMILY: arial, verdana, sans-serif;
TEXT-DECORATION: none;
FONT-SIZE: 14px;
font-weight: bold;
}


#sign-features a:link, #sign-features a:visited {
COLOR: #334666;
}
#sign-features a:hover {
COLOR: #ff5500;
}

/*CONTENT - Sign Types/Sectors on Home Page only */
.homeSigns {
	width: 552px;
	
	margin-left: 20px;
	border: 0px;
	padding: 0px;
	
	list-style-type: none;	
}
.homeSigns li {
	float: left;
		
	padding-bottom: 5px;
	margin-left: 5px;
}
.homeSigns img {
	float: left;
	display: inline;
		
	margin-right: 5px;
	border: 0px;
}

.homeSigns p {
	display: inline;
}


#types li {width:250px;}
#sectors li {width:130px; height: 60px;}

#sectors a:link, #sign-features a:visited {
COLOR: #334666;}
#sectors a:hover {
COLOR: #ff5500;}

#sectors span {font-weight:bold; vertical-align:center;}

/*CONTENT - Photoblock */
#photoblock {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
#photoblock li {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
#photoblock img {
	display: block;
	border: 0px;
}

/*CONTENT - Services for Case Studies */
#services {
	list-style-type: none;
	padding-left: 10px;
	margin-left: 0px;
	

}
#services li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#services img {
	display: block;
	border: 0px;
}

/*CONTENT - photoline for drawing library */
#photoline {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
		clear: left;
		width: 552px;
		}
#photoline li {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	
}
#photoline img {
	display: block;
	border: 0px;
	margin-bottom: 0px;
}
#photoline a:hover {
border: 0px;
border-color: #ff5500;
}

/*CONTENT - Phototest - Testimonials */
#phototest {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	width: 552px;
}
#phototest li {
	float: left;
	width: 545px;
	padding-bottom: 5px;
	margin-left: 5px;
}
#phototest img {
	float: left;
	display: inline;
	border: 0px;
	margin-right: 5px;
}
#phototest h4 {
	display: inline;
	vertical-align: top;
	height:25px;
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

#phototest h3 {
	display: inline;
	vertical-align: top;
	height:25px;
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

#phototest p {
	display: inline;
}



/*CONTENT - Notes - Case Studies */
#casenotes {
width: 550px;
}


#casenotes p {
margin-left: 5px;
}


/*-------------------------------CONTENT - Notes - Drawing Library */
.libraryContent {
height: 770px;
width: 552px;
}

.library {
float: right;
width:241px;
}

.library h4{
display:block;
width:237px;

border-bottom: thin solid #ff5500; 
margin-bottom: 0px;
padding: 0px 0px 0px 4px; 
clear:left;
}

.subtitle {
	color: #334666;
	background-color: #ffffff;
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.navtitle {
width: 552px;
border: 0px;
padding: 0px;
margin-bottom: 5px;
text-align:right;
}
.libraryDraft {
	float: left;
	display: inline;
	border: 0px;
	margin-right: 20px;
	margin-left: 10px;
}



div.navPictures {
width: 241px;
border: 0px;
padding: 0px;
margin: 0px;
text-align:right;
}

/*SIDEMENU - Home Page */
#sidemenu h4 {
	width: 185px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
#sidemenu p {
	width: 180px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
#sidemenu ul {
	padding: 0px;
	margin: 0px 0px 0px 20px;
	list-style-type:square;
}
#sidemenu li {
 color: #334666;
}
#sidemenu span {
clear: both;
}

.scrollerbox {
width: 185px;
height: 80px;
margin: 0;
padding: 0;
border: 0;
}


ul {
	list-style-type:square;
}

.listHome {
	width:375px;
	
	list-style-type:square;
}

.lineDescriptive {
list-style-type:none;
font-weight : bold;
COLOR: #334666;

}

/*SIDE MENU - Contact Us*/
.contactbox {
	width:170px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #ff5500;
	font-size: 16px;
	font-weight: bold;
}

.directionsbox {
	width:170px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
	font-size: 10px;
}

/*SIDE MENU - Navigation - for Drawing Library*/
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#FFFFFF;
color:#003399;

padding:2px;
text-align:center;
font-weight:bold;
border-width: 0px 0px 1px 0px;
/*/*/border:solid #ff5500;/* */
}

.submenu{
margin-bottom: 0.5em;
}
/*END OF Navigation Menu for Drawing Library*/

/*CONTENT - Images*/
.imgRight{
	float: right;
	margin-left: 10px;
}
.imgLeft{
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
}

#bottomPic{
	margin-bottom: 5px;
}
/*NAV - Images*/

.iconLeft{
	float: left;
	clear: left;
	margin-right: 5px;
	margin-bottom: 3px;
}

#surveys a:hover{
background-image:  url(../images/iconbar-surveys-hover.gif);
background-repeat: no-repeat;
}