@charset "utf-8";
/* CSS Document */
html { padding:0; margin:0;}
body {
margin: 0;
padding: 0;
background:#e2e2e2;
background-image: url(assets/images/page-back.png);
background-repeat:repeat-x;
}

/* body */

.body { padding:0 0 0 0; margin:0 auto;


}
.body h1 {
 font:normal 22px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif;
 color:#373737; 
 padding:10px 5px; 
 margin:0;
 }
 
 .body h1 span { font:normal 14px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}
 
.body h2 {
border-bottom-color:#dfdfdf;
border-bottom-style:solid;
border-bottom-width:1px;

font:normal 20px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:15px 5px; 
margin:0;
}

.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.body h3 {
border-bottom-color:#dfdfdf;
border-bottom-style:solid;
border-bottom-width:1px;

font:normal 18px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:10px 5px; 
margin:0;
}

.body h3 span { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.body h4 {
padding:5px 5px; 
font:normal 16px Arial, Helvetica, sans-serif; 
padding:10px 5px; 
color:#373737; 
margin:0;
}

.body h4 span { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.body h5 {
padding:5px 5px; 
font:normal 14px Arial, Helvetica, sans-serif; 
color:#373737; 
margin:0;
}

.body h5 span { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.body h6 {
font:normal 12px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:5px 5px; 
margin:0;
}

.body h6 span { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}




.body p { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#373737; line-height:1.5em; padding:5px 5px 5px 5px; margin:0;}
.body p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 0; margin:0;}
.body a { color:#ed7e26; text-decoration:none;}
.body a:hover { color:#ed7e26; text-decoration:underline;}
.body img { margin:10px auto; border:1px #8b8b8b;  padding:0;}
.body em { font:italic 12px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#606060; line-height:1.5em;}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.left { width:580px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.body ul li { font:normal 11px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif; color:#373737; line-height:1.5em; padding:5px 5px 5px 5px; margin:0;

}

.page {
margin-left:auto;
margin-right:auto;
width:787px;

}



.header {
width: 787px;
height: 84px;
background-color:#e3e3e3;
background-image: url(assets/images/san-diego-photographer-head-back.png);
background-repeat:repeat-x;
float:left;
}

.headerbottom {
width: 787px;
height: 16px;
background-color:#e3e3e3;
background-image: url(assets/images/san-diego-photographer-logo2.png);

float:left;
}
.logo {
float: left;
width: 463px;
height: 68px;
border: none;
text-decoration: none;
float:left;	
}

.logo a{
border: none;
text-decoration: none;

}

.logo img{
border: none;
text-decoration: none;

}

.logo a:focus{
text-decoration:none;
border:none;
color:#262626;

}



#navigation {
float:left;
width: 324px;
height: 68px;

}


.quotes {
width: 430px;
height: 563px;
background-color:#e2e2e2;
float:right;


}

.quotes h2 {
border-bottom-color:#b3b3b3;
border-bottom-style:solid;
border-bottom-width:1px;

font:normal 22px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:15px 5px; 
margin:0;
}

.quotes h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.quotes p { font:normal 11px Arial, Helvetica, sans-serif; color:#373737; line-height:1.5em; padding:5px 5px 5px 5px; margin:0;}
.quotes p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 0; margin:0;}


	.quotebody {
width: 787px;
height: 563px;
background-image: url(assets/images/quotebody.jpg);
background-repeat:no-repeat;
float:left;

}


.aboutandy {
width: 787px;
height: 563px;
background-image: url(assets/images/allaboutandy.jpg);
background-repeat:no-repeat;
float:left;
}

.andy {
width: 430px;
height: 563px;
background-color:#e2e2e2;
float:right;
}

.andy h2 {
border-bottom-color:#b3b3b3;
border-bottom-style:solid;
border-bottom-width:1px;
font:normal 22px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:15px 5px; 
margin:0;
}

.andy h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.andy p { font:normal 12px Arial, Helvetica, sans-serif; color:#373737; line-height:1.5em; padding:5px 5px 5px 5px; margin-top:15px; }
.andy p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 0; margin:0;}




.exhibitions {
width: 787px;
height: 563px;
background-image: url(assets/images/exhibitions.jpg);
background-repeat:no-repeat;
float:left;
}

.exhibits {
width: 430px;
height: 563px;
background-color:#e2e2e2;
float:right;
}

.exhibits h2 {
border-bottom-color:#b3b3b3;
border-bottom-style:solid;
border-bottom-width:1px;
font:normal 22px Arial, Helvetica, sans-serif; 
color:#373737; 
padding:15px 5px; 
margin:0;
}

.exhibits h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}

.exhibits  p { font:normal 12px Arial, Helvetica, sans-serif; color:#373737; line-height:1.5em; padding:5px 5px 5px 5px; margin-top:15px; }
.exhibits p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 0; margin:0;}

.exhibits h3 {
font:normal 16px Arial, Helvetica, sans-serif; 
display: inline;
padding:10px 5px 10px 5px; 
color:#373737; 
margin:0;
}

.exhibits h3 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0;}



.active-gallery {
width: 787px;
height: 563px;
background-color:#fff;
float:left;


}



#galleries-nav {
float:left;
text-align:center;
width: 787px;
height: 100px;
background-color:#e2e2e2;

}

#galleries-nav a{
text-decoration:none;
padding-left:1px;
padding-right:1px;
border:none;

}

#galleries-nav a.selected{
text-decoration:none;
border:none;
color:#e2e2e2;

}

#galleries-nav a:hover{
text-decoration:none;
border:none;
color:#e2e2e2;

}

#galleries-nav a:focus{
text-decoration:none;
border:none;
color:#e2e2e2;

}


#galleries-nav img{
text-decoration:none;
border:none;
background-color:#e2e2e2;

}

#galleries {
	margin: 0;
	padding: 0;
	height: 100px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#galleries li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#galleries a {
	float: left;
	padding: 100px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:100px; /* for IE5/Win only */
	}
	

	
	#film a  {
	width: 143px;
	background: url(assets/images/san-diego-film-theater-photography.jpg) top left no-repeat;
	}
	
	#portraits a  {
	width: 169px;
	background: url(assets/images/san-diego-portraits-and-headshots.jpg) top left no-repeat;
	}
	
	
	#commercial a  {
	width: 165px;
	background: url(assets/images/san-diego-commercial-photography.jpg) top left no-repeat;
	}
	
	#editorial a  {
	width: 171px;
	background: url(assets/images/san-diego-editorial-photojournalistic-lifestyle-photography.jpg) top left no-repeat;
	}
	
	#finearts a  {
	width: 139px;
	background: url(assets/images/san-diego-fine-art-photographer.jpg) top left no-repeat;
	}
	



#get-a-quote {
float:right;
width: 787px;
height:78px;
background-image:url(assets/images/get-a-quote-back.png);
background-repeat:repeat-x;

}

#get-a-quote img {
float:right;
border:none;
text-decoration:none;

}

#get-a-quote a {
float:right;
border:none;
text-decoration:none;

}


.footer{ 
width: 787px;

float:left;
}


.footer h1 {
 font: 22px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif;
 font-weight:100; 
 line-height:1.5em;
 color:#fff; 
 padding:10px 5px; 
 margin:0;
 }
 
.footer h2 {
font:normal 16px Futura, “Trebuchet MS”, Arial, Helvetica, sans-serif;
color:#fff; 
padding:10px 5px; 
margin:0;
}

.footer h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; padding:5px 0; margin:0; }

.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#b3b3b3; line-height:1.5em; padding:5px 5px 5px 5px; margin:0;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3; text-decoration:none; padding:5px; margin:0;}
.footer a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer a:link { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer a.selected { font:normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3; text-decoration:none; padding:5px; margin:0;}


.footersection {
width:165px;
float:left;
margin: 15px;

}

.widefooter {
float:left;
width:787px;
text-align:center;
color:#b3b3b3;
text-decoration:none;
border:none;

}

.widefooter p { font:normal 8px Arial, Helvetica, sans-serif; color:#b3b3b3; line-height:1.5em; padding:5px 5px 5px 5px; margin:0;}
.widefooter a { font:normal 8px Arial, Helvetica, sans-serif; color:#b3b3b3; text-decoration:none;  margin:0;}
.widefooter a:hover { font:normal 8px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;  margin:0;}
.widefooter a:link { font:normal 8px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;  margin:0;}
.widefooter a.selected { font:normal 8px Arial, Helvetica, sans-serif; color:#b3b3b3; text-decoration:none; margin:0;}

.how-we-work ul li { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#b3b3b3; 
line-height:1.5em;  
margin:0;
list-style-image:url(assets/images/gray-arrow.gif);
}


.footer ul li { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#b3b3b3; 
line-height:1.5em;  
margin:0;
list-style-image:url(assets/images/gray-arrow.gif);
}

#twitter_update_list { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#b3b3b3; 
line-height:1.5em;
margin-left: -30px;
margin-top:-10px;
list-style-type:none;
}

fieldset {
margin:1em 0;
padding: 1em;
border: 1px solid #373737;


}

form {
margin-top:15px;

}

legend {
font-weight: bold;
background:#fff;
}

label {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:block;
font-weight: 200;
line-height:1.5em;
}

input[type="text"]{
width: 250px;

}

.largetextarea {
width: 250px;
height: 65px;

}

input.select {
width: 250px;

}

input:focus, textarea:focus {
background: #fff;
}