/**************************************************
	LANDMARK HAULAGE LTD
	Author: Aaron Cosgove
			http://www.aaroncosgrove.co.uk
	Date: Jan 2010
	
	Colours:
		Green: #248238 
		Darkest Blue: #0A0736
		Darker Blue: #0E2163
		Light Blue: #0F338B
		Grey: #666
	
**************************************************/

/**************************************************
	RESET
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	margin:0;
	padding:0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

/**************************************************
	CLEARFIX
**************************************************/

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/**************************************************
	GENERAL
**************************************************/

html, body {
	overflow-x: hidden;
}

body {
	font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #666;
	background: #FFFFFF url('../images/body-bg.gif') repeat-x;
	padding-top: 4px;
}

h1, h2, h3, h4 {
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #0E2163;
}

h1 { font-size: 36px; margin-bottom: 30px; }
h2 { font-size: 29px; color:#0E2163; margin-bottom: 10px; font-weight:bold; text-shadow: 1.5px 1.5px 1px #99BFAC; }
h3 { font-size: 18px; }
h4 { font-size: 14px; border-bottom:#0E2163 2px dotted; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
	padding:7px 0 2px 0; text-transform:uppercase; margin-bottom:5px;	
}


p { line-height: 18px; margin-bottom: 10px; }
a { text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
a:hover, a:active { outline:none; } 

img { border:1px solid #0A0736; }
/*--- img { border: 1px solid #0A0736; background:#319C4A; margin: 5px; padding:9px; }---*/

.center-img { display: block; margin: 0 auto; }
	
.bolder { color:#248238; font-size:16px; font-family:"Georgia"; font-style:italic; font-weight:bold;}
.quotetation{ text-align:center; color:#248238; font-size:18px; font-family:"Georgia"; font-style:italic; font-weight:bold; line-height: 30px;}
.phonenumber{color:#0E2163; font-size:28px;}
.quotes {color:#0E2163; font-size:28px;}

.right{ text-align: right; }
.left{ text-align: left; }
.center { text-align: center; }


.green{ color:#248238; }
.footer .green a { color:#248238; }
.blue{ color:#0A0736; }

/**************************************************
	HEADER
**************************************************/

.header {
	padding: 0px 0px 30px 0px;
	background: url('../images/content-bg.gif') center bottom no-repeat;
	position: relative;
}

/**************************************************
	LOGO
**************************************************/
	
.header h1,
.header h1 a {
	width: 427px;
	height: 185px;
}

.header h1 {
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
}
	
.header h1 a {
	background: url('../images/landmark-logo.png') no-repeat;
	display: block;
}
		
.header h1 a span {
	display: none;
}

/**************************************************
	NAVIGATION
**************************************************/

.nav {
	padding-right: 10px;
	text-transform: uppercase;
	background: transparent url('../images/nav-right-bg.png') right no-repeat;
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 1000;
}
	
.nav ul {
	padding-left: 10px;
	background:transparent url('../images/nav-left-bg.png') left no-repeat;	
	float: left;
	position: relative;
}
		
.nav ul li {
	background:transparent url('../images/nav-bg.png') repeat-x;	
	float: left;
	position: relative;
}
			
.nav ul li:hover ul ul,
.nav ul li:hover ul ul ul,
.nav ul li:hover ul ul ul ul{
	display:none;
}
			
.nav ul li:hover ul,
.nav ul li li:hover ul,
.nav ul li li li:hover ul,
.nav ul li li li li:hover ul{
	display:block;
}
		
.nav ul li a {
	padding: 0px 10px;
	font-size: 11px;
	line-height: 40px;
	color: #FFFFFF;
	display: block;
}
			
.nav ul li a:hover {
	text-decoration: underline;
}
			
.nav ul li ul {
	width: 160px;
	background: none;
	position:absolute;
	top: 40px;
	left: -10px;
	display: none;
}
			
.nav ul li ul li {
	background: #303030;
}
					
.nav ul li ul li a{
	width: 160px;
	height:auto;
	float:left;
	border-top: 1px solid #888888;
}
					
.nav ul li ul li ul {
	top: 0px;
	left: -190px;
}
					
/**************************************************
	CONTENT
**************************************************/

.container {
	width: 980px;
	margin:auto;
	height:100%;
	position:relative;
}

.stripes{
	width: 880px;
	height:100%;
	background: transparent url('../images/stripes.gif') repeat-y;
	padding: 0 0 0 70px;		
}

.content {
	padding-top: 20px;
	margin-left:10px;
}

.page{
margin-top:20px;
overflow:hidden;
}

.left-big{
max-width:550px;
width:550px;
height:auto;
float:left;
}

.right-big{
max-width:570px;
width:570px;
height:auto;
float:right;
}


/**************************************************
	MAIN
**************************************************/

body.main .header {
	width: 980px;
	background: none;
	position: absolute;
	z-index: 1000;
}

body.main .content {
	padding-top: 356px;
	background: url('../images/content-bg.gif') center 356px no-repeat;
	position: relative;

}

.slider {
	width: 1700px;
	height: 350px;
	position: absolute;
	top: 0px;
	left: -470px;
	border-bottom: 5px solid #248238;
	background:#fff;

}

.slider ul li {
	width: 1700px;
	height: 350px;
	text-align: center;
	overflow: hidden;
	display: none;
}

.slider img { border:none;}




/**************************************************
	SIDEBARS
**************************************************/

.right-small{
max-width:250px;
width:250px;
margin-right:5px;
height:auto;
float:right;
background: #248238 url('../images/side-bg.gif') no-repeat;
padding: 5px 10px 0 10px;
border-top:3px solid #0F338B;
border-bottom:3px solid #0F338B;
min-height:200px;
}


.left-small{
max-width:250px;
width:250px;
margin-left:5px;
height:auto;
float:left;
background: #248238 url('../images/side-bg.gif') no-repeat;
padding: 5px 10px 0 10px;
border-top:3px solid #0F338B;
border-bottom:3px solid #0F338B;
min-height:200px;
}

.right-small ul, .left-small ul { list-style:square; padding: 0 0 10px 25px; color:#fff;}
.right-small li, .left-small li { padding: 2px 0; } 
.right-small a, .left-small a {color:#fff;}
.right-small a:hover, .left-small a:hover { text-decoration: underline; }

ul.contact_details{ list-style:none; font-size:13px; font-family:Verdana, Arial,sans-serif; }

#map_canvas{width: 570px; height: 400px; border: 2px solid #0E2163;}

/**************************************************
	SLIDER
**************************************************/
.slider-wrap {
position: relative;
width:100%;
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: none;
	width: 875px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 875px;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
position: relative;
width: 875px; /* Also specified in  .stripViewer  above */
	}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
		}

.stripNav{
	display:none;
}

.stripNavL, .stripNavR {
display:none;
}

.csw {width: 100%; height: 50px; overflow:hidden;}
.csw .loading {padding-top: 20px; text-align: center;}

/**************************************************
	FOOTER
**************************************************/

.footer {
	padding: 0px 0px 5px 285px;
	margin-left:10px;
	background: url('../images/footer-landmark-logo.gif') 5px 5px no-repeat;
	margin-top:20px;
}

.footer p {
	margin-bottom: 0px;
}

.footer a{color:#0E2163;}

ul.footer-links { margin: -15px 0 0 -290px; font-size:10px;}
ul.footer-links li { display:inline;}