@import url("http://www.stagnes.org/index.php/styles/screen-globals");

#wrapper {
	position: relative;
	text-align: center;
	width: 100%;
	background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-main-home.jpg") repeat-x top center;
}


	#banner {
		position: relative;
		z-index: 0;
		height: 506px;
		margin: -47px 0 0 0;
		/*background: transparent url("/images/pic-banner-fpo.png") no-repeat top center;*/
		text-align: center;
		overflow: hidden;
	}
	
		#swf-container {
			left: 50%;
			margin: 0px 0px 0px -595px;
			position: absolute;
			z-index: 0;
			height: 506px;
			overflow: visible;
			text-align: center;
		}
		
			#main-banner .container,
			#main-banner .container .slide,
			#main-banner .container .slides{
				position: relative;
				overflow: hidden;
				width: 1186px;
				height: 506px;
				background-color: transparent !important;
				z-index: 100;
			}
			
			#main-banner .container .slide  img.banner-image{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 0;
				background: transparent!important
			}
				
				#main-banner .container .slide h1{
					font-size: 41px;
					left: 134px;
					position: absolute;
					text-align: left;
					top: 75px;
					color: white;
					line-height: 38px;
					z-index: 200;					
				}
				
				#main-banner .container .slide h2{
					color: white;
					font-size: 15px;
					left: 135px;
					position: absolute;
					text-transform: uppercase;
					top: 185px;
					z-index: 200
				}

				#main-banner .container .slide p{
					font-size: 15px;
					left: 135px;
					position: absolute;
					text-align: left;
					top: 210px;
					width: 400px;
					color: white;
					text-shadow: 1px 1px #4E4E4E;	
					z-index: 200;			
				}
				
				#main-banner .container h4.btn-learn-more{
					left: 135px;
					position: absolute;
					top: 313px;	
					z-index: 200;			
				}
				
				#main-banner .container h4.btn-learn-more a{
					display: block;
					width: 128px;
					height: 32px;
					background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/btn-banner-learn-more.png") no-repeat 0 0;
					cursor: pointer;				
				}
				
				#main-banner .container h4.btn-learn-more a:hover{
					background-position:  0 -32px;
				}
				
				#main-banner .container h4.btn-learn-more a span{
					display: none;
				}
			
			#main-banner .pagination {
				bottom: 116px;
				left: 135px;
				margin: 0px;
				overflow: visible;
				position: absolute;
				height: 10px;
				z-index: 100;
				list-style: none
			}
			
			#main-banner .pagination a {
				float:left;
				padding: 0 0 0 10px;
				text-indent: -9999px;
				z-index: 600;
				position: relative;
			}
			
			#main-banner .pagination a {
				text-decoration: none;
				height: 10px;
				width: 10px;
				display: block;
				background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/home-banner-bg-slider-pagi-disc.gif") no-repeat 0 -10px;
				overflow: hidden;
			}
			
			#main-banner img.pagination-bg{
				left: 115px;
				position: absolute;
				bottom: 102px;
				z-index: 100;			
			}
			
			#main-banner .pagination a.activeSlide {
				background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/home-banner-bg-slider-pagi-disc.gif") no-repeat 0 0;
			}		
					
		#lower-wrapper {
			position: relative;
			z-index: 0;
			text-align: left;
			width: 100%;
		}
		
			#lower {
				position: relative;
				width: 960px;
				margin: -85px auto 0;
			}
				
				#lower #institutes {
					position: relative;
					width: 958px;
					height: 289px !important;
					border: 1px solid #e1dcd4;
					margin-bottom: 10px;
					background: #ffffff url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-white.gif") repeat top left;
					overflow: hidden
				}
				
					#lower #institutes ul{
						list-style: none;
						padding-left:0px;
						overflow: hidden;
					}
					
						#lower #institutes ul li{
							float:left;
							margin-right:10px;
							margin-bottom: 100px;
						}
					
					
					#lower #institutes h2,
					#lower #left-col h2 {
						padding: 10px 20px 10px;
						color: #4e4e4e;
						font-size: 17px;
						text-transform: uppercase;
						font-weight: normal;
						border-bottom: 1px solid #e9e6e1;
					}
					
						#institutes-carousel {
						
						}
						
							#institutes-carousel .mod-institutes {
								position: relative;
								overflow: hidden;
								width: 208px;
								height: 213px;	
							}
							
								.mod-institutes .mod-institutes-image {
									position: absolute;
									z-index: 0;
									top: 0;
									left: 0;
									width: 208px;
									height: 213px;
									border-bottom-left-radius: 6px 6px;
									border-bottom-right-radius: 6px 6px;
									border-top-left-radius: 6px 6px;
									border-top-right-radius: 6px 6px;
								}
								
								.mod-institutes .mod-institutes-veil {
									position: absolute;
									z-index: 0;
									top: 133px;
									left: 0;
									width: 208px;
									height: 80px;
									background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-white.gif") repeat top left;
									filter: alpha(opacity=85);
								    -moz-opacity: 0.85;
								    -khtml-opacity: 0.85;
								    opacity: 0.85;	
								}
																			
								.mod-institutes h3 {
									position: relative;
									z-index: 1;
									padding-top: 140px;
									font-size: 13px;
									line-height: 1.1em;
									margin: 0 15px 8px 15px;
								}
								
									.mod-institutes h3 a {
										color: #d48a00;
										text-decoration: underline;
									}
									
										.mod-institutes h3 a:hover {
											text-decoration: none;
										}
								
								.mod-institutes p {
									position: relative;
									z-index: 1;
									font-size: 11px;
									color: #4d4d4d;
									line-height: 1.1em;
									margin: 0 15px 10px 15px;
								}
						
					/* Note to designer: see skins/tango/skin.css for the rest of the carousel styles */
					
				#double-col {
					position: relative;
					width: 960px;
				}
				
					#double-col #left-col {
						position: relative;
						float: left;
						width: 637px;
						margin-bottom: 10px;
					}
					
						#mod-our-specialties {
							position: relative;
							margin-bottom: 10px;
							width: 635px;
							height: 170px;
							border: 1px solid #e1dcd4;
							background: #ffffff url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-white.gif") repeat top left;
						}
														
							#mod-our-specialties ul {
								list-style: none;
								width: auto;
								margin: 15px 0 0 20px;
width: 180px!important
							}
							
							#mod-our-specialties ul.third-width {
								width: 180px;
							}
														
								#mod-our-specialties ul li {
									font-size: 11px;
									padding: 0px 10px 13px 20px;;
									background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/icon-link-plus.gif") no-repeat 0 0;
								}
								
									#mod-our-specialties ul li a {
										color: #4e4e4e;
										font-weight: bold;
										text-decoration: underline;
									}
									
										#mod-our-specialties ul li a:hover {
											color: #70706f;
											text-decoration: none;
										}
						
						#news {
							margin-bottom: 10px;
						}
						
							#mod-feature-stories {
								position: relative;
								float: left;
								width: 392px;
								height: 410px;
								border: 1px solid #e1dcd4;
								margin-right: 10px;
								background: #ffffff url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-white.gif") repeat top left;
							}
							
							#featured-content{
								height: 365px;
								position: relative;
								width: 392px;							
							}
							
							#featured-content .slides{
								left: 0px;
								position: absolute;
								top: 0px;
							}
							
							#featured-content .container{
								position: relative;
								overflow: hidden;
								height: 365px;
								width: 392px;
							}
								
								#featured-content .slide{
									height: 365px;
									overflow: hidden;
									position: relative;
									width: 392px;
								}
								
								#mod-feature-stories .feature-image-container {
									position: relative;
									width: 353px;
									height: 143px;
									margin: 15px 20px;
									overflow: hidden;
									border-bottom-left-radius: 6px 6px;
									border-bottom-right-radius: 6px 6px;
									border-top-left-radius: 6px 6px;
									border-top-right-radius: 6px 6px;
									
								}
								
									.feature-image-container img {
										display: inline;
									}
								
								#mod-feature-stories h3 {
									font-size: 16px;
									margin: 0 20px 10px;
								}
								
									#mod-feature-stories h3 a {
										color: #d48a00;
										text-decoration: underline;
									}
									
										#mod-feature-stories h3 a:hover {
											text-decoration: none;
										}
										
								#mod-feature-stories h4,
								#mod-news-events h4 {
									font-size: 12px;
									line-height: 1.2em;
									text-transform: uppercase;
									margin: 0 20px;
								}
								
									#mod-feature-stories h4 {
										margin-bottom: 10px;
									}
									
									h4#btn-white-continue {
										position: absolute;
										top: 316px;
										margin-bottom: 0;
									}
									
									h4#btn-white-articles {
										position: absolute;
										top: 365px;
									}
									
									h4#btn-white-continue a {
										display: block;
										width: 173px;
										height: 32px;
										background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/btn-white-continue.jpg") no-repeat 0 0;
										cursor: pointer;
									}
									
									h4#btn-white-articles a {
										display: block;
										width: 144px;
										height: 32px;
										background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/btn-white-articles.jpg") no-repeat 0 0;
										cursor: pointer;
									}
									
										h4#btn-white-continue a:hover,
										h4#btn-white-articles a:hover {
											background-position: 0 -32px;
										}
								
								#mod-feature-stories p {
									font-size: 12px;
									line-height: 16px;
									margin: 0 20px 10px;
								}
								
								#featured-content ul.pagination {
									position: absolute;
									top: -25px;
									right: 20px;
									list-style: none;
									padding:0;
									margin:0;
									height: 10px
								}
								
								#featured-content ul.pagination li {
									float:left;
									padding: 0 0 0 10px;
									
								}
								
								#featured-content ul.pagination li a {
									text-decoration: none;
									height: 10px;
									width: 10px;
									display: block;
									background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-slider-pagi-disc.gif") no-repeat 0 -10px;
									overflow: hidden;
									position: relative;
								}
								
								#featured-content ul.pagination li.active a {
									background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-slider-pagi-disc.gif") no-repeat 0 0;
								}
							
								
							#mod-news-events {
								position: relative;
								float: left;
								width: 230px;
								height: 410px;
								border: 1px solid #e1dcd4;
								background: #ffffff url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-white.gif") repeat top left;
							}
								
								#mod-news-events ul {
									margin: 13px 20px;
									list-style: none;
								}
								
									#mod-news-events ul li {
										font-size: 11px;
										line-height: 1.3em;
										padding: 0 0 10px;
									}
									
										#mod-news-events ul li a {
											color: #d48a00;
											font-size: 12px;
											font-weight: bold;
											text-decoration: underline;
										}
										
											#mod-news-events ul li a:hover {
												text-decoration: none;
											}
									
									#mod-news-events h4 {
										margin: 0 20px;
									}
 					
 					
					#double-col #right-col {
						position: relative;
						float: right;
						width: 313px;
					}
					
						#mod-livewell {
							color: #fff;
							height: 397px;
							margin-bottom: 10px;
							background: #34312c url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-gray.jpg") repeat-x top center;
						}
							
							#mod-livewell h2 {
								padding: 10px 20px 12px;
								color: #ffffff;
								font-size: 17px;
								font-weight: normal;
								background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-gray-rule.gif") repeat-x bottom;
							}
								
								#mod-livewell .livewell-video-btn {
									position: absolute;
									top: 105px;
									left: 131px;
									z-index: 2;
								}
								
									#mod-livewell .livewell-video-btn a:hover {
										filter: alpha(opacity=70);
								   		-moz-opacity: 0.7;
								    	-khtml-opacity: 0.7;
								   		opacity: 0.7;	
									}

								#mod-livewell .livewell-image-container {
									position: relative;
									width: 273px;
									height: 157px;
									margin: 15px 20px;
									overflow: hidden;
									border-bottom-left-radius: 6px 6px;
									border-bottom-right-radius: 6px 6px;
									border-top-left-radius: 6px 6px;
									border-top-right-radius: 6px 6px;									
								}
								
									.feature-image-container img {
										display: inline;
									}
								
								#mod-livewell h3 {
									font-size: 14px;
									margin: 0 20px 10px;
								}
								
								#mod-livewell p {
									font-size: 12px;
									color: #c8c5bc;
									margin: 0 20px 10px;
								}
								
								#mod-livewell h4 {
									margin: 0 20px;
								}
								
								#mod-livewell h4 {
									position: absolute;
									top: 348px;
								}
								
									h4#btn-gray-videos a {
										display: block;
										width: 133px;
										height: 32px;
										background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/btn-gray-videos.jpg") no-repeat 0 0px;
										cursor: pointer;
									}	
									
										h4#btn-gray-videos a:hover {
											background-position: 0 -32px;
										}
							
						#mod-connect {
							color: #fff;
							height: 187px;
							background: #da9619 url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-gold.gif") repeat-x top center;
						}
						
							#mod-connect h2 {
								padding: 10px 20px 12px;
								color: #ffffff;
								font-size: 17px;
								text-transform: uppercase;
								font-weight: normal;
								background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-gold-rule.gif") repeat-x bottom;
							}
							
							#mod-connect-left {
								position: relative;
								float: left;
								width: 211px;
								height: 144px;
								background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/bg-mod-gold-rule-vert.gif") repeat-y right;
							}
							
								#mod-connect p {
									font-size: 12px;
									color: #fff;
									margin: 0 15px 10px 20px;
									padding-top: 10px;
									text-shadow: 1px 1px #af8425;
								}
								
								#mod-connect h4 {
									position: absolute;
									top: 98px;
									left: 20px;
								}
								
									#mod-connect h4#btn-connect-newsletter a {
										display: block;
										width: 182px;
										height: 32px;
										background: transparent url("http://www.stagnes.org/themes/site_themes/stagnes/images/btn-connect-newsletter.gif") no-repeat 0 0px;
										cursor: pointer;
									}	
									
										#mod-connect h4#btn-connect-newsletter a:hover {
											background-position: 0 -32px;
										}
								
							#mod-connect-right {
								position: relative;
								float: right;
								width: 99px;
							}
							
								#mod-connect-right ul {
									list-style: none;
									margin: 0;
									padding: 3px 0 0 0;
									z-index: 3;
								}
								
									#mod-connect-right ul li {
										position: relative;
										float: left;
										width: 32px;
										height: 32px;
										white-space: nowrap;
										margin: 10px 0 0 10px;
									}
																	
										#mod-connect-right li a img {
											border: none;
										}
										
											#mod-connect-right li a {
												display: block;
											}
											
												#mod-connect-right li a:hover {
												
												}