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

* {
	margin: 0;
	padding: 0;
	font-size:100%;
}

img {
	border: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(i/body-bg.jpg) repeat-x #366 fixed;
}

#outter-wrapper {
	background: url(i/header-bg.jpg) 50% 100% no-repeat;
	height: 385px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}


#header {
	height: 116px;
}

#logo {
	padding: 20px 0 0 20px;
}

#content-container {
	
}

#left-col {
	float: left;
	width: 260px;
}

#sub-nav {
	margin: 110px 0 0 0;
	text-align: left;
	font-size: 1.3em;
}

ul #sub-nav {
}

#sub-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sub-nav a {
	display: block;
	width: 234px;
	padding: 10px 10px 10px 20px;
	background: url(i/sub-nav-rollOvers.png) 0 0 no-repeat;
	text-decoration: none;
	margin: 10px 0 0 0;
	color: #FFF;
}

#sub-nav a:hover, #sub-nav a:focus {
	background-position: 0 -37px;
	outline: none;
	color: #33C;
}

#sub-nav a:active {
	background-position: 0 0;	
	color: #33C;
}

#image-bottom {
	background: url(i/bottom-left-pic.jpg) no-repeat bottom;
	width: 236px;
	height: 137px;
	margin: -138px 0 0 0;
}

#image-bottom-contact {
	background: url(images/contact-2.jpg) no-repeat bottom;
	width: 236px;
	height: 137px;
	margin: -137px 0 0 0;
}

#right-col {
	float: left;
	width: 700px;
}

#top-nav {
	background: url(i/top-nav-bg.png) no-repeat bottom;	
	width: 699px;
	height: 90px;
	clear:both;
	overflow: hidden;
}

#top-nav ul {
	
	padding: 0 101px 0 0;
}

#top-nav li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0;
	display: block;
	float: right;
}

#top-nav li a {
	text-decoration: none;
	overflow:hidden;
	display: block;
	height: 90px;
}

#top-nav li.home a {
	width: 96px;
	background: url(i/top-nav.gif) no-repeat 0 0;
}

#top-nav li.home a:hover, #top-nav li.home a:focus {
	background-position: 0 99%;
	outline: none;
}

#top-nav li.news a {
	width: 99px;
	background: url(i/top-nav.gif) no-repeat -98px 0;
}

#top-nav li.news a:hover, #top-nav li.news a:focus {
	background-position: -98px 99%;
	outline: none;
}

#top-nav li.testimonials a {
	width: 111px;
	background: url(i/top-nav.gif) no-repeat -197px 0;
}

#top-nav li.testimonials a:hover, #top-nav li.testimonials a:focus {
	background-position: -197px 99%;
	outline: none;
}

#top-nav li.contact a {
	width: 92px;
	background: url(i/top-nav.gif) no-repeat -309px 0;
}

#top-nav li.contact a:hover, #top-nav li.contact a:focus {
	background-position: -309px 99%;
	outline: none;
}

#top-nav span {
	visibility: hidden;
}

#content-main {
	background: url(i/content-bg.jpg) no-repeat #899f7f top;
	width: 699px;
}

#content-main img {
	border: 2px solid #366;
}

.content-padding {
	padding:  10px 15px 30px 15px;
}

#box1 {
	border: 2px solid #366;
	width: 300px;
}

#footer {
	margin: 10px 0 0 270px;
	font-size: 1.2em;
	color: #CCF;
}

#content-main ul {
	font-size: 1.4em;
	font-style: italic;
}

#content-main li {
	list-style: disc;
	margin: 0 0 0 25px;
	padding: 4px 0;
}

#content-main ol {
	font-size: 1.4em;
	font-style: italic;
}

#content-main ol li {
	list-style: numeric;
	margin: 0 0 0 25px;
	padding: 4px 0;
}

#content-main ol ol li {
	margin: 0 0 0 50px;
	padding: 4px 0;
	font-size:.7em;
}






/* TYPOGRAPHY */

h1 {
	font-size: 2.8em;
	line-height: 2.2em;
}

h2 {
	font-size: 2.6em;
	line-height: 2.0em;
	color: #33C;
}

h3 {
	font-size: 2.4em;
	line-height: 1.8em;
	color: #33C;
}

h4 {
	font-size: 2.0em;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	padding: 0;
}

h5 {
	font-size: 1.8em;
}

h6 {
	font-size: 1.8em;
	line-height: 1.6em;
}

p {
	font-size: 1.6em;
	line-height: 1.6em;
	padding: 5px 0;
}



/* END TYPOGRAPHY */


a:link {
	color: #fff;
}

a:visited {
	color: #33C;
}

a:hover, a:focus {
	color: #33C;
}

a:active {
	color: #33C;
}


/* ASSIGNABLE */

.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; margin: 5px 16px 0 0;}
.float-rt {float:right; margin: 5px 0 0 16px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}

.signature {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
	float: left;
}

.actualLetter {
	float: right;
	text-align: right;
}

/* END ASSIGNABLE */