/* CSS Document */

html * { margin:0px; padding:0px; }
a img { border:0; }
html, body {height: 100%}
body{
	text-align:center;
	background: #cbd3da url(../images/bg_grad_blue.jpg) repeat-x;
	font-size: 67.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}


/* Typography */
a:link{
color: #666666;
}

a:visited{
	color: #999999;
}

a:hover, a:active{
	color:#999999;
}

h1, h2, h4, h5, h6{
	color: #666666;
}

h2{
font-size: 1.6em;
}

h3{
font-size: 1.2em;
color: #80b7d3;
}

h4{
font-size: 1em;
}

/* Layout */
#container{
	width:728px;
	text-align: left;
	margin: 0 auto;
}

#head{
	height: 100px;
}

#home_navigation{
	clear: both;
	width: 728px;
	background: url(../images/home_nav_bg.jpg) bottom no-repeat;
}

#navigation{
	clear: both;
	width: 728px;
	background: url(../images/nav_bg.jpg) bottom no-repeat;
}

#navigation ul, #home_navigation ul{
	list-style: none;
	width: 728px;
}

#navigation ul li, #home_navigation ul li{
	float: left;
}

#navigation ul a, #home_navigation ul a{
	display: block;
	padding: 0;
	width: 104px;
	line-height: 4em;
	color: #666666;
	text-decoration: none;
	font-size: 1em;
	text-align:center;
}

.current{
	background: url(../images/navtab_on.gif) bottom left no-repeat;
}

.margin_left{
	margin: 0 0 10px 20px;
}

#navigation ul a:link, #navigation ul a:visited{
	
}

#navigation ul a:hover, #navigation ul a:active{
	text-decoration: underline;
}

#headgap{
	width: 728px;
	height: 30px;
	background: url(../images/headgap_grad.jpg) no-repeat left top;
}


/* Homepage Layout Elements */

#homehead{
	width: 728px;
	height: 230px;
	background: url(../images/homepage_head.jpg) top no-repeat;
	color: #333333;
	position: relative;
	line-height:2em;
}

#home_1{
	position: absolute;
	width: 200px;
	height: 60px;
	top: 150px;
	left: 20px;
}

#home_2{
	position: absolute;
	width: 228px;
	height: 85px;
	top: 150px;
	left: 240px;
}

#home_3{
	position: absolute;
	width: 220px;
	height: 60px;
	top: 150px;
	left: 492px
}

#main{
	width:728px;
	background:url(../images/page_bg.jpg) repeat-y center;
	text-align: left;
}

#leftcol{
	float: left;
	width: 420px;
}

#leftcol h2, #leftcol h3, #leftcol h4{
	margin: 0px 0px 10px 20px;
}

#leftcol p{
	margin: 0px 0px 20px 20px;
	line-height: 2em;
}

#leftcol ul{
	margin: 0px 0px 0px 60px;
}

#leftcol ul li{
line-height: 2em;
}

#rightcol{
	float: right;
	width: 296px;
	height: 685px;
	background: url(../images/right_col_bg.jpg) no-repeat bottom;
}

#rightcol h2{
	margin: 0px 20px 20px 90px;
}

#rightcol p{
	margin: 0px 20px 20px 90px;
	line-height: 2em;
}


#footer{
	clear: both;
	height: 94px;
	background: url(../images/footer_bg.jpg) top no-repeat;
	position: relative;
}

#footer_left{
	position: absolute;
	left: 20px;
	top: 40px;
}

#footer_right{
	position: absolute;
	left: 442px;
	top: 40px;
}

#footer p{
	color: #666666;
	font-size: 0.9em;
}

#associations{width:100%; height:auto; background:#fff;}
#associations img{margin:10px;}


/* Misc Classes */
.hidden{display: none;}
.clear{clear: both;}
.contact{font-size: 1.1em;}
.highlight{color: #666666;}
.client{color: #999999;}
.bold{ font-weight: bold;}
.testimonial span{font-style: italic; font-weight:bold;}