/******************************************************************
*
* CSS
* 
* @version 2
* @author James Dodd
*
*
******************************************************************/



/*###############################################################*/
	@font-face {
	    font-family: 'jayandben';
	    src: url('bastardussans-webfont.eot');
	    src: url('bastardussans-webfont.eot?#iefix') format('embedded-opentype'),
	         url('bastardussans-webfont.woff') format('woff'),
	         url('bastardussans-webfont.ttf') format('truetype'),
	         url('bastardussans-webfont.svg#BastardusSansRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}

	*{padding:0;margin:0;font-weight:normal;font-size: inherit;}

/*###############################################################*/




/*###############################################################*/
	
	html{
		border:0;
		padding:0;
		font-size: 0.85em;
		margin:0;	
		text-decoration: none;
		font-weight: normal;
	}
	
	body{
		position: relative;
		width: 100%;
		height: 100%;
		font-family: "Arial", serif;
		background: #ffffff;
		color: #555555;
	}
	
	
	p{
		font-weight: normal;
		font-size: 100%;	
		text-align: justify;
		margin-bottom: 15px;
		line-height: 130%;
	}
	
	h1,h2,h3,h4{
		text-transform: uppercase;
		font-family: jayandben, Helvetica, Arial, Palatino, serif;
		font-weight: 100;
	}
	
	
	h2{
		font-size: 30px;
		margin-top: 40px;	
		margin-bottom: 10px;
		letter-spacing: 3px;
	}
	
	h3{
		font-size: 20px;	
		letter-spacing: 0.5px;
		padding-bottom: 10px;
		padding-top: 40px;
	}
	
	h4{
		font-size: 15px;	
		padding-top: 40px;
		letter-spacing: 3px;
		text-transform: capitalize;	
		font-weight: bold;
	}
	
	blockquote{
		padding: 20px;
		padding-left: 120px;	
		font-style: italic;
		background: url(images/quote.jpg) no-repeat top left;
	}

/*###############################################################*/



	
	
	
		
/*###############################################################*/

	#menu{
		font-family: jayandben;
		text-transform: uppercase;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 15px;
		font-weight: normal;
		width: 600px;
		height: 30px;
		overflow: hidden;
		text-align: right;

	}

	#menu a {
		display: inline;
		outline: none;
	}


	#menu ul, #menu ul li{
		display: inline;	
	}
	#menu ul li{
		margin-left: 25px;
	}
	#menu a{
		height: 25px;
 	}
	

/*###############################################################*/




/*###############################################################*/
	
	#wrapper{
		width: 900px;
		min-height: 100%;
		padding: 10px;
		margin: auto;
		position: relative;	
	}
	
	
	#header{
		left:0;
		width: 100%;
		height: 60px;
	}
	
		
		#title{
			font-size: 50px;
			width: 440px;
			display: inline;
			letter-spacing: 7px;
			text-transform: uppercase;
			font-weight: normal;
		}
		#title a{
			position: absolute;
			height: 80px;
			width: 250px;
			color:#555555;
			background: #ffffff url(images/logo.png) no-repeat;
		}
		#title a:hover{
			background: #ffffff url(images/logo.png) no-repeat;
		}
			#title span{
				display: none;
			}
	
	
		#content{
			position: relative;
		}
	
	
	a{
		color: #aaaaaa;
		background: #ffffff;
		text-decoration: none;
	}	
	
		a:hover{
			background: #ffffff;
			color: #cccccc;
		}
		
		a img{
			border:0;
			padding:0;
			margin:0;	
		}
	
	.thickbox{
		padding:0;
		margin:0;	
	}
	
	#content a{
		text-decoration: underline;
	}
	
	
	
	b, strong{
		font-weight: bold;	
	}
	
	
	
	
	
	
	ol{
		display: block;
		list-style-type: upper-roman;
		margin: 10px 0;
		padding-left: 40px;	
	}
	
	
	ul{
		display: block;
		margin: 10px 0;
		padding:0;
		padding-left: 40px;	
	}
	
	.clear{clear: both; margin-top: 20px;}
	
	#footer{
		clear: both;
		font-size: 90%;
		padding-top: 30px;
		text-transform: lowercase;
		letter-spacing: 1px;
		color: #777777;
		background: #ffffff;
	}
		#footer p{
			text-align: right;	
		}
		#footer a{
			color: #777777;	
			background: #ffffff;
		}	
		#contact{
			text-align: right;
			text-transform: lowercase;
		}
			#contact div{
				display: inline;	
			}
			
			#contact .phone{
				padding-left: 15px;	
			}
		
		#footer .disclaimer p{
			padding:2px 0;
			margin:0;
		}
		
		
			
		#portfolio{
			padding:0;
			margin:0;
		}
		.limiter{
			width: 900px;
			height: 487px;
			overflow: hidden;	
		}
			.limiter img{
				max-width: 900px;	
			}
		#portfolio_small{
			overflow: hidden;
			margin:0;
			padding:0;
			margin-bottom: 30px;	
		}
		
		
		.testimonial{
			clear: both;
			margin-bottom: 40px;	
		}
		.testimonial.odd{
			min-height: 100px;
			padding: 20px;
			padding-left: 120px;	
			padding-right:0;
			font-style: italic;
			width: auto;
			background: url(images/quote.jpg) no-repeat top left;
			text-align: right;
		}
		
		.testimonial.odd,
		.testimonial.odd .quote,
		.testimonial.odd .quote p{
			text-align: right;
		}
	
		.testimonial.even{
			min-height: 100px;
			padding: 20px;
			padding-right: 120px;
			padding-left:0;	
			font-style: italic;
			width: auto;
			background: url(images/quote_close.jpg) no-repeat top right;
		}
		.testimonial img{
			height: 133px;	
		}
		
		.testimonial.odd img{
			float: right;
			padding-left: 20px;
			padding-bottom: 20px;	
		}
		
		.testimonial.even img{
			float: left;
			padding-right: 20px;
			padding-bottom: 20px;	
		}
		
			.testimonial .by,
			.testimonial .date{
				font-style: normal;
				font-weight: bold;	
			}
			
			#contact_form  div{
				display: block;	
				width: 200px;
				min-height: 50px;
			}
			#contact_form  .label{
				height: 20px;
				width: 100px;
				padding:1px;
				display: inline;
			}
			#contact_form input{
				width: 400px;	
				padding:0;
				border: 1px solid #555;
			}
			#contact_form textarea{
				width: 400px;
				height: 200px;	
				border: 1px solid #555;
			}

	#img-container img,
	#img-container{
		height: 600px;	
		max-width: 900px;
	}
	
	
	#img-container div{
		text-align: center;
		width: 900px;
		height: auto;
	}	
	img.slideshow{
		max-width: 900px;
		max-height: 600px;
	}
	
	
	
	
	.nav{
		text-align: right;
		padding:0;
		margin:0;
	}
	
	#testimonials .gallery_summary{
		height: auto;
	}
	
	.gallery_summary{
		display: inline;
		width: 285px;
		overflow: hidden;
	}
	
	#main_summary .gallery_summary{
		display: inline;
		width: 900px;
		overflow: hidden;
		height: auto;
	}
	
	#main_summary .gallery_summary .th-{
		width: 180px;	
		height: 120px;
	}
	
	.gallery_summary .sys-{
	height: 75px	;
	}
	
	
	
	.gallery_summary{
		width: 400px;
		height: 250px;
	}
	.gallery_summary.odd{
		text-align: left;
		float: left;
	}
	
	.gallery_summary.even{
		text-align: right;
		float: right;
	}
		.gallery_summary.even p{
			text-align: right;	
		}
		
		
		.gallery_summary h2{
			font-size: 20px;
			letter-spacing: 2px;	
		}
		
		
		.price{
			float: left;
			width: 425px;	
		}
		
		.price h3{
			margin-bottom: 20px;	
		}
		
		.price ul{
			padding: 0px 0px  20px 20px ;
			margin:0;
	
		}
		.price li{
			list-style: circle;
			padding-left: 20px;
			padding-bottom: 5px;
		}
		
			.price .cost{
				text-align: right;	
			}
			
			.price.somethingelse,
			.price.somethingelse p{
				text-align: right;		
			}
			

/*###############################################################*/



#contact_page table{
	padding:0;
	margin:0;
	width: 100%;	
}
#contact_page table input,
#contact_page table textarea{
	width: 475px;	
	border: 1px inset #ccc;
	padding: 5px;
	margin: 5px 0;
}
	#contact_page input.submit{
		width: 487px;
		padding:2px;	
		border: 1px outset #ccc;
		text-transform: uppercase;	
	}
	
	#contact_page input.submit:hover{
		border: 1px inset #ccc;	
	}