/**
 * City of Bellevue
 * Styles particular to the Home Page / Index
 **/

	/* Layout / Column Overrides */
	
		div#content div#frame div.twoColumn div#home div#mainColumn {
			padding-left: 0px;
			padding-right: 21px;
			width: 731px;
		}
	
		div#content div#frame div.twoColumn div#home div.column {
			padding-top: 0px;
		}
		
		#rightColumn {
			padding-top: 16px !important;
		}
		
	/* Content */
	
		div#home div.contentBox {
			margin-left: 16px;
			margin-right: 16px;
		}
		
		div#home div.reducedMargin h1,
		div#home div.reducedMargin h2,
		div#home div.reducedMargin h3 {
			margin-top: 16px;
		}

	/* Callout / Home Billboard */

		div#homeCallout {
			padding: 16px;
		}
		
			div#homeCallout div.callout {
				height: 283px;
			}
	
			/* Photo Gallery */
			
				div#titleBox,
				div#aboutBox {
					opacity: 0.90;
					filter: alpha(opacity = 90)
				}
	
				div#homeCallout div#photoBox {
					position: relative;
					width: 475px;
					margin-right: 17px;
					overflow: hidden;
				}
				
				div#homeCallout div#photoBox img {
					position: absolute;
					z-index: 0;
				}
				
				div#homeCallout div#photoBox div#titleBox {
					position: absolute;
					top: 0px;
					width: 455px;
					z-index: 10;
				}
				
				div#homeCallout div#photoBox div#aboutBox {
					position: absolute;
					width: 475px;
					z-index: 550;
					bottom: 17px;
					height: 0px;
					overflow: hidden;
				}
				
					div#homeCallout div#photoBox div#aboutBox div#aboutContentWrapper {
						margin: 14px;
						position: relative;
						z-index: 600;
					}
				
					div#homeCallout div#photoBox div#aboutBox h2 {
						color: #fff;
					}
					
					div#homeCallout div#photoBox div#aboutBox a {
						font-weight: bold;
					}
					div#homeCallout div#photoBox .photoClick {
						display: block;
						cursor: pointer;
						width: 475px;
						height: 230px;
						z-index: 500;
						position: absolute;
						margin: 30px 0 0 0;
						background: url(/media/cob/images/transparent-background.png) repeat left top;
					}
					
				div#homeCallout div#photoBox div#controls {
					position: absolute;
					bottom: 0px;
					height: 13px;
					font-size: 11px;
					line-height: 13px;
					padding: 2px;
					background-color: #2B817E;
					width: 471px;
					z-index: 11;
				}
				
					div#homeCallout div#photoBox div#controls,
					div#homeCallout div#photoBox div#controls a {
						color: #fff;
					}
				
					div#homeCallout div#photoBox div#controls div.button {
						height: 13px;
						width: 13px;
						line-height: 13px;
						font-size: 10px;
						margin-right: 4px;
						overflow: hidden;
					}
					
						div#homeCallout div#photoBox div#controls div.button.last {
							margin-right: 0px;
						}

						div#homeCallout div#photoBox div#controls div.button.active {
							background-color: #fff;
							color: #299BA3;
						}
					
						div#homeCallout div#photoBox div#controls div.button:hover,
						div#homeCallout div#photoBox div#controls div.button.hover {
							cursor: pointer;
						}
				
			/* News & Updates */
			
				div#homeCallout div#newsBox {
					width: 207px;
					background-color: #fff;
				}
			
				div#homeCallout div#newsBox div#newsFrame {
					height: 255px;
					overflow: auto;
				}
			
					div#homeCallout div#newsBox div#newsFrame div#inner {
						padding: 1px 11px;
					}
					
			/* External Links */
			
				div#externalLinks div.floatLeft {
					width: 222px;
				}
				
				div#externalLinks a {
					display: block;
					line-height: 15px;
					margin-bottom: 10px;
				}
					
	/* Special CMS Styles */
	
		div#homeCallout > div.cms-edit {
			width: 471px;
			height: 11px;
		}