@charset "utf-8";
/* CSS Document */

/* hide from ie on mac \*/
html {
	height: 100%;
}
#flashcontent {
	height: 100%;
}
/* end hide */
/*********** jjfotos.com CSS ***********/
html, body {
	width: 100%;
	height: 100%; /* Needed for #container min-height */
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	color:#FFF;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-attachment: scroll;
	background-color: #000;
	background-image: url(http://static.jjfotos.com/images/background_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a:link,a:visited {
	color:#feed06;
	outline:none;
	text-decoration: underline;
	outline:none;
}
a:hover,a:active {
	color:#FFF;
	outline:none;
	text-decoration: underline;
	outline:none;
}
p {
	padding:0 5px 10px 0;
}
img {
	border:none;
	margin:0;
	padding:0;
}
div.clear {
	clear:both;
	height:1px;
}

/*********** Page container ***********/
#container {
	width: 800px;
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header {
	height: 73px;
	width: 800px;
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	background-attachment: scroll;
}
#main {
	width: 800px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
}
#footer {
	height:40px;
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	width:880px;
	clear:both;
	padding-top:30px;
	margin-left:45px;
	color:#666;
}
.content {
	margin-left:35px;
	margin-right:35px;
}
/*********** Header logo ***********/
h1#logo {
	height:69px;
	width:349px;
	padding:0;
	background-attachment: scroll;
	background-image: url(http://static.jjfotos.com/images/header_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
h1#logo a {
	text-indent: -9999px;
	height: 69px;
	width: 349px;
	margin: 0;
	padding: 0;
	z-index: 2;
	display:block;
	text-align:left;
}
div#tagline {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	text-align:left;
	width:218px;
	float:left;
	color:#FFF;
	padding-top:10px;
	padding-left:10px;
}
div#tagline span {
	font-style:italic;
	font-weight:bold;
	color:#ed4404;
}
div#tagline a:link, div#info a:visited {
	color:#FFF;
	text-decoration:none;
}
div#tagline a:hover, div#info a:active {
	text-decoration:underline;
	color: #999;
}

/*********** Navigation ***********/
#nav {
	width:800px;
	height: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul#nav_container {
	color:#CCC;
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	font-size:22px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	border:0;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
ul#nav_container li {
	float: left;
	padding-right:20px;
}

ul#nav_container li a:link, ul#nav_container li a:visited {
	color:#CCC;
	text-decoration:none;
}
ul#nav_container li a:hover, ul#nav_container li a:active {
	color:#FFF;
	text-decoration:underline;
}
ul#nav_container li.selected a:link, ul#nav_container li.selected a:visited, ul#nav_container li.selected a:hover, ul#nav_container li.selected a:active {
	color:#feed06;
	font-weight: bolder;
}
/*********** Home ***********/
img#rotator {
	border: 20px solid #FFF;
}

/*********** Photo Galleries ***********/

div#photogallery {
	width:625px;
	height:500px;
	float:left;
}
div#moreinfo {
	padding-top:100px;
	width:175px;
	float:left;
	font-size:12px;
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	color:#CCC;
}
div#moreinfo span {
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
div#moreinfo h2 {
}
.senior_girls div#moreinfo span {
	color:#9cc556;
}
.senior_guys div#moreinfo span {
	color:#ed4404;
}

/*********** About ***********/
div.about {
	font-size:14px;
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	color:#CCC;
}
div.about span {
	font-weight:bold;
	color:#a41114;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/*********** Floating Image ***********/
div.contact div#image, div.about div#image {
	float:right;
	margin-left:10px;
	width:340px;
}
div.contact div#image img, div.about div#image img {
	border: 20px solid #FFF;
}
div.contact div#image p, div.about div#image p {
	text-align:center;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;
	font-size:12px;
}