@charset "UTF-8";
/* CSS Document for Michael Lewis*/

body {
	color: #000000;
	text-align: center;
	background-color: #666666;
	}
	
#wrapper {
	width: 797px;
	margin-top: 3;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

/* -------------------------------- Topbar/ Header -----------------------------------l */
#topbar {
	width: 797px;
	position: relative;
	background-image: url(graphics/topbar.png);
	background-repeat: no-repeat;
	height: 17px;
	margin: 0px;
	padding: 0px;
	}
	
#header {
	position: relative;
	margin-bottom: 12px;
	text-align: left;
	height: 79px;
	width: 750px;
	margin-left: 17px;
	border: none;
	}	

/* -------------------------------- Content Box -----------------------------------l */
#content {
	background-image: url(graphics/midbar.png);
	background-repeat: repeat-y;
	text-align: left;
	width: 797px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 8px;
	border: none;
	}

.line
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
/* -------------------------------- Text - Main -----------------------------------l */
#text {
	text-align: left;
	width: 725px;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 25px;
	text-indent: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
#text a:link, #text a:visited {
	color: #990000;
	text-decoration: underline;
	}
#text a:hover { color: #333333;}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 6px; 
	}
img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 6px; 
	}

/* -------------------------------- Text - Right -----------------------------------l */

#textr {
	width: 225px;
	float: right;
	padding: 0px;
	text-align: center;
	border: none;
	}

#textrt {
	height: 22px;
	width: 225px;
	background-image: url(graphics/frametop.png);
	}
#textrm {
	background-image: url(graphics/framemid.png);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	padding-right: 22px;
	}
#textrb {
	height: 25px;
	width: 225px;
	background-image: url(graphics/framebott.png);
	}
#texr .img {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

/* -------------------------------- Text - Left -----------------------------------l */

#textl {
	width: 490px;
	text-align: left;
	text-indent: 0px;
	padding-right: 5px;
	}

#textl .img {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#textl td {
	background-position: top;
	vertical-align: top;
	}

/* -------------------------------- Prints Content -----------------------------------l */

#printsc {
	width: 762px;
	padding-left: 3px;
	}

#printsc a:link, a:visited {
	border: none;
	color: #990000;
	text-decoration: none;
	}
#printsc a:hover {
	color: #333333;
	}

#printsc td {
	text-align: center;
	background-position: bottom;
	vertical-align: baseline;
	padding-right: 29px;
	}

#printsc p {
	font-size: .9em;
	}

#printsc h1 {
	font-size: 1em;
	letter-spacing: 0em;
	font-weight: normal;
	}
#printsc h3 {
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-weight: normal;
	padding-bottom: 10px;
	}
#textbox {
	width: 490px;
	padding-left: 23px;
	}

	
/* -------------------------------- Bottom Bar -----------------------------------l */
#bottombar {
	background-image: url(graphics/bottbar.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 797px;	
	}
	
/* -------------------------------- Navigation -----------------------------------l */

.rollover a{
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 6px;
	 }
#gallery a{
     height: 22px; 
     width: 73px; 
     background: url('graphics/gallery.png') no-repeat left top;
	 }
#gallery a:hover{background-position: left -22px;}
	 
#blog a{
     height: 22px; 
     width: 46px; 
     background: url('graphics/blog.png') no-repeat left top;
	 }
#blog a:hover{background-position: left -22px;}	 
	 
#workshops a{
     height: 22px; 
     width: 98px; 
     background: url('graphics/workshops.png') no-repeat left top;
	 }
#workshops a:hover{background-position: left -22px;}		 

#about a{
     height: 22px; 
     width: 135px; 
     background: url('graphics/about.png') no-repeat left top;
	 }
.imgbdr {background-position: left -22px;}	 

#contact a{
     height: 22px; 
     width: 70px; 
     background: url('graphics/contact.png') no-repeat left top;
	 }
#contact a:hover{background-position: left -22px;}	 
	 
	 
#africa a{
     height: 22px; 
     width: 70px; 
     background: url('graphics/africa.png') no-repeat left top;
	 }
#africa a:hover{background-position: left -22px;}	 
	 
#mexico a{
     height: 22px; 
     width: 70px; 
     background: url('graphics/mexico.png') no-repeat left top;
	 }
#mexico  a:link{background-position: left -22px;}	

#people a{
     height: 22px; 
     width: 70px; 
     background: url('graphics/people.png') no-repeat left top;
	 }
#people  a:link{background-position: left -22px;}	

#places a{
     height: 22px; 
     width: 70px; 
     background: url('graphics/places.png') no-repeat left top;
	 }
#places a:hover{background-position: left -22px;}		 
	 
	 
#prints a{
     height: 22px; 
     width: 155px; 
     background: url('graphics/prints.png') no-repeat left top;
	 }
#prints a:hover{background-position: left -22px;}


/* -------------------------------- Text Attributes -----------------------------------l */

h1 {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	}
h2 {
	color: #FFCC33;
	}
	

/* -------------------------------- Gallery -----------------------------------l */

#gallcontent {
	width: 796px;
	margin-top: -5px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding: 0px;
	text-align: left;
	}
	
#flashcontent {
	height: 100%;
	}
.imgbdr {
	border:none;
	padding-bottom: 4px;
}
	
.img {
	border: none;
	}