/* REEVES Contracting */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	text-align: justify;
	line-height: 22px;
	color: #000000;
	background-color: #890203;
	background-image: url(../images/wallpaper/reeves-wallpaper-01.jpg);
	background-repeat: repeat-x;
}

/* ------------------ INDEX ---------------- */

#header {
	width: 730px;
	height: 30px;
	padding-top: 30px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #ffffff;
}

/* ------------------ SUB ---------------- */

#headline {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0 auto;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	background-color: #ffffff;
}

#greyline {
	width: 620px;
	height: 10px;
	background-color: #658ba2;
}

#image1 {
	width: 620px;
	padding-top: 10px;	
}

#subline {
	float: left;
	width: 580px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	color:#ffffff;
	background-color: #658ba2;
}

#spacer {
	height: 10px;
}

#text {
	width: 620px;
	padding-top: 15px;
	padding-bottom: 40px;
	margin: 0 auto;
	background-color: #ffffff;
}
#video {
	width: 620px;
	padding-top: 15px;
	padding-bottom: 60px;
	margin: 0 auto;
	background-color: #ffffff;
}
#video h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #890203;
	padding-bottom: 10px;
}

#textpad {
	padding-left: 20px;
	padding-right: 20px;
}

#text .h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #890203;
}

#text .h2 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #890203;
}

#text .h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	color: #658ba2;
}

#text .h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

#text .contact {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding-left: 20px;
	color: #ffffff;
}

/* ------------------ CHARTS---------------- */

#chart {
	color: #333333;
}

/* ------------------ NEWS ---------------- */

#newschart {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
}

/* ------------------ BIOS ---------------- */

#biopic {
	display: block;
	float: left;
	padding-right: 20px;
	padding-bottom: 16px;
	text-align: left;
}

/* ------------------ EQUIPMENT ---------------- */

#equipment {
	width: 280px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #658ba2;
	color: #ffffff;	
}

#equipscroll {
	height: 400px;
	overflow: auto;	
}

/* ------------------ PROJECTS ---------------- */

#project {
	width: 200px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color: #658ba2;
	color: #ffffff;	
}

#projectscroll {
	height: 400px;
	overflow: auto;	
}

/* ------------------ SIGNATURE ---------------- */

#text .signature {
	width: 620px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: center;
}

#signature {
	width: 280px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color: #658ba2;
	color: #ffffff;	
}

#projectvalue {
	width: 320px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color: #890203;
	color: #ffffff;	
}

/* ------------------ FONTS ---------------- */

#imageLEFT {
	float: left;
	width: 260px;
	padding: 0 20px 15px 0;	
}

#imageRIGHT {
	float: right;
	width: 260px;
	padding: 0 0 15px 20px;	
}


/* ------------------ FONTS ---------------- */

#h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
}

#h3 {
	padding-top: 6px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10.5px;
	text-align: right;
	color: #111111;
}

#h4 {
	padding-bottom: 6px;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #555555;
}

#h5 {
	padding-bottom: 6px;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	background-color: #658ba2;
	padding: 10px 15px;
}

/* ------------------ LINK COLOURS ---------------- */

a:link {color: #666666;text-decoration: none;}
a:visited {color: #888888;text-decoration: none;}
a:active {color: #0099ff;text-decoration: none;}
a:hover {color: #890203;text-decoration: none;}

a.white:link {color: #ffffff; font-size: 12px; font-weight:normal; text-decoration: none;}
a.white:visited {color: #999999; font-size: 12px;font-weight:normal; text-decoration: none;}
a.white:active {color: #ffffff; font-size: 12px; font-weight:normal; text-decoration: none;}
a.white:hover {color: #739db2; font-size: 12px; font-weight:normal; text-decoration: none;}

a.white2:link {color: #ffffff; font-size: 11px; font-weight:normal; text-decoration: none;}
a.white2:visited {color: #999999; font-size: 11px; font-weight:normal; text-decoration: none;}
a.white2:active {color: #ffffff; font-size: 11px; font-weight:normal; text-decoration: none;}
a.white2:hover {color: #739db2; font-size: 11px; font-weight:normal; text-decoration: none;}

a.grey:link {color: #658ba2; font-weight:bold; text-decoration: none;}
a.grey:visited {color: #999999; font-weight:bold; text-decoration: none;}
a.grey:active {color: #ffffff; font-weight:bold; text-decoration: none;}
a.grey:hover {color: #739db2; font-weight:bold; text-decoration: none;}

a.red:link {color: #890203; font-weight:bold; text-decoration: underline;}
a.red:visited {color: #890203; font-weight:bold; text-decoration: underline;}
a.red:active {color: #890203; font-weight:bold; text-decoration: underlinee;}
a.red:hover {color: #ff0000; font-weight:bold; text-decoration: underline;}

a.black:link {color: #658ba2; font-weight:normal; text-decoration: underline;}
a.black:visited {color: #658ba2; font-weight:normal; text-decoration: underline;}
a.black:active {color: #658ba2; font-weight:normal; text-decoration: underline;}
a.black:hover {color: #ffffff; font-weight:normal; text-decoration: none;}

/* ------------------ MENU ---------------- */

<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:166px;
		background-color:#9D1215;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:6px 40px 6px 8px;
		margin:-1px 0px 0px 0px;
		color:#FFFFFF;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		text-align:left;
		border-width:1px;
		border-style:solid;
		border-color:#9D1215;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px 0px 0px -1px;
		background-color:#648BA2;
		border-width:1px;
		border-style:solid;
		border-color:#9D1215;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		color:#FFFFFF;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#FFFFFF;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#BFBFBF;
	}


	/*"""""""" Content Box Links""""""""*/	
	#qm0 .qmcbox a	
	{	
		background-color:#222222;
	}


	/*"""""""" Content Box Links [hover]""""""""*/	
	#qm0 .qmcbox a:hover	
	{	
		background-color:#222222;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#222222;
	}


	/*"""""""" Main Hover Fill Items [Parent]""""""""*/	
	#qm0 .qmhoverfill.qmhparent	
	{	
		background-color:#222222;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#222222;
		border-width:1px;
		border-style:solid;
		border-color:#555555;
	}


	/*"""""""" Sub Hover Fill Items [Parent]""""""""*/	
	#qm0 div .qmhoverfill.qmhparent	
	{	
		background-color:#222222;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-color:#222222;
		background-image:url(qmimages/cssalt1_arrow_right_hover.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li .qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_right.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}


</style>
