/*html, body {
  margin: 0;
  padding: 0;
}*/

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

body {
	background-color:#6D3F59;
	font-family:Arial, Helvetica, sans-serif;
}


#container {
	margin: 0 auto; 
	width: 940px;
	background:#FFF;
}

/* ----------------------
HEADER
-------------------------*/

#header {
	background-image:url(../images/header.jpg);
	height:143px;
	padding: 0px;
}

/* ----- Truck Links menu ----- */

.truckMenu ul {
	 display: block;
	 padding: 66px 0px 0px 460px; /* positions the menu on the truck background */
	 list-style: none;
	 text-align: left;
 }

.truckMenu ul li {
	 display: inline;
	 padding: 0px 10px;
	 margin: 0px;
	 list-style: none;
}

.truckMenu a {
	 padding: 0px 3px;
	 text-decoration:none;
	 color:#FFE14F;
}
.truckMenu a:hover {
	border-bottom:dashed;
	border-bottom-width:thin;
	color:#FFE14F;
}


/* ----------------------
NAVIGATION
-------------------------*/

#navigation {
	background-image:url(../images/topBorder.jpg);
	height: 41px; /* sets the height of the top border nav bar*/
	padding: 0px 0px 0px 407px;
/*	padding: 5px 5px 0 5px;*/
}

#navigation li {
	display: inline; /*	fixes the menu when it breaks in IE */
}

#navigation ul li {
	list-style:none;
}

#navigation a {
	width: 102px; 
	height: 41px;
	display: block;
	float:left;
	color:#FF0000; /* red */
	text-decoration: none;
	text-align: center;
	margin: 0px;
	background: url(../images/buttonMaster.jpg);
}

#navigation a:hover {
	background: url(../images/buttonMaster.jpg) 0 -41px;
}

#navigation a span {
	font: 16px arial;
	color: #FFE14F; /* yellow */
	position: relative;
	top: 14px;
}

#navigation a:hover span {
	color: #341E2A; /* dark purple */
}

#navigation .select a, #navigation .select a:hover {
	background:url(../images/buttonWhite.jpg);
	color:#cc0000; /* purple (red) */
}

#navigation .select a span, #navigation .select a:hover span {
/*	background:url(../images/buttonWhite.jpg);*/
	color:#6D3F59; /* purple */
}

.clear {
	clear: both;
}


/* ----------------------
CONTENT
-------------------------*/

#content {
	clear: left;
	padding: 25px;
	font: 11px/18px verdana, arial;
	min-height:375px;
	
}

#content h1 {

	color:#F3901D;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size: 350%;
	margin: .5em 0 .7em 0;
	padding: 0em 0em 0em .3em;
}

#content h2 {

	color:#EE3424;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	margin: 0 0 .7em 0;
	line-height: 1.5em;
	padding: 0em 0em 0em .7em;
}

#content p {

	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	line-height: 1.5em;
	margin: .5em 0 0em 0;
	padding: 0em 20em 0em 1em;
	width: 800px;
}


/* ----------------------
BOTTOM BUTTONS
-------------------------*/

#homeOwnerBotBut
{
  float:left;
  margin-top: 18px;
  margin-left: 10px;
  display: block;
  width: 258px;
  height: 48px;
  background: url(../images/homeownerMaster.jpg) no-repeat 0 0;
  padding: 0em 0em 0em 1em;
}

#homeOwnerBotBut:hover
{ 
  background-position: 0 -48px;
  border-bottom: none;
}

#homeOwnerBotBut span
{
  display: none;
}

#builderBotBut
{
  float:left;
  margin-top: 18px;
  display: block;
  width: 177px;
  height: 48px;
  background: url(../images/builderMaster.jpg) no-repeat 0 0;
}

#builderBotBut:hover
{ 
  background-position: 0 -48px;
  border-bottom: none;
}

#builderBotBut span
{
  display: none;
}

#archBotBut
{
  float:left;
  margin-top: 18px;
  display: block;
  width: 215px;
  height: 48px;
  background: url(../images/archMaster.jpg) no-repeat 0 0;
}

#archBotBut:hover
{ 
  background-position: 0 -48px;
  border-bottom: none;
}

#archBotBut span
{
  display: none;
}

/* ----------------------
MAIN PHOTO YELLOW BODER
-------------------------*/


#homeImage {
	float:right;
	/*margin-top: 60px;*/
	margin: 5em 0 0em 2em;
}

#ceilingImage {
	float:right;
	/*margin-top: 60px;*/
	margin: 5em 0 0em 2em;
}

#ufloorImage {
	float:right;
	/*margin-top: -20px;*/
	margin: -2em 0 0em 2em;
}
/* ----------------------
EECA BUTTON
-------------------------*/

#eecaMasterBut
{
  margin-left: 710px;
  margin-top: 0px; 
  display: block;
  width: 163px;
  height: 67px;
  
  
  background: url(../images/eecaMasterBut.jpg) no-repeat 0 0;
}

#eecaMasterBut:hover
{ 
  background-position: 0 -67px;
  border-bottom: none;
}

#eecaMasterBut span
{
  display: none;
}


/* ----------------------
BORDERS
-------------------------*/

#left-shadow {
/*	width: 160px;*/  /* Controls the width of the main text content */
	background: url(../images/yellowBorderLeft.gif) repeat-y; /* Sets the left gradient border */
	padding: 0 0 0 0px; /* Sets the distance the text is from the left border */
}

#right-shadow 
	{	background: url(../images/yellowBorderRight.gif) right repeat-y;
		padding: 0 10px 0 0;
	}

#bottomBorder {
	height:15px;
	background-image:url(../images/yellowBorderBottom.gif);
	background-repeat:no-repeat;
}

/* ----------------------
SITEMAP
-------------------------*/

#sitemap {
	margin-left: 30px;
	margin-right:30px;
}

#sitemapTop h5{
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #F3901D;
	text-align: right;
	margin-top:50px;
}

#sitemapTop p{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFE14F;
	text-align: right;
}

#dashedYellow {
	clear:both;
	height:2px;
	background-image:url(../images/dashedYellowLine.gif);
}

/*#sitemapBottom div{
	border-top-width: 1px;
	border-top-style:dashed;
	border-top-color: #FFE14F;  sets the yellow dashed border 
}*/

#sitemapBottom a{
	text-decoration:none;
	color: #FFE14F;
}

#sitemapBottom a:hover{
	border-bottom:dashed;
	border-bottom-width:thin;
	color:#FFE14F;
}

#sitemapBottom .sitemapHeader a{
	color:#F3901D; /* orange */
	line-height: 3em;
}



/* -----------------------
COLUMNS FOR SITEMAP TOP
--------------------------*/
/* Start of Column CSS */
#containerB {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
/*	background:#ffa7a7;  column 2 background colour */
}
#containerA {
	float:left;
	width:100%;
	position:relative;
	right:50%;
/*	background:#fff689;  column 1 background colour */
}
#colA {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#colB {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
	
}

#colB a {
color: #FFE14F;  yellow 

}




/* ----------------------
COLUMNS FOR SITEMAP BOTTOM
-------------------------*/

/* Start of Column CSS */
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
}

#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}

/* ----------------------
FOOTER
-------------------------*/

#footer
{
	background-image: url(../images/gradientBottom.jpg);
	text-align: left;
	padding: 0px;
	height: 303px;
}

#copyrightdiv{
	position:relative;
	margin-top:150px;
}

#copyright{
	color:#333333;
	font-size:10px;
	margin-right: 45px;
	text-align:right;
}

#copyright a{
	color:#FFE14F;
}

#copyright a:hover{
	color:#CC0000;
}