@charset "utf-8";

/* CSS Document */

body { background: url(../img/bg.gif) #E9DEB6 repeat-x top left; }

/* Typography */
body
{
	font-family: Calibri, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 200%;
}

p
{
	margin:0 0 5px 0;
	padding:0;
}

#leadertext
{
	padding: 20px;
	margin-top: 14px;
	font-size: 17px;
	line-height:190%;
	border: 1px solid #666;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .collabel
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	margin:20px 0 5px 0;
	padding:0;
	font-variant: small-caps;
	font-weight: bold;
}

h1 { font-size: 24px; }

h2 { font-size: 18px; }

.readmore
{
	margin: 5px 0 20px 0;
	padding-top: 0;
	font-style: italic;
	font-weight: bold;
}

.attribution
{
	margin: 5px 0 20px 0;
	padding-top: 0;
	font-weight: bold;
	font-style: italic;
}

.testimonial { font-size: 14px; }

#testimonialhr
{
	margin: 5px 0 5px 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #666;
}

/* Links */

a { color:#009; }

/* Layout */
#footer
{
	margin: 20px 0 20px 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #666;
	text-align:center;
}

.floatright { float: right; }

.floatleft { float: left; margin: 0 10px 0 0; }

.space-10
{
	height:10px;
	width: 10px;
}

/* Menu bar */
#navlist
{
	padding: 3px 0;
	margin: 123px auto auto 0;
	bottom: 0px;
	font-variant: small-caps;
	font-weight: bold;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
	height: 25px;
}

#navlist li a
{
	font-family:	"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	padding: 5px 1em;
	margin-left: 3px;
	border: 1px solid #666;
	background: #666;
	text-decoration: none;
	color: #fff;
}

#navlist li a:link { color: #fff; }

#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
	color: #fff;
	background: #666;
}

#navlist li a.current
{
	background: #E9DEB6;
	border-bottom: 1px solid #E9DeB6;
	color: #000;
}

.menu
{
	height: 150px;
	text-align: right;
}

.contactform table, .contactform tr, .contactform td, .contactform .th, .contactform table table
{
	padding: 0 2px 0 0;
	margin:0;
}

select { padding: 4px }

#contact_form
{
	border-top: 1px solid #666;
	padding-top: 20px;
	margin-top: 30px;
}

.collabel {margin-left: 7px; font-weight: bold; margin-top:0; font-size: 15px;}

#portfolio_links { background-color: #fff; border: 1px solid #666; }
#portfolio_links ul { padding: 8px 0 0 8px; margin: 0; }
#portfolio_links li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#portfolio_links img { padding: 0 6px 6px 0px; }

.gallery {
	width:760px;
	height: 500px;
}
.gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:250px;
	position:relative;
	float:left;
}
.gallery ul li {
	display:inline;
	width:120px;
	height:90px;
	float:left;
	margin:0 0 5px 5px;
}
.gallery ul li span {
	display:block;
	width:120px;
	height:90px;
	text-decoration:none;
	border:1px solid #000;
}
.gallery ul li span img {
	display:block;
	width:120px;
	height:90px;
	border:0;
}
.gallery ul li span:hover {
	border: 1px solid #666;
	background-color: #333;
}
.gallery ul li span:hover img {
	position:absolute;
	left:260px;
	top:0;
	width:auto;
	height:auto;
	--border:1px solid #000;
}
.gallery ul li.default {
	height:0;
	width: 0;
	margin:0;
	padding:0;
}
.gallery ul li.default img {
	position:absolute;
	left:260px;
	top:0;
	width:auto;
	height:auto;
	--border:1px solid #000;
}

#beforeafter p { padding-left: 5px; }

#beforelink a, #afterlink a{
	font-family:  Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-weight: bold;
	color: black;

}

.selected {
	background: url(../img/selected.gif) no-repeat;
	background-position: right;
}
.selected a {
	text-decoration: none; 
	color: #fff !important;
}