/*
*	This is the Stylesheet for David Lawrence's Shibari Art Photography...
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color:#ffffff;
}

a {
  outline:none;
  text-decoration: none;
  color: inherit;
}

/*
*	Begin Page Layout...NOTE: the 'Container1' holds all the elements on the page with the exception of the footer...
*/


#Container1 {
	width: 1000px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../assets/contentback.jpg);
	background-repeat: repeat-y; 
	border:thin solid #000000;
	overflow: hidden;
}

#IndexContainer {
	width: 1000px;
	height: 600px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border:thin solid #000000;
	overflow: hidden;
}

#BlkSpacer30px {
	width: 1000px;
	height: 30px;
	margin-top: 75px;
	background-image: url(../assets/blkspacer30px.jpg);

}

.Text3 {
	width: 700px;
	float: left;
	margin-top: 40px;
	margin-left: 150px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}
	

/*
*	Header Section...
*/

#Header {
	width: 1000px;
	height:	75px;
	float: left;
	margin-left: 0px;
	background-image:url(../assets/pagetitle.jpg);
}

#PageSlideShow {
	width: 1000px;
	height: 133;
	margin-left: auto;
	margin-right: auto;
}

#pageslide01 {
	width: 200px;
	height: 133px;
	margin-left: 0px;
	float: left;
	background-image: url(../slideshows/pageslide01.swf);
}

#pageslide02 {
	width: 200px;
	height: 133px;
	margin-left: 0px;
	float: left;
	background-image: url(../slideshows/pageslide02.swf);
}

#pageslide03 {
	width: 200px;
	height: 133px;
	margin-left: 0px;
	float: left;
	background-image: url(../slideshows/pageslide03.swf);
}

#pageslide04 {
	width: 200px;
	height: 133px;
	margin-left: 0px;
	float: left;
	background-image: url(../slideshows/pageslide04.swf);
}

#pageslide05 {
	width: 200px;
	height: 133px;
	margin-left: 0px;
	float: left;
	background-image: url(../slideshows/pageslide05.swf);
}

#Container2 {
	width: 1000px;
}

#Container3 {
	width: 1000px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #000000;
	background-color:#000000;
}

#FooterText {
	width: 1000px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}

/*
*	Begin Top Menu Bar...
*/
#Container4 {
	width: 1000px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#Menu {
	width: 800px;
	height: 40px;
	float: right;
	background-image: url(../assets/topmenuback.jpg);
}

#MenuText {
	float: left;
	text-align:center;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	font-size: 10px;
	padding: 2px;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#MenuText ul {
    display:block;

}

#MenuText ul li {
	display:block;
	color:	#ffffff;
	float: left;
	padding: 5px;
}

#MenuText ul li a.bio {
	padding-right: 2px;
}
#MenuText ul li a.bio:hover {
	color:#CCCCCC;
}

#MenuText ul li a.services {
	padding-right: 2px;
}
#MenuText ul li a.services:hover {
	color:#CCCCCC;
}

#MenuText ul li a.workshops {
	padding-right: 2px;
}
#MenuText ul li a.workshops:hover {
	color:#CCCCCC;
}

#MenuText ul li a.books {
	padding-right: 2px;
}
#MenuText ul li a.books:hover {
	color:#CCCCCC;
}

#MenuText ul li a.events {
	padding-right: 2px;
}
#MenuText ul li a.events:hover {
	color:#CCCCCC;
}

#MenuText ul li a.printsale {
	padding-right: 2px;
}
#MenuText ul li a.printsale:hover {
	color:#d5c39b;
}

#MenuText ul li a.modelcall {
	padding-right: 2px;
}
#MenuText ul li a.modelcall:hover {
	color:#CCCCCC;
}

#MenuText ul li a.links {
	padding-right: 2px;
}
#MenuText ul li a.links:hover {
	color:#CCCCCC;
}

#MenuText ul li a.contact {
	padding-right: 2px;
}
#MenuText ul li a.contact:hover {
	color:#CCCCCC;
}

#MenuText ul li a.blog {
	padding-right: 2px;
}
#MenuText ul li a.blog:hover {
	color:#CCCCCC;
	
}

/*	BEGIN Side Menu...*/

#SideMenu {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	float: left;
	clear: both;
}

#SideMenuText  {
    width: 200px;
	text-align:left;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color: #ffffff;
	float: left;
}

#SideMenuText  ul {
	width: 180px;
	margin-left: 20px;
	padding: 0px;
}

#SideMenuText {
	display:block;
	color: #ffffff;
}

#SideMenuText  li {
	width: 180px;
	display:block;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
}

#SideImage {
	width: 62px;
	height: 75px;
	margin-top: 410px;
	margin-left:auto;
	margin-right:auto;
/*	margin-left: 58px; */
/*	clear: both; */
	background-image: url(../assets/cameralogo.jpg);
	background-repeat:no-repeat;

}

#SideImage100 {
	width: 100px;
	height: 150px;
	margin-top: 20x;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;

}
	

/*
*	Begin Side Menu Weddings...
*/
#SideMenuText li a.reBOUND {
}

#SideMenuText li a.reBOUND:hover {
	color: #cccccc;
}

#SideMenuText  li a.BOUND {
}

#SideMenuText  li a.BOUND:hover {
	color:#cccccc;
}

#SideMenuText  li a.phaseIII {
}

#SideMenuText  li a.phaseIII:hover {
	color:#cccccc;
}

#SideMenuText  li a.CityLights {
}

#SideMenuText  li a.CityLights:hover {
	color:#cccccc;
}

#SideMenuText  li a.MensProject {
}

#SideMenuText  li a.MensProject:hover {
	color:#cccccc;
}

#SideMenuText  li a.FemaleNudes {
}

#SideMenuText  li a.FemaleNudes:hover {
	color:#cccccc;
}

#SideMenuText  li a.GlamourFetish {
}

#SideMenuText  li a.GlamourFetish:hover {
	color:#cccccc;
}

#SideMenuText  li a.PhaseII {
}

#SideMenuText  li a.PhaseII:hover {
	color:#cccccc;
}

#SideMenuText  li a.PhaseI {
}

#SideMenuText  li a.PhaseI:hover {
	color:#cccccc;
}

#SideMenuText  li a.Menagerie {
}

#SideMenuText  li a.Menagerie:hover {
	color:#cccccc;
}

#SideMenuText  li a.Banners:hover {
	color:#cccccc;
}

/*
*	DO NOT CHANGE ANYTHING ABOVE THIS POINT...
*/


/*	BEGIN Text Pages Here...*/

#TextContainer  {
	width: 700px;
	float: left;
	margin-left: 50px;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

/*	clear: both; */
	margin-bottom: 25px;
}

.Text {
	width: 700px;
	margin-top: 15px;
	float:left;
/*	margin-left: 50px; */
	margin-right: auto;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.ContactFormText {
	width: 700px;
	margin-top: 25px;
	float:left;
	margin-left: 50px;
	margin-right: auto;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.ContainerBooks {
	width: 700px;
	height: 300px;
	margin-top: 25px;
}

.Image200px {
	width: 200px;
	float: left;
/*	clear: both; */
}

.Text2 {
	width: 400px;
	Float: left;
	margin-left: 25px;
	margin-top: 15px;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.Image200px2 {
	width: 200px;
	margin-top: 40px;
	margin-left: 25px;
	float: left;
}
.Text4 {
	width: 400px;
	Float: left;
	margin-left: 25px;
	margin-top: 0px;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.ImageContainer {
	width: 700px;
	float: left;
	margin-left: 0px;
}
.Image225px {
	width: 225px;
	margin-top: 20px;
	margin-bottom: 5px;
	float: left;
	margin-left: 5px;
}

#VariableImage {
	width: auto;
	float: left;
	margin-left: 50px;
}

.linksimage {
	width: auto;
	float: left; 
	margin-top: 10px;
	margin-left: 125px;
	margin-right: auto;
}

/*	BEGIN Slideshow Pages...

/*
*	All Pages that contain slide shows will use this Slide Container...
*/

#SlideContainer {
 	width: 700px;  
	float: left;
	margin-right: 25px;
	margin-left: 25px;  
	margin-right: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}

/*	Slide Show Container 1...for use with all slide shows that are 600px x400px*/

#SlideshowContainer1 {
	width: 600px;
	height: 450px;
	Float: right;
	margin-right:50px;
	margin-top: 50px; 
	margin-bottom: 30px;
	clear: both;
}

/* SlideshowContainer2 is for use with the albums ONLY!*/
#SlideshowContainer2 {
	width: 600px;
	height: 450px;
	Float: right;
	margin-right:50px;  
/*	margin-left: 50px;   */
	margin-top: 50px;  
	margin-bottom: 30px;
	clear: both;
}

#SlideNav {
	width: 500px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}	

#BookPurchaseContainer {
	width:	700px;
	height: 250px;
	margin-top: 40px;
/*	float:right; */
	margin-left: 30px;
	margin-right: 5px;
}
	

#reBOUNDBuy {
	width:	200px;
/*	height: 73px; */
	margin-right: 10px;
	margin-left: 125px;
	float:left;
}


#AmazonPurchase {
	width:	120px;
	height: 240px;
	clear: right;
	margin-right: 150px;
	margin-left: 50px;
	float:right;
}

.adlinetext {
	width: 700px;
	height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 15px;
	
}

#SocialMedieContainer1 {
	width:	700px;
/*	height: 400px; */
	margin-top: 125px;
	float:left; 
/*	margin-left: 20px; */

}

.twitterfeed {
	width: 300px;
	height: auto;
	margin-left: 0px;
	float: left;
	margin-top: 15px;
}

.facebook-reco {
	width: 300px;
	height: auto;
	clear: right;
	float: right;
	margin-left: 20px;
	margin-right: 0px;
	
}


#SocialMediaTop  {
	width: 700px;
	height: 25px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;

}

#FaceBook_Like  {
	width: 400px;
	height: 25px;
	clear: right;
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;

}

#TweetButton  {
	width: 50px;
	height: 25px;
/*	clear: right;  */
	float: right;
	margin-right: 25px;
/*	margin-left: 10px;  */
/*	margin-bottom: 10px;  */

}

#twitterfollow {
	width: 190px;
	margin-left:auto;
	margin-right:auto;
	
}

/*BANNERS PAGE */
.BannerContainer {
	width: 700px;
	float: left;
	margin-left: 0px;
}

.banner350 {
	width: 350px;
	float: left;
	margin-left: 0px;
}

.banner350right {
	width: 350px;
	float: right;
	margin-right: 0px;
}

.banner300left {
	width: 300px;
	float: left;
	margin-left: 0px;
}

.banner300right {
	width: 300px;
	float: right;
	margin-right: 0px;
}

.banner250left {
	width: 250px;
	float: left;
	margin-left: 0px;
}

.banner250right {
	width: 250px;
	float: right;
	margin-right: 50px;
}

.banner200left {
	width: 200px;
	float: left;
	margin-left: 25px;
}

.banner200right {
	width: 200px;
	float: right;
	margin-right: 100px;
}

.banner150left {
	width: 150px;
	float: left;
	margin-left: 25px;
}

.banner150right {
	width: 150px;
	float: right;
	margin-right: 100px;
}




