@charset "utf-8";
/* CSS Document */

/* lowryders.css
------------------------------------------------------------------------------

Author:							Max K-Thompson
E-mail:							max@plugandplaydesign.co.uk
Company:						Plug and Play Southampton
Date:							22/04/2010

Version:						1

Designed for:					FireFox 2+
								Safari 3+
								IE 7+
								Opera 9+
								Chrome
					
Consideration for:				IE 6
								Netscape
								IE Mac
							
CSS 2.1 Validated:				w3.org/TR/CSS21/jigsaw/w3/org/css-validator/			

CSS file:						Main Style Sheet

------------------------------------------------------------------------------*/
/* =RESET
------------------------------------------------------------------------------*/
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, button, form, fieldset{
	margin:						0px;
	padding:					0px;
	line-height:				2em;
}

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
img{
	border:						none;
}
a img {
	border:						none;
}
.clearboth{
	clear:						both;
	padding:					10px 0 0 0;
}
.clearfix {
	min-height:					1%;
}
.clearfix:after {
  	content:					'.';
 	display:					block;
  	clear:						both;
 	height:						0;
  	visibility:					hidden;
}
.floatLeft{
	float:						left;
}
.imgFloatRight{
	float:						right;
	margin:						0px 0px 10px 10px;
}
/* =BODY
------------------------------------------------------------------------------*/
body{
	font-size:					62.5%;
	background:					url(../images/body-background-strip-top-repeat.gif) left top repeat-x;
	font-family:				Arial, Helvetica, sans-serif;
}
/* =LINK BEHAVIOUR
------------------------------------------------------------------------------*/
a{
	outline-style:				none;
	outline-width:				0px;
	text-decoration:			none;
	color:						#98c047;
}
a:hover {
	text-decoration:			underline;
}
/* =LIST BEHAVIOUR
------------------------------------------------------------------------------*/
ul{
	list-style:					none;
}
.list{
	list-style:					disc;
	margin:						5px 0px 5px 20px;
}
/* =TABLE BEHAVIOUR
------------------------------------------------------------------------------*/
table tr td{
	padding-right:				10px;
}
/* =HEADINGS
------------------------------------------------------------------------------*/
h1{
	margin-bottom:				10px;
	font-size:					2.5em;
	color:						#78b52a;
}

h2{
	margin-bottom:				10px;
	font-size:					2.5em;
	color:						#78b52a;
}
h4{
	margin-bottom:				10px;
	font-size:					2.5em;
	color:						#78b52a;
}
.caseStudy h4{
	margin-bottom:				10px;
	font-size:					2em;
	color:						#78b52a;
}
.news h5 a{
	text-transform:				uppercase;
	font-size:					1.6em;
	color:						#98c047;
}
* html .news h5 a{  /* IE6 */
	font-size:					1em;
}
/* =TEXT LINKS
------------------------------------------------------------------------------*/
.twoCols p, .twoCols ul li{
	margin:						0px 0px 10px 0px;
	font-size:					1.2em;
	color:						#696969;
}
.twoCols ul li{
	margin:						0px 0px 35px 0px;
}
.twoCols ul li span.testName{
	color:						#78B52A;
	line-height: 				1.3em;
}
.twoCols ul li span.testName strong{
	color:						#696969;
}
.twoCols ul li a{
	color:						#98c047;
}
.twoCols blockquote{
	margin:						0px 0px 10px 0px;
	font-size:					1.2em;
	font-weight:				bold;
	color:						#696969;
}
.twoCols cite{
	margin:						0px 0px 10px 0px;
	font-size:					1.2em;
	color:						#696969;
}
/* =SKIN
------------------------------------------------------------------------------*/
.skin{
	width:						100%;
	background:					url(../images/footer-background-strip-repeat.gif) bottom left repeat-x;
}
/* =WRAPPER
------------------------------------------------------------------------------*/
.wrapper{
	width:						996px;
	margin:						0px auto 0px auto;
}
/* =LAYOUT
------------------------------------------------------------------------------*/
.twoCols{
	width:						100%;
}
.twoCols .left{
	float:						left;
	width:						600px;
	padding:					30px 0px 0px 0px;
}
.twoCols .right{
	float:						right;
	width:						300px;
}
.innerTwoCols .innerLeft{
	float:						left;
	width:						180px;
}
.innerTwoCols .innerRight{
	float:						right;
	width:						420px;
}
.innerTwoCols{
	width:						600px;
}
.innerTwoCols li{
	clear:						both;
	width:						600px;
}
.innerTwoCols .innerLeft img{
	margin-bottom:				30px;
}
/* =HEADER
------------------------------------------------------------------------------*/
.header{
	height:						140px;
	padding-top:				17px;
	background:					url(../images/cog-top.jpg) center top no-repeat;
}
.contactDetails{
	float:						right;
	width:						300px;
	height:						70px;
	font-size:					1.3em;
	font-weight:				bold;
}
.contactDetails p{
	color:						#6a8532;
	line-height:				0.5em;
}
.contactDetails p .callNow{
	font-size:					2.2em;
}
.contactDetails p .callNow .phoneNumber{
	color:						#000;
}
.contactDetails p a{
	color:						#ff8a00;
}
/* =LOGO
------------------------------------------------------------------------------*/
.logo{
	float:						left;
	width:						464px;
	height:						77px;
	background:					url(../images/logo.jpg) top left no-repeat;
	text-indent:				-5000px;
}

/* =MENU *SLIDING DOORS -- PETER'S NAV
------------------------------------------------------------------------------*/
.menu{
	z-index:					200;
	clear:						both;
	position:					relative;
	width:						100%;
	padding-top:				13px;
	list-style:					none;
}
.menu li{
	float:						left;
	position:					relative;
	display:					inline; /* IE6 */
	margin-right:				20px;
}
.menu li a{
	float:						left;
	display:					block;
	z-index:					300;
	height:						27px;
	padding:					10px 5px 0px 5px;
	font-size:					1.5em;
	font-weight:				bold;
	color:						#FFF;
	text-decoration:			none;
	text-transform:				uppercase;
}
.menu .selected,
.menu li.hovered,
.menu li:hover,
.menu li.over,
.menu li a:hover,
.menu li a.over{
	color:						#78b52a;
	background:					url(../images/menu-tab-left.gif) top left no-repeat;
}
.menu li a:hover,
.menu .selected a,
.menu li a.over,
.menu li a:active{
	color:						#78b52a;
	text-decoration:			none;
	background:					url(../images/menu-tab-right.gif) top right no-repeat;
}
.tabHoverLeft{
	color:						#78b52a;
	background:					url(../images/menu-tab-left.gif) top left no-repeat;
}
.tabHoverRight,
a.tabHoverRight,
.tabHoverRight a{
	color:						#78b52a;
	background:					url(../images/menu-tab-right.gif) top right no-repeat;
}
/* DROPDOWN */
.dropdown .drop .sub,
.dropdown .drop .sub li,
.dropdown .drop .sub li:hover,
.dropdown .drop .sub li.over,
.dropdown .drop .sub li a,
.dropdown .drop .sub a:hover,
.dropdown .drop .sub a.over{
	background:					none;
}
.dropdown .drop .sub{
	visibility:					hidden;
	z-index:					500;
	position: 					absolute;
	top: 						100%;
	left: 						0;
}
.dropdown .drop .sub li{ 
	float: 						none;
	display:					block;
	height:						38px;
	width:						100%;
	background: 				#f9f9f9;
}
*html .dropdown .drop .sub li,
*.dropdown .drop .sub li a{ 
	width:						150px;
}
.dropdown .drop .sub li a{
	float:						none;
	display: 					block;
	color:						#747474;
	background: 				#f9f9f9;		
	border-bottom: 				1px solid #ccc; 
}
.dropdown .drop .sub li a:hover{
	color:						#78b52a;
	background: 				#f9f9f9;
}
.dropVisible,
.dropdown li:hover > .sub{
	visibility: 				visible;
}
/* =BANNER jCAROUSEL
------------------------------------------------------------------------------*/
.banner{
	margin:						0px auto 0px auto;
}
.banner img{
	width:						984px;
	height:						311px;
}
.jcarousel-skin .jcarousel-container{
    -moz-border-radius: 		5px;
	background:					url("../images/banner/banner-background.gif") left top no-repeat;
	margin:						0px auto 0px auto;
	background-position:		-3px 22px;
}
.jcarousel-skin .jcarousel-container-horizontal{
    width: 						984px;
    padding: 					5px 5px;
}
.jcarousel-skin .jcarousel-container-vertical{
    width: 						984px;
    height: 					311px;
    padding: 					5px 5px;
}
.jcarousel-skin .jcarousel-clip-horizontal{
    width: 						984px;
    height: 					311px;
}
.jcarousel-skin .jcarousel-clip-vertical{
    width: 						984px;
    height: 					311px;
}
.jcarousel-skin .jcarousel-item{
    width: 						984px;
    height: 					311px;
}
.jcarousel-skin .jcarousel-item-horizontal{
    margin-right: 				5px;
}
.jcarousel-skin .jcarousel-item-vertical{
    margin-bottom: 				5px;
}
.jcarousel-skin .jcarousel-item-placeholder{
    background: 				#fff;
    color: 						#000;
}
/*  Horizontal Buttons */
.jcarousel-skin .jcarousel-next-horizontal{
    position: 					absolute;
    top: 						120px;
    right: 						5px;
    width: 						52px;
    height: 					52px;
    cursor: 					pointer;
    background: 				transparent url("../images/banner/right-arrows.jpg") no-repeat 0 0;
}
.jcarousel-skin .jcarousel-next-horizontal:hover{
    background-position: 		-52px 0;
}
.jcarousel-skin .jcarousel-next-horizontal:active{
    background-position: 		-52px 0;
}
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active{
    cursor: 					default;
    background-position: 		-104px 0;
}
.jcarousel-skin .jcarousel-prev-horizontal {
    position: 					absolute;
    top: 						120px;
    left: 						5px;
    width: 						52px;
    height: 					52px;
    cursor: 					pointer;
    background: 				transparent url("../images/banner/left-arrows.jpg") no-repeat 0 0;
}
.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: 		-52px 0;
}
.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: 		-52px 0;
}
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active{
    cursor: 					default;
    background-position: 		-104px 0;
}
/* =ENQUIRY FORM
------------------------------------------------------------------------------*/
.enquiry{
	padding:					10px 0px 10px 10px;
	margin-bottom:				40px;
	border:						1px solid #e6e6e6;
}
.enquiry li{
	padding-bottom:				10px;
}
.enquiry label, .contactForm label{
	float:						left;
	display:					block;
	width:						80px;
	font-size:					1.2em;
	color:						#696969;
}
.enquiry input{
	width:						150px;
	border:						1px solid #98c048;
}
.enquiry textarea{
	width:						150px;
	border:						1px solid #98c048;
}
.enquiry button{
	float:						right;
	margin:						0px 55px 0px 0px;
	padding:					5px 10px 5px 10px;
	border:						0px;
	background:					#98c048;
	text-transform:				uppercase;
	font-weight:				bold;
	color:						#FFF;
}
.notification_error
{
border: 						1px solid #A25965;
height: 						auto;
width: 							90%;
padding: 						4px;
background: 					#F8F0F1;
text-align: 					left;
-moz-border-radius: 			5px;
}
.notification_ok
{
border: 						1px #567397 solid;
height: 						auto;
width: 							90%;
padding: 						8px;
background: 					#f5f9fd;
text-align: 					center;
-moz-border-radius: 			5px;
}
#note{
	font-weight:				bold;
	color:						#033;
}
/* =NEWS FEED
------------------------------------------------------------------------------*/
.news .newsFeed{
}
.news .newsFeed .newsItem{
	width:						100%;
	height:						90px;
}
.news .newsFeed .newsItem p{
	display:					block;
}
.news .newsFeed .newsItem a{
	font-weight:				bold;
	color:						#78b52a;
}
.news .newsFeed .newsItem .date{
	float:						left;
	width:						60px;
	color:						#78b52a;
}
.news .newsFeed .newsItem .date .day{
	font-size:					2.6em;
	line-height:				1em;
}
.news .newsFeed .newsItem .date .month{
	font-size:					1.4em;
	line-height:				1em;
}
.news .newsFeed .newsItem .headline{
	float:						right;
	width:						240px;
}
.news .newsFeed .newsItem .story{
	clear:						right;
	float:						right;
	width:						240px;
}
.news h5{
	margin:						0px 0px 0px 200px;
}
/* =FULL NEWS PAGE
------------------------------------------------------------------------------*/
.fullNews .newsFeed .newsItem{
	width:						100%;
	height:						140px;
	padding:					5px 0px 10px 0px;
	border-bottom:				1px solid #D3D3D3;
	overflow:					visible;
}
.fullNews .newsFeed .newsItem p{
	display:					block;
}
.fullNews .newsFeed .newsItem a{
	font-weight:				bold;
	color:						#78b52a;
}
.fullNews .newsFeed .newsItem .date{
	float:						left;
	width:						60px;
	color:						#78b52a;
}
.fullNews .newsFeed .newsItem .date .day{
	font-size:					2.6em;
	line-height:				1em;
}
.fullNews .newsFeed .newsItem .date .month{
	font-size:					1.4em;
	line-height:				1em;
}
.fullNews .newsFeed .newsItem .headline{
	float:						right;
	width:						500px;
}
.fullNews .newsFeed .newsItem .story{
	clear:						right;
	float:						right;
	width:						500px;
}
/* =GALLERY LIGHTBOX
------------------------------------------------------------------------------*/
#gallery{
	width:						650px;
}
#gallery li{
	float:						left;
	padding:					5px;
}
#gallery li a{
	display:					block;
	width:						100px;
	height:						100px;
	padding:					10px;
}
#gallery li a:hover,
#gallery li a.over{
	background:					#78b52a;
}
#gallery li a img{
/*	width:						100px; */
	height:						100px;
}
/* =TESTIMONIALS
------------------------------------------------------------------------------*/
.testimonial{
	clear:						right;
	float:						right;
	width:						220px;
	padding:					0px 25px 0px 0px;
	margin:						15px 0px 0px 0px;
	background:					url(../images/left-quote.gif) left top no-repeat;
}
.testimonial blockquote{
	display:					block;
	color:						#ff8200;
	background:					url(../images/right-quote.gif) right bottom no-repeat;
	padding:					22px 5px 22px 5px;
	font-size:					2em;
	line-height:				1.5em;
}
.testimonial cite{
	color:						#ff8200;
}

/* =SERVICES
------------------------------------------------------------------------------*/

/* =CASE STUDY
------------------------------------------------------------------------------*/
.caseStudy{
}
.caseStudy .caseStudyBody{
	float:						left;
	width:						340px;
	padding:					0px 10px 0px 0px;
}
.caseStudy .caseStudyGallery{
	float:						right;
	width:						245px;
}
.caseStudy .caseStudyGallery img{
	float:						left;
	display:					inline;
	border:						2px solid #e6e6e6;
	width:						70px;
	height:						70px;
	margin:						7px 7px 7px 0px;
}
.caseStudy .caseStudyGallery .largeImage img{
	width:						230px;
	border:						2px solid #e6e6e6;
	height:						auto;
	margin:						0;
}
/* =VIDEO PROMO
------------------------------------------------------------------------------*/
.videoPromo{
	float:						right;
	width:						325px;
	height:						244px;
	padding-left:				5px;
}
/* =FOOTER
------------------------------------------------------------------------------*/
.footer{
	clear:						both;
	height:						34px;
	padding:					80px 0px 0px 0px;
	background:					url("../images/footer-background-strip-repeat.gif") left top repeat-x;
	font-size:					1.2em;
}
* html .footer{  /* IE6 */
	position:					relative;
	top:						6px;
}
.designer{
	float:						right;
	display:					block;
	display:					inline;  /* IE6 */
	width:						200px;
	text-align:					right;
}
.designer,
.designer a{
	text-transform:				uppercase;
	text-decoration:			underline;
	font-weight:				bold;
	color:						#e7e7e7;
}
.menuFooter{
	float:						left;
	display:					inline;
	height:						40px;
}
.menuFooter li{
	float:						left;
	display:					inline; /* IE6 */
	height:						40px;
	margin-right:				10px;
}
.menuFooter li a{
	float:						left;
	display:					block;
	height:						40px;
	text-transform:				uppercase;
	text-decoration:			none;
	font-weight:				bold;
	color:						#e7e7e7;
}
.menuFooter li a:hover,
.menuFooter .selected a{
	text-decoration:			underline;
}