@import url("applications.css");
@import url("modules.css");

/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */
ul.features li a.title { font: normal normal bold 0.85em/140% "Arial",sans-serif }


/* ELEMENTS
------------------------------------------------------------------------------------------ */

#applications { float: left; width: 175px}

#content {
	background: url(../images/subpage_bg_content.jpg) repeat-y;
}

#main-content {
	border-left: 1px #d8d9da solid;
	float: right;
	display: inline;
	width: 800px; }

#main-image img { border: 0; padding: 0;
	box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0 }

#subpage-content {
	margin: 25px 50px 50px 50px;
}


#subpage-content ul.features { list-style: none; display: block; margin: 30px -70px 50px 0 }
#subpage-content ul.features li { list-style: none; float: left; margin: 0 25px 20px 0; width: 302px; }
#subpage-content ul.features li a img { padding: 0; box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0 }
#subpage-content ul.features li a.title { display: block; padding: 8px}
#subpage-content ul.features li a.image { display: block; position: relative; overflow: hidden}
#subpage-content ul.features li a.image {	border: 5px #caddec solid; }

ul.features li .click-to-play { display: block; position: absolute; top: 0; left: 0; width: 302px; height: 180px; text-indent: -9999px}
ul.features li.video .click-to-play {background: url(../images/subpage_video-hover.png);}
ul.features li.photo .click-to-play {background: url(../images/subpage_photo-hover.png);}

#subpage-content ul.features h3 {font-size: 1.5em;}

#subpage-content ul.appfeatures { list-style: none; display: block; margin: 0px; }
#subpage-content ul.appfeatures li { list-style: none; float: left; margin: 10px 40px 0 0; width: 165px; }
#subpage-content ul.appfeatures h3 {font-size: 1.5em;}

#social { background: #ffffff; border-top: 1px #cccccc solid; position: relative; z-index: 20; float: left; width: 100%; }
#newsletter { padding-left: 50px }
#socialicons { padding-right: 50px }

#leftColumn {
	width: 410px;
	float: left;
}

#rightColumn{
	margin-left: 45px;
	width: 245px;
	float: right;
} 

#rightColumn ul { margin: 0}
#rightColumn ul li { font-size: 12px; list-style: none; margin: 0; border-bottom: 1px #ccc solid; padding: 5px 0 }
#rightColumn ul li.more-news { border: 0;}
#rightColumn ul li.more-news a { font-weight: normal; font-size: 11px}

#rightColumn p.get-windspire {
	display: block;
	background: url('../images/spires.gif') no-repeat top right;
	min-height: 126px;
	padding-right: 35px;
	font-size: 12px;
}

#rightColumn p.get-windspire span { display: block }
a.btn-blue {
	background: url('../images/btn_blue.gif') no-repeat;
	height: 37px;
	font-weight: bold;
	padding: 8px 0;
	display: block;
	width: 124px;
	text-align: center;
	color: #ffffff;
}

.find-dealer { float: left; margin-top: 10px}

.find-taxinfo { float: right; margin-right: -45px; margin-top: 10px}

hr { height: 1px; background: #d8d9da; color: #d8d9da; margin: 0; border: 0; clear: both }

#subpage-content ul.sitemap ul { margin: 5px 0}
#subpage-content ul.sitemap li { font-size: 18px; font-weight: bold; list-style-type: none; margin: 20px 0 0 0; padding: 0}
#subpage-content ul.sitemap li ul li { font-size: 14px; margin: 0; font-weight: bold}
#subpage-content ul.sitemap li ul li ul li { font-weight: normal; margin: 0 0 0 20px; font-size: 12px}
#subpage-content ul.sitemap li ul li a { color: #888888}
#subpage-content ul.sitemap li ul li a:hover { color: #696666}