/* Main Style Sheet for Bobbette & Belle */

/* Bobbette and Belle - Media Galleries Styles */

.media_list {
	list-style-type: none;
	width: 300px;
	float: left;
	position: relative;
	left: -9px;
}

.media_list li {
	width: 300px;
}

.media_list li a {
	display: block;
	color: #555555;
	padding-left: 10px;
	margin-bottom: 4px;
	line-height: 20px;
	/*text-decoration: none; */
	font-size:9pt;
}

.media_list li a:hover {
	color: #bac349;
} 

#media_viewer {
	width: 585px;
	position: relative;
	top: -30px;
	right: 6px;
	float: right;
	padding-right: 40px;
} 


#media_viewer h5 {
	padding-top: 20px;
	padding-bottom: 20px;
} 

#media_viewer .author {
	display: block;
	font-size: 11pt;
	text-indent: 30px;
}

#media_viewer .page_nav {
	position: absolute;
	top: 400px;
	right: -8px;
}

#media_viewer .page_nav {
	list-style-type: none;
}

#media_viewer .page_nav li {
	display: inline;
	line-height: 25px;
	float: left;	
	padding-right: 6px;	
}

#media_viewer .page_nav li a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	width: 25px;
	background: url(../images/page_bg2.gif);
	text-align: center;
	text-decoration: none;
	color: #555555;
	background-position: top;
	overflow: hidden;
}

#media_viewer .page_nav li a:hover {
	background-position: bottom;
}

#media1, #media2, #media3, #media3b, #media4, #media5, #media6, #media7, #media8, #media8b, #media9, #media10, #media11, #media12, #media12b, #media13 {
	display: none;
}

#media1 {
	padding-left: 25px;
}

#media1 .logo {
	position: absolute;
	top: 10px;
	right: 20px;
}

#media1 .img1 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#media1 h4 {
	padding-top: 30px;
}

#media2 {
	padding-left: 45px;
}

#media2 .logo {
	position: absolute;
	top: 45px;
	right: 30px;
}

#media2 .img1 {
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 6px;
}

#media2 p {
	padding-top: 10px;
	padding-left: 240px;
}

#media2 h4 {
	padding-left: 240px;
}

#media2 h5 {
	padding-left: 240px;
	padding-bottom: 10px;
}

#media3 {
	padding-left: 100px;
}

#media3 .logo {
	position: absolute;
	top: 70px;
	right: 103px;
}

#media3 h4 {
	padding-top: 20px;
}

#media3 .img1 {
	float: left;
}

#media3 .page_nav .p1 a {
	background-position: bottom;
}


#media3b {
	padding-left: 170px;
}

#media3b .page_nav .p2 a {
	background-position: bottom;
}

#media4 {
	padding-left: 87px;
	padding-top: 50px;
}

#media4 .logo {
	position: absolute;
	top: 58px;
	right: 72px;
}

#media4 .img1 {
	padding-left: 70px;
}

#media5 .logo {
	position: absolute;
	top: 10px;
	left: 0px;
}

#media5 .img {
	float: left;
}

#media5 h4 {
	padding-top: 30px;
	text-indent: 80px;
}

#media5 h5 {
	padding-bottom: 20px;
	padding-left: 80px;
}

#media5 p {
	width: 220px;
	position: absolute;
	top: 115px;
	right: -10px;
}

#media6 {
	padding-top: 35px;
	padding-left: 40px;
}

#media6 .logo {
 	padding-left: 45px; 
	padding-top: 20px;
 }

#media6 h4, #media6 p {
	padding-left: 310px;
}

#media6 .img1 {
	float: left;
}

#media7 {
	padding-left: 30px;
}

#media7 .logo {
	z-index: 51;
	padding-top: 10px;
	padding-bottom: 10px;
}

#media7 .img1 {
	position: absolute;
	top: 110px;
	right: 10px;
	z-index: 50;
}

#media7 h5 {
	padding-bottom: 10px;
	z-index: 51;
}

#media7 p {
	padding-top: 10px;
	width: 300px;
}

#media8 {
	padding-top: 30px;
	padding-left: 20px;
	position: absolute;
	top: 30px;
	right: -10px;
}

#media8 .logo {
	position: absolute;
	top: 0;
	right: 0;
}

#media8 h4 {
	position: absolute;
	top: 5px;
	left: 0px;
}


#media8 .img1 {
	position: absolute;
	top: 50px;
	left: 0px;
}

#media8 p {
	padding-top: 30px;
	width: 180px;
	padding-left: 400px; 
	
}

#media8 .page_nav {
	postion: absolute;
	right: 0px;
	top: 370px;
}

#media8 .page_nav .p1 a {
	background-position: bottom;
}

#media8b {
	padding-top: 70px;
	padding-left: 100px;
}

#media8b .page_nav .p2 a {
	background-position: bottom;
}

#media9 {
	padding-left: 40px;
}

#media9 .img1 {
	float: left;
	padding-right: 15px;
}

#media9 .logo {
	position: absolute;
	top: 100px;
	right: 20px;
}

#media9 h4 {
	padding-top: 10px;
}

#media9 h5 {
	padding-bottom: 0px;
}

#media9 p {
	padding-top: 10px;
}

#media10 {
	padding-top: 20px;
	padding-left: 40px;
}

#media10 h4, #media10 h5, #media10 .byline {
	padding-left: 350px;
}

#media10 .img1 {
	float: left;
}

#media10 .logo {
	float: right;
	position: relative;
	right: -30px;
}

#media10 p {
	padding-top: 15px;
}

#media11 {
	width: 583px;
	height: 410px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 10px;
	overflow-y: scroll;
	position: absolute;
	right: -10px;
	top: 0;
}

#media11 .logo {
	position: absolute;
	top: 50px;
	right: 30px;
}

#media11 h5 {
	padding-bottom: 0px;
}

#media11 p {
	padding-top: 10px;
}

#media12 {
	width: 630px;
	position: absolute;
	top: 0;
	right: -15px;
}

#media12 .logo {
	position: absolute;
	top: 0;
	left: 400px;
}

#media12 p {
	padding-top: 10px;
}

#media12 .img2, #media12 .img3 {
	float: left;
	padding-right: 10px;
}

#media12 h4 {
	width: 215px;
	position: absolute;
	right: 10px;
	top: 60px;
}

#media12 .byline {
	width: 215px;
	position: absolute;
	right: 10px;
	top: 130px;
}

#media12 h5 {
	width: 215px;
	position: absolute;
	right: 10px;
	top: 190px;
}

#media12 .story {
	padding-top: 10px;
	padding-top: 300px;
}

#media12 .page_nav .p1 a {
	background-position: bottom;
}

#media12b {
	padding-left: 29px;
}

* html #media12b {
	position: absolute;
	top: 0px;
	right: 0px;
}

#media13 {
	width: 583px;
	height: 410px;
	position: absolute;
	top: 0;
	right: -10px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 10px;
	overflow-y: scroll;
}

#media13 .logo {
	float: right;
}

#media13 h4 {
	width: 400px;
}

#media13 .byline {
	padding-top: 20px;
}

#media13 .img1 {
	float: right;
}

#media13 h5 {
	padding-bottom: 0px;
}

#media1  {
	display: block;
} 

/* IE6 hacks */

#media11 {
	/* padding-right: 0;
	width: 500px;	*/
}