/*-- CASCADING STYLE SHEET --*/

	body {
		font-family: Verdana, Geneva, sans-serif;
		text-align: center;
		font-size: 12px;
		color: #333333;
		background: #000000;
		margin: 0;
		padding: 0;
		}

	img {
		border-width: 0px;
		outline: none;
		}

	a:link { 
		color: #999999;
		text-decoration: none;
		margin: 0;
		padding: 0;
		outline: none;
		}

	a:visited {
		color: #999999;
		text-decoration: none;
		margin: 0;
		padding: 0;
		outline: none;
		}

	a:active {
		color: #999999;
		text-decoration: none;
		margin: 0;
		padding: 0;
		outline: none;
		}

	a:hover {
		color: #6699cc;
		text-decoration: none;
		margin: 0;
		padding: 0;
		outline: none;
		}
			
	a:focus {
		margin: 0;
		padding: 0;
		outline: none;
		}

	select {
		color: #333333;
		margin: 0;
		padding: 0;
		}

	#container {
		width: 940px;
		margin: 0 auto 0 auto;
		text-align: left;
		background: #ffffff;
		}

	.hidden {
		visibility: hidden;
		cursor:default;
		}
	.group {
		clear: both;
	}

/*-- MEMBER LOGIN --*/

	#memberlogin_container {
		float: left;
		position: relative;
		width: 100%;
		height: 42px;
		background: #000000;
		border-bottom: 1px solid #333333;
		}

	#memberlogin {
		width: 940px;
		height: 42px;
		background: transparent;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	.memberlogin {
		float: right;
		position: relative;
		}

	#memberlogin p {
		font-size: 10px;
		color: #ffffff;
		line-height: 18px;
		text-align: left;
		margin: 12px 0px 12px 0px;
		}

	#memberlogin input {
		color: #ffffff;
		background: #222222;
		border: 1px solid #333333;
		}

/*-- HEADER | LOGO & NAVIGATION --*/

	#header_container {
		float: left;
		position: relative;
		width: 100%;
		height: 80px;
		background-color: #000000;
		background-image: url('../images/header_bg.png');
		background-repeat: repeat;
		}
	#header {
		width: 940px;
		height: 80px;
		background: transparent;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#header .logo {
		float: left;
		position: relative;
		margin: 14px 0px 0px 0px;
		}

	#header .navigation {
		float: right;
		position: relative;
		margin: 21px 0px 0px 0px;
		}

	#header .navigation ul {
		float: left;
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		list-style-type: none;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#header .navigation li {
		float: left;
		position: relative;
		margin: 0px 0px 0px 12px;
		}

	#header .navigation .aboutzixi {
		float: left;
		position: relative;
		display: inline;
		width: 65px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_aboutzixi.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .aboutzixi:hover {
		background-position: -66px 0px;
		}

	#header .navigation .aboutzixi.active {
		background-position: -66px 0px;
		}

	#header .navigation .technology {
		float: left;
		position: relative;
		display: inline;
		width: 87px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_technology.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .technology:hover {
		background-position: -88px 0px;
		}

	#header .navigation .technology.active {
		background-position: -88px 0px;
		}

	#header .navigation .solutions {
		float: left;
		position: relative;
		display: inline;
		width: 78px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_solutions.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .solutions:hover {
		background-position: -79px 0px;
		}

	#header .navigation .solutions.active {
		background-position: -79px 0px;
		}

	#header .navigation .applications {
		float: left;
		position: relative;
		display: inline;
		width: 93px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_applications.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .applications:hover {
		background-position: -94px 0px;
		}

	#header .navigation .applications.active {
		background-position: -94px 0px;
		}

	#header .navigation .news {
		float: left;
		position: relative;
		display: inline;
		width: 53px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_news.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .news:hover {
		background-position: -54px 0px;
		}

	#header .navigation .news.active {
		background-position: -54px 0px;
		}

	#header .navigation .partners {
		float: left;
		position: relative;
		display: inline;
		width: 80px;
		height: 22px;
		background: transparent;
		background-image: url('../images/nav_partners.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		overflow: hidden;
		}

	#header .navigation .partners:hover {
		background-position: -90px 0px;
		}

	#header .navigation .partners.active {
		background-position: -90px 0px;
		}
		
	#sddm
{	margin: 0;
	padding: 0;
	z-index: 9000;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #49A3FF;}
		
	#header .navigation div
{	position: absolute;
	visibility: hidden;
	margin: 23px 0 0 0;
	padding: 0;
	background: #2a3037;
	border: 1px solid #454545;
	border-radius: 15px;
	-moz-border-radius: 15px;
	}

	#header .navigation div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #ffffff;
		font: bold 11px arial;
		background: #2a3037;
		background-image: url(../images/menu_bg.png);
		border-radius: 15px;
		-moz-border-radius: 15px;
		} 

	#header .navigation div a:hover
	{	background: #2a3037;
		color: #CCC;}

/*-- IMAGES --*/

		/*#image_container {
		float: left;
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #2a3037;
		background-image: url('../images/image_bg.png');
		background-repeat: repeat-x;
		}*/
		
	#image_container {
		float: left;
		width: 100%;
		height: 381px;				/* MADE CHANGES HERE*/
		margin: 0; padding: 0;
		background-color: #DDDDDD;
		background-repeat: repeat-x;
		}

	#image {
		width: 940px;
		background: #2a3037;
		text-align: left;
		margin: 0 auto 0 auto;
		padding: 0;
		border: 1px solid black;
		}
		
	#image_holder {
		width: 940px;
		/*position: relative;*/		/* MADE CHANGES HERE*/
		padding: 0;
		background: #2a3037;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#image_subpage {
		width: 940px;
		height: 130px;
		background: #2a3037;
		text-align: left;
		margin: 0 auto 0 auto;
		}		

	#image .columnleft {
	
		width: 940px;
		height: 73px;
		position: relative;
		background: #2a3037;
		text-align: left;
		margin: 0 0 0 0;
		}

	#image .columnright {
	
		width: 340px;
		height: 73px;
		position: relative;
		background: #2a3037;
		text-align: left;
		}		

	#image_broadcasters {
		width: 114px;
		height: 73px;
		top:0;
		left: 0;
		position: absolute;
		background: #2a3037;
		}
		
	#image_enterprise {
		width: 113px;
		height: 73px;
		top:0;
		left: 114px;
		position: absolute;
		background: #2a3037;
		}
		

	#image_tech_partners {
		width: 113px;
		height: 73px;
		top:0;
		right: 0;
		position: absolute;
		background: #2a3037;
		}
		
	#image_control {
		width: 940px;
		height: 249px;
		background: #2a3037;
		text-align: left;
		margin: 0 auto 0 auto;
		}	

/*-- CONTENT --*/

	#content_container {
		float: left;
		position: relative;
		width: 100%;
		min-height: 425px !important;
		height: auto !important;
		background-color: #dddddd;
		padding: 0px 0px 0px 0px;
		z-index: 1;
		}	
	
	#content {
		width: 940px;
		height: 100%;
		text-align: left;
		margin: 0 auto 0 auto;
		}
		
	#content_divider {
		width: 1px;
		float: left;
		vertical-align: middle;
		margin: 60px auto 0 auto;
		}
		
	#content_holder {
		width: 940px;
		min-height: 425px !important;
		height: auto !important;
		float: left;
		background: #ffffff;
		text-align: left;
		margin: 0 auto 0 auto;
		box-shadow: 0 0 5px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
	z-index: 2;
		}

	#content a {
		text-decoration: none;
		/*background: #ffffff;*/
		margin: 12px 12px 12px 12px;
		color: #296cd0;
		font-weight:bold;
		}
	
	#content a:hover {color: #F00}
		

	#content .columnleft {
	float: left;
	position: relative;
	background: #ffffff;
	width: 304px;
		}

	#content .columnleft ul {
		float: left;
		position: relative;
		font-size: 14px;
		color: #333333;
		list-style-type: none;
		line-height: 16px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnleft li {
		width: 400px;
		border-bottom: 1px solid #cccccc;
		}

	#content .columnleft h2 {
		font-size: 14px;
		color: #333333;
		line-height: 1px;
		margin: 22px 0px 12px 18px;
		}

	#content .columnleft p {
		font-size: 12px;
		color: #333333;
		line-height: 16px;
		margin: 12px 22px 12px 18px;
		}
		
	#content .columnmiddle {
	float: left;
	position: relative;
	width: 304px;
	background: #ffffff;
	margin: 0px;
		}

	#content .columnmiddle h2 {
		font-size: 14px;
		color: #333333;
		line-height: 18px;
		margin: 22px 0px 18px 12px;
		}

	#content .columnmiddle h3 {
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnmiddle h4 {
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 12px 0px -12px 0px;
		}

	#content .columnmiddle p {
		font-size: 12px;
		line-height: 21px;
		color: #333333;
		text-align: left;
		margin: 8px 8px 8px 65px;
		}

	#content .columnmiddle ul {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 12px 0px 12px 0px;
		padding: 0px 0px 0px 16px;
		}

	#content .columnmiddle ul ul {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 32px;
		}

	#content .columnmiddle ul.partners {
		list-style-type: none;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnmiddle ul.partners li {
		float: left;
		position: relative;
		margin: 0px 12px 0px 0px;
		}

	#content .columnmiddle ul.news {
		float: left;
		position: relative;
		width: 100%;
		font-size: 12px;
		color: #333333;
		list-style-type: none;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnmiddle ul.news .date {
		float: left;
		position: relative;
		width: 20%;
		margin: 0px 0px 0px 0px;
		}

	#content .columnmiddle ul.news .article {
		float: left;
		position: relative;
		width: 75%;
		margin: 0px 0px 0px 5%;
		}
		
				
	#content .columnright {
	float: right;
	position: relative;
	background: #ffffff;
	width: 304px;
		}

	#content .columnright h2 {
		font-size: 14px;
		color: #333333;
		line-height: 18px;
		margin: 22px 0px 12px 12px;
		}

	#content .columnright h3 {
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		}

	#content .columnright h4 {
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 12px 0px -12px 0px;
		}

	#content .columnright p {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		text-align: left;
		margin: 12px 20px 12px 12px;
		}

	#content .columnright ul {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 12px 0px 12px 0px;
		padding: 0px 0px 0px 16px;
		}

	#content .columnright ul ul {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		text-align: left;
		list-style-type: disc;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 32px;
		}

	#content .columnright ul.partners {
		list-style-type: none;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnright ul.partners li {
		float: left;
		position: relative;
		margin: 0px 12px 0px 0px;
		}

	#content .columnright ul.news {
		float: left;
		position: relative;
		width: 100%;
		font-size: 12px;
		color: #333333;
		list-style-type: none;
		line-height: 18px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .columnright ul.news .date {
		float: left;
		position: relative;
		width: 20%;
		margin: 0px 0px 0px 0px;
		}

	#content .columnright ul.news .article {
		float: left;
		position: relative;
		width: 75%;
		margin: 0px 0px 0px 5%;
		}

	#content .contact.column1 {
		float: left;
		width: 300px;
		}

	#content .contact.column2 {
		float: left;
		width: 200px;
		}

	#content .contact.column3 {
		float: left;
		width: 200px;
		}		

	.youtube_video {
		margin: 12px 0px 0px 0px;
		}

	.flash {
		margin: 12px 0px 0px 0px;
		}
		
/***************************************************** SUBPAGES ****/
		
	#content .main_content_column {
		float: left;
		position: relative;
		width: 554px;
		}

	#content .main_content_column ul {
		float: left;
		position: relative;
		font-size: 14px;
		color: #333333;
		list-style-type: none;
		line-height: 24px;
		margin: 12px 0px 12px 0px;
		padding: 0;
		}

	#content .main_content_column li {
		width: 240px;
		border-bottom: 1px solid #cccccc;
		}

	#content .main_content_column h2 {
		font-size: 16px;
		color: #333333;
		line-height: 18px;
		margin: 22px 0px 12px 18px;
		}
		
	#content .main_content_column h3 {
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 22px 0px 12px 18px;
		}
		
	#content .main_content_column h4 {
		font-size: 12px;
		color: #333333;
		line-height: 16px;
		margin: 22px 42px 12px 18px;
		}

	#content .main_content_column p {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		margin: 12px 22px 12px 18px;
		}
		
	#content .main_content_column a:link { 
		color: #296CD0;
		text-decoration: none;
		margin: 0 0 0 0;
		}

	#content .main_content_column a:visited {
	
		margin: 0 0 0 0;
		}

	#content .main_content_column a:active {
		color: #333333;
		text-decoration: underline;
		
		}

	#content .main_content_column a:hover {
		color: #F00;
		}

	#content .main_content_column select {
		color: #333333;
		}
		
	#content .main_content_column img {
		font-size: 16px;
		color: #333333;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		}
		
	#content .rightnav {
		float: right;
		position: relative;
		width: 264px;
		padding-left: 0px;
		}

	#content .rightnav ul {
		float: left;
		position: relative;
		font-size: 12px;
		color: #333333;
		list-style-type: none;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		padding-left: 0;
		}

	#content .rightnav li {
		width: 250px;
		border-top: 1px solid #cccccc;
		padding: 6px 0 0 0;
		margin: 8px 0 8px 0;
		}
		
		
	#content .rightnav li#sub {				/* SOLUTIONS -- ADDED THIS 09022011*/
		margin: 8px 0 0px 0;
		}
		
	#content .rightnav ul ul {				/* SOLUTIONS -- ADDED THIS 09022011*/
		float: left;
		position: relative;
		font-size: 10px;
		color: #333333;
		list-style-type: none;
		line-height: 14px;
		margin-top: 0;
		padding-left: 15px;
		}

	#content .rightnav ul li ul li  {		/* SOLUTIONS -- ADDED THIS 09022011*/
		width: 235px;
		border-top: 0;
		padding: 4px 0 0 0;
		margin: 4px 0 4px 0;
		}
		

	#content .rightnav h2 {
		font-size: 14px;
		color: #333333;
		line-height: 18px;
		margin: 22px 0px 12px 12px;
		}
		
	#content .rightnav a:link { 
		color: #333333;
		text-decoration: none;
		margin: 0 0 0 0;
		}

	#content .rightnav a:visited {
		color: #333333;
		text-decoration: none;
		margin: 0 0 0 0;
		}

	#content .rightnav a:active {
		color: #333333;
		text-decoration: none;
		
		}

	#content .rightnav a:hover {
		color: #d83f33;
		text-decoration: none;
		}

	#content .rightnav select {
		color: #333333;
		}

	#content .righttext {
		float: right;
		position: relative;
		width: 264px;
		padding-left: 0px;
		}

		#content .righttext p {
		font-size: 12px;
		color: #333333;
		line-height: 21px;
		margin: 12px 22px 12px 18px;
		}
		
/*-- FOOTER --*/

	#footer_container {
		float: left;
		position: relative;
		width: 100%;
		height: 50px;
		background: #000000;
		padding: 12px 0px 0px 0px;
		}

	#footer {
		width: 840px;
		height: 50px;
		background: #000000;
		text-align: left;
		margin: 0 auto 0 auto;
		}

	#footer a:hover {
		color: #cccccc;
		text-decoration: none;
		}

	#footer .copyright {
		float: left;
		position: relative;
		margin: 0px 0px 0px 0px;
		}

	#footer .copyright p {
		font-size: 11px;
		color: #999999;
		margin: 8px 0px 14px 0px;
		}

	#footer .navigation {
		float: right;
		position: relative;
		margin: 0px 0px 0px 0px;
		}

	#footer .navigation ul {
		float: left;
		position: relative;
		font-size: 11px;
		color: #333333;
		list-style-type: none;
		margin: 8px 0px 14px 0px;
		padding: 0;
		}

	#footer .navigation li {
		float: left;
		position: relative;
		}

	#footer .navigation li.separator {
		margin: 0px 8px 0px 8px;
		}
		
/*-- ADDITIONS--*/
.align a {background: none;}
.align {margin-left: 20px; margin-top: -55px;}
#solutionW {width: 610px;}
.cursor {cursor: default}
#content .main_content_column #solutionW p {margin-right: 0}

.boxshadow {
	width: 298px;
	height: 229px;
	background-image: url(../images/boxshadow.png);
	background-repeat: no-repeat;
	background-position: center;
}

.boxshadow1 {
		width: 229px;
		height: 250px;
	background-image: url(../images/boxshadow.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;	
	
}

.center {margin-left: 20px}

.shadowwrap {width: 199px; margin-left: auto; margin-right: auto; font-size: 10px; line-height: 1.4}
img.imgcenter {margin-left: 25px;}
.copy {padding:12px 12px 0 12px;}

ul.hp_news li {
	list-style-type: none;
	border-bottom: dashed 1px #ccc;
	margin-right: 20px;
}

ul.hp_news li a{
	list-style-type: none;
	margin: 0 !important;
}

.padder {margin-left: 20px;}

#content .main_content_column ul.normal_ul {color: #333333; font-size: 12px; list-style:circle; float: none; margin-left: 60px;}
#content .main_content_column ul.normal_ul li {border: none; width: 500px;}

a.slidenavy {color: #fff; font-size: 10px;}
a.slidenavy:hover {color: #90b0ea; }

.slidewrap {width: 610px; margin-left: 18px;}
#content .main_content_column .slidewrap img {margin: 0}

.rightcenter {margin: 40px 0 0 0}

.contacttable {width: 80%; margin-left: 18px; font-size: 12px;}

.title {font-size: 16px; font-weight: bold; margin: 0 0 12px; 0}
.line {width: 100%; border-bottom: dashed 1px #ccc;}

.imgright {float: left}

a.foo {display: block; width: 930px; height: 320px; background-image:url(../banner/images/hpslide04.png) no-repeat;}


/* Jquery Colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/*Social Media Buttons Styling */
#social-icons { margin: 10px 0px 0px 0px; }
#social-icons a img { float:left; margin-right:5px; }
.hp-social { width:200px;padding: 10px 0 10px 0; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */