/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {	
	background: #531F55 url('../img/bg/main-bg.jpg') top left repeat;
	margin: 0 0 0px 0; padding: 0 0 30px 0;	
	}


/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav {
	background: #9B449D url(../img/nav/main-nav-bg.png) top left repeat-x; 
	width: 960px; height: 41px; 
	overflow: hidden;
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 13px; line-height: 41px; font-weight: bold;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 20px; 
	width: auto; height: 41px;
	overflow: hidden;
	border-right: 1px solid #9C459E;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #F769FD; }

#main-nav ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#main-nav ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	

body#home-section #nav-one 			a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF;  }
body#support-groups-section #nav-two 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF; }
body#services-section #nav-three 	a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF; }
body#news-section #nav-four 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF; }
body#events-section #nav-five 	a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF; }
body#contact-section #nav-six 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFF; }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {
	background: transparent url(../img/logo/operation-uplift-315x58.gif) no-repeat left top;
	display: block; float: left;
	width: 315px; 	height: 58px;
	margin: 10px 0 0 10px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}


#header-div h2 a {
	background: transparent url(../img/logo/slogan-480x43.gif) no-repeat left top;
	display: block; float: left;
	width: 480px; 	height: 43px;
	margin: 18px 0 0 30px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}




/* Intro Header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home-section #intro-header {
	background: #CCFCFF url(../img/bg/home-header-intro-bg.jpg) top left repeat-x;
	width: 960px; height: 278px;
	margin: 0; padding: 0;	
	}

#intro-header {
	background: #FFF url(../img/bg/sub-header-intro-bg.jpg) top left repeat-x;
	width: 960px; height: 104px;
	margin: 0; padding: 0;	
	}	

#home-section #intro-header img { float: right; margin: 21px 30px 0 0; }

#intro-header img { float: left; margin: 0px 0px 0 20px; }

.page-title { 
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 33px; font-weight: normal; line-height: 120%;
	color: #002637;
	margin: 0; padding: 20px 0 0 15px; 
	display: block; float: left; 
	letter-spacing: -0.05em;
	}
	
#intro-header-content { 
	float: left;
	width: 600px; height: auto;
	margin: 0; padding: 20px;	
	}

#intro-header #intro-header-content img { float: left; margin: 5px 20px 0 0 ;}

#intro-header-content h3 { 
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 24px; font-weight: normal; line-height: 120%;
	color: #002637;
	margin: 0; padding: 0; 
	letter-spacing: -0.05em;
	}

#intro-header-content p { 
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 16px; font-weight: normal; line-height: 140%;
	color: #333333;
	margin: 0; padding: 15px 0; 
	}

/* RFQ Form Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
 
  
 
.rfq-button, #rfq-success {
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:top;
	cursor:pointer; 
	font-weight: bold; font-size: 12px;
	color:#FFF;  
	}
	 
.rfq-button 	{ background-color:#60C21E; border:1px solid #60C21E; margin: 0 0 0 118px;	}

#rfq-success-message 	{ 

	background-color:#60C21E; border:1px solid #60C21E;	
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight: bold; font-size: 12px;
	color:#FFF; 
}

#rfq-success-message p { color: white; }

.rfq-fieldset, #rfq-review {
	border-top: 5px solid #DCE6EC;
	border-right: 1px solid #DCE6EC; 
	border-bottom: 1px solid #DCE6EC; 
	border-left: 1px solid #DCE6EC;  	
	margin: 5px 0 0 0; padding: 10px; 
	} 

#rfq-contact-info label { float: left; width: 100px; font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }
#rfq-project-info label { font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }

#rfq-project-info p strong { border-top: 1px solid #A3C9D3; display: block; margin: 5px 0 0 0; padding: 5px 0 0px 0; }

#rfq-review { padding: 15px; margin: 5px 0 10px 0; }
#rfq-review p { font-size: 14px; }


/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; }