/*-------------------------------------------
	@Banner
---------------------------------------------*/

#banner, #banner .wrapper, #banner #banner-content-fixed, #banner .item {
	height: 340px; width: 930px;
}

#banner {
	background: #fff;
}

#banner .wrapper {
	overflow: hidden;
	position: relative;
}
#banner #banner-content-fixed {
	overflow: hidden; z-index: 2;
	position: absolute; top: 0; left: 0; 
}
#banner ul {
	margin: 0; list-style: none;
	position: relative; z-index: 1;
}
#banner .item {
	background: url(../images/banner-image-01.jpg) no-repeat center top;
	float: left; position: relative;
}


/** 
 * Banner Navigation
 */

#banner .banner-nav {
	background: url(../images/banner-nav.png) no-repeat center top;
	position: absolute; top: 135px; cursor: pointer;
	width: 60px; height: 60px; z-index: 3;
}
#banner .banner-nav.left {
	background-position: left top; left: 1px;
}
#banner .banner-nav.left:hover {
	background-position: left bottom;
}
#banner .banner-nav.right {
	background-position: right top; right: 1px;
}
#banner .banner-nav.right:hover {
	background-position: right bottom;
}

/**
 * Banner Content
 */

#banner .content {
	margin: 35px 100px 0 400px;
}
#banner h1 {
	font-size: 38px;
	line-height: 38px;
	color: #232323;
	margin: 0; padding: 0;
	font-weight: normal;
}
#banner p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.5);
}
.rgba #banner p {
	color: rgba(0, 0, 0, 0.5);
}
#banner .btn, #banner .phone { float: left; margin-top: 10px; margin-bottom: 20px; }
#banner p.btn {}
#banner p.btn a {
	background: url(../images/btn-getaquote.png) no-repeat center top;
	display: block;
	width: 194px;
	height: 50px;
	text-indent: -99999px;
}
#banner p.btn a:active {
	background-position: center bottom;
}
#banner .phone {
	font-size: 30px; color: #232323;
	margin-left: 30px;
	padding: 14px 0 0;
}