html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #333333;
}

#wrapper {
	margin: 0 auto;
	width: 712px;
	font-size: 80%;
	background-image: url(../images/wrapper_bg.jpg);
	background-repeat: repeat-y;
}
#wrapperservices {
	margin: 0 auto;
	width: 712px;
	font-size: 80%;
	background-image: url(../images/wrapper_bg_services.jpg);
	background-repeat: repeat-y;
}

#header {
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	height: 136px;
}

#strap {
	background-image: url(../images/strap_bg.jpg);
	background-repeat: no-repeat;
	height: 121px;
	padding-top:4px;
}

#straphome {
	background-image: url(../images/straphome_bg.jpg);
	background-repeat: no-repeat;
	height: 221px;
	padding-top:4px;
}

#straphome span {

margin-left:58px;
}
#innerwrapperhome {
	background-image: url(../images/bridginghome_slice.jpg);
	background-repeat: no-repeat;
}
#innerwrapper {
	background-image: url(../images/bridging_slice.jpg);
	background-repeat: no-repeat;
}

#innerwrapperservices {
	background-image: url(../images/bridging_slice_services.jpg);
	background-repeat: no-repeat;
}
/*--------------------------------------------Leftcol----------------------------------------------------------------*/
#leftcol {
	display:inline;
	float: left;
	width: 140px;
	margin-top: 5px;
	margin-left: 50px;
}

#leftcol img {
padding-top:10px;
text-align:center;
border: none;
}

#leftcol ul {
	list-style-type: none;
}

#leftcol ul li {
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width: 100px;
	background-color: #7f7169;
}

#leftcol li a {
	display: block;
	text-decoration: none;
	color: #BCBDA0;
	padding: 4px 0 4px 2px;
}

#leftcol li a:hover, #leftcol li a:focus {
	background-color: #534a41;
	color: #fff; 
}


#leftcol h2 {
	color: #000000;
	padding-top: 6px;
	padding-left:24px;
	margin-top: 5px;
	font-weight: normal;
	background-image:url(../images/h1_bullet.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#leftcol p {
	font-weight:bold;
	color: #000000;
}
/*-----------------------------------------------end leftcol------------------------------------------*/

#content {
	width: 440px;
	margin-left: 215px;
	}
#contenthome {
	width: 440px;
	margin-left: 215px;
}

#contenthome p {
	padding-top:10px;
	margin: 10px 30px 0 0;
	line-height: 125%;
	text-indent: 10px;
	color:#000000;
}

#contenthome h1 {

	/*padding-top:0px;
*/}

#contenthome h2 {
	font-size: 155%;
	padding-top: 15px;
	padding-left:20px;
	color:#000000;
		}


h1 {
	margin-left:0;
	font-size: 185%;
	padding-top: 10px;
	padding-left:24px;
	color:#000000;
	background-image:url(../images/h1_bullet.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

h2 {
	font-size: 155%;
	padding-top: 6px;
	padding-left:20px;
	color: #000000;
		}
p {
	margin: 10px 0;
	line-height: 125%;
}
/*---------------------------------------footer-----------------------------------------*/
#footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 106px;
	clear: both;
}


#footer p {
	float: left;
	color: #000000;
	padding: 50px 0 0 59px;
}
#footer ul {
padding-top: 58px;
padding-left: 350px;
color:#000000;
}

#footer li {
list-style: none;
margin: 0;
display: inline;
}

#footer li a
{
padding: 0 0 0 0;
margin-left: 3px;

}

#footer li a:link { color: #000000; }
#footer li a:visited { color: #333333; }

#footer li a:hover
{
color: #fff;

}


/*-----------------------------tab nav----------------------------------*/
#navlist
{
padding: 4px 0;
margin-left: 45px;
margin-right:21px;
padding-top: 100px;
border-bottom: 4px solid #E2AD0F;

font: bold 14px Helvetica, Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.9em;
margin-left: 3px;
border: 1px solid #000000;
border-bottom: none;
background: #fff;
text-decoration: none;
}

#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #000000; }

#navlist li a:hover
{
color: #fff;
background: #E2AD0F;
border-bottom: 1px solid #E2AD0F;
border-left:  1px solid #101E66;
border-right: 1px solid #101E66;
border-top: 1px solid #101E66;
}

#navlist li a#current
{
background: #E2AD0F;
border-bottom: 1px solid #E2AD0F;
border-left:  1px solid #101E66;
border-right: 1px solid #101E66;
border-top: 1px solid #101E66;
color:#FFFFFF;
}


/*------------------------------------------------------------------------------------------------*/
/*-------------------------Contact Form--------------------------------------------*/
/*--------------------------------------------------- the following selectors are the form styles------------------------------------------ */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 520px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	border: 1px solid  #000; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}

#content legend {
	border: 1px solid #000; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #5D170F; /* gives the legend background color */
	padding: 2px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
/*	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}
#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 135px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
/*	font-size: .8em;*/
	text-align: right;
	font-weight:bold;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#content input, #content textarea {
	color: #000; /* creates the text color */
	border: 1px solid #4C5854; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background-color: #CCCCCC; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.button {
	width: 110px; /* for shorter input boxes. */
	margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
	float:right;
	margin-right:120px;
	/*margin-right: 160px;  this keeps the shorter boxes aligned on the left with the wider ones. */
	border: 1px solid #000; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #101E66; /* gives the legend background color */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #fff;
	background: #101E66;
}

/* our buttons take on the input style, we need to change that and we'll do it with this button class*/
.button {
   background-color: #101E67;/*set the background colour of your form buttons*/
   color: #fff;/*set the text colour to white*/
   width: 120px;/*provide a width*/
   margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
}

.required {

color:#FF0000;
}
/*-----------------------------------------end form formating----------------------------------------------------------------------------*/

/*-----------------------------------------------bid form fix--------------------------------------------------------*/

#contentbid {
width: 440px;
	margin-left: 215px;
}

/*My Form*/
#contentbid form {
	margin-top: .8em;

}

#contentbid form div {
margin: .8em 0;
}
#contentbid fieldset {
margin: 0 0 1em 0;
border: 1px solid #000000;

}

#contentbid legend {
padding: 0.4em 0.4em 0.4em 0.4em;
margin: 0 0 0 .5em;
font-size:1em;
font-weight:bold;
color:#fff;
border-color:#fff;
border-style:solid;
border-width:1px;
background-color:#E2AD0F;
}

#contentbid label{
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 130px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: right; /* They are all cleared so that they always start a new line below previous form element floats. */
/*	font-size: .8em;*/
	text-align: right;
	font-weight:bold;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	padding-right: 3px;
	
	}
	
	
#contentbid input, #contentbid textarea, #contentbid select {
	color: #000; /* creates the text color */
	border: 1px solid #000000; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background-color: #fff; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
/* 	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#contentbid input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#contentbid input.button {
	width: 110px; /* for shorter input boxes. */
	margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
	float:right;
	margin-right:40px;
	/*margin-right: 160px;  this keeps the shorter boxes aligned on the left with the wider ones. */
	border: 1px solid #000; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #E2AD0F; /* gives the legend background color */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#contentbid input:focus, #contentbid input:active, #contentbid textarea:focus, #contentid textarea:active {
	color: #fff;
	background: #E2AD0F;
}

/* our buttons take on the input style, we need to change that and we'll do it with this button class*/
#contentbid .button {
   background-color: #5D170F;/*set the background colour of your form buttons*/
   color: #CDCFCC;/*set the text colour to white*/
   width: 80px;/*provide a width*/
   margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
}

.required {

color:#FF0000;
}

	

.options label {
float: none;
}
.options ul {
list-style: none;
margin: 0;
padding: 0;
}
.options li {
float: left;
margin: 0 1em 0 0;
}

/*--------------------------------------end--------------------------------------------*/
.fltlft {
	float: left;
	margin-right: 8px;
}

.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
/*Forms*/

/*-----------------------------------------------------------Services-Page--------------------------------*/
#contentservices {
	width: 640px;
	margin-left: 75px;
}
 
#contentservices p {
	text-align:left;
	margin: 20px 30px 0 5px;
	line-height: 125%;
	text-indent: 10px;
	color:#24284E;
 }

#contentservices h1 {
text-align:left;

}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
padding-top:10px;
text-align:center;
font-family: verdana, arial, sans-serif; 
width:625px;
margin:0 auto; 
position:relative;
z-index:1;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:124px; 
height:30px; 
color:#fff; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#111F60; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a{
color:#fff; 
background:#36407D;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:41px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
width:454px;
height:250; /*365px;*/
border:20px solid #36407D;
background:#eee; 
color:#000;
position:relative;
padding:40px 60px;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li:hover ul li a img {
width:200px;
 height:150px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li:hover ul li a {
float:left;
width:215px;
height:160px;
background:#eee;
border:1px solid #888;
margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover {
position:relative;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu2 ul li:hover li a:hover img {
width:400px; height:300px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
}

/*-----------------------------------------------classes---------------------------------------------------*/

.left {
	float: left;
	border: 1px solid #000;
	margin: 5px 10px 2px 0;
}
.right {
	float: right;
	border: 1px solid #000;
	margin: 5px 10px 2px 10px;
}

.emailmessage {
list-style:none;
margin-left: 25px;

}

.underline {
text-decoration:underline;
}

.boldred {
color:#FF0000;
font-weight:bold;
}