*{
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-family: 'Lucida Grande', sans-serif;
	list-style-type:none;
}
p{
	font-size:12px;
	line-height:1.3em;
}
html.clear{
	height:1px;
}
img{
	border:none;
}

body{
	background-color:#cccccc;
	background:url("../images/tile.jpg") top left repeat;
}

h1{
	font-size:25px;
	font-weight:bold;
	line-height:2.0em;
}
h2{
	font-size:20px;
	font-weight:bold;
	line-height:2.0em;
}
h3{
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
}
a.link{
	color:red;
	text-decoration:none;
}
a.link:hover{
	color:black;
}

li{
	list-style-position:outside;
	font-size:10px;
	line-height:1.5em;
	list-style-type:disc;
}

/*main---------------------------------------------------------*/
#outerFrame{
	width:916px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
	background:url("../images/mid.png") left top repeat-y;
}
#frame {
	width:850px;
	margin-right:32px;
	margin-left:32px;
	margin-bottom:0px;
	margin-top:0px;
}

#backgroundBottom{
	width:914px;
	height:32px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
#bottomLeft{
	float:left;
	width:32px;
	height:32px;
	background:url("../images/bottom_left.png") left top no-repeat;
}
#bottomMid{
	float:left;
	width:850px;
	height:32px;
	background:url("../images/Bottom.png") left top no-repeat;
}
#bottomRight{
	float:right;
	width:32px;
	height:32px;
	background:url("../images/bottom_right.png") left top no-repeat;
}

/*header---------------------------------------------------------*/
#header {
	width:850px;
	padding-top:10px;
	height:180px;
	background-color:#022e5a;
	background:url("../images/header_footer_tile.jpg") left top repeat-y;
}
#logo{
	text-decoration:none;
	display:block;
	width:409px;
	height:162px;
	margin-left:220px;
	background:url("../images/logo_409_162.jpg") left top no-repeat;
}

/*header---------------------------------------------------------*/
#nav{
	width:850px;
	height:39px;
	background-color:#42710a;
}
#nav li{
	display:inline;
	float:left;
	color:#5789e2;
}
#nav a{
	color:#ffffff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li.navLeft{
	background:url('../images/nav_left.jpg') no-repeat left top;
	width:40px;
	height:39px;
}
#nav li.navRight{
	background:url('../images/nav_right.jpg') no-repeat left top;
	width:41px;
	height:39px;
}

#nav a.about{
	background:url('../images/about_pixie.jpg') no-repeat left top;
	background-position:0 0;
	width:140px;
	height:39px;
}
#nav a.about:hover{
	background-position:0 -39px;
}
#nav a.about:active{ 
	background-position:0 -78px;
}
#about #nav a.about{
	background-position:0 -117px;
}

#nav a.vision{
	background:url('../images/vision_pixie.jpg') no-repeat left top;
	background-position:0 0;
	width:123px;
	height:39px;
}
#nav a.vision:hover{
	background-position:0 -39px;
}
#nav a.vision:active{ 
	background-position:0 -78px;
}
#vision #nav a.vision{
	background-position:0 -117px;
}

#nav a.services{
	background:url('../images/services_pixie.jpg') no-repeat left top;
	background-position:0 0;
	width:143px;
	height:39px;
}
#nav a.services:hover{
	background-position:0 -39px;
}
#nav a.services:active{ 
	background-position:0 -78px;
}

#services #nav a.services{
	background-position:0 -117px;
}


#nav a.contact{
	background:url('../images/contact_pixie.jpg') no-repeat left top;
	background-position:0 0;
	width:162px;
	height:39px;
}
#nav a.contact:hover{
	background-position:0 -39px;
}
#nav a.contact:active{ 
	background-position:0 -78px;
}

#contact #nav a.contact{
	background-position:0 -117px;
}

#nav a.green{
	background:url('../images/green_pixie.jpg') no-repeat left top;
	background-position:0 0;
	width:201px;
	height:39px;
}
#nav a.green:hover{
	background-position:0 -39px;
}
#nav a.green:active{ 
	background-position:0 -78px;
}

#green #nav a.green{
	background-position:0 -117px;
}


/*content---------------------------------------------------------*/
#content {
	width:850px;
	min-height:470px;
	background-color:#ffffff;
	clear:left;
}
#contentLeft{
	float:left;
	width:385px;
	min-height:470px;
	display:block;
	background-color:#999999;
}
#contentRight{
	float:right;
	width:425px;
	min-height:445px;
	padding-left:20px;
	padding-top:25px;
	padding-right:20px;	
}
#map_div{
	overflow:hidden;
}
#list{
	width:410px;
	margin-left:20px;
}
#clientTop img{
	padding:10px;
}
#clientBottom img{
	padding:10px;
}
#clientTop{
	display:inline;
	width:300px;
	height:100px;
	margin-left:25px;
}
#clientBottom{
	display:inline;
	width:300px;
	height:100px;
	margin-left:25px;
}
/*footer---------------------------------------------*/
#footer {
	width:850px;
	height:20px;
	padding:20px;
	color:#ffffff;
	background-color:#022e5a;
	background:url("../images/header_footer_tile.jpg") left top repeat-y;
}
#footerTop {
	width:850px;
	height:10px;
	background:url("../images/footer_top.jpg") left top repeat-x;
}
#footer p{
	font-size:11px;
	text-align:left;
	height:40px;
	display:inline;
}
#samurai{
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
}
#samurai a.samurai{	
	text-decoration:none;
	font-size:8px;
	color:white;
}

/*clears--------------------------------------------------------*/
.clear:after{
	content:".";
	display:block;
	height:0px;
	width:0px;
	font-size:0px;
	clear:both;
	visibility:hidden;
}
.clear{
	min-height:1px;
}

/*cycle------------------------------------------------------------*/

.pics {  
    height:  200px;  
    width:   200px;  
    padding: 0;  
    margin:  0;  
}

/*Forms ----------------------------------------*/
form{
	width:300px;
}
.required{
	width:10px;
	color:red;
	font-height:0.25em;
	padding-right:0.5em;
}
.help{
	color:#AA9577;
	font-height:0.25em;
	text-align:left;
	padding-left:0.5em;
}
label{
	width:200px;
	display:block;
}

.textInput{
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	width: 300px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 14px;
	background:#ffffff;
}
.submitButton{
	display:block;
	float:left;
	margin-top:20px;
	height:30px;
	width:115px;
	background:url('../images/capeletti_submit.jpg') no-repeat top left;
	border:none;
	text-decoration:none;
}

/*error and messages----------------------------------------------------------------*/
.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}
#errorExplanation {
  	border: none;  	
}

#errorExplanation h2 {
  	font-size: 1.5em;
	padding:10px;
}

#errorExplanation p {
  	padding-left:10px;
}

#errorExplanation ul li {
  	font-size: 0.50em;
  	list-style: none;
  	padding-left:10px;
	line-height:10px;
}
.notice {
	color: white;
	padding-top: 5px;
	height:100%;
	text-align:center;
}
.message {
	color: white;
	padding-top: 30px;
}
.error {
	color: red;
	background-color:white;
	padding-top: 30px;
}

/*cal css -------------------------------------------------------------*/
