html, body 	{	background: #000; color: #888; margin: 0; padding: 0;
				font-family: Georgia, Times New Roman, serif; 
				background: url(/images/gregg-roth-site-bg.jpg) top center;
			}

/*
 * Default styles
 */
h1, h2, h3, 
h4, h5, h6 	{
				color: #241f17; font-weight: bold;
			}

h1			{ font-size: 30px; line-height: 45px; }
h2			{ font-size: 24px; line-height: 36px; border: none; }
h3			{ font-size: 20px; line-height: 30px; }
h4			{ font-size: 18px; line-height: 27px; }
h5			{ font-size: 14px; line-height: 21px; }
h6			{ font-size: 10px; line-height: 15px;}

h1 { margin-top: 0; }

a, a:link,
a:visited 	{ color: #241f17; }
a:active,
a:hover		{ color: #f0e3cf; }	

object, embed { border: none; outline: none; }

.success    {   display: block; background: #588063; width: 380px; padding: 10px; margin: 15px 2px 15px 2px; 
                border: 1px #b4d4bd solid;  color: #b4d4bd; }
.error      {   display: block; background: #642c2c; width: 380px; padding: 10px; margin: 15px 2px 15px 2px; 
                border: 1px #bf8989 solid;  color: #bf8989; }

.success *  { color: #b4d4bd; }   
.error *    { color: #bf8989; }
                
.success a:link,
.success a:hover,
.success a:active,
.success a:visited,
.error a:link,
.error a:hover,
.error a:active,
.error a:visited { color: #fff; }

a.add   {   color: #b4d4bd; font-weight: bold; display; block; padding: 5px; border: 1px #b4d4bd solid; background: #588063; 
            text-decoration: none;  }

/*
 * Structure
 */

.container 	{ 	width: 942px; margin: 0 auto 0 auto; padding: 0; 
				background: #826e54 url(/images/content-tile-2.jpg) top left repeat-y; color: #241f17;
				text-align: left; border: 0px;  
			}

.innerContainer
			{ 	background: url(/images/body-top.jpg) top left no-repeat; display block;
				padding-bottom: 0;
			}			
			
.header		{ 	width: 942px; height: 111px; position: relative; padding: 0; margin: 0; 
			}

#content 	{ 	width: 882px; padding: 8px 30px 8px 30px; position: relative;
			}	

.footer 	{ 	width: 942px; height: 39px; position: relative;clear: both; float: none;
				background: url(../images/footer-bg.jpg) bottom left no-repeat; margin-bottom: 0;   
			}

/*
 * header
 */
.header h1	{ 	position: absolute; top: 0; left: 0; height: 107px; width: 283px; display: block; 
				overflow: hidden; margin-top: 0; 
			}
			
.header h1 a
			{ 	font-size: 0px; line-height: 0px; display: block; width: 1000px; height: 107px; 
				position: relative; left: -700px; display: block; }
				
.navigation	{	
				position: absolute; top: 92px; right: 14px; height: 16px; width: 400px; 	
			}
			
.navigation	ul
			{  
				display: block; list-style: none; margin: 0; padding: 0;
			}
.navigation ul li
			{
				display: block; float: right; margin: 0 2px 0 3px; 
			}
            
			
			
/* Photo section */
#photo 		
{ width: 883px; padding: 0;  background: #000; text-align: center; }

#photo img
{ margin: 0; padding: 0; }

.photoTitle
{ text-align: center; padding: 10px 0 3px 0; }

.photoTitle h2
{ 	font-size: 12px; font-weight: normal; border-top: 1px; display: inline; padding-top: 2px; padding-bottom: 2px;  
	border-top: 1px #7a6a53 solid; border-bottom: 1px #7a6a53 solid; text-transform: uppercase;  }
			
/* Footer */
.footer #previousButton 
			{ position: absolute; top: 0; left: 12px; display: block; width: 116px; text-decoration: none;}
.footer #nextButton 
			{ position: absolute; top: 0; right: 12px; }
#nextButton a,
#nextButton a:link,
#nextButton a:hover,
#previousButton a,
#previousButton a:link,
#previousButton a:hover { text-decoration: none; line-height: 0; }

#nextButton a img,
#previousButton a img { margin: 0; padding: 0; }

#nextButton a:hover img.arrow 
			{ position: relative; left: 5px; }
#previousButton a:hover img.arrow 
			{ position: relative; right: 5px; }
.footer #pagination 
			{ width: 460px; margin: 0 auto 0 auto; text-align: center; }
#pagination ul 
			{ list-style: none; display: inline; margin: 0; padding: 10px 0 0 0;  }
#pagination ul li 
			{ display: inline; padding: 2px; margin: 0; width: 12px; font-size: 12px;  }
#pagination ul li a:hover 
			{ text-decoration: overline underline; color: #000; }
#paginator 	{ position: relative; top: 2px; }
#viewall 	{ padding-top: 10px;  }

ul#photolist
{ list-style: none; margin: 0; }

ul#photolist li 
{   display: block; margin: 2px 0 2px 0; padding: 10px; border-top: 1px #d0c8be solid; border-bottom: 1px #35312a solid; 
    border-right: 1px #796d59 solid; border-left: 1px #796d59 solid; clear: both; float: none; list-style: none;    
}

ul#photolist .thumb
{ 	width: 100px; height: 100px; padding: 2px; border: 1px #ece9e5 solid; background: #6b665f; float: left;
	text-align: center; display: table-cell; vertical-align: middle;}

ul#photolist .thumb a
{ text-align: center; display: inline-block; veritcal-align: middle;  }

ul#photolist .photoListTitle
{ display block; padding: 10px; float: left; text-align: left;  }

ul#photolist .photoListTitle h5
{ font-size: 14px; width: 650px; padding-left: 10px; clear: left; float: none; }

ul#photolist .photoListTitle p
{ clear: left; float: none; text-align: left; padding-left: 10px; }

ul#photolist .alt
{ background: #a48f72; }




			
/* Enhancements */
#preloader { font-size: 0; line-height: 0; display: none; }
#preloader * { display: none; }


/* Forms */
input, textarea  { display: block; }
.input input,
.input textarea           { width: 400px; padding: 10px; font-size: 12px; }
.photo_title  input  { font-size: 16px; font-weight: bold;  width: 400px; }
.input { margin: 10px 0 10px 0; }
label { font-size: 10px; font-weight: 11px; padding: 5px 0 5px 0; display: block; font-family: Helvetica, Arial, Verdana, sans-serif; }

/* Utils */
.clr { width: 100%; float: none; clear: both; display: block; font-size: 0; line-height: 0; }


/* content pages */
.contentcontainer { margin: 0 75px 0 75px; }


/* thumblist (viewall) */
#thumblist 		{ 	list-style: none; margin: none;  }
#thumblist li 	{ 	list-style: none; margin: 4px; float: left; height: 112px; width: 112px; 
					text-align: center; }
#thumblist li a { 	display: block; height: 100px; width:100px; text-align: center; padding: 6px; background: none;
					border: none; }
#thumblist li a:hover
				{	background: url(/images/thumb-hover.jpg) top left no-repeat; }
#thumblist li a table
				{ 	height: 100px; width: 100px; background: #000; }
#thumblist table td { vertical-align: middle; }	

.lo_clear { font-size: 1px; line-height: 1px; height: 1px; margin: 0; padding: 0;}