html, body{  
	margin:0; padding:0;
}

body {
	background: url(/images/bodyback.gif);
	text-align:center;
}

img, a {
	border: 0;
	outline: 0;
}

.larger { font-size: 1.2em;}

a, a:link, a:visited {color:#67a2d4; text-decoration:none;} 
a:hover, a:active {color:#b22e4b; text-decoration:none;}

.alt {
	color: #88942a;
}

h1{
	margin:0px auto 0px auto;
	padding:5px 0 0px 0px;
	border:0px;
	text-align:left;
	font: normal 1.7em/1.1em Georgia,Verdana,serif;
	color: #43221b;
	text-decoration: none;
	text-transform:uppercase;
}

h2{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:left;
	font: normal 14pt/1.1em Georgia,Verdana,serif;
	color: #e2e2e2;
	text-decoration: none;
	font-style:italic;
}

h3{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:left;
	font: normal 1.1em/1.1em Georgia,Verdana,serif;
	color: #ddb375;
	text-decoration: none;
	font-style:italic;
}

p{
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align:justify;
	font: normal 0.9em/1.2em Georgia,Verdana,serif;
	color: #43221b;
	text-decoration: none;
	clear:both;
}

.clear {
	clear:both;
}


@font-face {
	font-family: 'BebasRegular';
	src: url('/bebas___-webfont.eot');
	src: local('☺'), url('/bebas___-webfont.woff') format('woff'), url('/bebas___-webfont.ttf') format('truetype'), url('/bebas___-webfont.svg#webfontDlI9pbhi') format('svg');
	font-weight: normal;
	font-style: normal;
}


#main{
/*	background: #000 url(/images/ornament.gif) no-repeat right bottom;*/
	background: #fff8eb;
	margin: 25px auto; padding: 0 30px;
	text-align:center;
	position:relative;
	width:940px;
	-moz-box-shadow: -3px 3px 10px #d5cbaf;
	-webkit-box-shadow: -3px 3px 10px #d5cbaf;
	box-shadow: -3px 3px 10px #d5cbaf;
}


#logo{
	font-family: BebasRegular, sans-serif;
	font-size: 72px;
	letter-spacing: 18px;
	border-bottom: 1px solid #000000;
}

#tagline{
	font-family: BebasRegular, sans-serif;
	font-size: 17px;
	color: #ddb375;
	letter-spacing: 5px;
	padding: 6px 0px 16px 0px;
}

.dividerH{
	width:941px;
	height:5px;
	background:url(/images/dividerFull.gif) no-repeat center top;
	margin:10px auto 0px auto;
	clear:both;
}

hr {
	background:url(/images/dividerFull.gif) repeat-x;
	border: none;
	clear: both;
	height: 1px;
	margin: 10px auto;
	width: 938px;
}






/* ========[ Gallery ]======== */

	#gallery {
		width: 945px; height: 293px;
		margin-left: -2px;
		overflow: hidden;
		position: relative;
	}
	
	#gallery div {
		top: 0;
		position: absolute;
	}
	#gallery a img { float: left; border: 2px #67a2d4 solid; margin: 0 3px 3px 0; }
	#gallery a:hover img, #gallery a:active img { border: 2px #67a2d4 solid; }

	#arrowLeft, #arrowRight{
		background: url(/images/arrowLeft.gif) no-repeat scroll center center transparent;
		display:block;
		position:absolute; left: -15px; top:132px;
		text-indent:-999em;
		width:55px; height:308px;
		border:2px #333333;
	}

	#arrowRight{
		background-image: url(/images/arrowRight.gif);
		left: auto; right: -15px;
	}

	#galleryBox img {
		border: 5px #eee solid;
		cursor: pointer;
	}

	.lightbox {display: none;}

	.lbContent {
		width: 500px;
		background-color: #ffffff;
		color: #000000;
		padding: 15px 30px;
		margin: auto;
		
		border-radius: 5px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;

		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
	}

	.para{
	display: block;
	margin:0px auto 0px auto;
	padding:5px 0 5px 0px;
	border:0px;
	text-align: justify;
	font: normal 0.9em/1.2em Georgia,Verdana,serif;
	color: #43221b;
	text-decoration: none;
	clear:both;
	}


/* ========[ Modal ]======== */

	a.trigger {
		cursor: pointer;
		position: relative;
	}

	a.trigger .modal {
		display: none;
		background: #e7e0d3; color:#43221b;
		border: 1px #fff solid;
		font-size: .9em;
		font-style: normal;
		padding: 10px;
		position: absolute; bottom: 20px; right: -210px;
		text-align: left;
		width: 200px;
		z-index: 999;
		opacity: .95;
		border-radius: 3px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-image: -webkit-gradient(linear, 0 0, 0 47%, from(#e0d6ba), to(#fff8e6));
		background-image: -moz-linear-gradient(#e0d6ba, #fff8e6 47%);
		-webkit-box-shadow: 1px 1px 3px #677;
		-moz-box-shadow: 1px 1px 3px #677;
		filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#e0d6ba', startColorstr='#fff8e6', gradientType='0');
	}


	a.trigger:hover .modal {
		display: block;
	}



/* ========[ Quote ]======== */

	#quote {
		border:0px;
		color: #43221b;
		float:left;
		font: normal .87em/1.5em Georgia,Verdana,serif;
		margin:20px auto 0px 20px; padding:0 0 10px 10px;
		text-align:justify;
		text-decoration: none;
		width:550px;
	}

	#quote em {
		display: block;
		font-weight: bold;
		text-align: right;
	}


/* ========[ Email Button ]======== */

	#phone{
		background:url(/images/patternFloral.gif);
		color: #85b3d9;
		display: block;
		float:right;
		font: normal .7em/2.5em Georgia,Verdana,serif;
		margin:0 0 10px 0; padding: 25px 0 0 0;
		text-transform: uppercase;
		width:308px; height:69px;
	}

	#phone .larger {
		color: #43221b;
		display: block;
		font-size: 3.5em;
		margin-bottom: 5px;
	}


/* ========[ About Bar ]======== */

	#about{
		font: normal 18px Times New Roman,serif;
		color: #5b3d35;
		font-variant: small-caps;
		clear:both;
	}


/* ========[ Biography ]======== */

	#bio{
		background: url(/images/dividerFull.gif) repeat-y right top;
		float:left;
		margin:15px auto 10px 0; padding:0 30px 10px 0;
		width:600px;
	}


	#bio h1 {
		font-size: 1.6em;
	}

	#bio h3 {
		font-size: 1em;
	}

	#bio p {
		font: normal .9em/1.4em Georgia,Verdana,serif;
	}


/* ========[ Contact Me ]======== */

	#contact{
		float:right;
		margin:15px 0 10px 0px; padding:0px;
		width:285px;
	}

	#contact h2 {
		clear: both;
		font-style: normal;
		margin: 0;
		text-transform: uppercase;
		color: #43221b;
	}

	#contact dl{
		color: #43221b;
		font: normal .8em/1.6em Georgia,Verdana,serif;
		margin: 0; padding: 0;
		text-align:left;
	}

	#contact dt{
		clear: left;
		float:left;
		margin:0; padding:9px 0 0 0;
		width:115px;
	}

	#contact dd{
		float:right;
		margin:0; padding: 9px 0 0 0;
		width:170px;
	}
	
	.casetype {
		font: normal .8em/1.6em Georgia,Verdana,serif;
		text-align:left;
		margin-top: 20px;
	}
	
	#contact ul{
		list-style-type: none;
		font: normal .8em/1.6em Georgia,Verdana,serif;
		text-align:left;
		margin: 0px;
		padding: 0px;
		font-style: italic;
	}


/* ========[ Footer ]======== */

	#footer{
		background: url(/images/dividerFull.gif) repeat-x;
		clear: both;
		color: #666666;
		font: italic 0.7em/1.5em Georgia,Verdana,serif;
		margin:20px auto 5px auto; padding:15px 0 15px 0px;
		text-align:center;
		text-decoration: none;
		width:938px;
	}
	
	#footer a, #footer a:hover, #footer a:active {
		color: #666666;
		text-decoration: none;
	}