/* CSS Document for http://www.youseetheysee.com*/
/* Version 1.0 */
/*Created by RAWE Web Design (Richard Edwards) email - richard.edwards@rawewebdesign.co.uk*/


*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background:#FFF;
}

#wrapper{
	width:1000px;
}

#header{
	background:#FFF url(images/background02.jpg) no-repeat;
	width:1000px;
	height:58px;
}
#home #header{
	background:#FFF url(images/background.jpg) no-repeat;
}

/* -- NAVIGATION --*/
#nav{
	width:573px;
	height:58px;
	margin-left:375px;
	list-style:none;
	padding:0px;
}

#nav li{
	display: inline;
	float:left;
	padding:0px;
}

#nav a{
	background: url(images/nav.jpg) no-repeat;
	display:block;
	height:58px;
	font-size:xx-small;
	text-indent:-900em;
	
}

#nav #homeNav{ width:99px;}
#nav #homeNav a:hover{	background-position:0px -58px;}

#nav #galleryNav a{width:110px; background-position: -99px 0px;}
#nav #galleryNav a:hover{background-position: -99px -58px;}

#nav #servicesNav a{width:130px; background-position: -209px 0px;}
#nav #servicesNav a:hover{background-position: -209px -58px;}

#nav #pricesNav a{width:109px; background-position: -339px 0px;}
#nav #pricesNav a:hover{background-position: -339px -58px;}

#nav #contactNav a{width:125px; background-position: -448px 0px;}
#nav #contactNav a:hover{background-position: -448px -58px;}
/* -- NAVIGATION END --*/


/*for secondary navigation in page*/
#inlineNav{ 
text-align:center;
color:#990000;
}
	#inlineNav{padding:0px;}
	#inlineNav li{
		text-align:left;
		display:inline;
		border-right:#990000 1px solid;
		padding-left:5px;
	}


#contentContainer{
	width:1000px;
	float:left;
	background:#FFF url(images/right_bar.jpg) no-repeat right top;
}

#introCol{
	width:263px;
	height:566px;
	float:left;
}
	/*eye colour*/
	.green{
		background:#FFF url(images/logo_green.jpg) no-repeat;
	}
	.blue{
		background:#FFF url(images/introcol_background.jpg) no-repeat;
	}
	.red{
		background:#FFF url(images/logo_red.jpg) no-repeat;
	}
	.pink{
		background:#FFF url(images/logo_pink.jpg) no-repeat;
	}
	.lblue{
		background:#FFF url(images/logo_lightblu.jpg) no-repeat;
	}

	#introCol p{
	padding:335px 15px 5px 10px;
	font-size:small;
	font-weight:bold;
	color:#333;
	}
	#home #introCol p, #prices #introCol p, #services #introCol p{padding:10px 15px 5px 10px;}
	
	#introCol h2{
		font-size:small;
		font-weight:bold;
		padding:335px 5px 5px 10px;
	}
	
#logoTxt{
	margin-top:175px;
}

#home #content{
	width:726px;
	border-left:none;
}
.dotted{ 
	background:url(images/dash.gif) no-repeat right top;}

#home #content h2{
		float:left;
		width:726px;
		height:91px;
		font-size:xx-small;
		text-indent:-9999em;
		background:#FFF url(images/banner.jpg) no-repeat;
	}
	#home #content p{
		width:240px;
		height:125px;
		float:left;
	}

	#home #content img{float:left;}

#content{
	width:725px;
	min-height:563px;
	float:left;
	background:#FFF;
	border:#000 1px solid;
	border-top:none;
	font-size:small;
	}
	#gallery #content{background:#FFF url(./images/gallery_header.jpg) no-repeat top}
	#services #content{background:#FFF url(./images/services_header.jpg) no-repeat top}
	#contact #content{background:#FFF url(./images/contact_header.jpg) no-repeat top}
	#prices #content{background:#FFF url(./images/prices_header.jpg) no-repeat top}
	
	#content p{ 
		padding:10px 25px 10px 25px;
		/*float:left;*/
	}
	.first{  /*lowers p below background fade (if no header present)*/
		margin-top:80px;
	}
		
/* ---- GALLERY PAGE --- */
#galleryA{
		width:725px;/*needed for IE6 to display correctly*/
		margin-top:70px;
		overflow:auto;
		height:400px;
}

#galleryImages{
	height:350px;
	width:11483px;
}

#galleryImages img{
	display:inline;
	float:left;
	padding-left:25px;
	padding-right:25px;
}
.scroll{
	margin-top:15px;
	width:500px;
	display:block;
	text-indent:-9000em;
	font-size:xx-small;
	min-height:30px;
	background:#FFF url(./images/scroll.jpg) no-repeat;}
/*
	float:left;
	padding-right:50px; !important
	min-height:40px;
	background:url(./images/arrow.gif) no-repeat right top;
}
*/
/* -- FOOTER -- */
#footer{
	clear:both;
	font-size:x-small;
	color:#999;
	background:#FFF;
}
	#footer a{
		color:#666;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#footer p{ 
		padding-left: 263px;
	}	
	
	
/* -- HEADERS -- */
h1{
	text-indent:-900em;
	font-size:xx-small;
}
#content h2{
	text-indent:-9000em;
	font-size:xx-small;
}

#content h3{
	font-size:medium;
	padding:55px 25px 15px 25px;
	font-weight:normal
}

/* -- LINKS -- */
a, a:visited{color:#990000;text-decoration:underline}
a:hover{
text-decoration:underline;}


ul{padding:5px 25px 10px 40px;}
ul li{padding-bottom:05px; list-style-type:square;}

/*------ DATA TABLE -------*/
#price_list{margin-left:25px; margin-right:25px;}
table{
	border-collapse:collapse;
	width:675px;
	border:1px solid #666;
}
table img{
	float:left;
	padding-right:0.4em;
}
thead{
	background:#006699;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}
	th{
	text-align:left;
}

caption{
	text-align:left;
	text-indent:-99999em;
}
	
th, td{
	padding:0.4em;
	border-right:1px solid #666;
}

.odd{
	background-color:#edf5ff;
	}
	
.hide{
	display:none;}
	
#content .vcard h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:xx-large;
	padding:25px 10px 10px 25px;
}

#contact_image{
	float:right;
	padding:25px 10px 10px 10px;
}
#services #content img{
	float:right;
	margin-top:-6em;
	}

.left{
	float:left;
	padding: 15px 10px 5px 25px;
	}
.grey{
	color: gray;}