*
{
	top: 0px;
	left: 0px;
}

body {
}

/******* divs and so forth *********/

div#HeaderDiv
{
	width: 1000px;
	height: 140px;
	background-image: url('../images/Header.jpg');
}

div#MenuDiv
{
	width: 1000px;
	padding-top: 2px;
	height: 30px;
	background-color: #666666;
	border-bottom: solid 3px #FFFFFF;
}

div#MenuDiv ul#MenuList
{
	width: 1000px;
	list-style-type: none;
	float: left;
}

div#MenuDiv ul#MenuList.Firefox
{
	margin-left: -30px;
	margin-top: 5px;
}

div#MenuDiv ul#MenuList.Explorer6
{
	
}

div#MenuDiv ul#MenuList.Explorer7
{
	
}

div#MenuDiv ul#MenuList.Explorer8
{
	
}

div#MenuDiv ul#MenuList li,
div#MenuDiv ul#MenuList li a 
{
	display: inline;
	float: left;
    position: relative;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	width: 100px;
}

div#MenuDiv li a:hover
{
	color: #000000;
}

/* individual menu item widths */
/*******************************/
div#MenuDiv ul#MenuList li.pipe
{
	width: 10px;
}
div#MenuDiv ul#MenuList li.standard,
div#MenuDiv ul#MenuList li.standard a
{
	width: 155px;
}

/* select and highlight chosen menu item */

body#Index div#MenuDiv ul#MenuList li a#home,
body#Commercial div#MenuDiv ul#MenuList li a#commercial,
body#Personal div#MenuDiv ul#MenuList li a#personal,
body#Documents div#MenuDiv ul#MenuList li a#documents,
body#Quotation div#MenuDiv ul#MenuList li a#quotation,
body#Contact div#MenuDiv ul#MenuList li a#contact

{
	font-weight: bold;
	
}

div.BannerImageDiv
{
	width: 1000px;
	height: 100px;
}

/* apply specific backgrounds to the banner image divs */
div#IndexDiv.BannerImageDiv
{
	background-image: url('../images/index.jpg');
}
div#CommercialDiv.BannerImageDiv
{
	background-image: url('../images/Commercial.jpg');
}
div#PersonalDiv.BannerImageDiv
{
	background-image: url('../images/personal.jpg');
}

div#ContentDiv
{
	width: 1000px;
	height: 400px;
	text-align: left;
	background-image: url('../images/WatermarkStandard.jpg');
}
div#ContentDiv.Firefox
{
	height: 494px;
	background-image: url('../images/WatermarkLarge.jpg');
}
div#ContentDiv.Explorer6,
div#ContentDiv.Explorer7,
div#ContentDiv.Explorer8
{
	height: 500px;
	background-image: url('../images/WatermarkLarge.jpg');
	background-repeat: no-repeat;
}

div#ContentDiv span#HeaderSpan
{
	font-family: Arial; 
	font-size: 22px; 
	color: #666666;
}
div#ContentDiv p,
div#ContentDiv ul
{
	font-family: Arial;
	font-size: 16px;
	color: #666666;
}

/* note: a separate padding div is situated above this one,
("LinkDiv") and used to position this at bottom right. It is 
not easy (!) to float a div bottom right, so this is a fudge */
div#LinkDiv
{
	float: left;
	width: 400px;
	height: 50px;
	text-align: left;
}
div#LinkDiv a,
div#DocumentDiv a
{
	font-family: Arial;
	font-size: 16px; 
	color: #682115;
}
div#LinkDiv a:hover,
div#DocumentDiv a:hover
{
	color: Red;
}

div#FooterDiv
{
	padding-left: 5px;
	width: 995px;
	height: 20px;
	background-color: #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px; 
	text-align: left;
	vertical-align: text-top;
	padding-top: 5px;
}

/**********************************************************************************
* ALL OTHER CONTROLS INPUTS ETC IN THE PAGES THAT REQUIRE STYLES APPLYING TO THEM *
**********************************************************************************/

table#QuotationTable1,
table#QuotationTable2
{
	width: 500px;
	padding: 5px;
}
table#QuotationTable1 tr,
table#QuotationTable2 tr
{
	background-color: #EEEEEE;
}
table#QuotationTable1 tr td,
table#QuotationTable2 tr td
{
	text-align: left;
	vertical-align: top;
	font-family: Arial;
	color: #682115;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table#QuotationTable2 tr td
{
	font-size: 12px;
}
table#QuotationTable2 tr td.LargeText
{
	font-size: 16px;
}
table#QuotationTable1 tr td input.textbox,
table#QuotationTable2 tr td input.textbox
{
	width: 267px;
}

/* now try and make all inputs look pretty and the same size etc. */
select.Explorer6
{
	width: 274px;
}

select.Firefox
{
	width: 272px;
}
select.Explorer8,
select.Explorer7
{
	width: 271px;
}

textarea.Firefox
{
	
}
textarea.Explorer6
{
	width: 267px;
}
textarea.Explorer7,
textarea.Explorer8
{
	width: 265px;
}

div#FooterDiv img
{
	float: right;
	padding-right: 5px;
}

div#FooterDiv img.Firefox
{
	margin-top: -2px;	
}
div#FooterDiv img.Explorer6,
div#FooterDiv img.Explorer7,
div#FooterDiv img.Explorer8
{
	margin-top: -17px;
}