/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
/*@import 'lib/forms.css'; */


body {
	margin: 0;
	background: #edebeb;
	color: #626262;
	}

h1, h2, h3, h4, h5, h6 {
	color: #5a83ff;
	text-transform: uppercase;
	}
	
.h2sm {
	color: #5a83ff;
	font-size: 0.9em;
	margin-top: -10px;
}	
	
a {
	color: #5a83ff;
	text-decoration: none;
	text-align: right;
}
	
	a:hover {
		color: #fff;
		background: #5a83ff;
		}

.container {
	background: url('../img/container.jpg') repeat-y;
	}

#header h1 {
	margin: 20px 0px 10px;
	font: 3em Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	}
	
#header h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: none;
	}
	
#city {
	background: url('../img/city.jpg') no-repeat 425px bottom;
	padding: 0px 0px 30px;
	}
	
#header-text {
	background: url('../img/header-text.jpg') no-repeat 40px 0px;
	height: 165px;	
	font-size: 2.5em;
	color: #dfdfdf;
	}
	
	#header-text p {
		margin: 10px 0px 0px;
		}
	

#contact {
	text-align: right;
	}

#nav {
	background: #898989;
	width: 880px;
	}
	
	#nav ul {
		list-style: none;
		padding: 0;
		}
		
		#nav li {
			float: left;
			}
			
			#nav li a {
				float: left;
				display: block;
				padding: 5px 15px;
				color: #fff;
				text-decoration: none;
				margin: 5px;
				font-size: 1.3em;
				}
				
			#nav li a:visited {
				color: #dfdfdf;
				}
				
			#nav li a:hover {
				background: #5a83ff;
				color: #fff;
				}
				
				
	
#wrapper {
	padding-top: 40px;
	}
	
.footer {
	background: #898989;
	width: 880px;
	padding: 20px 0px;
	color: #fefefe;
	}
	
.listing  {
	color: black;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #dcdcdc;
	text-align: left }
.listing2  {
	font-weight: normal;
	font-size: 10px;
	background-color: transparent }
.listing3  {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-transform: uppercase }
.listing3 a:link {
	color: blue;
	text-decoration: none }
.listing3 a:hover {
	color: silver;
	text-decoration: underline;
	background-color: #69f }
	
#legendnavy {
	color: navy;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}	

#legendpurple {
	color: purple;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}

#legendgreen {
	color: green;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}

#legendpink {
	color: #fa00fc;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}

#legendblack {
	color: black;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}

#legendgrey {
	color: #666;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
}

#fappnavy {
	border: 1px solid navy;
	padding: 10px;
	margin: 0 50px 25px;
}

#fapppurple {
	border: 1px solid purple;
	padding: 10px;
	margin: 0 50px 25px;
}

#fappgreen {
	border: 1px solid green;
	padding: 10px;
	margin: 0 50px 25px;
}

#fapppink {
	border: 1px solid #fa00fc;
	padding: 10px;
	margin: 0 50px 25px;
}

#fappblack {
	border: 1px solid black;
	padding: 10px;
	margin: 0 50px 25px;
}

#fappgrey {
	border: 1px solid #666;
	padding: 10px;
	margin: 0 50px 25px;
}					

form#two label {
	clear:left; 
	display:block; 
	float:left; 
	width:120px; 
	text-align:right; 
	padding-right:10px; 
	color:#888; 
	margin-bottom:0.5em;
	}
	
form#two input {
	margin-bottom:0.6em;
	}
	
form#two select {
	margin-bottom:0.6em;
	}

.req {
	background: url(../img/required.gif) no-repeat;
}	
	
img#app {
	display:inline;
	float:none;
	margin: 0;
}

hr {
	width: 60%;
	font-size: 2px;
	margin-right: auto;
	margin-left: auto;
	color: purple;
}	

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-red { color: red; }

.text-green { color: green; }

.text-yellow { color: yellow; }

.text-black { color: #000; }

.text-navy { color: navy; }

.text-pink { color: #f80880; }

.text-maroon { color: maroon; }

.text-xsm {
	font-size: .75em;
}

.float-left {
	float: left;
	padding-right: 5px;
}

.float-right {
	float: right;
	padding-left: 5px;
}