html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
 font:86%/1.5 trebuchet ms, verdana, arial, tahoma;
color: #606060;
background: #fff url('images/bg.gif') top center repeat-x;;
}

#border
{
border: 0px ;
width: 770px;
background-color: #FFFFFF;
background:url('images/backround2.gif') no-repeat;
margin: 0 auto;
}

#header
{
height: 193px;
width:743px;
margin-left:-2px;
background-image:url('images/header.jpg');
position:relative;
}

* html #header { margin-left: 0; }

#content {
font-size:1.2em;
padding: 0.5em 1em;
max-width: 740px;
background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container
{
font-size:1.1em;
width: 740px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #669900;
}

.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
margin-top:20px;
padding-top:20px;
}

.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}
/* slightly enhanced, universal clearfix hack */
/* add class to containing DIV that has inside nested floats that need clearing */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: center;
	height: 30px;
	background-color: #E7F2FE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	clear: both;
	
}

#footer a:link, a:visited{
	color:#5B8FBE;
}

#footer a:hover, a:active{
	color:#000066;
}

a:active,
a:visited,
a:link	    			{ color: #5B8FBE; text-decoration: none; }
a:hover					{ color: #1D3A58; text-decoration: none; }

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	position: relative;
	top: 13px;
	left: 15px;
	width: 540px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(images/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#5B8FBE;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#5B8FBE;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
	#home .home,
	#about .about,
	#buyers .buyers,
	#sellers .sellers,
	#contact .contact
 {
 	color: #2e6798!important;
	text-decoration:underline!important;
}
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
font-size: 120%;
color: #2E6A9D;
}

h3{
	color:#5B8FBE;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}
p { margin-top:10px;}

#logo {
	position:absolute;
	top:10px;
	left:10px;
}
strong {color:#2e6798;}
#phone {color:#000;
float:right;
text-align:right;
font-size:1.3em;
font-weight:strong;
margin:10px;
}
.clear 			{ clear:both; }
.clear-left 	{ clear:left;}
.float-left 	{ float:left; }
.float-right 	{ float:right; }
.clear-right 	{ clear:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }
.inline 		{ display:inline; }
.padmore 	    { padding-top:15px;}
.pushdown		{ margin-bottom:15px;}
.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#f1c27e; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0;
}

.img-right 		{ float:right;margin:4px 0 4px 10px; }
.frame 			{
				padding:5px;
				background-color:#fff;
				border:1px solid #999;
				}
.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }


/***** Forms *****/

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

	#contactform {
		background:#e3effb;
		padding:1em 0;
		margin:1em;
		border:1px solid #aed0f3;
	}	
	.odd {
	background-color: #aed0f3;
	}
	#contactform table {
		padding:.25em;
	}
	#contactform table input {
		margin:.5em 0;
	}
	.firsttd {
		padding-left:.5em;
	}
	.status {
		color:#7F0F0F;
		font:1.5em bold;
		padding:0 .25em;
	}
	.attn {
		color:red;
	}
#content h1.hlong, #content h2.hlong {
	background: url(images/h_bgnd_long.png) repeat-y;
	padding-left:5px;
}

#content ul.lightline li {
	background: #EFF6FF url(images/h_light.gif) repeat-y;
	list-style:disc url(images/check.gif) outside;
	padding:4px;
	font-size:1.2em;
}
#content li h3 {
margin-left:-30px;
}
		#content p.contactby {
		margin-bottom:2em;
		}
		#content span.phone {
			color:#333;
			margin-left:117px;
		}
		#content span.office {
			color:#333;
			margin-left:100px;
		}

		#content span.address {
			margin-left:20px;
		    color:#333;
			padding-top:20px;
		}
		#content .indent {
			margin-left:150px;
			padding:0;
		}
		#content h2.inline {
			display:inline;
			line-height:2em;
			vertical-align:bottom;
		}
		#content .staffemail {
			text-decoration:none;
			vertical-align:bottom;
		}
		#content .staffemail img {
			padding:20px 10px 0 45px;
		}
