/* 

Client:
Created: 
Last Modified:

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.75em;
		color: #8c8c8c;
		background: #0e0e0e url(../images/generic/body-bg.gif) repeat-x;
		}
		
	.wrapper {
		width: 880px;
		margin: 0px auto;
		}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	h1 {
		font-size: 1.5em;
		color: #ffffff;
		font-weight: normal;
	}
	
	h2 {
		font-size: 1em;
		color: #ffffff;
		margin-bottom: 10px;
		font-weight: 700;
	}
	
	h3 {
		font-size: 1em;
		color: #333333;
		margin-bottom: 10px;
	}
	
	a img {
		border:none;
	}
		
	a { 
		color: #ffffff;
		outline: none;
	}
	
	a:hover { 
		color:#c9dae2; 
	}
	
	a:focus {
  		-moz-outline: none;
	}
	
	
	p { 
		padding: 0 0 1.2em 0;
		margin: 0;
		line-height: 1.4em;
	}
	
	ul {
		margin: 0 0 15px 25px;
		padding: 0;
	}
		
	
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	.header {
		height: 90px;
		padding: 21px 0 0 0;
		margin: 0;
		background:url(../images/generic/header-bg.jpg) -150px 0 no-repeat;
	}

	.logoMain {
		float: left;
		display: block;
		width: 152px;
		height: 40px;
		margin: 20px 0 0 0;
		text-indent: -9999px;
		background: url('../images/generic/logo-main.gif') 0 0 no-repeat;
	}	

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	.nav1Container {
		float: right;
		width: 360px;
		height: 21px;
		margin: 33px 0 0 0;
		background: url(../images/nav/nav1-bg.gif) bottom repeat-x;
		}
		
	ul.nav1 {
		margin:0;
		padding:0;
	}

	.nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding: 0 0 0 40px;
		list-style:none;
		}
		
	.nav1 li.home {
		float:left;
		position:relative;
		margin:0;
		padding: 0 0 0 0;
		list-style:none;
		}	

	.nav1 li a {
		display:block;
		height:21px;
		text-indent:-999px;
		overflow:hidden;
		background-position:0 -21px !important;
		}
		
	.nav1 li:hover ul, .nav1 li.hover ul {
		display:block
		}

	.nav1 li a#nav1Home {
		background:url('../images/nav/nav1-home.gif') no-repeat left top;
		width:36px
		}
		
	.nav1 li a#nav1About {
		background:url('../images/nav/nav1-about.gif') no-repeat left top;
		width:56px
		}
		
	.nav1 li a#nav1Services {
		background:url('../images/nav/nav1-services.gif') no-repeat left top;
		width:80px
		}

	.nav1 li a#nav1Contact {
		background:url('../images/nav/nav1-contact.gif') no-repeat left top;
		width:68px
		}		
		
	/* hover nav */
	
	.nav1 li a:hover {
		background-position:0 0px !important;
		height: 21px;
		}
				
	/* selected nav */

	.nav1 li a.active { 
		height: 21px;
		background-position:0 0px !important	
	 }


	/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */


	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.feature {
		height: 216px;
		margin: 0 0 7px 0;
		background:url(../images/home/feature.jpg)
	}
	
	.feature h1 {
		float: right;
		padding-right: 10px;
		margin-top: 182px;
	}
	
	.homeContent {
		padding: 15px 0 0 0;
		height:238px;
		border-top: 1px solid #525252;
		border-bottom: 1px solid #525252;
		background:url(../images/home/content-bg.jpg) no-repeat;
	}

	.homeContent .copy {
		float: left;
		width: 500px;
	}
	
	.homeContact {
		float: left;
		padding-left: 20px;
	}
	
	a.buttonMore {
		display: block;
		width: 359px;
		height: 16px;
		margin: 23px 0 0 20px;
		text-indent: -999px;
		background:url(../images/home/button-find-out-more.gif) 0 0 no-repeat;
	}
	
	a.buttonMore:hover {
		background:url(../images/home/button-find-out-more.gif) 0 -16px no-repeat;
	}

	 	/* ---- PAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.content {
		margin-top: 10px;
		padding: 20px 0;
		border-top: 1px solid #525252;
		border-bottom: 1px solid #525252;
	}
	
	.content h1 {
		margin-bottom: 15px;
	}
	
	.narrow {
		width: 600px;
		padding-bottom: 20px;
	}
	
	a.buttonContact {
		display: block;
		width: 359px;
		height: 16px;
		margin: 0px 0 0 20px;
		text-indent: -999px;
		background:url(../images/about/button-contact.gif) 0 -16px no-repeat;
	}
	
	a.buttonContact:hover {
		background:url(../images/about/button-contact.gif) 0 0 no-repeat;
	}
	

	.about {
		padding: 20px 0 6px 0;
		background:url(../images/about/about-bg.jpg) right bottom no-repeat;
	}

	.services {
		background:url(../images/services/services-bg.jpg) right bottom no-repeat;
	}
	
	.contact {
		background:url(../images/contact/contact-bg.jpg) right bottom no-repeat;
	}
	
	
		/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form .label {
		width: 100px;
		padding: 6px 0;
		margin-bottom: 2px;
	}
	
	.form td {
		padding: 3px 0;
	}
	


	.form input.text, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 220px;
		color: #333;
		padding: 3px;
		margin: 0;
		vertical-align: middle;
		background: #ffffff;
		font-size: 0.9em;
		font-family: Arial, Verdana, Tahoma;

	}

	.form select {
		color: #333;
		padding: 0;
		vertical-align: middle;
		font-size: 0.85em;

	}

	input.submitButton {	
		border: 0;
		width: auto;
		padding: 3px;
		background: #459A37;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.1em;
	}	
	
	.required {
		visibility: hidden;
		margin: 0 0 0 10px;
		padding: 2px 0 0 0;
		color: #ffffff;

	}
	

	
	/* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	.footer {
		clear:both;
		padding: 20px 0;
		margin-top: 3px;
		font-size: 0.9em;
		color:#666666;

	}
	
	ul.footerLinks {
		margin: 0;
		padding:0;
		list-style:none;
	}
	
	ul.footerLinks li {
		float: left;
		margin-right: 20px;
	}
	
	.footer a {
		color: #939393;
		text-decoration: none;
	}
	
	.footer a:hover {
		color:#ffffff;
		text-decoration: underline;
	}
	
	.legal {
		float: right;
		padding: 0 0 10px 0;
	}
	
	.footerServices {
		padding: 10px 0;
		border-top: 1px solid #cccccc;
	}
	
	ul.footerServicesLinks {
		float:left;
		list-style: none;
		padding:0;
		margin:0 12px 0 0;
	}
	
	/* ---- sIFR ------
-------------------------------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 { font-family: Verdana; visibility: hidden; }
}