@charset "utf-8";
/* CSS Document */
/* start of reset styles */
* {margin: 0px; padding: 0px;}
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;
	vertical-align: baseline;
}
body {line-height:1;
	text-align:center;
	background-color:#000000;
		font-family:Arial,Helvetica,sans-serif;
		width:100%;
		color:#FFFFFF;}

ol, ul {
	list-style: none}
/* end of reset styles */

img.preload {display:none}

.container {min-width:1142px;	/* IE Dynamic Expression to set the width */
			position:relative;
    width:expression(document.body.clientWidth < 1145 ? "1142px" : "100%" )}  /* remember to set javascript and actual width to slightly different to stop IE crashing!*/

#leftpic {background-image:url(images/leftplant.jpg);
		background-position:left bottom;
		background-repeat:no-repeat;
		width:100%;
		height:712px}	
		
#rightpic {background-image:url(images/rightplant.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		width:100%;
		height:712px}				
		
h1, h2 span  {display:none}
h1 {display:none; height:208px;
	}		
	
img.logo {padding:46px 0px 46px 0px}	
	
#content {overflow:hidden;
			width:514px;
			position:relative;
			height:424px;
			margin-left:auto;
			margin-right:auto}
			
.section {width:2570px;
			position:relative}
			
#navcontainer {margin-left:auto;
				margin-right:auto;
				width:514px;
			position:relative;
			text-align:left}				
			
#navigation	{position:absolute;
			width:175px;
			left:-220px;
			top:108px;
			text-align:right;
			font-variant:small-caps;
			font-size:20px}
			
#navigation li {cursor:pointer;
				line-height:1.5}			
#navigation ul li {	line-height:1.4}	
			
 li a {color:#FFFFFF;
				text-decoration:none}
	 li a:hover {text-decoration:underline}			
				
#navigation li ul {display:none}
#navigation li.hover:hover {text-decoration:underline}
#navigation ul li:hover	{text-decoration:none;
						color:#F7F8BA}
#navigation li:hover ul {display:block}				
				
ul ul li a {color:#BED85A;
						font-size:16px}
						
#subnavigation li:hover, #subnavigation2 li:hover	{	text-decoration:none;}					
						
#subnavigation li a:hover, #subnavigation2 li a:hover {	text-decoration:none;
					color:#F7F8BA}		
				
p.tel img {display:block;
		float:left;
		padding-top:12px;}	
		
p.tel span {font-weight:bold;}
		
p.email img {display:block;
		float:right;
		text-align:right;
		padding-top:10px;
				padding-bottom:10px;}									
				
.section .sub {position:relative;
				float:left;
				width:514px;
				height:424px;}
		

a.next {display:block;
			font-size:0;
			position:absolute;
			top:15px;
			right:7px;
			width:15px;
			height:30px;
			text-decoration:none;
			background-image:url(images/rightarrow.gif);
			background-position:top left;
			background-repeat:no-repeat}
			
a.next:hover {background-image:url(images/rightarrowhover2.gif)}				
										
a.previous {display:block;
			font-size:0;
			position:absolute;
			top:15px;
			left:7px;
			width:15px;
			height:30px;
			text-decoration:none;
			background-image:url(images/leftarrow.gif);
			background-position:top left;
			background-repeat:no-repeat}
			
a.previous:hover	{background-image:url(images/leftarrowhover2.gif)}				
			
li.sub {display:block;
		width:514px;
		height:424px}
		
				
.section h2 {height:40px;
			font-size:24px;
				font-weight:bold;
				text-align:left;
				font-variant:small-caps;
				padding-top:18px;
				padding-left:35px;
				width:479px}					
		
#home h2 {background-image:url(images/header1.jpg);
				background-position:left top;
				background-repeat:no-repeat;
				padding-left:303px;
				width:211px;}
				
a.findout {padding-right:23px;
				background-image:url(images/rightarrow.gif);
				background-position:right center;
		background-repeat:no-repeat;}				
	
a.findout:hover {color:#BED85A;
		background-image:url(images/rightarrowhover2.gif);
			text-decoration:none}
				
.pics {height:366px;
		margin:0;
		overflow:hidden;
		padding:0;
		width:514px;
		position:relative}								
							
h2.services {margin-top:-57px;}	
			
	
#aboutcollierandco h2 { background-image:url(images/header2.jpg);
				background-position:left top;
				background-repeat:no-repeat;}	
				
p.about {display:block;
			width:262px;
			height:307px;
			float:left;
			color:#325235;
			 padding:8px 16px 0px 16px;
			background-color:white;
			margin-left:13px; _margin-left:6px;
			font-size:13px;
			line-height:1.2}	
			
img.aboutpic {float:right}			
			
#aboutcollierandco h3 	{	display:block;
					float:left;
					width:278px;
					height:24px;
					background-color:#7E9524;
					padding-left:16px;
					padding-top:9px;
					margin-left:13px;_margin-left:6px;
					margin-top:9px;
					font-size:16px}										

#gallerypage h2	{background-image:url(images/header3.jpg);
				background-position:left top;
				background-repeat:no-repeat;}	
				
#gallerypage, #aboutcollierandco {background-color:#325235}

#gallerypage h3 {margin:16px 0px 2px 0px;
				display:block;
				font-variant:small-caps;}	

h3 span {	border-bottom:2px solid #FFFFFF;
padding-left:23px;
display:inline}	
				
.test {width:514px; height:366px;
		position:absolute;
			left:0px;
			bottom:0px}	
			
.showdiv {display:block}

.hidediv {display:none}			

			
/*ul.portfolio {display:block;
			clear:left;
			float:left;
			padding-top:5px;
			padding-left:23px;
			z-index:5;
			position:relative}										
				
ul.portfolio li {				
			line-height:1.2em;}
			
ul.portfolio li a {	font-size:13px;
			font-weight:bold;
			color:#C6DC6B;	}			
			
ul.portfolio li a:hover {color:#FFFFFF;
						text-decoration:none}	*/				
						
.javaoff {display:block;
			width:400px;
			margin-left:auto;
			margin-right:auto;
			padding-top:40px;
			line-height:1.4}	

.javaoff ul {padding-top:12px}
.javaoff h4 {font-size:110%;
				padding-bottom:12px}			
																
				
#contactpage h2	{background-image:url(images/header4.jpg);
				background-position:left top;
				background-repeat:no-repeat; }

#contactpage {background-color:#FFFFFF;
			background-image:url(images/orchidleft.jpg);
				background-repeat:no-repeat;
				background-position:right bottom;
				position:relative}	

p.contact, p.thanks {color:#293A2A;
			padding:10px 0px 8px 20px;
			font-size:13px;
			display:block;
			width:400px;
			line-height:1.2}
			
p.contact span {color:#7E9524; font-weight:bold}	
			
p.thanks {padding-top:135px;
			padding-left:33px;
		width:300px}					
				
form {padding-left:30px;
				width:484px;
			float:left;
			padding-top:0px;
			margin:0px;}	

td {padding:5px 5px 5px 0px;
			color:#FF6600;
			font-size:13px;}
			
td.left {	text-align:right;
				color:#293A2A;
				font-weight:bold}

input.single, textarea {background-color:#FFFFFF;
				border:1px solid #293A2A}

input.submit {font-size:100%;
				color:#1C261D;
				padding:1px 5px 1px 5px;
				cursor:pointer;}	
				
p.address {display:block;
			position:absolute;
			_float:left; _clear:both; margin-top:2px;
			top:395px;
			left:0;
			width:514px;
			height:22px;
			text-align:center;
			background-color:#5C6C1A;
			color:#FFFFFF;
			font-size:12px;
			padding:7px 0px 0px 0px;}										
/*				
#section1e h2	{background-image:url(images/header5.jpg);
				background-position:left top;
				background-repeat:no-repeat; }

p.blankleft		{display:block;
				float:left;
				background-color:#FFFFFF;
				width:343px;
				height:366px;
				background-image:url(images/orchidright.jpg);
				background-repeat:no-repeat;
				background-position:left bottom}

p.blankright	{display:block;
					float:left;
				background-color:#FFFFFF;
				width:171px;
				height:366px;
				background-image:url(images/orchidleft.jpg);
				background-repeat:no-repeat;
				background-position:right bottom}	
				
				*/
																	
#gardenspage h2	{padding-left:22px;
				width:492px}
			
p.services {color:#325235;
			background-color:#FFFFFF;
			font-size:13px;
			line-height:1.2;
			display:block;
			height:100%;
			width:468px;
			margin-top:-5px;
			padding:11px 23px 0px 23px}	
			
p.services span	{display:block;
float:left;
padding-top:6px}		
			
p.services span span{font-weight:bold;
					float:none;
					display:inline;
					color:#7E9524}				
			
a.nextbm {display:block;
			position:absolute;
			top:282px;
			right:7px;
			width:15px;
			height:30px;
			font-size:0;
			text-decoration:none;
			background-image:url(images/rightarrow.gif);
			background-position:top left;
			background-repeat:no-repeat}
			
a.nextbm:hover {background-image:url(images/rightarrowhover2.gif)}		
														
a.previousbm {display:block;
			position:absolute;
			top:282px;
			left:7px;
			font-size:0;
			width:15px;
			height:30px;
			text-decoration:none;
			background-image:url(images/leftarrow.gif);
			background-position:top left;
			background-repeat:no-repeat}
			
a.previousbm:hover	{background-image:url(images/leftarrowhover2.gif)}			
			
.dropdown {text-decoration:underline}	

a.gallery {position:absolute;
			bottom:7px;
			right:12px;
			display:block;
			background-image:url(images/cameraicon.gif);
			background-repeat:no-repeat;
			background-position:center;
			height:24px;
			width:31px;
			font-size:0}	

a.gallery:hover {	right:5px;
				width:38px;
				height:29px;
					background-image:url(images/cameraiconhover.gif);}	
					
p.copy, p.copy a	{color:#325235;
				font-size:9px;
				text-decoration:none}	
p.copy {display:block;
		width:170px;
		float:right;
		margin-top:-11px}	
p.copy a:hover {text-decoration:underline}	

#section1e h2	{background-image:url(images/xmashead.jpg);
				background-position:0px 0px;
				background-repeat:no-repeat;
				height:38px;
				padding-top:86px;
				margin-top:-6px;
				margin-bottom:4px}
				
#section1e h2 span {display:block; margin-left:-12px}				
				
#section1e 	{background-color:#FFF; position:relative}


#section1e p {color:#325235;
			background-color:#FFFFFF;
			font-size:13px;
			line-height:1.2;
			padding:6px 23px 0px 23px;}	
			
p.highlight {font-style:italic}			
		
a.xmasdown 	{display:block;
			margin-top:-47px;
			float:right;
			font-size:14px;
			line-height:1.1;
			color:#EA7779;
			font-weight:bold;
			text-align:right;
			font-variant:small-caps;
			margin-right:7px;
			padding-right:44px;
			background-image:url(images/xmasarrow.gif);
			background-repeat:no-repeat;
			background-position:right center;
			width:88px}
			
			a.xmasdown span {font-size:15px;
						color:#FFF;
						display:block;
						float:right;
						clear:right}

a.xmasdown:hover {text-decoration:none;
				background-image:url(images/xmasarrowhover.gif);}
					
a.xmasdown span:hover	{text-decoration:underline}	

a.xmasup {display:block;
			position:absolute;
			top:282px;
			right:0px;
			width:106px;
			margin-right:7px;
			padding-right:30px;
			line-height:1.1;
			height:30px;
			font-size:15px;
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
			text-align:right;
			font-variant:small-caps;
			background-image:url(images/xmasarrowright.gif);
			background-position:center right;
			background-repeat:no-repeat}

a.xmasup span {font-size:14px; 
				color:#EA7779; padding-right:0 }
			
a.xmasup:hover {background-image:url(images/xmasarrowrighthover.gif);
				text-decoration:none}	
				
a.xmasup span:hover	{text-decoration:underline}			

#section1e td {padding:1px 0px 1px 4px;
			color:#325235;}
			
#section1e td.left {text-align:right;
				color:#325235;
				font-weight:normal;
				padding-right:4px;
				border-right:solid 1px #92BC94;}

#section1e th {color:#325235;
				font-weight:bold;
				font-size:13px;
				padding-bottom:4px}
#section1e th.left {padding-right:4px; border-right:solid 1px #92BC94; padding-left:0}	
#section1e th {padding-left:4px}

#section1e #costs {	float:right;
					padding-right:22px;
					text-align:right;
					padding-left:20px;
					display:block;
					margin-top:-7px}
					
		#section1e #costs table { border-collapse:collapse;}
					
		th {border-bottom:solid 1px #92BC94;}			
					
#section1e p.vat {font-size:9px; float:right;
					display:block;
					margin-top:-14px;
					width:135px;
					padding-top:0;
					text-align:right}