/* CSS Document */

/* MAIN STYLES */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header {
	width: 840px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/Brooker-Carey-Haulage.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 317px;
}

#topnav {
	padding-top: 235px;
	width: 485px;
	margin: 0px;
}
#topnav ul /* changes to the container only*/
{
	list-style-type: none;  /*removes default list image to none*/
	padding: 0; /*remove left indentation for Firefox/Netscape/Safari*/
	margin: 0 auto;/*remove margin for IE/Opera*/
	text-align: center; /* centre the text inside the ul*/
}
#topnav ul li /* this forces the list onto a horizontal line*/
{
	display: inline;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	color: #FFFFFF;
}
#topnav ul li a /*the list - all changes to actual text go here*/
{
	/*put bg image here*/
	background-image: url(../images/arrow.gif); /*select list image */
	background-repeat: no-repeat; /* so list image doesnt repeat */
	background-position: 0.3em 0.8em; /* horizontal bg position at 0 for left  OR 100% for right*/
	padding: 0.5em 2em 0.5em 1.5em; /* add padding to make a good size box*/
	color: #FFFFFF; /*bg colour*/
	text-decoration: underline;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#topnav ul li a:hover,  #topnav ul li .current/*duplicated a to create hover property just change bg*/
{
	color: #FFFFFF; /*bg colour*/
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#homebgtop {
	background-image: url(../images/bg-main-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 21px;
}

#homebgmain {
	background-image: url(../images/bg-main.gif);
	background-repeat: repeat-y;
	background-position: top;
	height: 450px;
}
#homebgmain p {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	margin: 5px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#homebgbottom {
	background-image: url(../images/bg-main-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 60px;
}

#homebgbottomleft {
	width: 400px;
	float: left;
}

#homebgbottomleft p {
	margin: 0px;
	padding: 25px 0px 0px 15px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #E4580E;
}

#homebgbottomright {
	width: 390px;
	float: left;
}

#homebgbottomright p {
	margin: 0px;
	padding: 25px 0px 0px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #E4580E;
	text-align: right;
}
#homebgbottomright a {
	color: #E4580E;
	text-decoration: underline;
}
#homebgbottomright a:hover {
	color: #E4580E;
	text-decoration: none;
}



#homeright {
	width: 379px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	float: left;
}
#homeright h1 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.3em;
	color: #E5580E;
	padding-right: 5px;
	padding-left: 5px;
}
#homeright img {
	float: left;
	padding-right: 5px;
}


#flash {	
	background: #ffffff url(../images/simplystore1234.jpg) no-repeat top;	
	height: 110px; /*Height of top section*/	
	width: 375px;}

#homeleft {
	width: 384px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
#homeleft h1 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.3em;
	color: #0E627B;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#cmsfooter {
	font-family: "Lucida Grande", Geneva, Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-align: center;
	margin-bottom: 15px;
}
#cmsfooter a {
	text-decoration: none;
	color: #333333;
}
#cmsfooter a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#contactform {
	padding-left: 30px;
}
.cssform  {
	width: 200px;
	margin: 0px;
	padding: 0px; /*width of left column containing the label elements*/
	color: #000000;
	font-family: "Lucida Grande", Geneva, Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssform label {
	font-weight: bold;
	float: left; /*width of left column*/
	padding-top:0px;
	width: 80px;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-left: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 50px;
	padding-left: 100px;
}

.cssform textarea {
width: 50px;
}
.inputBox {
	padding: 0px;
	margin: 0px;
	width: 80px;
	float: left;
}
.formBuild div{
margin: 8px 0px 8px 0px;
}





#contentbgtop {
	background-image: url(../images/bg-content-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 21px;
}

#contentbgmain {
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
	background-position: top;
	height: 450px;
}
#contentbgmain p {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	margin: 5px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#contentbgmain h1 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.3em;
	color: #0E627B;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#contentbgmain h2 {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	color: #0E627B;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


#contentbgbottom {
	background-image: url(../images/bg-content-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 60px;
}

#content {
	width: 775px;
	margin: 0px;
	padding: 0px 50px 0px 15px;
	float: left;
}
.cms, .cms a:visited, .cms a:link, .cms a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #53420f;
	text-decoration: none;
}
.cms a:hover,  {
	color: #48b5fd;
	text-decoration: underline;
}