#jflowslide {
	float: left
}
#controller {
	margin-top: 0px;
	font-family: tahoma, arial, sans-serif;
	padding-bottom: 10px;
	text-align: center;
}
#controller span {
	display: inline-block;
	text-align: center
}
#controller .flowprev {
	font: 10px arial, helvetica, sans-serif; width: 20px
}

#controller .flowprev a {
	font: 10px arial, helvetica, sans-serif; width: 20px
}

#controller .flowprev a:hover, #controller .flowprev a:active, #controller .flowprev a:focus{
	padding-top: 5px;
	color: #c4f509;
	border: 0;
}

#controller .flownext {
	font: 10px arial, helvetica, sans-serif; width: 20px
}

#controller .flownext a {
	font: 10px arial, helvetica, sans-serif; width: 20px
}

#controller .flownext a:hover, #controller .flownext a:active, #controller .flownext a:focus{
	padding-top: 5px;
	color: #c4f509;
	border: 0;
}

#controller span a {
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
}

#controller span a:hover,  {
	padding-top: 6px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #c4f509;
	color: #c4f509;	
}

#controller span a:active, #controller span a:focus {
	padding-top: 6px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #c4f509;
	color: #c4f509;	
}

#controller .jflowselected a {
	border-top: #c00 1px solid; cursor: default; color: #fff; background-color: #000
}
#controller .jflowselected a:hover {
	border-top: #c00 1px solid; cursor: default; color: #fff; background-color: #000
}
#controller .jflowselected a b {
	color: #c00
}
#controller .flowprev a {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 2em;
	padding-bottom: 0px;
	width: 100%;
	color: #FFFFFF;
	line-height: 14px;
	padding-top: 0px;
	text-align: center
}
#controller .flownext a {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 2em;
	padding-bottom: 0px;
	width: 100%;
	color: #FFFFFF;
	line-height: 14px;
	padding-top: 0px;
	text-align: center
}

#controller .flowprev a:hover {
	color: #c4f509;
	padding-top: 0px;
	text-align: center;
	border: 0;
}
#controller .flownext a:hover {
	width: 100%;
	color: #c4f509;
	padding-top: 0px;
	text-align: center;
	border: 0;

}


.bottom-block {
	float: left; width: 280px
}
.bottom-block h1 {
	background-position: -13px 0px; display: block; background-image: url(http://www.progressivered.com/img/bottom-links-bg_bw.png); font: bold 20px arial, helvetica, sans-serif; text-transform: uppercase; width: 250px; cursor: pointer; color: #666; text-indent: -9999px; background-repeat: no-repeat; height: 63px
}
.bottom-block a {
	padding-left: 0px
}
.bottom-block p {
	font: 9px/12px tahoma, arial, sans-serif; margin-left: 120px; color: #a9a9a9
}
.bottom-block-over h1 {
	background-image: url(http://www.progressivered.com/img/bottom-links-bg.png)
}
.bottom-block-over p {
	cursor: pointer; color: #333
}
.bottom-block-over a {
	color: #333; text-decoration: underline
}
.blog-block h1 {
	background-position: -296px 0px
}
.contact-block h1 {
	background-position: -579px 0px
}
.slide {
	background-position: 0px 0px;
	font-size: 11px;
	width: 960px;
	color: #fff;
	line-height: 16px;
	background-repeat: no-repeat;
	height: 408px;
	left: 10px;
}
.slide p {
	padding-right: 40px; margin: 0px; color: #fff
}
.slide p strong {
	font-weight: bold; color: #fff
}
.slide h1 {
	color: #c00; text-indent: -99999px
}
.sl-twitter h1 {
	background-position: center top; margin-top: 75px; display: block; background-image: url(http://www.progressivered.com/img/slides/h1_twitter.png); width: auto; background-repeat: no-repeat; height: 63px; text-align: center
}
.sl-twitter small {
	margin-top: 35px; display: block; font: 11px tahoma, geneva, sans-serif; text-transform: uppercase; color: #666
}
.sl-twitter p {
	padding-right: 80px; margin-top: 35px; padding-left: 80px; font: 22px georgia, "times new roman", times, serif; color: #66b3ff; letter-spacing: 0pt; text-align: center
}
.sl-twitter {
	
}
.sl-twitter a {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; color: #66b3ff; border-right-width: 0px
}
.sl-twitter a:hover {
	color: #fff
}
.sl-home {
	background-image: url(http://www.progressivered.com/img/slides/slides_home.jpg)
}
.sl-featured {
	background-image: url(http://www.progressivered.com/img/slides/slides_surferdude_color.jpg)
}
.sl-home p {
	margin-top: 315px; margin-left: 80px; width: 600px
}
.sl-portfolio {
	background-image: url(http://www.progressivered.com/img/slides/slides_portfolio_color.jpg)
}
.sl-about {
	background-image: url(http://www.progressivered.com/img/slides/slides_about.jpg)
}
.sl-about-content {
	margin: 70px 30px 0px 400px
}
.sl-about h1 {
	background-position: 0px -90px; background-image: url(http://www.progressivered.com/img/slides/h1_flash_html_10.png); margin-bottom: 10px; width: 150px; background-repeat: no-repeat; height: 50px
}
.sl-about-content p b {
	font: 16px tahoma, geneva, sans-serif; color: #999
}
.sl-about .about-contact {
	background-position: -300px -90px; margin-top: 55px
}
.overlay {
	left: 600px; margin-left: 35px; width: 250px; position: relative
}
.overlay h1 {
	background-position: 0px 0px; margin-top: 55px; background-image: url(http://www.progressivered.com/img/slides/h1_surferdude.png); margin-bottom: 25px; width: 200px; cursor: pointer; background-repeat: no-repeat; height: 89px
}
.over-left {
	z-index: 159; left: 80px; float: left; margin-left: 0px; width: 230px; top: 90px
}
.over-right {
	z-index: 159; left: 80px; float: left; margin-left: 0px; width: 230px; top: 90px
}
.over-right {
	left: 485px
}
.over-left h1 {
	background-position: -4px 0px; background-image: url(http://www.progressivered.com/img/slides/h1_flash_html_10.png); height: 60px
}
.over-right h1 {
	background-position: -4px 0px; background-image: url(http://www.progressivered.com/img/slides/h1_flash_html_10.png); height: 60px
}
.over-right h1 {
	background-position: -640px 0px
}
.slide .more {
	margin-top: 25px
}
.more a {
	border-top-width: 0px; padding-right: 11px; background-position: right 6px; padding-left: 0px; border-left-width: 0px; background-image: url(http://www.progressivered.com/img/arrow_red.gif); border-bottom-width: 0px; padding-bottom: 2px; color: #c00; line-height: 25px; padding-top: 1px; background-repeat: no-repeat; border-right-width: 0px
}
.more a:hover {
	padding-right: 13px; color: #fff
}
