/* CSS Document */
html, body {
	margin:0px auto;
	padding:0;
	background: url(../images/photo-background.jpg) repeat fixed #ccc;
}
body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, sans-serif;

	color: #444;
	font-size: 75%;

}
a{
	color: #27D;
	text-decoration: underline;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p {
	line-height: 1.5em;
}
li {
	line-height: 1.8em;
}
h1, h2,h3 {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	margin: 0;
line-height: 1.4em;
}
h1 {
	padding: 0;
	font-size:3em;
	color: #333;
	
}
h2 {
	padding-top: 10px;
	font-size:2em;
	
}

h3 {
	padding-top: 10px;
	font-size:1.4em;
	
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
}
div#page {
	margin: 0px auto 20px;
	
}

div#splash {

	margin: 60px 0px 60px 0px;
	background: #999 url(../images/tinas-photographic-samples.jpg) no-repeat  50% top;
	height:240px;
	width:100%;
}


div#container {
margin:30px auto 30px;
	width: 100%;



	}
	


div#blurb {

margin: 10px 0px 20px 0px;
background:#CCC;
padding: 10px;
border:1px solid #999;
font-size:130%;
line-height:1.3em;
clear: both;
}
div#blurb img {

float:left;
padding-right:10px;

}

.blurbtext {
display:inline;

}


div#footer {
font-size:95%;
	clear: both;
	color: #666;
	margin: 0px auto;
	padding: 15px 0 15px 0px;
	text-align: center;
background:#999;

}
div#footer a{
	color: #000;
	text-decoration: underline;
}
div#galleryholder {
}
div#logo {
text-align:center;
margin:0px auto;
background:#d1d1d1;
}
div#galleryholder a img {
margin:3px;
border: 3px solid #eee;
}


div#header {
font-size:130%;
font-family: Calibri, Helvetica, Arial, sans-serif;
margin:0px auto;
padding-top:10px;
}

div#headerbg {
width: 100%;
background:#999;
margin:0px auto ;
text-align:center;

}


#textpage{
margin:0px auto;
width:640px;
font-size:1.1em;

min-height:250px;
}

#left-col{
margin:30px auto;


}

.quote{
width:300px;
margin:0px auto;
font-size:1.5em;
padding-top: 20px;
text-align:center;
font-family: Calibri, Helvetica, Arial, sans-serif;
}



#menu {
width:553px;
font-size:1.1em;
padding: 0px;
font-family: Calibri, Helvetica, Arial, sans-serif;
}

#menu ul {
list-style: none;
padding:0px;
margin: 0px;

}

#menu li {
float:left;
display:block;

margin-right:1px;
	text-indent:-9999px;
background:#999;
}

#menu li.commercial a {
display:block;
width:112px;
height:33px;
background: transparent url(../images/commmercial.jpg) 0px -66px;
}

#menu li.home a {
display:block;
width:77px;
height:33px;
background: transparent url(../images/home.jpg) 0px -66px;
}

#menu li.weddings a {
display:block;
width:100px;
height:33px;
background: transparent url(../images/weddings.jpg) 0px -66px;
}
#menu li.portraits a {
display:block;
width:90px;
height:33px;
background: transparent url(../images/portraits.jpg) 0px -66px;
}
#menu li.stuff a {
display:block;
width:81px;
height:33px;
background: transparent url(../images/stuff.jpg) 0px -66px;
}
#menu li.about a {
display:block;
width:86px;
height:33px;
background: transparent url(../images/about.jpg) 0px -66px;
}


#menu li a:hover {
background-position:0px -33px;

}
#menu li.active a,#menu li.active a:active,#menu li.active a:hover,#menu li.active a:focus {
background-position:0px 0px;
}
#menu #selected a {
background-position:0px 0px;

}