body, ul, li, p, h1, h2, h3, h4 {margin:0; padding:0;}
img{border:0;}
a{outline:none;}
.clear{clear:both;}
.hide{
	display:none;}

body{
	background:url(images/top_bar.gif) #f4f4f4 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;}
	
/* mac font here */	

a{
	text-decoration:none;
	font-weight:bold;
	color:#3ecfed;
	}
	
a:hover{
	color:#999;
	}	

.container{
	margin:0 auto;
	width:1025px;
	padding:0 0 30px 0;
	}
	
ul.main_nav{
	margin:15px 0 0 0;
	padding:10px 0 0 20px;
	background:url(images/nav_bg.gif) #e4e4e4 no-repeat ;
	width:1022px;
	height:45px;	}
	
ul.main_nav li{
	float:left;
	display:inline;
	margin:0 0 0 0;	}
	
ul.main_nav li a{
	height:23px;
	display:block;}
	
ul.main_nav li a span{
	display:none;}	
	
ul.main_nav li.home a{
	width:67px;	
	background:url(images/nav/home.gif) 0 0 no-repeat;}

ul.main_nav li.maiden a{
	width:161px;
	background:url(images/nav/maiden.gif) 0 0 no-repeat;}

ul.main_nav li.hampstead a{
	width:203px;
	background:url(images/nav/hampstead.gif) 0 0 no-repeat;}
	
ul.main_nav li.leytonstone a{
	width:218px;
	background:url(images/nav/leytonstone.gif) 0 0 no-repeat;}	
	
ul.main_nav li.previous a{
	width:165px;
	background:url(images/nav/previous.gif) 0 0 no-repeat;}		
	
ul.main_nav li.contact a{
	width:163px;
	background:url(images/nav/contact.gif) 0 0 no-repeat;}	
	
ul.main_nav li a:hover{
	background-position:0 -24px;}	
	
.home ul.main_nav li.home a{	
	width:72px;	
	background-position:0 -48px;}		

.maiden ul.main_nav li.maiden a{	
	width:176px;
	background-position:0 -48px;}

.hampstead ul.main_nav li.hampstead a{	
	width:219px;
	background-position:0 -48px;}
	
.leytonstone ul.main_nav li.leytonstone a{	
	width:236px;
	background-position:0 -48px;}	
	
.previous ul.main_nav li.previous a{	
	width:180px;
	background-position:0 -48px;}	
	
.contact ul.main_nav li.contact a{	
	width:170px;
	background-position:0 -48px;}	

.logo{
	margin:15px 0 15px 20px;}


/* Home */

.home_links{
	margin:0 0 20px 20px;
	padding:0 0 5px 0;
	width:986px;
	border-bottom:3px solid #FFF;}

.home_link1 a, .home_link2 a, .home_link3 a{
	display:block;
	width:328px;
	height:302px;
	overflow: hidden;
	float:left;
	display:inline;}
	
.home_link1 a{
	background:url("images/home1.jpg") 0 0 no-repeat;}	
	
.home_link1 a:hover{
	background:url("images/home1.jpg") 0 100%  no-repeat;}	
	
.home_link2 a{
	background:url("images/home2.jpg") 0 0 no-repeat;}	
	
.home_link2 a:hover{
	background:url("images/home2.jpg") 0 100%  no-repeat;}		
	
.home_link3 a{
	background:url("images/home3.jpg") 0 0 no-repeat;}	
	
.home_link3 a:hover{
	background:url("images/home3.jpg") 0 100%  no-repeat;}		
	
.home_link2, .home_link3{
	margin:0 0 0 1px;}	
	
.home_img{
	margin:0 0 15px 0;}	
	
.more_info{
	
	font-size:.9em;
	color:#FFF;
	float:right;
	margin:0 20px 0 0;
	padding:15px;
	width:625px;
	background: url(images/home_info_top.gif) #3ecfed no-repeat;}	
	
.more_info p{
	letter-spacing:.4px;
	margin: 0 0 20px 0;
	line-height:1.3em}	
	
.more_info a.more{
	font-size:.9em;
	cursor:pointer;
	background:url(images/more_button.gif) no-repeat;
	padding:6px 20px 7px 14px;
	width:140px;
	height:40px;
	margin: 0 0 20px 0;}
	
.info-bottom{
	margin:0 20px 0 0;
	float:right;
	width:655px;
	height:27px;
	}	
	
#showbox{
	margin:20px 0 0 0;}	
	
	
/* Previous */

.past-links{
	text-align:center;
	width:600px;
	height:200px;
	margin:160px auto 0 auto;}
	
.past-links a:hover{
	border-bottom:5px solid #3ecfed;} 	
		
		
/* Contact */	

.contact-info{
	margin:30px 0 0 0;
	padding:0 0 30px 0;
	background:url(images/contact-top-bar.gif) no-repeat;
	}


.contact-column{
	margin:0 30px 0 20px;
	float:left;
	display:inline;
	width:265px;
	height:215px;
	color:#666;
	font-weight:bold;
	line-height:1.7em;}
	
.contact-column h2{
	margin:0 0 15px 0;
	font-size:1em;
	}	
	
.contact-column p{
	margin:10px 0 0 0;}	
	
.contact-column p.short-line{
	line-height:1.3em;}		
	
.contact-column a:hover{
	color:#3ecfed;
	border-bottom:2px solid #3ecfed;}	
	

.title-bar{
	background:url(images/contact-lower-bar.gif) no-repeat;
	padding:5px 0 0 18px;
	width:700px;
	height:27px;
	}

.title-bar h2{
	width:295px;
	font-size:1em;
	float:left;
	display:inline;
	margin:0 20px 20px 0; 
	color:#666;}
	
.quotes-column{
	color:#3ecfed;
	position:absolute;
	z-index:2;
	top:250px;
	right:90px;
	text-align:right;
	width:300px;}	
	
/*	
.maiden-early-quotes{
		color:#7032cd;}	
	
.hampstead-quotes{
	color:#cc3300;}
	
.leytonstone-quotes{
	color:#33cc00;}	*/
	
	
/* Galleries */

.shoot_1{
	width:457px;
	float:left;
	display:inline;
	margin:0 30px 0 20px; }

.shoot_2{
	width:457px;
	float:left;
	display:inline;}

.pics { 
	height:340px; 
	width:457px; 
	padding:0; 
	margin:0; 
	overflow: hidden; }

.pics img {  
	top:0; 
	left:0 }

#slideshow, #slideshow2 { 
	background:white;
	margin: 18px 0 0 0 ; }

.shoot_1 h2, .shoot_2 h2 {
	font-size:1.2em;
	margin:10px 0 0 0;
	padding:3px 3px 3px 0px;
	}
	
.maiden .shoot_1 h2, .maiden  .shoot_2 h2 {
	color:#7032cd;}	
	
.hampstead .shoot_1 h2, .hampstead  .shoot_2 h2 {
	color:#cc3300;}
	
.leytonstone  .shoot_1 h2, .leytonstone  .shoot_2 h2 {
	color:#33cc00;}	

h2 span{
	padding:0 0 0 10px;
   font-weight:normal;}

.thumbs{
	background:url(images/pics-nav-bg.gif) no-repeat;	
	padding:15px 10px 15px 15px;
	margin: 10px 0 0 0;}

#nav, #nav2 { 	
    height:262px;
	width: 425px;
	overflow:auto;	
	 }

#nav li, #nav2 li { 
	width: 50px; 
	float: left; 
	display:inline;
	margin: 0px 16px 16px 0; 
	list-style: none }

#nav a, #nav2 a { 
	width: 50px; 
	height:50px;
	padding: 4px;
	display: block; 
	 }
 
 #nav a img, #nav2 a img { 
	background:#ccc;
	width: 50px; 
	height:50px;}
 
.maiden #nav a:hover, .maiden  #nav2 a:hover { 
	border:2px solid #7032cd;
	padding: 2px;
	 }
	 
.hampstead #nav a:hover, .hampstead  #nav2 a:hover { 
	border:2px solid #cc3300;
	padding: 2px;
	 }	
	 
.leytonstone #nav a:hover, .leytonstone  #nav2 a:hover { 
	border:2px solid #33cc00;
	padding: 2px;
	 }	 	 

#nav a:hover { 
	border:2px solid #d52626;  }

.maiden #nav a.activeSlide,.maiden  #nav2 a.activeSlide { 
	padding: 4px;
	background: #7032cd; }
	
.hampstead #nav a.activeSlide,.hampstead  #nav2 a.activeSlide { 
	padding: 4px;
	background: #cc3300; }	
	
.leytonstone #nav a.activeSlide,.leytonstone  #nav2 a.activeSlide { 
	padding: 4px;
	background: #33cc00; }		



#nav a.activeSlide:hover, #nav2 a.activeSlide:hover {
	border:0;
	padding: 4px;}

#nav a:focus,#nav2 a:focus  { 
	outline: none; }

#nav img, #nav2 img { 
	border: none; 
	display: block }

.gallery_base{
	width:457px;
	height:35px;
	}

.maiden .gallery_base{
	width:455px;
	height:35px;
	background:url(images/purple-image-bottom.gif) no-repeat;
	}

.hampstead .gallery_base{
	width:455px;
	height:35px;
	background:url(images/red-image-bottom.gif) no-repeat;
	}
	
.leytonstone .gallery_base{
	width:455px;
	height:35px;
	background:url(images/green-image-bottom.gif) no-repeat;
	}	

#caption,#caption2{ 
    float:left;
	display:inline;
	color:#fff;
	padding:7px 5px 3px 0;
	width:380px;
	text-align: center;
	margin:0 0 8px 0;}
	
#prev2, #prev{
	color:#fff;
	line-height:0.8em;
	font-size:1.8em;
	text-align: center;
	width:35px;
	float:left;
	display:inline;}
	
#next2, #next{
	color:#fff;
	font-size:1.5em;
	text-align: center;
	width:35px;
	float:right;
	display:inline;}	
	
#prev2:hover, #prev:hover, #next2:hover, #next:hover{	
	color:#000;}
	
	
/* footer */

.footer{	
    position:relative;
	bottom:0;
	margin:30px 0 0 20px;
	padding:15px 0 0 20px;
	background:url(images/footer.gif) no-repeat;
	width:984px;
	height:102px;}