@charset "UTF-8";
/* CSS Document */
/* Global style chages */

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

a img, a{
	border:none;
	-moz-outline:none;
}

/* Super size styling */
#supersize{
	position:fixed;
	z-index:0;
	}

#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		



/*General page layout styles*/

body {
	padding:0px;
	margin:0px;
	color:#999999;
	font-family: Century Gothic, sans-serif;
	font-size:10px;
	overflow:hidden;
}

#bodyContainer {
	padding:0px;
	margin:0px auto;
	background-repeat:no-repeat;
	z-index:4;
	position:absolute;
	width:100%;
}

#pageContainer {
	background-image:url(img/menubar.png);
	background-repeat:repeat-x;
}

#mainContainer {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}
	
#coverContainer {
	position:absolute;
	height:100%;
	width:100%;
	background-image:url(img/invisible.png);
	z-index:3;
	}
	
#contentContainer {
	margin-top:100px;
	text-align:center;
	}
	
/* Contact Table Styles */

table {
	background-image:url(img/contentbox.png);
	border:1px solid #666666;
	text-align:center;
	width:100%;
	padding-left:10%;
	padding-right:10%;
	}
	
th {
	height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	font-stretch:ultra-condensed;
	color:#FFFFFF;
	font-size:16px;
}

table, td {
	font-size:13px;
}

table, a:link, a:visited {
		text-decoration:none;
}



/*Header and Menu Styles */

#header {
	height:87px;
}

#header h1 {
	background-image:url(img/austinmshaffercopy.png);
	height:60px;
	width:522px;
	text-indent:-9999px;
}

ul#menu{
	list-style-type:none;
}

ul#menu li {
	list-style-type:none;
	float:left;
}

ul#menu li a{
	display:block;
	text-indent:-9999px;
	background-position:top;
	}
	
ul#menu li a:hover{
	background-position:bottom;
	}
	


ul#menu li a.portrait {background-image:url(img/portrait.png); height:23px; width:102px;}
ul#menu li a.nature {background-image:url(img/nature.png); height:23px; width:108px;}
ul#menu li a.music {background-image:url(img/music.png); height:23px; width:68px;}
ul#menu li a.personal {background-image:url(img/personal.png); height:23px; width:103px;}
ul#menu li a.news {background-image:url(img/news.png); height:23px; width:61px;}
ul#menu li a.contact {background-image:url(img/contact.png); height:23px; width:80px;}


/* Menu roll over CSS */

ul#menu li ul{
	background-image:url(img/contentbox.png);
	display:none;
	list-style-type:none;
	}

ul#menu li ul li{
	display:block;
	float:none;
	text-align:center;
	padding-bottom:5px;
	}

ul#menu li ul li a{
	display:block;
	text-decoration:none;
	float:none;
	text-indent:0px;
	}
	
ul#menu li ul li a:hover{
	color:#FFFFFF;
	}
	
a:visited {
	color:#666666;
}

a:link {
	color:#999999;
}

ul#menu li:hover ul{
	display:block;
	}


/* Content styles */

#footer {
}		

/*Slide show CSS */

#content{
	margin:0px auto;
	height:21px;
	width:100%;
	bottom:10%;
	z-index: 5;
	background-image:url(img/invisible.png) no-repeat 90%;
	border:none;
	position:absolute;
}

#contentframe{
	overflow:visible;
	border:none;
	height: 100%;
	text-align:left;
	z-index: 5;
	width:900px;
	margin:0px auto;
	}
#slidecounter{
	background-image:url(img/contentboxa.png);
	color:#ffffff;
	font:50px Century Gothic, sans-serif;
	height:55px;
	width:58px;
}
#slidecaption{
	overflow: hidden;
	float:right;
	color:#FFF;
	font:26px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:33px 0;
}

#navigation{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:transparent url(img/contentbox.png) repeat scroll 0 0;
	border-left:1px solid white;
	border-right:1px solid white;
	border-top:1px solid white;
	float:left;
	margin:0 auto;
	padding:10px 20px;
	z-index:11;
}

#navigation img{
	padding:10px;
	}
#loading {
	position:inherit;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}