@charset "UTF-8";

/* Define Webfonts */

@font-face {
	font-family: 'StrukturPro';
	src: url('../fonts/strukturpro_regular_macroman/StrukturPro-Regular-webfont.eot');
	src: local('☺'), url('../fonts/strukturpro_regular_macroman/StrukturPro-Regular-webfont.woff') format('woff'), url('../fonts/strukturpro_regular_macroman/StrukturPro-Regular-webfont.ttf') format('truetype'), url('../fonts/strukturpro_regular_macroman/StrukturPro-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'StrukturPro';
	src: url('../fonts/strukturpro_bold_macroman/StrukturPro-Bold-webfont.eot');
	src: local('☺'), url('../fonts/strukturpro_bold_macroman/StrukturPro-Bold-webfont.woff') format('woff'), url('../fonts/strukturpro_bold_macroman/StrukturPro-Bold-webfont.ttf') format('truetype'), url('../fonts/strukturpro_bold_macroman/StrukturPro-Bold-webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'StrukturPro';
	src: url('../fonts/strukturpro_italic_macroman/StrukturPro-Italic-webfont.eot');
	src: local('☺'), url('../fonts/strukturpro_italic_macroman/StrukturPro-Italic-webfont.woff') format('woff'), url('../fonts/strukturpro_italic_macroman/StrukturPro-Italic-webfont.ttf') format('truetype'), url('../fonts/strukturpro_italic_macroman/StrukturPro-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'StrukturPro';
	src: url('../fonts/strukturpro_bolditalic_macroman/StrukturPro-BoldItalic-webfont.eot');
	src: local('☺'), url('../fonts/strukturpro_bolditalic_macroman/StrukturPro-BoldItalic-webfont.woff') format('woff'), url('../fonts/strukturpro_bolditalic_macroman/StrukturPro-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/strukturpro_bolditalic_macroman/StrukturPro-BoldItalic-webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: italic;
}

/* HTML Defaults */

body {
	font: 82%/1.6em "StrukturPro", Arial, Helvetica, sans-serif;
	color: #272a2d;
	background: #fff;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #008851;
}
a:hover {
	text-decoration: underline;
}
h1, h2 {
	font-weight: normal;
}
h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 230%;
	line-height: 1.15em;
	margin-top: 0;
}
h2 {
	font-size: 160%;
	line-height: 1.15em;
}
h3, legend {
	font-size: 123%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 92%;
	line-height: 1.2em;
}
h6 {
	font-size: 85%;
	line-height: 1.2em;
}
img {
	vertical-align: middle;
	border: none;
}
hr {
	color: #c9ced3;
	background: #c9ced3;
	height: 1px;
	padding: 0;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input {
	font: 100%/1.15em "StrukturPro", Arial, Helvetica, sans-serif;
	color: #272a2d;
	vertical-align: middle;
}
input[type="text"], input[type="password"], textarea, select {
	background: #fff;
	padding: 2px;
	border: solid 1px #c9ced3;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
input[type="text"], input[type="password"], textarea {
	-webkit-box-shadow: inset 0 2px 3px #bababa;
	-moz-box-shadow: inset 0 2px 3px #bababa;
	box-shadow: inset 0 2px 3px #bababa;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	background-color: #f4fff0;
}
input[type="button"], input[type="submit"], input[type="reset"], button, a.button {
	font-weight: bold;
	color: #fff;
	background-color: #008851;
	padding: 2px 15px;
	border: 0;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, a.button:hover {
	text-decoration: none;
	background-color: #00d47e;
}

/* Main Containers */

#container {
	width: 960px;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

/* Header */

#header {
	width: 960px;
	float: left;
	position: relative;
}
#header p, #header ul {
	margin: 0;
}
#header li {
	list-style: none;
}
#logo {
	text-align: center;
	width: 320px;
	float: left;
	padding: 15px 0;
}
#top {
	float: right;
}
#top ul, #top li, #top a {
	float: left;
}
#tagline {
	font-size: 108%;
	line-height: 1.2em;
	font-weight: bold;
	color: #959a9e;
	text-align: right;
	padding: 14px 0;
}
#contact {
	padding: 5px 0;
}
#phone {
	font-size: 138%;
	color: #6f757a;
	padding: 0 10px;
}
#newsletter, #chat {
	font-weight: bold;
	padding-right: 5px;
}
#newsletter a, #chat a {
	line-height: 1.8em;
	color: #fff;
	padding: 0 5px;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
#newsletter a:hover, #chat a:hover {
	text-decoration: none;
}
#newsletter img, #chat img {
	margin-right: 2px;
}
#newsletter {
	position: relative;
	overflow: visible;
}
#newsletter a {
	background: #70be4d;
}
#newsletter a:hover {
	background: #99d080;
}
#chat a {
	background-color: #fd7c11;
	background-image: url(../images/icon_chat.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 30px;
}
#chat a:hover {
	background-color: #ffa75e;
}
#chat span {
	font: bold 100%/1.8em "StrukturPro", Arial, Helvetica, sans-serif !important;
}
#newsletterform {
	line-height: 1.2em;
	color: #fff;
	background: #70be4d;
	width: 280px;
	float: left;
	padding: 5px 10px 10px 10px;
	border: 0;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	position: absolute;
	top: 1.8em;
	left: 0;
	z-index: 9999;
	display: none;
}
#newsletter .topform a.formextralink {
	background: none;
}
#newsletter .topform a.formextralink:hover {
	text-decoration: underline;
}
.topform img {
	margin-right: 5px;
}
#top .closelink {
	font-size: 85%;
	text-align: right;
	float: none;
}
#top .closelink a {
	color: #fff;
	float: none;
}
.topform legend {
	font-weight: normal;
	color: #fff;
	padding: 0;
}
#header .topform legend, #header .topform p {
	margin: 0 0 .5em 0;
}
.topform label {
	font-weight: normal;
}
.topform input[type=text], .topform input[type=password] {
	width: 276px;
	border: 0;
}
.topform input[type="submit"] {
	float: left;
}
.topform input[type="reset"] {
	float: right;
}
.topform input[type="submit"]:hover, .topform input[type="reset"]:hover {
	background-color: #4589ca;
}
.formextralink {
	font-size: 85%;
	float: right;
}
a.toplinkon {
	border-top-left-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
}
#social {
	padding: 0;
}
#social li {
	padding-left: 5px;
}
#twitter, #facebook, #twitter a, #facebook a {
	height: 36px;
	width: 36px;
}
#twitter a, #facebook a {
	background-repeat: no-repeat;
	text-indent: 9999px;
	overflow: hidden;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
#twitter a {
	background-color: #33ccff;
	background-image: url(../images/icon_twitter.png);
}
#twitter a:hover {
	background-color: #72dcff;
}
#facebook a {
	background-color: #3b5998;
	background-image: url(../images/icon_facebook.png);
}
#facebook a:hover {
	background-color: #627cb3;
}
#likebutton {
	padding: 7px 0;
}
#plusone {
	padding: 9px 0;
}

/* Nav */

#nav {
	background-color: #008851;
	width: 960px;
	float: left;
	clear: both;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	position: relative;
	z-index: 9000;
}
#nav ul {
	font-weight: bold;
	width: 960px;
	float: left;
	margin: 0;
	padding: 0;
}
#nav ul li, #nav ul li a {
	float: left;
}
#nav ul li {
	font-size: 131%;
	line-height: 2em;
	margin-right: 1px;
	list-style: none;
	position: relative;
}
#nav ul li:last-child {
	border-right: none;
}
#nav a, #nav a:hover {
	color: #fff;
}
#nav a {
	text-decoration: none;
	background-color: #008851;
	padding: 0 20px;
}
#nav a:hover, #nav ul li.on ul li a:hover {
	background-color: #00d47e;
}
#nav ul li:first-child a {
	-webkit-border-top-left-radius: 11px;
    -moz-border-radius-topleft: 11px;
    border-top-left-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
    -moz-border-radius-bottomleft: 11px;
    border-bottom-left-radius: 11px;
}
#nav ul li:last-child {
	float: right;
	margin-right: 0;
}
#nav ul li:last-child a {
	-webkit-border-top-right-radius: 11px;
    -moz-border-radius-topright: 11px;
    border-top-right-radius: 11px;
	-webkit-border-bottom-right-radius: 11px;
    -moz-border-radius-bottomright: 11px;
    border-bottom-right-radius: 11px;
}
#nav ul li ul li:first-child a {
	-webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
#nav ul li ul li:last-child a {
	-webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
#nav ul li ul {
	background-color: #008851;
	width: 205px;
	border: 0;
	position: absolute;
	top: 2em;
	left: 0;
	display: none;
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul li {
	font-size: 82%;
	line-height: 1.2em;
	width: 205px;
	margin-right: 0;
}
#nav ul li ul li a, #nav ul li.on ul li a {
	background: none;
	width: 185px;
	padding: 5px 10px;
}
#nav ul li ul li:last-child a  {
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
}
#nav ul li a.on {
	color: #a0f0d0;
}

/* Footer */

#footer {
	width: 960px;
	float: left;
	clear: both;
	padding: 15px 0;
	border-top: solid 1px #c9ced3;
}
#bottom {
	width: 460px;
	float: left;
}
#footernav {
	font-size: 92%;
	margin: 0;
	padding: 0;
}
#footernav li {
	list-style: none;
}
#google_translate_element a:hover {
	text-decoration: none;
}
#copyright {
	font-size: 69%;
	padding-top: 2em;
}
#copyright p {
	margin: 0;
}
#bi {
	font-size: 85%;
	line-height: 1.3em;
	width: 460px;
	float: right;
}
#bi dl, #bi dt, #bi dd {
	margin: 0;
}
#bi dl {
	padding: 0;
}
#bi dt, #bi dd {
	list-style: none;
}
#bi dt {
	background: url(../images/footer_bi.png) no-repeat left center;
	min-height: 10px;
	padding: 10px 10px 10px 28px;
}
#bi dd {
	min-height: 60px;
	width: 132px;
	float: left;
	padding: 10px;
	border-right: solid 1px #c9ced3;
}
#bi dl dd:last-child {
	border-right: none;
}

/* Content */

#content {
	font-size: 108%;
	line-height: 1.6em;
	width: 960px;
	float: left;
	clear: both;
	padding: 5px 0;
	position: relative;
	z-index: 100;
}
#content ul {
	margin-left: 0;
	padding-left: 1em;
}
#content ul li {
	list-style: url(../images/bullet.png);
}
.col1, .col2, .col3, .col4, .col5, .col6 {
	float: left;
	padding: 10px;
}
.col1 {
	width: 140px;
}
.col2 {
	width: 300px;
}
.col3 {
	width: 460px;
}
.col4 {
	width: 620px;
}
.col5 {
	width: 780px;
}
.col6 {
	width: 940px;
	clear: both;
}
.col1 img {
	max-width: 140px;
}
.col2 img {
	max-width: 300px;
}
.col3 img {
	max-width: 460px;
}
.col4 img {
	max-width: 620px;
}
.col5 img {
	max-width: 780px;
}
.col6 img {
	max-width: 940px;
}
.nopad {
	padding: 0;
}
a.button {
	display: inline-block;
}
#bodytext a.button {
	margin-bottom: .7em;
}
a.button img {
	margin-right: 5px;
}
.title {
	margin-bottom: 2em;
}
.title h1, .title h2 {
	margin: 0 0 .2em 0;
}
.title h2 {
	font-size: 138%;
}
.contactbutton, .sidephoto {
	margin-bottom: 20px;
}
.contactbutton p {
	margin: 0;
}
.contactbutton a.button {
	font-size: 138%;
	line-height: 1.15em;
	font-weight: bold;
	width: 430px;
	padding: 8px 15px;
}
.sidephoto {
	text-align: center;
	position: relative;
}
.zoom {
	background: url(../images/icon_zoom.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
	height: 36px;
	width: 36px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#examples {
	text-align: center;
	position: relative;
}
#examples .screenshot img {
	border: solid 1px #c9ced3;
	-webkit-box-shadow: 3px 3px 12px #64696e;
	-moz-box-shadow: 3px 3px 12px #64696e;
	box-shadow: 3px 3px 12px #64696e;
}
#examples .screenshot a:hover img {
	border: solid 1px #91969b;
}
#exampleslides {
	height: 344px;
	width: 458px;
	border: solid 1px #c9ced3;
	-webkit-box-shadow: 3px 3px 12px #64696e;
	-moz-box-shadow: 3px 3px 12px #64696e;
	box-shadow: 3px 3px 12px #64696e;
}
.caption {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 438px;
	text-align: center;
	padding: 5px 10px;
	background: url(../images/caption_bg.png) repeat left top;
	color: #fff;
	display: none;
}
.photoleft, .cap {
	float: left;
	margin: 0 10px 10px 0;
}
.photoleft {
	border: solid 1px #c9ced3;
}
.photoright, .iconright {
	float: right;
	margin: 0 0 10px 10px;
}
.photoright {
	border: solid 1px #c9ced3;
}
.note {
	font-size: 80%;
	line-height: 1.3em;
	font-style: italic;
}
.box {
	background: #d1f1e4;
	padding: 20px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
.box *:first-child {
	margin-top: 0;
}
.box *:last-child {
	margin-bottom: 0;
}
.box ol {
	margin-left: 0;
	padding-left: 1.5em;
}
#testimonials .col4, #testimonials .col2 {
	padding: 0;
}
input.contactfield {
	width: 408px;
	padding: 5px;
}

/* Front */

#twitterfeed, #facebookfeed {
	margin-bottom: 20px;
}
#intro {
	padding-bottom: 10px;
}
#intro h1 {
	font-size: 100%;
	line-height: 1.7em;
	font-weight: bold;
}
#testimonial {
	font-size: 108%;
	line-height: 1.3em;
	font-weight: bold;
	color: #6f757a;
	background: url(../images/quote_l.png) no-repeat left 20px;
	padding: 20px 0 0 70px;
	border-top: solid 1px #c9ced3;
}
#testimonial p {
	margin: 0 0 .5em 0;
}
#testimonial cite {
	font-size: 86%;
	font-weight: normal;
}
#webinars, #events, #blog {
	font-size: 92%;
	line-height: 1.2em;
	clear: both;
	padding-bottom: 7px;
}
#events, #blog {
	padding-top: 7px;
	border-top: solid 1px #c9ced3;
}
#webinars ul, #events ul, #blog ul {
	margin: 0;
	padding: 0;
}
#webinars ul li, #events ul li, #blog ul li {
	list-style: none;
}
#webinars h2, #events h2, #blog h2 {
	font-size: 150%;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
#webinars p, #events p, #blog li {
	margin: 0 0 .5em 0;
}
#webinars a.button {
	background-color: #c9ced3;
}
#webinars a.button:hover {
	background-color: #d8dde2;
}
a.rss {
	font-size: 1px;
	line-height: 18px;
	background-color: #fd7c11;
	background-image:url(../images/icon_rss.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height: 18px;
	width: 18px;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.rss:hover {
	text-decoration: none;
	background-color: #ffa75e;
}

/* Portfolio */

#content .portfolionav ul {
	margin: 0 0 10px 0;
	padding: 0;
}
#content .portfolionav ul li {
	display: inline-block;
	margin-right: 5px;
	list-style: none;
}
#content .portfolionav a.on {
	color: #a0f0d0;
}
.portfoliologo, .portfoliovideo {
	text-align: center;
	width: 430px;
	float: left;
	padding: 20px;
}
.portfoliologo {
	height: 200px;
}
.portfoliovideo h2 {
	margin: 0 0 .5em 0;
}
.portfoliotitle {
	font-size: 123%;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #c9ced3;
	margin: 0 0 0 10px;
	width: 160px;
	padding: 10px 20px;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-top-left-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
}

/* Portfolio Gallery */

.main_image {
	width: 740px;
	height: 555px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	-webkit-box-shadow: 3px 3px 12px #64696e;
	-moz-box-shadow: 3px 3px 12px #64696e;
	box-shadow: 3px 3px 12px #64696e;
}
.main_image h2 {
	font-size: 123%;
	margin: 0;
}
.main_image p {
	color: #84888d;
	margin: 0;
}
.main_image a {
	color: #84888d;
}
.main_image a:hover {
	color: #fff;
}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 700px;
	padding: 10px 20px;
	background: #111;
}
.main_image a.collapse {
	background: url(../images/btn_collapse.png) no-repeat left top;
	height: 24px;
	width: 80px;
	text-indent: -99999px;
	position: absolute; 
	top: -24px; right: 10px; 
}
.main_image a.show {
	background-position: left bottom;
} 
.image_thumb {
	float: left;
	height: 555px;
	width: 200px;
	overflow: auto;
}
.image_thumb img {
	width: 30px;
	height: 30px;
	border: 1px solid #c9ced3;
	float: left;
	margin-right: 10px;
}
#content .image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .image_thumb ul li{
	margin: 0 0 2px 0;
	padding: 10px;
	background: #eaeced;
	width: 160px;
	float: left;
	list-style: none;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
}
#content .image_thumb ul li.hover {
	color: #fff;
	background: #008851;
	cursor: pointer;
}
#content .image_thumb ul li.active {
	color: #272a2d;
	background: #fff;
	cursor: default;
}
.image_thumb ul li h2 {
	font-size: 93%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
.image_thumb ul li p {
	display: none;
}


/* ADDED JP 2/25/2011*/
#contactfloat{
width: 432px;
float: right;
margin-bottom: 20px;
margin-left: 10px;
}

/*  Portfolio id's and classes added temporarily JP */

.portfoliothumb {
	text-align: center;
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #c9ced3;
}
.portfoliothumb a {
	display: block;
	text-align: center;
	padding: 10px;
}
.portfoliothumb a:hover {
	text-decoration: none;
	background: #e1f2f7;
}
.portfoliothumb a.inlinelink {
	line-height: 2em;
	display: inline;
	padding: 0;
}
.portfoliothumb a.inlinelink:hover {
	text-decoration: underline;
	background: none;
}
.portfoliobrochure, .portfoliocard, .portfoliostationary, .portfoliopackage {
	text-align: center;
	padding: 20px 0;
}
.portfoliopackage h2, .portfoliopackage p {
	margin-top: 0;
}

/* 5 Steps */

#side .stepschart {
	padding-top: 10px;
}
.stepschart, ol.stepslist {
	width: 460px;
}
.stepschart h2, .stepschart h2 a {
	height: 54px;
}
.stepschart h2 {
	margin: 0;
}
.stepschart h2 a {
	background-image: url(../images/steps_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
}
.stepschart h2 a:hover {
	background-position: left bottom;
}
ol.stepslist {
	height: 75px;
	margin: 0;
	padding: 0 0 20px 0;
	position: relative;
}
ol.stepslist li {
	font-size: 138%;
	line-height: 1.15em;
	font-weight: bold;
	list-style: none;
	position: absolute;
	top: 0;
}
ol.stepslist li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
}
ol.stepslist li a:hover {
	text-decoration: none;
	background-position: left -200px;
}
ol.stepslist li a.on {
	color: #c2c7cc;
	background-position: left -400px;
}
.step1 {
	width: 93px;
	left: 0;
	z-index: 100;
}
.step1 a {
	color: #a21f50;
	background-image: url(../images/steps_1.png);
	padding: 25px 0 0 0;
}
.step1 a:hover {
	color: #b54e74;
}
.step2, .step3, .step4, .step5 {
	width: 102px;
}
.step2 a, .step3 a, .step4 a, .step5 a {
	padding: 25px 10px 0 10px;
}
.step2 {
	left: 82px;
	z-index: 101;
}
.step2 a {
	color: #70be4d;
	background-image: url(../images/steps_2.png);
}
.step2 a:hover {
	color: #99d080;
}
.step3 {
	left: 174px;
	z-index: 102;
}
.step3 a {
	color: #fd7c11;
	background-image: url(../images/steps_3.png);
}
.step3 a:hover {
	color: #ffa75e;
}
.step4 {
	left: 266px;
	z-index: 103;
}
.step4 a {
	color: #008de3;
	background-image: url(../images/steps_4.png);
}
.step4 a:hover {
	color: #4eb5f4;
}
.step5 {
	right: 0;
	z-index: 104;
}
.step5 a {
	color: #541897;
	background-image: url(../images/steps_5.png);
}
.step5 a:hover {
	color: #8b5dbf;
}
.contentliststeps {
	margin-left: 0;
	padding-left: 0;
}
.contentliststeps li {
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 50px;
	padding-left: 50px;
	list-style: none;
}
.liststep1 {
	background-image: url(../images/list_step_1.png);
}
.liststep2 {
	background-image: url(../images/list_step_2.png);
}
.liststep3 {
	background-image: url(../images/list_step_3.png);
}
.liststep4 {
	background-image: url(../images/list_step_4.png);
}
.liststep5 {
	background-image: url(../images/list_step_5.png);
}

/* Easy Slider */

#slides {
	width:960px;
	height:300px;
	margin-bottom: 10px;
	position: relative;
}
.corner {
	background-repeat:no-repeat;
	background-position:center center;
	width:11px;
	height:11px;
	position: absolute;
	z-index: 999;
}
#slidetl {
	background-image: url(../images/corner_tl.png);
	top: 0;
	left: 0;
}
#slidetr {
	background-image: url(../images/corner_tr.png);
	top: 0;
	right: 0;
}
#slidebr {
	background-image: url(../images/corner_br.png);
	bottom: 0;
	right: 0;
}
#slidebl {
	background-image: url(../images/corner_bl.png);
	bottom: 0;
	left: 0;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}
/* // image replacement */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider ul, #slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:300px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:35px;
		height:32px;
		position:absolute;
		left:-15px;
		top:136px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:940px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:35px;
		height:32px;
		background:url(../images/slide_arrow_l.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/slide_arrow_r.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* Equine Library */

#equinevidlist {
	width: 650px;
}
#equinearticlelist, #equinevidlist {
	font-size: 116%;
	line-height: 1.3em;
	padding: 10px 0;
}
#equinearticlelist h2, #equinevidlist h2 {
	font-size: 170%;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 10px;
	margin: 0 0 10px 0;
	border-top: solid 1px #ccc;
}
#equinearticlelist h3, #equinevidlist h3 {
	font-size: 130%;
	line-height: 1.2em;
	font-weight: normal;
	text-indent: 15px;
	background-image: url(../images/slider_arrow.png);
	background-repeat: no-repeat;
	background-position: 2% top;
	margin: 5px 0 0 0;
	padding: 5px 2%;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
#equinearticlelist h3.activehead, #equinevidlist h3.activehead {
	color: #fff;
	background-color: #048952;
	background-position: 2% bottom;
	border-top-left-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}
#equinearticlelist h3:hover, #equinevidlist h3:hover {
	color: #fff;
	background-color: #19c04c;
	cursor: pointer;
}
#equinearticlelist ul, #equinearticlelist ul li:last-child a, #equinevidlist ul, #equinevidlist ul li:last-child a {
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
}
#equinearticlelist ul, #equinevidlist ul {
	display: none;
	margin: 0 0 5px 0;
	padding: 0;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
#equinearticlelist ul li,  #equinevidlist ul li {
	list-style: none;
	border-bottom: solid 1px #ccc;
}
#equinearticlelist ul li:last-child, #equinevidlist ul li:last-child {
	border-bottom: none;
}
#equinearticlelist li a, #equinevidlist li a {
	display: block;
	width: 96%;
	padding: 5px 2%;
}
#equinearticlelist li a:hover, #equinevidlist li a:hover {
	text-decoration: none;
	background: #f6f0e9;
}
.equinearticlefeatured {
	background: #f6f0e9 url(../images/icon_article.png) no-repeat 10px 10px;
	min-height: 32px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 52px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
.equinearticlefeatured p {
	margin: 0;
}
.equinearticlefeatured a {
	font-weight: bold;
}
.libraryback {
	float: right;
	padding: 20px;
}
.libraryback a {
	font-weight: bold;
	color: #fff;
	background: #048952;
	white-space: nowrap;
	float: right;
	padding: 5px 20px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
.libraryback a:hover {
	text-decoration: none;
	background: #19c04c;
}