/* CSS Document 

	Designed & Developed by : Amanda Klausmeier
			hello [AT] amandaklausmeier [DOT] com
			www.amandaklausmeier.com
			
*/

/* RESETS & BASIC PAGE SETUP */
body {
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #42260E;
	}
	
div#page-wrap { width: 923px; margin: 0 auto; }	
	
ul { list-style: none; text-align:center; }
p { 1.4em; line-height: 1.4em; margin-bottom: font-family:Arial, Helvetica, sans-serif; 1.2em; color: #42260E }
a { outline: none; }
a img { border: none; }
a:link {
	color: #42260E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #42260E;
}
a:hover {
	text-decoration: underline;
	color: #a7b9c2;
}
a:active {
	text-decoration: none;
	color: #42260E;
}


h1 { font-size:2.5em; 
       font-family: 'Dancing Script', serif;
       font-style: normal;
       font-weight: 400;
       color: #42260E }

h2 { font-size:1.25em; font-family:Arial, Helvetica, sans-serif; color: #42260E }

/*END RESET */


/* TOOLBOX */
.floatleft {float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE */
#header {
	height: 340px;
	background: url(/images/header.gif) no-repeat;
	padding-left: 50px;
	}
			
ul#nav, {
	list-style: none;
   	}
	
	ul#nav li {
		display: inline;
		text-align: center;
		}
		
		ul#nav li a {
			display: block;
			height: 36px;
			text-indent: -9999px;
			float: left;
			margin-top: 220px;
   			}
		
		ul#nav li.home a {
			width: 84px;
			background: url(/images/nav_home.jpg) no-repeat;
		}
	
		ul#nav li.work a {
			width: 95px;
			background: url(/images/nav_work.jpg) no-repeat;
		}
		
		ul#nav li.order a {
			width: 120px;
			background: url(/images/nav_order.jpg) no-repeat;
		}
		
		ul#nav li.blog a {
			width: 58px;
			background: url(/images/nav_blog.jpg) no-repeat;
		}
		
		ul#nav li.accolades a {
			width: 93px;
			background: url(/images/nav_accolades.jpg) no-repeat;
		}
		
		ul#nav li.vendors a {
			width: 80px;
			background: url(/images/nav_vendors.jpg) no-repeat;
		}
		
		ul#nav li.about a {
			width: 88px;
			background: url(/images/nav_about.jpg) no-repeat;
		}
		
		ul#nav li.contact a {
			width: 118px;
			background: url(/images/nav_contact.jpg) no-repeat;
		}
		
		ul#nav li a:hover, ul#nav li a:active {
			background-position: bottom center;
		}
			
#content {
	width: 803px;
	margin: 0 auto;
	background: url(/images/content_background.jpg) repeat-y;
	}
	#main-content {padding: 1px 50px 20px 50px; }
	
#footer {
	width: 923px;
	height: 248px;
	margin: 0 auto;
	background: url(/images/footer.gif) no-repeat;
	}
	#footer-content {padding: 20px 110px 20px 110px; text-align: center; vertical-align: bottom; font-size: .9em;
}

#gallery{
width:660px;
background-color:#d6d4ad;
padding:20px 20px 68px 20px;
position:relative;
height:375px;
}
#gallery:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#gallery #gallery-col-1{
float:left;
width:110px;
margin-right:0px;
}
#gallery #gallery-col-2{
float:left;
width:550px;
text-align:center;
}
#gallery #slideshow{
/* large image container */
height:377px;
width:550px;
overflow:hidden;
}
#gallery #slideshow img{
/* large image  */
border-width:4px;
border-color:#d6d4ad;
border-style:solid;
}
#gallery a{
text-decoration:none;
}
#gallery #thumbs{
/* thumb image container */
}
#gallery #thumbs ul{
/* thumb image list*/
list-style-type:none;
margin:0;
padding:0;
}
#gallery #thumbs ul li{
/* thumb image list item */
margin:0px 10px 10px 0px;
padding:0;
float:left;
text-align:center;
display:block;
height:38px;
width:38px;
}
#gallery #thumbs ul li a{
outline: 0;
}
#gallery #thumbs ul li a img{
/* thumb image link item */
display:block;
border-width:4px;
border-color:#d6d4ad;
border-style:solid;
margin:0 auto;
}
#gallery #thumbs ul li a:hover img{
/* thumb image link item on hover */
border-color:#42260e;
}
#gallery #thumbs ul li.selected a img{
/* selected thumb */
border-color:#42260e;
}
#gallery .pagination{
display:block;
clear:both;
position:absolute;
bottom:23px;
left:20px;
width:660px;
}
#gallery .pagination a, #gallery .pagination span{
text-decoration:none;
padding:3px 6px 3px 6px;
margin-right:6px;
font-size:12px;
font-weight:bold;
}
#gallery .pagination a{
color:#d6d4ad;
background-color:#42260e;
text-decoration:none;
outline: 0;
}
#gallery .pagination a:hover{
color:#42260e;
background-color:#a7b9c2;
}
#gallery .pagination span{
color:#42260e;
background-color:#a7b9c2;
}
#gallery #caption{
font-size:12px;
font-weight:bold;
color:#42260e;
}
 
 		
/* END STRUCTURE */