/*030411 - Jack/WP*/

#slideshow {
	background-image: url("http://www.compositesw.com/images/uploads/carouselBkrd.png");
	background-repeat: repeat-x;
	height: 225px;
	margin-bottom: 15px;
	z-index: 0;
}

.slide1, .slide2, .slide3, .slide4 {
	background-image: url("http://www.compositesw.com/images/uploads/carouselBkrd.png");
	background-repeat: repeat-x;
}

span.heroLeft {
	background-repeat: repeat-y;
	float: left;
	display: block;
	height: 225px;
	margin: 5px 0 0 5px;
	width: 335px;
}

span.heroRight {
	display: block;
	float: right;
	margin: 20px 0 0 15px;
	width: 565px;
}

.heroRight h1 {
	border-bottom: 1px solid #396c85;
	color: #ffffff;
	font-size: 3.25em;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.heroRight p {
	color: #ffffff;
	font-size: 1.75em;
	line-height: 1.25em;
	margin-bottom: 15px;
}

.heroRight img {
	float: right;
	padding: 0 25px 15px 25px;
}

a.heroCTA {
	background-image: url("http://www.compositesw.com/images/uploads/heroCTABkrd.png");
	background-position: top right;
	background-repeat: no-repeat;
	color: #f7e3db;
	font-size: .85em;
	font-style: italic;
	font-weight: bold;
	padding: 3px 15px 5px 5px;
}

a:hover.heroCTA {
	color: #ffffff;
	text-decoration: none;
}

.slideNav {
	display: block;
	font-size: 1.15em;
	font-weight: bold;
	margin: -45px 0 0 0;
	text-align: right;
}

.slideNav a {
	background-color: #90acba;
	margin-right: 10px;
	padding: 3px 8px 3px 8px;
}

.slideNav a:hover {
	background-color: #C82228;
	color: #ffffff;
	text-decoration: none;
}

.slideNav a.activeSlide {
	background-color: #C82228;
	color: #ffffff;
}

.module {
	margin-bottom: 15px;
}

.module h2 {
	background-image: url("http://www.compositesw.com/images/uploads/h2Bkrd.png");
	background-repeat: repeat-x;
	border-top: 4px solid #cccccc;
	font-size: 1.65em;
	padding: 8px 5px 15px 5px;
}

.module h2 > span {
	float: right;
}

.module h2 > a:hover {
	color: #333333;
	text-decoration: none;
}

a.moduleIcons, span.moduleIcons {
	background-image: url("http://www.compositesw.com/images/uploads/sprites_1.png");
	float: right;
	height: 15px;
	width: 15px;
}

a.H2DVLB {
	margin-top: -15px;
	background-position: 80% 0;
}

span.H2NPR {
	background-position: 16% 0;
}

span.H2EW {
	background-position: 32% 0;
}

span.H2SM {
	background-position: 52% 0;
	width: 22px;
}

a:hover.moduleIcons {
	text-decoration: none;
}

.module ul {
	font-size: 1.25em;
	line-height: 1.3em;
}

.module li {
	background-image: url("http://www.compositesw.com/images/uploads/arrowIcon.png");
	background-position: 0 3px;
	background-repeat: no-repeat;
	margin: 0 0 8px 5px;
	padding-left: 15px;
}

.ew span {
	display: block;
	font-size: .8em;
	font-style: italic;
}

.sm li {
	background-image: none;
	border-bottom: 1px solid #eeeeee;
	font-size: .95em;
	font-weight: bold;
	line-height: 1.75em;
	margin: 0 0 5px 5px;
	padding: 8px 0 8px 0;;
}


a.smIcons {
	background-image: url("http://www.compositesw.com/images/uploads/sprites_1.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 23px;
	margin-right: 5px;
	width: 23px;
}

.homeTwitter {
	background-position: 0% -16px;
}

.homeFacebook {
	background-position: 24% -16px;
}

.homeLinkedIn {
	background-position: 50% -16px;
}

.homeYouTube {
	background-position: 75% -16px;
}

.homeRSS {
	background-position: 100% -16px;
}

.home_customers {
	border-bottom: 4px solid #cccccc;
	height: 125px;
	margin-bottom: 20px;
}

.home_customers li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 65px;
	width: 134px;
}

.home_customers table {
	text-align: center;
	width: 134px;
}

.home_customers tr {
	height: 65px;
}

li.home_customers_horizontal img {
	max-height: 50px;
	max-width: 115px;
}

li.home_customers_square img {
	max-height: 65px;
	max-width: 65px;
}

li.home_customers_vertical img {
	max-height: 65px;
	max-width: 75px;
}

.grid_300 {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 300px;
}

.home_solutions {
	background-image: url("http://www.compositesw.com/images/uploads/solutionsBkrd.png");
	background-position: 0% -20%;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	min-height: 425px;
}

.home_solutions h3 {
	background-color: #ffffff;
	display: inline;
	font-size: 1.75em;
	margin: 0 15px 0 15px;
	padding: 0 5px 0 5px;
}

.home_solutions h3 > a:hover {
	color: #333333;
	text-decoration: none;
}

.home_solutions ul {
	font-size: 1.25em;
	line-height: 1.4em;
	padding: 15px 15px 5px 15px;
}

.home_solutions li {
	background-image: url("http://www.compositesw.com/images/uploads/arrowIcon.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	margin: 0 8px 8px 5px;
	padding: 0 0 10px 15px;
}

.home_solutions span {
	display: block;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 2px;
}

.home_solutions p {
	color: red;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0 25px 0 15px;
	text-align: right;
}

.home_solutions p > a {
	color: #c82228;
	font-style: italic;
}