@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
}

#top {
	width:100%; background:url(images/logo.png) no-repeat; position:relative; height:108px;
}

#nav {
	font-size:12px;
	position:relative;
	margin:0 auto;
	width:700px;
	padding-top: 40px; 
	text-align:center;
}
#nav ul {
	padding:0; margin:0 auto; height:20px;color:#000}
#nav li {padding: 3px 0 0 0; display:inline;margin:0 30px 0 0;color:#fff;font-weight:bold; font-size:12px; text-transform:uppercase;}
#nav .last {padding: 3px 0 0 0; display:inline;margin:0;color:#fff;font-weight:bold; font-size:12px; text-transform:uppercase;}
#nav ul a {color:#fff; text-decoration:none;}
#nav ul a:hover {color:#faf6e4; text-decoration:none;}

#main {
	text-align:center; 
	background:#fff;
	position:relative;
	margin:20px auto;
	width:670px;
	overflow:hidden;
	padding:10px;
}

#main a {
	color:#5e8095;
	text-decoration:underline;
}
#main a:hover {
	color:#3b5d72;
	text-decoration:underline;
	text-align: center;
}

#main td {padding:4px; font-size:11px; line-height:normal;}

#main th {
	padding:4px; background:#f4eac7; font-size:12px; text-align:left;
}

#main input {
	width:400px; padding:2px; background:url(images/input-bg.gif) #f9f3dd; border:1px solid #e2d5a5; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;
}

#main textarea {
	width:400px; padding:2px; background:url(images/input-bg.gif) #f9f3dd; border:1px solid #e2d5a5; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;
}

#main select {
	width:400px; padding:2px; background:url(images/input-bg.gif) #f9f3dd; border:1px solid #e2d5a5; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;
}

.front-left {
	float:left;
	width:250px;
	padding:2px 10px;
	font-size:12px;
	text-align: left;
	line-height:18px;
}

.front-quote {
	float:right;
	width:270px;
	padding:2px 10px 2px 90px;
	font-size:20px;
	text-align: left;
	line-height:18px;
	font-style:italic;
	background:url(images/quotes.gif) no-repeat;
}

.latest-work {
	padding:5px;
	font-size:11px;
	overflow:hidden;
	background-color: #faf7ec;
	background-image: url(images/latest-work.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
}
.latest-work-left {
	float:left;
	width:250px;
	padding:2px 10px;
	text-align: left;
}
.latest-work-right {
	float:right;
	position:relative;
	bottom:0;
	right:0;
	width:360px;
	padding:2px 10px;
	text-align: left;
}

.main-left {
	float:left;
	width:150px;
	padding:2px 10px;
	font-size:12px;
	text-align: left;
	line-height:18px;
}
.main-left a:hover {
	background:#fbf8e9;
}

.main-right {
	float:right;
	width:450px;
	padding:2px 10px;
	font-size:12px;
	text-align: left;
	line-height:18px;
}
.main-right a:hover {
	background:#fbf8e9;
}

.main-right h2 {
	color:#71aec6;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.main-right h3 {
	color:#858171;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

.main-right ul {
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}

.main-whole {
	width:100%;
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding:6px;
}

.main-whole h2 {
	color:#71aec6;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.main-whole h3 {
	color:#858171;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

.main-whole a:hover {
	background:#fbf8e9;
}

.clearer {
	clear:both;
	height:1px;
	background:#fff;
}
.small-italics {
	font-size: 10px;
	font-style:italic;
	color:#999;
}
.large {
	font-size: 24px;
	text-align: center;
}

.image {
	padding:2px;
	margin:2px;
	border:1px solid #5e8095;
}