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

body {
	text-align: center;
	color: #4f4f4f;
	background-color: #CCCCCC;
	background-position: center;
	background-image: url(/images/gradient-top.jpg);
	background-repeat: repeat-y;
}

@font-face {
	font-family: "Century Gothic";
	src: url(karlzeiger/fonts/CenturyGothic);
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* top of the site - logo, headshot, navigation, banner, and slogan */

.top {
	width: 890px;
	margin: 0 auto;
}

.top p {
	float: right;
	margin-top: 0;
}

.top img {
	float: left;
}

.clear {
	clear: both;
}

.nav {
	margin: 0 auto;
	padding-left: 35px;
	font-family: "Century Gothic";
	font-weight: 600;
	font-size: 24px;
}

.nav a:link, .nav a:visited {
	font-family: "Century Gothic";
	font-weight: 600;
	font-size: 24px;
	color: #4f4f4f;
	text-decoration: none;
}

.nav a:hover, .nav a:focus {
	font-family: "Century Gothic";
	font-weight: 600;
	font-size: 24px;
	color: #999999;
	text-decoration: none;
}

.banner {
	width: 890;
	padding-left: 35px;
}

.slogan {
	width: 870;
	padding-left: 45px;
}

/* main block of content */

.main-content {
	width: 870px;
	position: relative;
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: inherit;
	text-align: left;
	margin: 0 auto;
	
}

/* three column secondary content */

#second-content .empty {
	width: 60px;
	height: 25px;
	position: relative;
	margin: 0 auto;
	float: left;
}

#second-content .header {
	width: 200px;
	height: 25px;
	padding: 0 1.2em;
	line-height: 1.6em;
	background-color: #CCCCCC;
	font-weight: 600;
	position: relative;
	font-family: "Century Gothic";
	font-size: 16px;
	font-style: inherit;
	text-align: left;
	color: #4c0e0b;
	margin: 0 auto;
	float: left;
}

#second-content .empty2 {
	width: 65px;
	height: 200px;
	position: relative;
	margin: 0 auto;
	float: left;
}

#second-content .body {
	width: 240px;
	position: relative;
	font-family: "Century Gothic";
	font-style: inherit;
	text-align: left;
	margin: 0 auto;
	float: left;
}

#second-content ul.firstBody {
	width: 200px;
	padding-left: 15px;
	position: relative;
	font-family: "Century Gothic";
	font-style: inherit;
	text-align: left;
	margin: 0 auto;
	float: left;
}

#second-content ul.body {
	width: 200px;
	padding-left: 35px;
	position: relative;
	font-family: "Century Gothic";
	font-style: inherit;
	text-align: left;
	margin: 0 auto;
	float: left;
}

#second-content ul.body2 {
	width: 200px;
	padding-left: 35px;
	position: relative;
	font-family: "Century Gothic";
	font-style: inherit;
	text-align: left;
	margin: 0 auto;
	float: left;
}

/* map on second page */

.directions {
	width: 800px;
	margin: 0 auto;
}

.directions p {
	float: left;
	margin-left: 75px;
	margin-top: 25px;
}

/* footer content */

.footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: inherit;
	text-align: center;
}

.footer .phone {
	width: 960px;
	margin: 0 auto;
	position: relative;
	font-family: "Century Gothic";
	font-size: 16px;
	font-style: inherit;
	text-align: center;
}

.footer a:link, .footer a:visited {
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: inherit;
	color: #4f4f4f;
	text-decoration: none;
}

.footer a:hover, .footer a:focus {
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: inherit;
	color: #999999;
	text-decoration: underline;
}

.op {
	width: 960px;
	margin: 0 auto;
	position: relative;
	font-family: "Century Gothic";
	font-size: 9px;
	font-style: inherit;
	text-align: center;
}

.op a:link, .op a:visited {
	font-family: "Century Gothic";
	font-size: 9px;
	font-style: inherit;
	color: #4f4f4f;
	text-decoration: none;
}

.op a:hover, .op a:focus {
	font-family: "Century Gothic";
	font-size: 9px;
	font-style: inherit;
	color: #999999;
	text-decoration: none;
}