﻿@charset "utf-8";

body {
	background: url(../img/background-home.png) repeat-x #232059;
}


/* body div */
div .body {
	clear: both;
	position: relative;
	margin: auto;
	height: 100%;
	width: 980px;
}
	div .banner {
		width: 930px;
		height: 369px;
		margin-top: 2px;
		margin-left: 25px;
		color: #CCCCCC;
	}

		img .homeBanner {
			width: 930px;
			height: 369px;
		}

		div .bannerElement {
			width: 930px;
			height: 369px;
			cursor: hand;
			cursor: pointer;
		}

	div .content {
		width: 900px;
		background: #FFFFFF;
		height: 320px;
		margin-top: 35px;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 35px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
	}

	div .floatBlock {
		width: 290px;
		height: 320px;
		float: left;
		position: relative;
		margin-left: 5px;
		margin-right: 5px;
	}

		div .contentTitle {
			width: 280px;
			height: 30px;
			padding-left: 5px;
			padding-top: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			border-bottom: #666666 dotted 1px;
			font-size: 20px;
			color: #232059;
			font-weight: bold;
			text-align: center;
		}

			div.contentTitle a,
			div.contentTitle a:hover,
			div.contentTitle a:link,
			div.contentTitle a:active {
				font-size: 20px;
				color: #232059;
			}

		div .contentBlock {
			width: 280px;
			padding-left: 5px;
			padding-top: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			font-size: 12px;
			color: #666666;
			text-align: left;
			line-height: 160%;
		}

		div .contentBlockQuote {
			width: 235px;
			padding-left: 30px;
			padding-top: 25px;
			padding-right: 5px;
			padding-bottom: 5px;
			margin-left: 5px;
			margin-top: 5px;
			color: #666666;
			text-align: left;
			background: url(../img/quote.png) no-repeat top left;
			overflow: hidden;
			max-height: 245px;
			font-style: italic;
		}

			div .contentBlockQuote span.initialSpace {
				width: 60px;
				height: 16px;
				display: inline;
			}

			div .contentBlockQuote a,
			div .contentBlockQuote a:link,
			div .contentBlockQuote a:active {
				color: #666666;
				font-weight: normal;
				font-size: 13px;
				line-height: 150%;
			}

			div .contentBlockQuote a:hover {
				color: #333333;
			}
			/*
			div.contentBlockQuote:hover a  {
				color: #333333;
			} */

			div .contentBlockQuote span.quoteAuthor {
				color: #999999;
				font-size: 12px;
				text-align: right;
				font-style: normal;
				font-weight: normal;
				width: 235px;
				display: block;
			}

		div .contentSubTitle {
			/* width: 890px; */
			height: 25px;
			padding-left: 5px;
			padding-right: 5px;
			margin-top: 20px;
			font-size: 18px;
			color: #0d64e5;
			/* font-weight: bold; */
			text-align: left;
		}

		div .contentSpacer {
			width: 100%;
			height: 40px;
		}



/* partners carousel */
#partners{
        width: 280px;
        overflow:hidden;
}
#partners ul{
        position: relative;
        padding: 0;
}
#partners li{
        width: 280px;
        height: 280px;
        float: left;
        list-style: none;
}

/* quotes carousel */
#quotes{
        width: 235px;
        overflow:hidden;
}
#quotes ul{
        position: relative;
        padding: 0;
}
#quotes li{
        width: 235px;
        height: 245px;
        float: left;
        list-style: none;
}

/* banner carousel */
#banner{
        width: 930px;
        overflow: hidden;
}
#banner ul{
        position: relative;
        padding: 0;
}
#banner li{
        width: 930px;
        height: 370px;
        float: left;
        list-style: none;
}

div .bannerControl {
	z-index: 2;
	position: absolute;
	right: 25px;
	top: 330px;
	width: 60px;
	height: 30px;
	padding-top: 5px;
}

div .bannerControlRight {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/banner_right.png) no-repeat;
	margin-left: 10px;
}

div .bannerControlRight:hover {
	background: url(../img/banner_right_hover.png) no-repeat;
}

div .bannerControlLeft {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/banner_left.png) no-repeat;
}

div .bannerControlLeft:hover {
	background: url(../img/banner_left_hover.png) no-repeat;
}

#bannerNext {
	margin-left: 5px;
    cursor:pointer;cursor:hand
}

#bannerPrevious {
    cursor:pointer;cursor:hand
}

img.homePartner {
	width: 280px;
	height: 280px;
    cursor:pointer;cursor:hand
}
