fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}

/*
-----------------------------------------------
Rockingham.co.uk 2008
Author:   Magma Creative
Version:  1 php beta
----------------------------------------------- */

/* ---- UNIVERSAL <<<-----------*/

* {
	padding: 0;
	margin: 0;
	text-align: left;
} /* reset whitespace */

img {border: none;} /*Default all images borders set to none*/

.hide {display: none;}

.lst {padding-bottom: 25px;}

a:link, a:visited, a:active {color: #5089b1; text-decoration: none;}
a:hover {color: #c21e9e; text-decoration: none;}

.availability {color: #fff;}


/* ---- HEADER <<<-----------*/

#search { 
	float: right;
	padding-top:32px;
	min-height: 22px;
	color: #fff;
	font-weight: bold;
	width: 349px;
	text-align:right;
	}                                                           
						
/* -----------------------------------*/
/*  PAGE STRUCTURE <<<-------*/
/* -----------------------------------*/

#container {
	width: 960px;
	color: #01285C;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#contentcontainer {
	width: 538px;
	color: #01285C;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 12px;
	padding-right: 10px;
	}
	
.fpbox {
	width: 360px;
	color: #01285C;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-right: 16px;
	}
	
.fpboxtop {
	width: 350px;
	background:url(../images/homepage/Square_top.gif);
	height: 23px;
	color:#FFF;
	padding-left: 10px;
    line-height: 23px;
	font-family:helvetica;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1.1px;
}

.fpboxcontent {
	width: 350px;
	height: 195px;
	color:#960;
}

.fpboxbot {
	width: 350px;
	background:url(../images/homepage/square_bottom.gif);
	height: 46px;
	color:#FFF;
	padding-left: 10px;
	line-height: 46px;
}
	
#sidebar {
	width: 200px;
	margin: 0 auto;
	color: #01285C;
	float:right;
	line-height: 12px;
	}
	
#menu {
	width: 200px;
	margin: 0 auto;
	color: #01285C;
	float:left;
	line-height: 12px;
	}
	
#textheader {
	width: 948px;
	font-family: helvetica;
	font-size: 36px;
	font-weight: bolder;
	color: #01285C;
	letter-spacing: -0.1em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
	height: 50px;
	line-height: 40px;
	padding-left: 12px;
	}
	
#navwide {
	width: 100%;
	height:20px;
	background-image:url(../images/layout_components/navbg.png);
	background-color: #E4E4E6;
	}	

#navcontainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height:30px;
	vertical-align: middle;
	}
	
#headercontainer {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background:#01285C;
	height: 86px;
	}
	
#footercontainer {
	text-align: center;
	width: 100%;
	background:#01285C;
	height: 20px;
	float: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#containerContent {
	background: #fff url(/images/mainBg.jpg) bottom left no-repeat;
	float: left;
	overflow: hidden;
	}

#nav {
	background-color: #000;
	float: left;
	width: 960px;
	}	
		
#header {
	margin: 0 auto;
	height: 86px;
	width: 960px;
	overflow: hidden;
	background-image:url(../images/rockheader.gif);
	}

#footer {
	margin: 0 auto;
	height: 20px;
	width: 960px;
	overflow: hidden;
	}

#leftcolumn { 
	padding: 10px;
	width: 169px;
	float: left;
	}

#rightcolumn { 
	min-height: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-bottom: 50px;
	float: right;
	margin-right: 30px;
	width: 741px;
	display: inline;
	overflow: hidden;
	}
		


/* Footer information */
#footer_info {
	width: 950px;
	margin: 0 auto;
	background: #384140 url(../images/mt.gif) 820px 15px no-repeat;
	text-align: left;
	padding: 15px 0 0 10px;
	min-height: 50px;
	position: relative;
	overflow: hidden;
	}
		
	#footer_info ul {font-size: 85%; overflow: hidden; clear: both;}
	
		#footer_info li {display: inline;}

			#footer_info li a {
				color: #b9d0e0;
				text-decoration: none;
				float: left;
				line-height: 1em;
				padding: 0 10px 0 10px;
				border-left: 1px solid #92918d;
				}
							
				#footer_info li a:hover {color: #118cca;}
							
					#footer_info p {
						color: #7a7976;
						font-size: 9px;
						line-height: 2em;
						}
	
						#footer_info p a {color: #b9d0e0; text-decoration: none;}
							#footer_info p a:hover {color: #118cca;}
								#footer_info .first {border-left: medium none; padding-left: 0;}
							
/* Footer individual columns */
.footerSection {
	margin-left: 10px;
	float: left;
	width: 32%;
	display: inline; /* Double Margin Bug Fix IE6 */
	}

a[class ="newBrowser"] {
	padding: 7px 15px 0 0;
	background: transparent url(../images/icon_external.gif) right no-repeat;
	}
		
.more {background: transparent url(../images/bullet.gif) 0 2px no-repeat; padding-left: 10px;}
					
/* Footer back to top link */
a.top-btn {
	margin-top: -20px;
	position: relative;
	left: 94%;
	display: block;
	width: 24px;
	text-indent: -3000px;
	background: url(../images/top.gif) no-repeat;
	}

	a.top-btn:hover { background: url(../images/top_hover.gif) no-repeat; text-decoration: none;}

/* -----------------------------------*/
/* -- NAVIGATION <<<---------*/
/* -----------------------------------*/

#navlist {
	float: right;
	margin: 13px 30px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	}

	#navlist li {display: inline; /* for IE5 and IE6 */}
		#navlist a:hover, #navlist a.selected {
			color: #000;
			background-color: #fff;
			text-decoration: none;
			outline: none;
			}
			
			#navlist a {
				color: #fff;
				padding: 5px 13px 5px 13px;
				text-decoration: none;
				outline: none;
				}

/* Underlines first letter in navigation when rolled-over */
.accesskey {border-bottom: 1px solid #fff; text-decoration: none;}

/* Hidden accessibility navigation */
.nav-extra{
	border: 1px solid #ff0;
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
	}

/* -----------------------------------*/
/* - FEATURED WORK <<<-------*/
/* -----------------------------------*/

.featureSection, .featureSection_new {
	background: url(../images/boundingBox.png) 7px 97px no-repeat;
	float: left;
	padding: 15px;
	width: 213px;
	position: relative;
	}


.featureSection_new span {
	z-index: 2;
	width: 52px;
	height: 51px;
	display: block;
	position: absolute;
	top: 105px;
	left: 15px;
	background: url(../images/new.png) no-repeat;
	}
	
/*preload classes*/ 
.svw {margin: 10px 0 47px 0; width: 212px; height: 297px;} 
	.svw ul {position: relative; left: -999em;} 

/*core classes*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin: 10px 0 10px 0; 
	} 

	.stripViewer ul { /* this is your UL of images */ 
		position: relative; 
		left: 0; 
		top: 0; 
		width: 1%; 
		list-style-type: none; 
		}
		 
		.stripViewer ul li {float: left;}

.stripTransmitter {overflow: auto; width: 1%; }
	.stripTransmitter ul { position: relative; list-style-type: none;} 

		.stripTransmitter ul li{ 
			width: 20px; 
			float: left; 
			margin: 5px 1px 10px 0; 
			}
	 
			.stripTransmitter a { 
				text-align: center; 
				line-height: 22px; 
				background: #5089b1; 
				color: #fff; 
				text-decoration: none; 
				display: block; 
				} 

				.stripTransmitter a:hover {background: #000; color: #fff;}

					.stripTransmitter a.current {
						background: #b5cddd; 
						color: #000;
						font-weight: bold;
						}

.moreInfo {
	position: absolute;
	display: block;
	height: 19px;
	z-index: 2;
	margin: 288px 0 0 93px;
	overflow: hidden;
	}

a.srollover {
	display: block;
	width: 119px;
	height: 19px;
	background: url(../images/more_info.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	}

    a:hover.srollover {background-position: -119px 0;}

.anyClass li {
	overflow: hidden;
	float: left;
	width: 300px;
	height: 210px;	
	}

	.prev, .next {
	  width: 9px;
	  height: 7px;
	  margin: 10px 10px 0 0;
	  padding: 0;
	  border: 0;
	  text-indent: -1000em;
	  cursor: pointer; /* hand-shaped cursor */
	}

	.prev {background: transparent url(../images/backB.gif) no-repeat bottom;}
	.next {background: transparent url(../images/forwardB.gif) no-repeat bottom;}
	
	
#leftcolumn li {margin-top: 10px;}
 
.work_nav {margin: 0;}

	.work_nav ul{
		float: right;
		width: 100%;
		margin: 5px 0 35px 0;
		list-style-type: none;
		line-height: 20px;
		font-size: 93%;
		}

			.work_nav li {float: left; list-style-type: none;}

				.work_nav a {
					border-left: 1px solid #C8C5BB;
					display: block;
					padding: 5px 0px 5px 10px;
					width: 170px;
					}

					.work_nav a:link,.work_nav a:visited  {
						border-left: 1px solid #C8C5BB;
						text-decoration: none;
						font-weight: bold;
						}

						.work_nav a:hover  {
							border-left: 1px solid #9D9B93;
							text-decoration: none;
							color: #c21e9e;
							font-weight: bold;
							padding: 5px 0px 5px 10px;
							}

							.work_nav a:active, .work_nav a.selected  {
								border-left: 1px solid #9D9B93;
								text-decoration: none;
								color: #000;
								font-weight: bold;
								}

								.work_nav a:link span,.work_nav a:visited span  {
									border-left: none;
									text-decoration: none;
									color: #7C7B79;
									font-weight: normal;
									font-size: 93%;
									}

									.work_nav a:hover span{
										border-left: none;
										text-decoration: none;
										color: #5A5A58;
										font-weight: normal;
										font-size: 93%;
										}


/* -----------------------------------*/
/* ----- LINKS <<<-----------*/
/* -----------------------------------*/

#leftcolumn a{font-size: 131%; text-decoration: none;}
										
/* -----------------------------------*/
/* ------ MISC <<<-----------*/
/* -----------------------------------*/

div.hr {background: #F8F8F1 url(../images/footer_detail.gif) repeat-x; height: 5px;} /* horizontal rule style */	
	div.hr hr {display: none;}

.flickr_badge {left; width: 100%;} /* flickr */
	.flickr_badge a img {width: auto; height: 60px; padding: 4px; margin: 0 30px 30px 0; border: 1px solid #666; background: #fff; float: left;}
		.flickr_badge_image a:hover img {border-color: #b4cddd; background: #fff;}
		
img.floatLeft { float: left; margin: 3px 8px 0 0;}
		
img.floatRight { float: right; margin: 3px 0 20px 20px;}





html, body {font: 85% Helvetica, Arial, Sans-Serif; /*renders 11px */  line-height: 1.5em; text-align: left; background: #fff;}

h1 {font-size: 197%;}  /* displayed at 26px */
h2 {font-size: 146.5%; color: #c21e9e;}  /* displayed at 19px */
h3 {font-size: 116%;}  /* displayed at 15px */
h4 {font-size: 93%;}  /* displayed at 12px */	

h1.big {font-size: 400%; font-weight: bold; margin: 40px 0 30px 0;}

h2.work {font-size: 189%; color: #000; font-weight: bold; margin: 40px 0 10px 0;}

h1#lodesign a {
	background: transparent url(../images/albertlo_design.gif) no-repeat; 
	clear: both;
	display: block;
	margin: 20px 0 0 20px;
	width: 260px;
	height: 52px;
	float: left;
	text-indent: -5000px;
	}

	h1#lodesign a:hover {background-position: -260px 0;}
	
h2#lodesign a {
	background: transparent url(../images/albertlo_design.gif) no-repeat; 
	clear: both;
	display: block;
	margin: 20px 0 0 20px;
	width: 260px;
	height: 52px;
	float: left;
	text-indent: -5000px;
	}

	h2#lodesign a:hover {background-position: -260px 0;}
		
h2#services {
	margin: 107px 0 0 394px;
	clear: both;
	padding: 82px 0 0 0;
	overflow: hidden;
	background: url(../images/services.gif) no-repeat; 
	height: 0px !important; /* for most browsers */
	height /**/:82px; /* for IE5.5's bad box model */
	}

h3#siteSynopsis {
	background: url(../images/synopsis.png) no-repeat;
	margin: 20px 0 0 394px;
	clear: both;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:53px; /* for IE5.5's bad box model */
	}

html>body h2#about {background: url(../images/aboutLodesign.png) no-repeat;}

h2#about {
	margin: 30px 0 30px 0;
	clear: both;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:21px; /* for IE5.5's bad box model */
	}

html>body h2#flickr {background: url(../images/myflickr.png) no-repeat;}

h2#flickr {
	margin: 30px 0 30px 0;
	clear: both;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:22px; /* for IE5.5's bad box model */
	}

html>body h2#ways_to_contact {background: url(../images/get_in_contact.png) no-repeat;}
		
h2#ways_to_contact {
	margin: 30px 0 35px 0;
	clear: both;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
	}

html>body h2#testimonials {background: url(../images/what_others_say.png) no-repeat;}

h2#testimonials {
	margin: 30px 0 30px 0;
	clear: both;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:21px; /* for IE5.5's bad box model */
	}

html>body h2#linkedin {background: url(../images/linkedin.png) no-repeat;}
	
h2#linkedin {
	margin: 35px 0 30px 0;
	clear: both;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:17px; /* for IE5.5's bad box model */
	}

html>body h2#client {background: url(../images/client_list.png) no-repeat;}
		
h2#client {
	margin: 30px 0 35px 0;
	clear: both;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:17px; /* for IE5.5's bad box model */
	}

html>body h2#featuredWork {background: url(../images/featured_work.png) no-repeat;}			

h2#featuredWork {
	margin: 20px 0 10px 0;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:18px; /* for IE5.5's bad box model */
	}

html>body h2#next {background: url(../images/nextSteps.png) no-repeat;}
	
h2#next {
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:20px; /* for IE5.5's bad box model */
	}
		
h3#tmobile {
	padding: 80px 0 0 0;
	overflow: hidden;
	background: url(../images/logos/tmobile.gif) center no-repeat; 
	height: 0px !important; /* for most browsers */
	height /**/:80px; /* for IE5.5's bad box model */
	}
		
h3#BMW {
	padding: 80px 0 0 0;
	overflow: hidden;
	background: url(../images/logos/bmw.gif) center no-repeat; 
	height: 0px !important; /* for most browsers */
	height /**/:80px; /* for IE5.5's bad box model */
	}
			
h3#nikon {
	padding: 80px 0 0 0;
	overflow: hidden;
	background: url(../images/logos/nikon.gif) center no-repeat; 
	height: 0px !important; /* for most browsers */
	height /**/:80px; /* for IE5.5's bad box model */
	}
	
/* Footer testimonial quotes */
.quote {
	background: transparent url(../images/open-quote.png) left 0 no-repeat;
	padding-left: 30px;
	font-style: italic;
	}

	.quote span {
		background: transparent url(../images/close-quote.png) right bottom no-repeat;
		display: block;
		padding-right: 30px;
		margin: 10px 0 0 0;
		}

cite { 
	font-size: 116%;
	font-style: italic;
	color: #fff;
	}		
	
strong {font-weight: bold;}

p {
}
.myfont {
	font-family: Helvetica;
	font-size: 42px;
	color: #CCC;
	font-weight: bold;
	letter-spacing: -2px;
}
.dayfont {
	font-family: Helvetica;
	font-size: 42px;
	color: #00285D;
	font-weight: bold;
	letter-spacing: -2px;
}
.mydayfont {
	font-family: Helvetica;
	font-size: 42px;
	color: #00a0df;
	font-weight: bold;
	letter-spacing: -2px;
}
.lapsfont {
	font-family: Helvetica;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: -1px;
}	

.flickr {
	width: 260px;
	color: #01285C;
	float: left;
	margin-right: 5px;
	margin-bottom: 16px;
	overflow:auto
	}
.tableclass {
	color: #01285C;
	float: left;
	font-style: normal;
	line-height: normal;
	}