/* Colour Key 



Colour 1: #F2F2F2 (light grey)



Colour 2: #BD57A1 (purple)



Colour 3: #9B9B9D (mid grey)



Colour 4: #58595B (dark grey)



Colour 5: #ecb020 (orange)



*/



/* Browser Reset*/



body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote, button {

    margin: 0px;

    padding: 0px;

    border: 0px;

}



/* Any divs that include floated elements will need clearing. Add a class of clear to the div. */



.clear:after {

	content:  "";

	display: block;

	clear: both;

}



.clear {

	zoom: 1;

}



/* @group global styles */





body {

	font: 14px/18px Helvetica, Arial, sans-serif;

	color: #58595B;

text-align: center;

}



/*  a:link {

	color: #BD57A1;

	text-decoration: none;

}



a:hover {

	color: #ecb020;

	text-decoration: underline;

}



a:visited {

	color: #BD57A1;

	text-decoration: none;

} */



h1 {

	line-height: 24px;

	color: #BD57A1;

	font-size: 20px;

}



h2 {

	line-height: 24px;

	color: #58595B;

	font-size: 20px;

}



h3 {

	font-size: 16px;

	line-height: 24px;

	color: #BD57A1;

}



/* @end */



#container {

width: 960px;

	margin: 0 auto;

	background-color: #F2F2F2;

text-align: left;

}



/* @group home header */





#homeheader {

	width: 960px;

	height: 260px;

	background: url(../images/homebackgroundheader.png) repeat-x 640px top;

}



#homeheader img {

}



/*#homelogo {

	width: 260px;

	height: 180px;

	float: right;

	margin-right: 55px;

	position: relative;

	top: 0;

	margin-top: 0;

}*/



#navigation {

	text-decoration: none;

	float: right;

	margin-top: -40px;

	z-index: 4;

	position: relative;

}



#navigation ul {

	list-style-type: none;

	float: right;

	margin-right: 40px;

}



#navigation ul li {

	margin-right: 19px;

	font-size: 13px;

	display: inline;

	color: #231F20;

}



#homeheader a:link {

	color: #58595B;

	text-decoration: none;

}



#homeheader a:hover {

	color: #BD57A1;

	text-decoration: underline;

}



#homeheader a:visited {

	color: #58595B;

	text-decoration: underline;

}



/* @end */



/* @group form container */



#formcontainer {

	width: 250px;

	height: 215px;

	background: url(../images/quoteformbackground.png) no-repeat;

	float: right;

}



#formcontainer label {

	text-align: left;

	width: 45px;

	float:left;

	color: gray;

	font-size: 12px;

}



#formcontainer input{

	float:left;

	font-size:12px;

	padding: 2px;

	border: 1px solid #fff;

	width: 170px;

	height: 16px;

	margin-bottom: 5px;

}



#formcontainer button{

	margin-left: 50px;

	width: 80px;

	height: 22px;

	background: #CCCCCC;		text-align: center;

	color:#FFFFFF;

	font-size: 11px;

	font-weight:bold;

}



.myform {

	margin:0 auto;

	width: 230px;

	padding-top: 75px;

	padding-left: 10px;

	height: 140px;

}



/* @end */



.features {

	float: left;

margin: 30px 20px 0 0;

	padding: 0 0 30px 0;

	width: 250px;

}



.features img {

	margin-bottom: 20px;

}



.features h1 {

	margin-bottom: 5px;

}



.features p {

	margin-bottom: 5px;

}



#contactinfo {

	width: 250px;

	float: right;

clear: both;

	line-height: 18px;

margin-top: 30px;

}



.purpletext {

	color: #BD57A1;

}



/* @group home content */





#bodycontent {

	width: 840px;

	margin: 0 0 0 60px;

	background-color: #F2F2F2;

	padding-top: 50px;

text-align: left;

overflow: hidden;

}



#bodycontent a:link {

	color: #BD57A1;

	text-decoration: none;

}



#bodycontent a:hover {

	color: #BD57A1;

	text-decoration: underline;

}



#bodycontent a:visited {

	color: #58595B;

	text-decoration: underline;

}



#topcontent {

	width: 490px;

}



#topcontent p {

	margin-bottom: 10px;

}



#topcontent h1 {

	width: 450px;

	margin-bottom: 20px;

}



/* @end */



/* @group internal header */





#internalheader {

	width: 960px;

	height: 180px;

	background: url(../images/internalbackgroundheader.png) repeat-x 640px top;

}



#internallogo {

	width: 175px;

	height: 110px;

	margin-left: 60px;

}



#internalnavigation {

	text-decoration: none;

	float: right;

	margin-top: -40px;

}





#internalnavigation ul {

	list-style-type: none;

	float: right;

	margin-right: 35px;

}



#internalnavigation ul li {

	margin-right: 25px;

	font-size: 13px;

	display: inline;

	color: #231F20;

}



#internalnavigation a:link, a:visited {

	color: white;

	text-decoration: none;

}



#internalnavigation a:hover {

	color: #58595B;

	text-decoration: underline;

}



/* @end */



/* @group internal content */



#internalbodycontent {

	width: 840px;

	background-color: #F2F2F2;

	margin-left: 60px;

	padding-bottom: 1px;

text-align: left;

}



#internalbodycontent a:link {

	color: #BD57A1;

	text-decoration: none;

}



#internalbodycontent a:hover {

	color: #BD57A1;

	text-decoration: underline;

}



#internalbodycontent a:visited {

	color: #58595B;

	text-decoration: underline;

}



.internalcraneimage {

	width: 300px;

	height: 240px;

	float: right;

}



#aboutus {

	width: 535px;

	padding-top: 30px;

	padding-bottom: 20px;

}



#aboutus p {

		margin-bottom: 20px;

}





#aboutus h1 {

	margin-bottom: 20px;

}



#personnel {

	margin-bottom: 40px;

}



#personnel img {

	float: left;

	margin-right: 15px;

}



#personnel h1 {

	margin-bottom: 20px;

	margin-top: 40px;

}



#personnel h3 {

}



#personnel p {

	margin-bottom: 40px;

}



#CIAQ {

	margin-bottom: 30px;

}



#hireconditions h1 {

	margin-bottom: 20px;

	margin-top: 40px;

}



#hireconditions ul li {

	margin-top: 10px;

	float: left;

	list-style-type: none;

	margin-right: 35px;

}



#hireconditions img {

	float: left;

	margin-right: 20px;

	margin-bottom: 35px;

}



#services p{

	margin-top: 20px;

	margin-bottom: 20px;

}



#services ul{

	margin-left: 50px;

}



#services li{

	margin-top: 2px;

}



/* @end */



/* @group Our Fleet */



#cranelist {

	margin-bottom: 20px;

}



#cranelist ul {

	list-style-type: none;

	padding-bottom: 40px;

}



#cranelist h1 {

	margin-bottom: 20px;

	margin-top: 40px;

}



#cranelist h3 {

	line-height: 40px;

}



#cranelist ul.mainlist li {

	float: left;

	width: 175px;

	list-style-type: none;

	line-height: 50px;

}



#cranelist img{

	float: right;

	position: relative;

	right: 45px;

}



.cranecolumn {

	color: #BD57A1;

	text-align: left;

}





#gallery ul {

	list-style-type: none;

}



#gallery h3 {

	margin-bottom: 5px;

}



#gallery ul .thumbs li {

	float: left;

	padding-bottom: 15px;

	margin-right: 35px;

	margin-top: 15px;

	border-style: solid;

	border-color: gray;

}



/* @end */



/* @group contact page */



#rightCol {

float: right;

width: 250px;

}



#contactformcontainer {

	width: 250px;

	height: 215px;

	background: url(../images/quoteformbackground.png) no-repeat;

margin-bottom: 20px;

}



#contactformcontainer label {

	text-align: left;

	width:50px;

	float:left;

	color: gray;

	font-size: 12px;

}



#contactformcontainer input{

	float:left;

	font-size:12px;

	padding: 2px;

	border: 1px solid #fff;

	width: 170px;

	height: 16px;

	margin-bottom: 5px;

}



#contactformcontainer button{

	margin-left: 50px;

	width: 80px;

	height: 22px;

	background: #CCCCCC;		

text-align: center;

	color:#FFFFFF;

	font-size: 11px;

	font-weight:bold;

}



.myform {

	margin:0 auto;

	width:250px;

	padding-top: 75px;

	padding-left: 10px;

}



#contactinfopage {

	width: 250px;

	line-height: 18px;

margin-bottom: 30px;

}



/* @end */



/* @group footer */



#footer {

	width: 960px;

	font-size: 12px;

	color: white;

	margin: 0 auto;

	background-color: #BD57A1;

	height: 50px;

	padding-top: 20px;

}



#footer p {

	text-align: center;

}



.spacer {

	margin-right: 40px;

}



/* @end */