/* ------------------------------------------------------------------------------
			Lifting Equipment Technology Ltd
			http://
		
			Global Stylesheet
---------------------------------------------------------------------------------
				
			Version:								1.0
			Date last updated:						11/06/08
			Designed by:							Lifting Equipment Technology Ltd
			Deveolped By							Ryan Downie
			
												
	  		--------------------------------------------------------------------------
	  
	  					Table of Contents
		
			1.										Blocks
			2.										Navigation
			3.										Forms
			4.										Tables
			5.										Typeography
			6.										ClearFix code
		
		
			-----------------------------------------------------------------------
		
		                Base values for the site
						
			Element name:								Value:
			----------------------------------------------------------------------				 
			
		
			Font:										Font-name:
			------------------------------------------------------------------------
			
			--------------------------------------------------------------------------
		
			Notes to go here:
----------------------------------------------------------------------------------*/

/* ------------------- 1. =blocks --------------------*/
		
			* {
			margin:0;
			padding:0;
			}
			
			body {
			background:#FFF;}
			
			#wrapper {
			background:#959595;
			margin:0 auto; width:960px;
			border:1px solid black;}
			
			#masthead {
			background:#FFF;
			border-bottom:#464646;
			}
			
				#masthead h1 {
				background:url(images/header-bg.jpg) repeat-x center top;
				padding:30px 10px 30px 20px;
				width:838px;
				color:#cc0000;
				float:left;}
			
				#masthead img {
				float:right;
				}
				
			#content-wrapper {float:right; width:791px; padding:0 0 60px 0;}
			
			#content-main, #client #content-main {
			float:left; 
			background:url(images/content-main-bg.jpg) repeat;
			width:500px;
			padding:20px;
			margin:10px 0 10px;
			min-height:435px;
			border:1px solid black;}
			
				#inner #content-main {
				background:none;
				border:none;
				margin:0;
				padding:0 10px}
				
				#inner .content {
				background:url(images/content-main-bg.jpg) repeat;
				border:1px solid black;
				margin:10px 0;
				padding:20px;
				min-height:365px;
				}
				 
				/* Need to set the height of the boxs because of the images on the left hand side. */
				#inner #content-main .box1 {min-height:285px;}
				#inner #content-main .box2 {min-height:285px;}
				#inner #content-main .box3 {min-height:285px;}
				#inner #content-main .box4 {min-height:300px;}
				#inner #content-main .box5 {min-height:325px;}
				
			
				
				#inner .content .intro {
				font-style:italic;}
				
				#inner #content-main ul {
				padding:0 0px 0 20px;
				font-size:1.1em;
				font-weight:bold;
				}
				
				#inner #content-main li {
				padding:1em 0 0 1.2em;
				}
			
			#content-sub {
			float:right;
			width:230px;}
			
			#content-sub img {
			margin:10px 0;}
			
				#client #content-sub img {margin:50px 0 0px }
			
			#home #footer {
			margin:0 auto;
			width:960px;
			background:#ececec;
			border-top:2px solid black;
			border-bottom:2px solid black;
			text-align:center;
			border-left:1px solid black;
			border-right:1px solid black;
			}
			
			#home #footer p {
			margin:30px 0;
			font-size:1.6em;
			font-weight:bold;
			color:#cc0000;
			text-transform:uppercase;
			}
			
				#inner #footer, #client #footer {
				margin:0 auto;
				width:960px;
				background:#ececec;
				border-top:2px solid black;
				border-bottom:2px solid black;
				border-left:1px solid black;
				border-right:1px solid black;
				}
				
				#inner #footer p, #client #footer p {
				margin:10px 0;
				text-align:center;
				font-size:1.2em;
				color: #cc0000;
				}
		
			
		
		
/* ------------------- 2. =navigation --------------------*/

			#navigation-main {
			list-style:none;
			margin:35px 0 0 10px;}
			
			#navigation-main li {
			background:url(images/navigation-bg.jpg) no-repeat;
			line-height:2.0;
			padding:8px 0;
			margin:5px 0;
			
			}
			
			#navigation-main li a {
			font-size:1.1em;
			color:#FFF;
			text-decoration:none;
			padding:0 0 0 30px;
			display:block;
			}
			
				#navigation-main li a:hover {
				color:#000;
				}

			#navigation-main li#contact {margin:60px 0 0;}
/* ------------------- 3. =forms --------------------*/

			#contact_form {
			}
			
			#contact_form fieldset {
			border:none;
			}
			
			#contact_form label {
			width:180px; 
			float:left;
			color:#cc0000;
			}
			
			#contact_form label span {
			font-size:.8em;
			}
			
				#contact_form #verification_code {width:158px;}
			
			#contact_form #verification_img{
			margin:5px 180px;
			}
			
			#contact_form #clear {
			background:#cc0000;
			color:#FFFFFF;
			border:none;
			padding:5px;
			margin:0 0 0 180px;
			}
			
			#contact_form #submit {
			background:#cc0000;
			color:#FFFFFF;
			border:none;
			padding:5px;
			margin:0 46px;}
			

/* ------------------- 4. =tables --------------------*/

		/* --- There are No Tables in this design --- */

/* ------------------- 5. =typeography --------------------*/
			body {
			font-size:62.5%;
			font-family:Verdana, Arial, sans-serif;
			}
		
			#wrapper {font-size:1.3em;}
			
			#content-main p {
			padding:10px 0;
			color:#3e3e3e;}
			
			#home #content-main h2 {
			font-size:1.3em;
			font-weight:normal;
			color:#373737;}
			
			#content-main h2 {
			font-size:1.3em;
			font-weight:bold;}
			
			#home #content-main h2 span {
			font-weight:bold;
			}



/* ------------------- 6. =clearfix --------------------*/

			.clearfix:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
			}

			/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			/* End hide from IE-mac */
		
		
/* -----------------------------------------------------------------------------------------------------------------
			End Global Stylesheet			copyright 2008