body		{	font-family: verdana, arial, sans-serif;
			font-size: 80%;	
			color: #000;
			text-align: center;
			background-color: #fff;
			margin-bottom: 20px;
		}
* 		{	margin: 0;
			padding: 0;
		}
td		{	padding: 2px;
		}
div#container	{	width: 740px;
			margin: 10px auto;
			padding-left: 10px;
			padding-right: 10px;
			text-align: left;
			background-color: #fff;
			border: 1px solid #000;
		}
div#header	{	overflow: hidden;
			height: 100px;
			background-image: url('/images/top_bg.gif');
			background-repeat: no-repeat;
			background-position: top right;
		}
div#header h1	{	font-family: arial, sans-serif;
			color: #007FC7;
			margin-top: 30px;
			margin-left: 180px;
			font-size: 1.9em;
		}
div#header h2	{	font-family: arial, sans-serif;
			color: #c00;
			margin-top: 1px;
			margin-left: 180px;
			font-size: 1.3em;
		}
div#header img	{	float: left;
			margin-top: 15px;
		}

div#menubar	{	height: 40px;
		}
/* THE HORIZONTAL MENU STARTS HERE */

div#listmenu 	{	width: 100%;
			float: right;
			font-size:.8em;	/* SET FONT-SIZE HERE */
			border-bottom: 5px solid #FFC332;	
		}
div#listmenu ul {	margin:0; /* indents ul from edge of container */
		}
div#listmenu li {	float: right;
			position: relative; 
			list-style-type: none;
			height: 22px;
			width: 110px;
			text-align: center;
			color: #fff;
			background-image: url('/images/button_bg.gif');
			background-repeat: no-repeat;
			background-position: bottom center;
		}
div#listmenu a 	{	display:block;
			padding-top: 3px; /*creates space top of menu item's text */
			text-decoration:none;	 /* removes the underlining of the link */
			color:#fff;	/* sets the type color */
		}
div#listmenu a:hover 	{	
			color:#fff;
			text-decoration: underline;
			}

/* the horizontal menu ends here */
/* the drop-down starts here */

div#listmenu ul li ul 	{
			margin:6px 0 0 0;
			position:absolute;
			width: 112px;
			left:-1px;
			}
div#listmenu ul li ul li {
			width: 110px;
			background-color: #007FC7;
			background-image: none;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;	
			text-align: left;
			text-indent: 5px;		
			}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #fff; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul 	{	display:none;
			}
div#listmenu ul li:hover ul {	display:block; 
			}
/* end of drop down */

div#content 	{	overflow: hidden;
			background-image: url('/images/content_bg.gif');
			background-repeat: no-repeat;
			background-position: top;
			padding-bottom: 5px;
			min-height: 300px;
		}

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


div#content h1	{	margin: 1em 0;  	
			font-size: 1.3em;
			color: #06c;		
		}

div#content h2	{	margin: .75em 0;	
			font-size: 1.2em;
			color: #06c;		
		}
div#content h3	{	margin: .5em 0; 	
			font-size: 1.1em;
			color: #06c;		
		}
div#content h4	{	margin: .5em 0;  	
			font-size: 1em;
			color: #06c;		
		}

div#content h5	{	margin: .5em 0;	
			font-size: .85em;
			color: #06c;		
		}
div#content h6	{	margin: .5em 0; 	
			font-size: .75em;
			color: #06c;		
		}
div#content p 	{	margin: 1em 0; 			
		}
div#content ul 	{	margin-left: 2.5em; 
			line-height: 1.6em;			
		}
div#content ul li {
		}
div#home	{	width: 490px;
		}
div#features 	{	float: right;			 
			width: 240px;
		}
div#new_features 	{	float: right;			 
				width: 240px;
		}
div#new_features div.feature_box {	height: 125px;
					margin-bottom: 10px;
					border:1px solid #000;
					background-color: #fff;
		} 
div#new_features div.feature_box h3 {	font-size: 1em;
					color: #fff;
					padding: 5px 0 1px 10px;
					margin: 0;
				}
div#new_features div.feature_box p {	font-size: .85em;					
					padding-left: 10px;
					padding-right: 120px;
				}
div#new_features div.feature_box img { 	padding-top: 20px;
					padding-left: 10px;
					border: 0;
				}
div#new_features div#trusses_box   {	background-image: url('/images/feature_boxes_125_bg_trusses.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#new_features div#calulator_box  {	background-image: url('/images/feature_boxes_125_bg_calc.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#new_features div#services_box  {	background-image: url('/images/feature_boxes_125_bg_services.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#new_features div#easijoist_box  {	background-image: url('/images/feature_boxes_125_bg_easijoist.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#features div.feature_box {		height: 166px;
					margin-bottom: 10px;
					border:1px solid #000;
					background-color: #fff;
		} 
div#features div.feature_box h3 {	font-size: 1em;
					color: #fff;
					padding: 5px 0 1px 10px;
					margin: 0;
				}
div#features div.feature_box p {	font-size: .85em;					
					padding-left: 10px;
					padding-right: 120px;
				}
div#features div.feature_box img { 	padding-top: 20px;
					padding-left: 10px;
					border: 0;
				}
div#features div#trusses_box   {	background-image: url('/images/feature_boxes_bg_trusses.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#features div#calulator_box  {	background-image: url('/images/feature_boxes_bg_calc.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
div#features div#services_box  {	background-image: url('/images/feature_boxes_bg_services.gif');
					background-repeat: no-repeat;
					background-position: right;
				}
img#ukmap	{	margin-top: 10px;
			float: right;
			height: 220px;
		}
div#logo_box	{	border-top: 1px solid #000;
			padding:10px 0;
			background-color: #fff;
		}
div#footer	{	clear: both;			
			padding: 5px 0 10px 0;
			text-align: center;
			border-top: 21px solid #FFC332;
			background-color: #fff;
		}
/*clearing options */

.clearfloat	{	width: 98%;
			overflow: hidden;
		}
/* Form Styles */
div#formcontainer 	{	margin: 10px 0 0 100px;
				width: auto;
				float: left;
				border: 0;
			}
div#formcontainer form  {	border: 0;
			}
div#formcontainer fieldset {	border: 0;
			}
div#formcontainer p     {       font-weight: bold;
			}

div#formcontainer div.clearform	{	padding: 5px 0px; 
					vertical-align: top;
					overflow: hidden;
					margin: .5em 0;
				}
div#formcontainer form label {	width: 110px;	 
				float: left;
				margin-right: 10px;
			}

.formcaption 		{	font-size: .75em; 
			}	
div#formcontainer div.buttongroup 	{	float: left; 
						margin: 0px; 
						padding: 0px;
			} 
div#formcontainer div.buttongroup div 	{	margin-bottom: 5px; 
					} 
div#formcontainer div.buttongroup input	{	margin-right:5px;
					} 

.button		{	color: #fff;
			background-color: #007FC7;
			padding: .1em .5em;
			font-weight: bold;
			font-size: .85em;
		}
textarea	{	font-family: verdana, arial, sans-serif;
			font-size: 1em;
		}
/* end form styles */

img.building  	{	border: 0;
			margin: 0 15px;
			width: 200px;
			vertical-align: top;
		}
div#quote_trail {	/*float: right;*/
			border: 1px solid red;
			padding: 2px;
			overflow: hidden;
			margin-bottom: 30px;
		}
div#quote_box	{	text-align: center;
			margin-top: 50px;	
		}
div#quote_trail ul {	margin-left: 1.5em;
			line-height: 2em;
		}
div#quote_trail ul li { float: left;
			padding: 1px 6px;
			font-size: .85em;
		}
div#quote_trail ul li.on{	font-weight: bold;
		}
div#roofs	{	overflow: hidden;
			text-align: center;
		}
div#roofs img 	{	margin: 10px 15px 0 0;
			border: 0;

		}
div.teamBoxContent {	border-top: 1px solid #000;
		 	margin: 0 15px;
			overflow: hidden;
			padding: 10px 0;
		}

p.teamName 	{	margin-left: 160px;
		}
div.links { 			padding:4px;
				overflow:hidden;
				margin-top: 10px;
				margin-right: 100px;
				margin-left: 120px;
				border: 0;
          }
div.links p {			margin: 0 !important;			
		}
div.links img { 		float:left;
				margin-right: 10px;
          }
div.links div { 		padding: 2px;	
				margin-left: 75px			
          }
div#content div.downloadBox {	margin: 0 50px;
				padding: 3px;
				overflow: hidden;
			}
img#topImg 	{		height: 210px;
				width: 490px;
		}

p.error  	{		color: red;
		}
p.error span 	{		font-weight: bold;
				float: left;
				display: block;
		}
div#legal	{		margin-left: 100px;
		}
div#legal div   { 		overflow: hidden;
				width: 600px;
		}
div#legal div p {		margin: .5em 0 .5em 200px;
				font-size: 1em;
				
		}
div#legal div h3 {		font-size: 1em;
				color: #06c;
				font-weight: bold;
				float: left;
				margin: .5em 0;
		}