@charset "utf-8";

body {
	background:#fff url(images/bg.gif) 0 0 repeat-x;
	color:#353535;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*
* LAYOUT STYLES
**************************************/
	
#wrapper {
	margin:22px auto;
	width:774px;
	}
#header {
	
	}
#phone { float:right; margin:85px 20px 0 0; font-weight:bold; }
#left-col {
	float:left;
	font-size:12px;
	width:514px;
	}
#right-col {
	float:right;
	font-size:12px;
	margin:3px 0 0;
	width:235px;
	}
#footer {
	border-top:1px solid #919191;
	clear:both;
	font-size:11px;
	margin:20px 0;
	}
	
/*
* ELEMENT STYLES
**************************************/
a:link, a:visited, a:active {
	color:#1b6097;
	text-decoration:none;
	}
a:hover { text-decoration:underline; }
P {
	line-height:20px;
	margin:15px 0;
	}
H1 {
	margin:0 0 0 -5px;
	}
H3 {
	font-size:14px;
	line-height:18px;
	margin:15px 0;
	}


#navigation {
	height:34px;
	list-style:none;
	margin:0; padding:0;
	}
#navigation LI {
	float:left;
	}
#navigation LI a:link, #navigation LI a:visited, #navigation LI a:active { background-position:0px -34px; }
#navigation LI a:hover { background-position:0px 0px; }
#navigation LI a.current { background-position:0px 0px; }

#side-navigation {
	list-style:none;
	margin:0; padding:0;
	}
#side-navigation LI {
	margin:17px 0;
	}
	
.row { 	clear:both; margin:0; padding:10px 0; }
UL.service-list { float:left; font-size:11px; line-height:18px; margin:0 0 0 20px; padding:0; width:45%; }

#map-canvas {
	float:left;
	height:200px;
	margin:0 20px 0 0;
	width:250px;
	}
	
FORM {
	margin:0; padding:0;
	}
LABEL {
	display:block;
	font-weight:bold;
	margin:7px 0 5px;
	}
INPUT.required, TEXTAREA.required {
	border:1px solid #bcbcbc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	width:200px;
	}
INPUT.error, TEXTAREA.error {
	border:1px solid #C00;
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	width:200px;
	}
TEXTAREA.required { height:150px; }

DIV.error {
	border:1px solid #C00;
	background-color:#FFAA95;
	padding:5px 20px;
	text-align:center;
	}
DIV.confirm { 
	border:1px solid #ff0;
	background-color:#FFFF99;
	padding:5px 20px;
	text-align:center;
	}
/*
* CLASS DEFINITIONS
**************************************/
.clear { clear:both; }
.left { float:left; }
.right { float:right; }


/*
* IMAGE REPLACEMENT STYLES
**************************************/
.img {
	display: block;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; /* IE Fix*/
	}
.btn-about { background:transparent url(images/btn-about.gif) 0 0 no-repeat; height:34px; width:124px; }
.btn-associations { background:transparent url(images/btn-associations.gif) 0 0 no-repeat; height:34px; width:131px; }
.btn-contact { background:transparent url(images/btn-contact.gif) 0 0 no-repeat; height:34px; width:119px; }
.btn-home { background:transparent url(images/btn-home.gif) 0 0 no-repeat; height:34px; width:122px; }
.btn-pricing { background:transparent url(images/btn-pricing.gif) 0 0 no-repeat; height:34px; width:180px; }
.btn-services { background:transparent url(images/btn-services.gif) 0 0 no-repeat; height:34px; width:98px; }
.btn-map { background:transparent url(images/btn-map.jpg) 0 0 no-repeat; height:124px; width:234px; }
.btn-gavel { background:transparent url(images/btn-gavel.jpg) 0 0 no-repeat; height:124px; width:234px; }
.btn-plane { background:transparent url(images/btn-plane.jpg) 0 0 no-repeat; height:124px; width:234px; }
.btn-login { background:transparent url(images/btn-login.gif) 0 -66px no-repeat; height:66px; width:235px; }
.btn-login:hover { background-position:0px 0px; }

H1 a { background:transparent url(images/naps-logo.png) 0 0 no-repeat; height:138px; width:457px; }
H3#mission { background:transparent url(images/mission.gif) 0 0 no-repeat; height:74px; margin:20px 0; width:514px; }
H2#banner1 { background:transparent url(images/banner1.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#banner2 { background:transparent url(images/banner2.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#banner3 { background:transparent url(images/banner3.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#banner4 { background:transparent url(images/banner4.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#banner5 { background:transparent url(images/banner5.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#banner6 { background:transparent url(images/banner6.jpg) 0 0 no-repeat; height:204px; margin:20px 0 0; width:514px; }
H2#head-whynaps { background:transparent url(images/head-whynaps.gif) 0 0 no-repeat; height:27px; margin:0 0 10px; width:357px; }
H2#head-about { background:transparent url(images/head-about.gif) 0 0 no-repeat; height:27px; margin:20px 0 10px; width:357px; }
H2#head-associations { background:transparent url(images/head-associations.gif) 0 0 no-repeat; height:27px; margin:20px 0 10px; width:357px; }
H2#head-services { background:transparent url(images/head-services.gif) 0 0 no-repeat; height:27px; margin:20px 0 10px; width:357px; }
H2#head-contact { background:transparent url(images/head-contact.gif) 0 0 no-repeat; height:27px; margin:20px 0 10px; width:357px; }
H2#head-pricing { background:transparent url(images/head-pricing.gif) 0 0 no-repeat; height:27px; margin:20px 0 10px; width:357px; }