@charset "UTF-8";
/* CSS Document */

#featured-home {
    width: 100%;
    height: 318px;
    background: #2D98BC; /* for browsers that can't display gradients */
	background: -webkit-linear-gradient(rgb(22, 72, 90) 0%, rgb(45, 152, 188) 30%, rgb(45, 152, 188) 70%, rgb(22, 72, 90)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(22, 72, 90) 0%, rgb(45, 152, 188) 30%, rgb(45, 152, 188) 70%, rgb(22, 72, 90)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(22, 72, 90) 0%, rgb(45, 152, 188) 30%, rgb(45, 152, 188) 70%, rgb(22, 72, 90)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(22, 72, 90) 0%, rgb(45, 152, 188) 30%, rgb(45, 152, 188) 70%, rgb(22, 72, 90)); /* Standard syntax (must be last) */
	border-bottom:solid 1px #000;
	display: inline-block;
}


#featured-home h2, h2 a {
	font: bold 27px Myriad_B;
    margin: 15px 0;
	color: #fff;
    text-decoration: none;
    margin-top: 80px;
}

#slideshowShadow {
    height: 318px;
    background: url('../views/images/featuredShadow.png') no-repeat center;
}

#slideshowContainer {
    position: relative;
    height: 318px;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

#slideshow {
    position: relative;
    height: 318px;
    width: 950px;
    border: none;
}

#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    border: none;
	float: left;
}
#slideshow img { 
    height: 318px;
    width: 950px; 
}

.slideshowText {
	padding: 0px 25px 25px 326px;
	height: 267px;
	text-shadow: 2px 2px 3px #000;
	
}


.slideshowText h2 {
    margin: 0 0 0 326px;
    border-bottom: solid 1px #074F64;
	width: 575px;
}


#navBar {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 11;
    height: 30px;
    width: 250px;
    margin: 25px;
    text-align: right;
    display: inline-block;
}

.item {
    width: 300px;
    height: 210px;
    display: inline-block;
    position: relative;
    margin: 0 0 0 25px;
    font-size: 15px;
}

.item:first-child {
    margin: 0;
    color: #fff;
}

.item .itemContent p+p {
    text-align: right;
}


a{
    color: #439bc0;
    text-decoration: none;
}


.itemContent {
    width: 250px;
    height: 100%;
    margin: 0 25px;
    position: absolute;
    top: 0;
    text-align: left;
}

.itemContent h2{
    text-align: left;
}