/* @override 
	http://s85078.gridserver.com/wp-content/themes/sunset/style.css
	http://www.sunsetlearning.com/wp-content/themes/sunset/style.css
*/

/* @group resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*inline clearing div*/
.clear {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*clearing class*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group main structure */

body {
	background: #c4cedf url(./images/pageBack.gif) repeat-x left top;
	color: #434343;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#page {
	position: relative;
	display: block;
}

#wrapper {
	width: 970px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#header {
	width: 970px;
	height: 155px;
	position: absolute;
	display: block;
	z-index: 4000;
}

#search {
	position: absolute;
	right: 10px;
	width: 370px;
	height: 85px;
	background: url(./images/search-back.png) no-repeat left top;
	top: 35px;
}

#search-box {
	position: absolute;
	right: 10px;
	top: 38px;
}

#navcontainer {
	height: 35px;
	position: absolute;
	width: 970px;
	top: 120px;
	z-index: 4000;
	display: block;
}

#content-home {
	position: absolute;
	top: 155px;
	width: 970px;
	z-index: -1000;
	background: url(./images/body-back.png) no-repeat;
	display: block;
	height: 394px;
}

#content-sub {
	position: relative;
	top: 155px;
	width: 970px;
	background: url(./images/body-back.png) no-repeat;
	display: block;
}


#contentheader-back {
	background: url(./images/header-default.jpg) no-repeat left top;
	margin-left: 10px;
	width: 948px;
	border-right: 1px solid #c2c5c7;
	border-left: 1px solid #c2c5c7;
	position: relative;
	height: 100px;
	z-index: 1;
}

#contentheader-courses {
	background: url(./images/course-header.jpg) no-repeat left top;
	margin-left: 10px;
	width: 948px;
	border-right: 1px solid #c2c5c7;
	border-left: 1px solid #c2c5c7;
	display: block;
	position: relative;
	height: 100px;
	z-index: 1;
}

#content-wrapper {
	background: #fff url(./images/column-default.png) repeat-y right top;
	border-left: 1px solid #c2c5c7;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	width: 948px;
	margin-left: 10px;
	display: block;
	position: relative;
}

#content-wrapper-search {
	background: #fff;
	border-left: 1px solid #c2c5c7;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	width: 948px;
	margin-left: 10px;
	display: block;
	position: relative;
}

#content-searchwrapper {
	background: #fff none 0;
	border-left: 1px solid #c2c5c7;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	width: 948px;
	margin-left: 10px;
	display: block;
	position: relative;
}

#content-coursewrapper {
	background: #fff url(./images/column-course.png) no-repeat right top;
	border-left: 1px solid #c2c5c7;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	width: 948px;
	margin-left: 10px;
	display: block;
	position: relative;
}

#content.primary-column {
	padding: 30px;
	background-color: #fff;
	width: 500px;
	float: left;
}

#slider {
	width: 538px;
	height: 394px;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	border-left: 1px solid #c2c5c7;
	position: absolute;
	z-index: -1000;
	left: 10px;
}

#sidebar-home {
	width: 368px;
	border-right: 1px solid #c2c5c7;
	border-bottom: 1px solid #c2c5c7;
	border-left: 1px solid #c2c5c7;
	position: absolute;
	right: 10px;
	background: #fff url(./images/catalog-back4.png) repeat-x center top;
	padding-bottom: 22px;
}

#sidebar-course {	
	width: 369px;
	float: right;
	padding-top: 30px;
	position: relative;
	right: 0;
	display: block;
	background-color: transparent;
	background-image: none;
}

.course-info {
	padding-left: 20px;
	padding-bottom: 20px;
}

#hotboxcontainer {
	width: 925px;
	position: absolute;
	top: 585px;
	height: 120px;
	z-index: -2000;
	background-image: url(./images/hotbox-back1.png);
	padding-top: 50px;
	padding-left: 45px;
}

#catalog {
	width: 370px;
	position: absolute;
	right: 10px;
	z-index: 5000;
	top: 70px;
	background: #fff url(./images/catalog-back3.png) no-repeat center top;
	border-bottom: 1px solid #5eadff;
}

#search-box input {
}

#oops {
	right: -11px;
	float: right;
	position: relative;
}

#footer-home {
	height: 75px;
	position: relative;
	top: 560px;
	font-size: .7em;
	padding-left: 12px;
	display: block;
	z-index: -2000;
	width: 526px;
	background-color: #fff;
	left: 11px;
}

#footer {
	width: 918px;
	height: 40px;
	font-size: .7em;
	padding-top: 27px;
	display: block;
	position: relative;
	background-color: #fff;
	margin-left: 10px;
	border-right: 1px solid #c2c5c7;
	border-left: 1px solid #c2c5c7;
	padding-left: 20px;
	padding-right: 10px;
}

/* @end */

/* @group text tags */

h1 {
	text-indent: -9999px;
}

h1 a {
	width: 110px;
	height: 84px;
	background-image: url(./images/sunsetLogo.png);
	position: absolute;
	top: 15px;
	left: 20px;
	display: block;
	
}

h2 {
	color: #fff;
	padding-left: 30px;
	padding-top: 55px;
	font-size: 1.3em;
}

h2.header {
	width: 60px;
	height: 64px;
	text-indent: -9999px;
	position: absolute;
	top: 40px;
	left: 490px;
	background: url(./images/clpBadge.png) no-repeat;
	padding: 0;
}

h2.headerhome {
	width: 60px;
	height: 64px;
	text-indent: -9999px;
	position: absolute;
	top: 40px;
	background: url(./images/clpBadge.png) no-repeat;
	padding: 0;
	right: 315px;
}

h3 {
	color: #224d8b;
	padding-top: 15px;
	padding-left: 15px;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
}

#sidebar-home h3 {
	font-size: 1.5em;
}

h3.sidebar {
	color: #224d8b;
	line-height: 1.2em;
	font-weight: bold;
	font-size: .9em;
	padding: 0 44px 15px 20px;
}

#sidebar-course div.course-info.clearfix ul.cert-track li {
	list-style-type: disc;
	list-style-position: inside;
	padding-right: 11px;
	line-height: 1.1em;
	padding-bottom: 4px;
	padding-left: 1.2em;
	text-indent: -1.3em;
}

h3.thankyou {
	color: #224d8b;
	padding-top: 65px;
	padding-left: 15px;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding-bottom: 30px;
}

h3.ribbon {
	background: url(./images/sub-sidebar-ribbon.png) no-repeat;
	margin-left: -10px;
	width: 389px;
	color: #fff;
	font-size: 1.1em;
	padding-top: 5px;
	padding-left: 25px;
	height: 30px;
}

h4 {
	font-size: 1em;
	padding-left: 15px;
	padding-top: 8px;
	font-style: italic;
	color: #3a3a3a;
}

#content h3 {
	padding-left: 0;
	color: #333;
	padding-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
}

#homephone {
	position: absolute;
	top: 85px;
	color: #888;
	font-size: 1.3em;
	right: 19px;
}

p {
	color: #5c5c5c;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 20px;
}

blockquote {
	text-align: center;
	display: block;
	font: italic 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
}

cite {
	text-align: right;
	padding-bottom: 20px;
	display: block;
	font: .9em Georgia, "Times New Roman", Times, serif;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#content ul {
	font-size: 12px;
	line-height: 16px;
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 10px;
	padding-left: 20px;
	text-indent: -14px;
}

#content ul.half {
	font-size: 12px;
	line-height: 16px;
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 10px;
	float: left;
	width: 240px;
	padding-left: 0;
	text-indent: 0;
}

li.titlehead {
	font-weight: bold;
	padding-top: 15px;
	list-style-type: none;
	padding-left: 0;
	text-indent: 0;
}

li.option {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 15px;
}

#content p {
	color: #5c5c5c;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 10px;
	text-align: justify;
}

a {
	text-decoration: underline;
	font-weight: bold;
	color: #355a90;
}

a:hover {
	text-decoration: none;
}

ul.left {
	width: 225px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

li.title {
	list-style-type: none;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 10px;
	text-indent: 0;
	font-size: 12px;
	line-height: 16px;
}

li.address {
	list-style-type: none;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 16px;
	text-indent: 0;
}

li.contact {
	font-size: 12px;
	line-height: 16px;
	text-indent: 0;
	list-style-type: none;
	text-indent: 0;
	padding-bottom: 3px;
	font-size: .9em;
}
li.location {
	line-height: 16px;
	text-indent: 0;
	list-style-type: disc;
	text-indent: -13px;
	padding-bottom: 0px;
	font-size: 12px;
	list-style-position: inside;
	padding-left: 13px;
}

#sidebardefault ul li p {
	margin-top: 0;
	padding: 0 20px;
}

#sidebardefault ul li {
	border-top: 1px solid #999;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

div.block {
	display: block;
}

img.bodyleft {
	float: left;
	margin-right: 13px;
	margin-bottom: 20px;
}

img.bodyright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

table {
	font-size: .9em;
	border: 1px solid #355a90;
	margin-bottom: 20px;
}

td {
	padding: 8px;
	border: 1px solid #355a90;
}

a.contactus {
	position: absolute;
	background: url(./images/contact-form.png) no-repeat left bottom;
	top: -1px;
	width: 99px;
	float: right;
	z-index: 4000;
	color: #fff;
	right: 11px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	font-size: .9em;
	text-shadow: #333 1px 1px 2px;
	padding: 5px 0 5px 51px;
}

a.contactus:hover {
	background: url(./images/contact-form.png) no-repeat left top;
}

a.newsletter {
	color: #fff;
	text-decoration: none;
	text-shadow: #333 1px 1px 2px;
	display: block;
	width: 235px;
	height: 45px;
	background: url(./images/newsletter-button.png) no-repeat left bottom;
	line-height: 50px;
	padding-left: 63px;
	padding-top: 5px;
	font-size: 1em;
	margin-bottom: 11px;
}

a.newsletter:hover {
	background: url(./images/newsletter-button.png) no-repeat left top;
}

a.clc {
	background: url(./images/clc-button.png) no-repeat left bottom;
	text-indent: -9999px;
	height: 66px;
	display: block;
	width: 290px;
	margin-top: 16px;
}

a.clc:hover {
	background: url(./images/clc-button.png) no-repeat left top;
}

a.register {
	font-size: .9em;
}

a.register:hover {
}

a.course-outline {
	display: block;
	float: right;
	width: 125px;
	height: 50px;
	text-indent: -9999px;
	background: url(./images/icon-outline.png) no-repeat left top;
	margin-right: 20px;
	margin-top: 5px;
}

a.course-outline:hover {
	background: url(./images/icon-outline.png) no-repeat left bottom;
}

a.date {
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
}

a.date:hover {
	color: #434343;
}

ul.cert-track li a {
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
}

.close {
	text-align: center;
}
.course-info ul {
	padding-bottom: 10px;
	padding-top: 5px;
}

.course-info ul li {
	padding-bottom: 5px;
	font-size: .8em;
}

	
span.city {
	width: 118px;
	font-weight: bold;
	display: inline-block;
	padding-left: 0;
	font-size: .9em;
}

span.date {
	font-size: .9em;
	width: 160px;
	display: inline-block;
}

span.entry {
	font-size: .9em;
	font-weight: bold;
	width: 60px;
	display: inline-block;
}

.left {
	float: left;
}

span.whoops {
	font-size: 5em;
	padding: 0;
	margin: 0 0 -45px;
	line-height: .5em;
	font-weight: bold;
	color: #434343;
}

span.whoops2 {
	font-size: 1em;
	line-height: 1.2em;
	font-style: italic;
	margin-bottom: 10px;
	color: #434343;
}

ul.newslist li {
	padding-bottom: 10px;
	text-indent: -17px;
	list-style-position: inside;
}

/* @end */

/* @group menu styles */

#nav, #nav ul{
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin:0;
	padding: 0 0 0 10px;
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	height: 35px;
	width: 960px;
	background-image: url(./images/nav-hover.png);
	z-index: 4000;
}

#nav a{
	font-size:0.8em;
	display:block;
	padding: 0 10px;
	color:#fff;
	text-decoration:none;
	line-height: 35px;
}

#nav a:hover{
	color:#214a87;
}

#nav li{
	font-size:0.9em;
	float:left;
	position:relative;
	z-index: 4000;
}

#nav ul {
	position:absolute;
	display:none;
	width: 20em;
	top: 35px;
	background-image: none;
	z-index: 4000;
}

#nav li ul a{
	font-size:0.8em;
	width: 20em;
	height:auto;
	float:left;
	background: url(./images/nav-drop-back.png) repeat-y left top;
}

#nav li ul a:hover {
	color:#214a87;
	background-color: #499aee;
	background-image: none;
}

#nav ul ul{
	top:auto;
	z-index: 4000;
}	

#nav li ul ul {
	left:12em;
	margin:0 0 0 10px;
	z-index: 4000;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/* @end */

/* @group homepage slideshow */

.slide {
	width: 538px;
	height: 394px;
}

.slide.ccnp {
	background: url(./images/slide-ccnp.jpg) no-repeat left top;
}

.slide.ccnp p {
	color: #fff;
	width: 225px;
	padding-left: 25px;
	padding-top: 0;
	font: normal 1.2em/28px Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 20px;
	position: relative;
	display: block;
	top: 170px;
}

#slider div.slide.ccnp p span.emphasis {
	color: #b9d4dc;
	font-weight: bold;
}
.slide.ccnp a.instructors {
	float: left;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 258px;
	position: absolute;
	top: 311px;
	padding-left: 20px;
	height: 54px;
	padding-top: 28px;
	font-weight: bold;
	font-size: 1.2em;
}
.slide.ccnp a.instructors:hover {
	text-decoration: underline;
}
.vmware {
	background: url(./images/slide-vmware.jpg) no-repeat left top;	
}

img.intro {
	padding-top: 30px;
	padding-left: 20px;
	position: absolute;
	left: 0;
}
.slide.vmware h2 {
	background-image: none;
	text-indent: 0;
	color: #fff;
	width: 225px;
	font-size: 1em;
	margin: 0;
	position: absolute;
	left: 20px;
	top: 125px;
	line-height: 1.4em;
	padding: 0;
}

.slide.vmware ul.leftlist {
	color: #fff;
	position: absolute;
	top: 220px;
	font-size: .8em;
	line-height: 1.3em;
	left: 20px;
}

.slide.vmware ul.rightlist {
	color: #fff;
	position: absolute;
	top: 220px;
	font-size: .8em;
	line-height: 1.3em;
	left: 139px;
}

.slide.vmware a {
	color: #fff;
	text-decoration: none;
	display: block;
	background-image: url(./images/vmware-dates.png);
	width: 190px;
	height: 28px;
	padding-top: 13px;
	padding-left: 12px;
	font-size: 13px;
	margin-left: 20px;
	margin-top: 20px;
	position: absolute;
	top: 303px;
}

.slide.vmware a:hover {
	color: #3e3e3e;
	background-image: url(./images/vmware-dates-over.png);
}

.slide.testimonial p {
	color: #fff;
	width: 225px;
	padding-left: 25px;
	padding-top: 25px;
	font: normal 1.2em/28px Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 20px;
}
.slide.testimonial cite {
	text-align: right;
	font-size: 1em;
	float: right;
	color: #fff;
	font-style: italic;
	padding-right: 300px;
}

.slide.testimonial.one {
	background: url(./images/slide-testimonial1.jpg) no-repeat left top;
}

.slide.testimonial.two {
	background: url(./images/slide-testimonial2.jpg) no-repeat left top;
}

.slide.testimonial.three {
	background: url(./images/slide-testimonial3.jpg) no-repeat left top;
}

.slide.testimonial a.instructors {
	float: left;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 258px;
	position: absolute;
	top: 311px;
	padding-left: 20px;
	height: 62px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.2em;
}

.slide.testimonial a.instructors:hover {
	text-decoration: underline;
}
.hdiltaward {
	background: url(./images/slide-hdiltAward.jpg) no-repeat left top;
}

#slider div.slide.hdiltaward h3 {
	font: normal 25px/36px Georgia, "Times New Roman", Times, serif;
	padding-top: 229px;
	padding-left: 30px;
	color: #303a7a;
	letter-spacing: 1px;
}

/* @end */

/* @group accordion styles */

#catalog a.catalog-title {
	color: #224d8b;
	background: url(./images/catalog2.png) no-repeat left top;
	cursor:pointer;
	font-weight: normal;
	font-style: normal;
	display: block;
	padding: 0 0 0 60px;
	line-height: 50px;
	width: 310px;
	top: 0;
	position: relative;
	height: 50px;
	font-size: 1em;
}

ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0 0 3px;
	z-index: 5000;
}

ul.menu a {
	text-decoration: none;
	line-height: 13px;
	font-size: .8em;
	display: inline-block;
	width: 347px;
}

ul.menu li {
}

ul.menu li a {
	color: #224d8b;
	padding: 0.4em 0.5em 0.3em 15px;
	font-size: .8em;
}

ul.menu li a:hover {
	text-decoration: underline;
}

ul.menu li ul li a {
	color: #3a3a3a;
	padding-left: 25px;
	width: 337px;
	font-weight: normal;
	font-style: normal;
	font-size: .7em;
}

ul.menu li ul li a:hover {
	color: #000;
}

ul#coursemenu {
	display: block;
	position: static;
	z-index: 5000;
	padding-bottom: 0;
}

#sublist li a {
	color: #224d8b;
	padding: 0.4em 0.5em 0.3em 15px;
	font-size: .8em;
	font-weight: bold;
	display: block;
}

#sublist li ul li a {
	display: block;
	background-color: #b6dbe7;
	padding-left: 10px;
	margin-left: 1px;
	width: 323px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #fff;
	font-size: .7em;
}

#sublist li ul li {
	margin-left: 15px;
}




#basicrouting li.subfield a.subanchor {
	padding-left: 10px;
	font-weight: bold;
	font-size: .7em;
	background-color: #81b6c6;
	margin-left: 0;
	display: block;
	width: 325px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
}
#basicrouting li.subfield a.subanchor:hover {
	text-decoration: none;
	color: #fff;
}
#basicrouting li.subfield ul li.courseblock a.course {
	display: block;
	background-color: #b6dbe7;
	padding-left: 10px;
	margin-left: 0;
	width: 325px;
}
#basicrouting li.subfield ul {
	padding-bottom: 0;
}
#basicrouting li.subfield ul li.courseblock {
	padding-left: 0;
	margin-left: 0;
}
#basicrouting li.subfield ul li a {
	padding-left: 25px;
}
#basicroute li.subfield a.subanchor {
	padding-left: 10px;
	font-weight: bold;
	font-size: .7em;
	background-color: #81b6c6;
	margin-left: 0;
	display: block;
	width: 325px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
}
#basicroute li.subfield a.subanchor:hover {
	text-decoration: none;
	color: #fff;
}
#basicroute li.subfield ul li.courseblock a.course {
	display: block;
	background-color: #b6dbe7;
	padding-left: 10px;
	margin-left: 0;
	width: 325px;
}
#basicroute li.subfield ul {
	padding-bottom: 0;
}
#basicroute li.subfield ul li.courseblock {
	padding-left: 0;
	margin-left: 0;
}
#basicroute li.subfield ul li a {
	padding-left: 25px;
}

#basicrout li.subfield a.subanchor {
	padding-left: 10px;
	font-weight: bold;
	font-size: .7em;
	background-color: #81b6c6;
	margin-left: 0;
	display: block;
	width: 325px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
}
#basicrout li.subfield a.subanchor:hover {
	text-decoration: none;
	color: #fff;
}
#basicrout li.subfield ul li.courseblock a.course {
	display: block;
	background-color: #b6dbe7;
	padding-left: 10px;
	margin-left: 0;
	width: 325px;
}
#basicrout li.subfield ul {
	padding-bottom: 0;
}
#basicrout li.subfield ul li.courseblock {
	padding-left: 0;
	margin-left: 0;
}
#basicrout li.subfield ul li a {
	padding-left: 25px;
}
/* @end */



/* @group hotbox anchor styles */

a.promo.one {
	text-indent: -9999px;
	display: block;
	background: url(./images/hotbar-holidaypromo.png) no-repeat left top;
	width: 193px;
	height: 107px;
	float: left;
	margin-left: 11px;
}

a.promo.one:hover {
	background: url(./images/hotbar-holidaypromo.png) no-repeat left bottom;
}

a.promo.two {
	text-indent: -9999px;
	display: block;
	background: url(./images/hotbar-promo2.png) no-repeat left top;
	width: 193px;
	height: 107px;
	float: left;
	margin-left: 40px;
}

a.promo.two:hover {
	background: url(./images/hotbar-promo2.png) no-repeat left bottom;
}

a.promo.three {
	text-indent: -9999px;
	display: block;
	background: url(./images/hotbar-promo3.png) no-repeat left top;
	width: 386px;
	height: 107px;
	float: left;
	margin-left: 477px;
	z-index: 20;
	position: absolute;
}

a.promo.three:hover {
	background: url(./images/hotbar-promo3.png) no-repeat left bottom;
}

/* @end */

/* @group sidebars */

#sidebardefault {
	background: transparent none;
	width: 369px;
	float: right;
	padding-top: 30px;
}

h2.widgettitle {
	display: none;
}
ul#youtube {
	position: relative;
	padding-left: 23px;
	padding-bottom: 20px;
}

#youtubesidebar_widget object {
	position: relative;
}

/* @end */

/* @group fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 8030;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 9000;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: transparent url(./images/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 8090;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
    background: transparent;
	position: relative;
	width:100%;
	height: 100%;
	background-image: none;
}

div#fancy_content {
	margin: 0;
	z-index: 9000;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 9000;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 9000;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(./images/fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 9081;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 9011; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 9012; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(./images/fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(./images/fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 8070;
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 8070;
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_n.png) repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_ne.png) no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_e.png) repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_se.png) no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_s.png) repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_sw.png) no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_w.png) repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(./images/fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 9000;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

#sublist li h4 {
	font-weight: bold;
	font-style: normal;
	padding-bottom: 5px;
	padding-top: 15px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(./images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(./images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(./images/fancybox/fancy_title_right.png) repeat-x;
}

/* @end */

a.facebook {
	background: url(./images/icon-facebook.png) no-repeat left top;
	display: block;
	float: right;
	width: 131px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: -13px;
	padding-right: 7px;
}

a.facebook:hover {
	background: url(./images/icon-facebook.png) no-repeat left bottom;
}

a.facebookhome {
	background: url(./images/icon-facebook.png) no-repeat left top;
	display: block;
	float: left;
	width: 131px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: 10px;
	padding-right: 7px;
}
a.facebookhome:hover {
	background: url(./images/icon-facebook.png) no-repeat left bottom;
}
a.linkedin {
	background: url(./images/icon-linkedin.png) no-repeat left top;
	display: block;
	float: right;
	width: 131px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: -13px;
	margin-right: 7px;
}

a.linkedin:hover {
	background: url(./images/icon-linkedin.png) no-repeat left bottom;
}

a.linkedinhome {
	background: url(./images/icon-linkedin.png) no-repeat left top;
	display: block;
	float: left;
	width: 131px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: 10px;
	margin-right: 7px;
}

a.linkedinhome:hover {
	background: url(./images/icon-linkedin.png) no-repeat left bottom;
}

a.youtube {
	background: url(./images/icon-youtube.png) no-repeat left top;
	display: block;
	float: right;
	width: 68px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: -13px;
	margin-right: 0;
}

a.youtube:hover {
	background: url(./images/icon-youtube.png) no-repeat left bottom;
}
a.youtubehome {
	background: url(./images/icon-youtube.png) no-repeat left top;
	display: block;
	float: left;
	width: 68px;
	height: 38px;
	text-indent: -9999px;
	position: relative;
	top: 10px;
	margin-right: 7px;
}

a.youtubehome:hover {
	background: url(./images/icon-youtube.png) no-repeat left bottom;
}

#footer-home div.lefthome {
	float: left;
	display: block;
	position: relative;
	top: 17px;
	width: 520px;
}

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	