/*****************
 * COMMON STYLES *
 *****************/

html {
	margin: 0;
	padding: 0;
	background: #3f578b url('/images/bg_html.jpg') no-repeat center top;
}

body {
	margin: 0;
	padding: 0;
	font: 13px/140% Arial, Helvetica, sans-serif;
	color: #000;

}

span {
	display: none;
}

.clear {
	clear: both;
}

div#wrapper {
	position: relative;
	margin: 70px auto 0 auto;
	padding: 0;
	width: 624px;
}

/*******************
 * BRANDING STYLES *
 *******************/

div#wrapper div#branding {
	margin: 0;
	padding: 0;
}

div#wrapper div#branding h1 {
	margin: 0 0 12px 0;
	padding: 0;
	width: 337px;
	height: 31px;
	background: transparent url('/images/logo-trans.png') no-repeat 0 0;
}

div#wrapper div#branding h1 a {
	display: block;
	width: 337px;
	height: 31px;
}

div#wrapper div#branding div#folio {
	position: relative;
	margin: 0;
	padding: 0;
	width: 618px;
	height: 258px;
	border: 3px solid #fff;
	-webkit-box-shadow: -5px -5px 15px #253873;
	-moz-box-shadow: -5px -5px 15px #253873;
	box-shadow: -5px -5px 15px #253873; 
}

#branding .index {
	background: transparent url('/images/folio_home.jpg') no-repeat 0 0;
}
#branding .services {
	background: transparent url('/images/folio_services.jpg') no-repeat 0 0;
}
#branding .about {
	background: transparent url('/images/folio_about.jpg') no-repeat 0 0;
}
#branding .contact,
#branding .thanks {
	background: transparent url('/images/folio_contact.jpg') no-repeat 0 0;
}
#branding .searchResults {
	background: transparent url('/images/folio_searchResults.jpg') no-repeat 0 0;
}

div#wrapper div#branding div#folio h2 {
	position: absolute;
	top: 100px;
	left: 220px;
	margin: 0;
	padding: 0;
	width: 371px;
	height: 57px;
	background: transparent url('/images/logo_folio-trans.png') no-repeat 0 0;
}

/******************
 * CONTENT STYLES *
 ******************/

div#wrapper div#content {
	margin: 0;
	padding: 32px 55px 30px 55px;
	background: #f5f2ef url('/images/bg_content.jpg') no-repeat 0 0;
	-webkit-box-shadow: -5px 5px 15px #253873;
	-moz-box-shadow: -5px 5px 15px #253873;
	box-shadow: -5px 5px 15px #253873; 
}

div#wrapper div#content h3 {
	margin: 0;
	padding: 15px 0 0 0;
	width: 516px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#wrapper div#content .home {
	background: url('/images/headline_home-trans.png') no-repeat 0 0;
}
div#wrapper div#content .about {
	background: url('/images/headline_about-trans.png') no-repeat 0 0;
}
div#wrapper div#content .services {
	background: url('/images/headline_services-trans.png') no-repeat 0 0;
}
div#wrapper div#content .contact {
	background: url('/images/headline_contact-trans.png') no-repeat 0 0;
}
div#wrapper div#content .companyinfo {
	background: url('../images/headline_companyinfo-trans.png') no-repeat 0 0;
}
div#wrapper div#content .thanks {
	background: url('../images/headline_thanks-trans.png') no-repeat 0 0;
}

div#wrapper div#content ul {
	margin-top: 0;
}

/*div#wrapper div#content li {
	color: #3e85d2;
}*/

div#wrapper div#content li  {
	margin: 0;
	padding: 2px 0;
}

/*****************
 * FOOTER STYLES *
 *****************/

div#wrapper div#footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #f8c300;
}

div#wrapper div#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

div#wrapper div#footer span {
	display: inline;
	color: #f8c300;
}

/*********************
 * NAVIGATION STYLES *
 *********************/

div#wrapper div#nav {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0;
}

div#wrapper div#nav p {
	margin: 0;
	padding: 0;
}

div#wrapper div#nav span {
	display: inline;
	color: #f8c300;
}

div#wrapper div#nav a {
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

div#wrapper div#nav a:hover,
div#wrapper div#nav a.here {
	color: #f8c300;
}

/*****************
 * SEARCH STYLES *
 *****************/

div#wrapper div#searchArea {
	position: absolute;
	top: 30px;
	right: -168px;
	margin: 0;
	padding: 0;
	width: 153px;
}

div#wrapper div#searchArea label {
	display: block;
	margin: 0 0 8px 0;
	padding: 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	border-top: 1px solid #f8c300;
	border-bottom: 1px solid #f8c300;
}

div#wrapper div#searchArea input {
	margin: 0;
	padding: 0;
	width: 117px;
	float: left;
}

div#wrapper div#searchArea select {
	margin: 0;
	padding: 0;
	width: 117px;
	float: left;
}

div#wrapper div#searchArea input.gobutton {
	margin: 0;
	padding: 0;
	width: 32px;
	height: 19px;
	float: left;
}

div#wrapper .display {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p.margin {
	margin: 0;
}

/*****************
 * FORM STYLES *
 *****************/
 
div#wrapper form#contactform fieldset li {
	 list-style-type: none;
	 margin-bottom: 10px;
 }
 
 #contactform label {
	 float: left;
	 width: 120px;
 }
 
 #contactform input, 
 #contactform select,
 #contactform textarea {
	 margin-left: 20px;
	 width: 250px;
 }
 
 #contactform input#submit {
	 width: auto;
	 margin-left: 140px;
 }