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

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) STYLE SHEET FOR WWW.NICKREED.CO.UK 2010 - AUTHOR: JAMES GUNDRY
/* --------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline:0;}
	address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
	caption, th { text-align:left;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	ul, li {list-style: none;}
	
	
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.fright20 {float: right; margin-left: 20px;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;}
	
	body {background-image: url(images/bg.jpg); background-position: top center; background-repeat: repeat-x;}

	
	

	



	
/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

	html {}
	
	p {margin: 10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 22px; color: #666; text-align:justify;}
	.textcolumn p {color: #000; font-size: 1.2em; text-align: left;}
	
	
	
	a {border-bottom: 1px dotted #999; color: #06F; text-decoration: none;}
	a:hover {color: #009; border-bottom: 1px dotted #333;}
	#nav a {color: #3366ff; text-decoration: none; letter-spacing: -1px; font-weight: bold;}
	#nav a:hover {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}
	
	#homepage #nav #home {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}
	#poolpage #nav #pools {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}
	#buildingpage #nav #building {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}
	#groundworkpage #nav #groundwork {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}
	#contactpage #nav #contact {border-bottom: 1px dotted #333; border-top: 1px dotted #333; color: #009; padding-bottom: 3px; padding-top: 3px;}


	
	
	/*HEADINGS*/
	h1 {margin-bottom: 15px;}
	h2 {font-size: 2.6em; letter-spacing: -1px; color: #333; border-bottom: 1px dotted #999; padding-bottom: 10px;}
	h3 {}
	h4 {}
	h5 {}
	h6 {}

.size26 {font-size: 2.0em; letter-spacing: -1px; padding-top: 10px; padding-bottom: 10px;}
p.size14 {font-size: 1.4em; letter-spacing: -1px; padding-top: 11px;}

.bold16 {font-weight: bold; letter-spacing: -1px; font-size: 1.6em; padding-top: 10px;}

.dotted_line {height: 1px; border-top: 1px dotted #999; clear: left;}

ul {margin-top: 10px;  list-style-position:inside;}
ul li {font-size: 1.2em; font-weight: bold; line-height: 22px; background-image:url(images/tick.gif); background-position: left; background-repeat: no-repeat; padding-left: 20px;}



/* ---------------------------------------------------------------------------------------------------------------------------------
	3) PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */


	#container {width: 960px; margin: 0 auto; height: 900px;}
	#logo {float: left; margin-left: 19px; margin-top: 53px; height: 95px; width: 258px;}
	#nav {float: right; margin-right: 19px; margin-top: 131px; width: 380px; height: 18px; color: #ccc; font-size: 1.4em; text-align: right;}
	#text_bg {width: 971px; float: left; height: 366px; margin-top: 9px;  margin-left: -5px; background-image:url(images/text_bg.jpg);}
	#left_text_holder {width: 525px; height: 292px; float: left; margin-left: 26px; margin-top: 38px;}
	
	#right_image_holder {width: 361px; height: 296px; float: right; margin-right: 20px; margin-top: 20px; background-image: url(images/photo_bg.png); padding: 15px}
	
	.textcolumn {width: 290px; height: 190px; float: left; margin-top: 20px;border-bottom: 1px dotted #999; padding-bottom: 10px; }
	
	#footer {float: right; width: 290px; font-size: 1.1em; color: #999; text-align: right; margin-right: 19px; margin-top: 10px;}
	
	#footer a {border-bottom: 1px dotted #999; padding-bottom: 2px; color: #06F; text-decoration: none; font-weight: bold; letter-spacing: -1px;}
	#footer a:hover {color: #009; border-bottom: 1px dotted #333;}
	
	.mr20 {margin-right: 20px;}
	.ml26 {margin-left: 26px;}
	
	.thumb {float: left; margin-right: 9px; margin-bottom: 9px; margin-top: 0px; cursor: pointer;}
	.last {margin-right: 0;}