body{font: 70%/1.7em Arial, Helvetica, sans-serif; color:#4e4e4e; background:url(../images/core/background.gif) 0 0 repeat-x #ffffff;}

p{margin:0 0 20px 1px;}
h1{margin:0 0 10px 0;}
h2{font-size:1.5em; margin:0 0 20px 0; color:#4f7aa2;}
h3{font-size:1.4em; margin:0 0 20px 0; color:#1491f7;}
h4{font-size:1.3em; margin:0 0 20px 0; color:#4e4e4e;}
h5{font-size:1.2em; margin:0 0 20px 0; color:#717171;}
hr{}

a {color:#1491f7; text-decoration:underline;  cursor:pointer;}
a:hover {color:#8a8a8a; text-decoration:none;}

img.img-right{float:right; margin:5px 0 5px 5px;}
img.img-left{float:left; margin:5px 5px 5px 0;}
.highlight{color:#3687cb;}

.print {display:none;}

#primary-content ul{list-style:circle;}
#primary-content ol{list-style:decimal;}
#primary-content ul, #primary-content ol{
	 list-style-position:inside; margin:0 0 20px 10px;}

#primary-content table{margin:0 0 20px 0; border:1px #e3e4e6 solid; width:500px;}
#primary-content table tr.seperator td{background-color:#e0effc;}
#primary-content table tr td {padding:2px 5px;}

ul#contact-details {margin:0 0 30px 0;}
ul#contact-details li {list-style:none; float:left; width:270px;border:1px #e3e4e6 solid;background-color:#e0effc;padding:10px; margin: 0 20px 0 0; height:100px;}


/*containers*/

/*header containers (inc Logo, Address)*/
#container{width:929px; margin:10px auto; position:relative;}
	h2#logo {margin:0;}
	h2#logo a{width:327px; height:145px; display:block; background:url(../images/core/logo.jpg) 0 0 no-repeat; margin:0; text-indent:-999em; overflow:hidden; position:absolute; top:29px; left:40px;}
	#header-container {height:174px; background:url(../images/core/nav-bg.gif) 0 55px no-repeat;}
	#cta-contact {display:block; height:70px; width:400px; float:right; text-align:right; overflow:hidden; font-size:1.25em;}
	#cta-contact .highlight{color:#3687cb; font-size:1.2em; font-weight:bold;}

/*Navigation Styles*/
#nav-container{width:900px;float:right;}
	#nav-container ul{float:right;  margin:0; padding:0;}	
	#nav-container ul li{float:left;}
	
	#nav-container ul a{height:66px; position:relative;}
	#nav-container ul a#nav-home{background:url(../images/core/nav/nav-home.gif) 0 0 no-repeat; width:62px; display:block; text-indent:-999em; overflow:hidden;}
	#nav-container ul a#nav-cranes{background:url(../images/core/nav/nav-cranes.gif) 0 0 no-repeat; width:81px; display:block; text-indent:-999em; overflow:hidden;}
	#nav-container ul a#nav-hoists{background:url(../images/core/nav/nav-hoists.gif) 0 0 no-repeat; width:77px; display:block; text-indent:-999em; overflow:hidden;}
	#nav-container ul a#nav-projects{background:url(../images/core/nav/nav-projects.gif) 0 0 no-repeat; width:101px; display:block; text-indent:-999em; overflow:hidden;}
	#nav-container ul a#nav-services{background:url(../images/core/nav/nav-services.gif) 0 0 no-repeat; width:91px; display:block; text-indent:-999em; overflow:hidden;}
	#nav-container ul a#nav-contact{background:url(../images/core/nav/nav-contact.gif) 0 0 no-repeat; width:91px; display:block; text-indent:-999em; overflow:hidden;}
	
	#nav-container ul li ul {position:absolute; background:#87c4fb; display: none; z-index:200; margin-left:1px;}
	#nav-container ul li.hover a{background-position:0 -66px!important;}
	#nav-container ul li.hover ul, ul#primary-navigation li.hover ul {display:block;}
	#nav-container ul li ul.hover {display: block;}
	#nav-container ul li ul a {padding:0; height:auto; display:block; color:#000000; text-decoration:none; padding:2px 5px; height:40px;}
	#nav-container ul li ul a:hover {color:#ffffff; background:#4f7aa2; display:block;}	
	#nav-container ul li ul li {border-top:1px solid #ccdfef; display:block; width:76px; float:none;}

	#nav-container ul a:hover#nav-home, #nav-container ul a:hover#nav-cranes,
	#nav-container ul a:hover#nav-hoists, #nav-container ul a:hover#nav-services,
	#nav-container ul a:hover#nav-projects, #nav-container ul a:hover#nav-contact{
		background-position:0 -66px!important;}
	
	body#home #nav-container ul a#nav-home,
	body#cranes #nav-container ul a#nav-cranes,
	body#hoists #nav-container ul a#nav-hoists,
	body#projects #nav-container ul a#nav-projects,
	body#services #nav-container ul a#nav-services,
	body#contact #nav-container ul a#nav-contact,
	body#thankyou #nav-container ul a#nav-contact
	 {background-position:0 -66px!important;}


/*CTA/Banner Containers*/
#cta-container{width:916px; height:308px; overflow:hidden; background:url(../images/core/banner-bg.png) 0 0 no-repeat; position:relative; margin-left:13px;}
	#cta-container ul { width:235px; font-size:0.9em; line-height:1.2em; margin-top:52px; color:#4d5b68; float:left;}
	#cta-container ul li {height:40px; margin: 0 0 56px 13px;}
	#cta-container ul a{color:#000000;}
	#cta-container ul a:hover{color:#4f7aa2;}
#banner{height:261px; width:629px; float:right; margin:0; position:absolute; right:24px; top:23px; overflow:hidden;}
	 
	
/*Content Containers*/
#content-container{width:916px; margin:49px 0 0 13px; border-bottom:#bfc0c1 solid 1px; padding-bottom:10px;}
#primary-content{width:650px; float:left; padding:0 20px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#secondary-content{width:233px; float:right; padding:0 0 28px 0;}
	#secondary-content ul li{height:90px; width:233px; display:block; margin:0 0 7px 0;}
	#secondary-content ul li#title-past{
		background:url(../images/core/past-projects.gif) 0 0 no-repeat;
		font-size:0.9em;
		line-height:1.5em;
		color:#4d5b68;
		padding:44px 0 0 12px;
		height:46px;
		width:221px;}
	
		
/*Footer Container*/
#footer{color:#8a8a8a; height:40px;}
#footer a{text-decoration:none;color:#8a8a8a;}
#footer a:hover{color:#1491f7;}
	#footer ul#footer-nav{display:inline; float:left; margin:10px 0 0 16px;}
	#footer ul#footer-nav li{float:left; font-size:0.8em; margin-right:5px;}
	#footer #wf-logo{float:right; height:21px; width:73px; margin:6px 6px 0 0;}
	
.image {
margin:20px;
}