/*********************************************************************************************************
1.) Basic Layout
**********************************************************************************************************/

/*Small reset*/

body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11.5px;
	font-family: 'arial', 'helvetica', Tahoma, Arial, san-serif;
	line-height: 21px;
	position: relative;
	background: #fff;
	color: #848484;
} 

.box {
	border-right: 1px solid #dadada;
}

.box1column {
	border-right: 1px solid #dadada;
}

#top {
	width: 940px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

body.IE7 #top {top:70px; } 

#main {
	clear: both;
	position: relative;
	padding: 20px 0 0 0px;
	float: left;
	width: 940px;
	background: #fff url(../images/bg.jpg) no-repeat 0px 0px;
}

#footer {
	width: 940px;
	margin: 15px auto 0 auto;
	position: relative;
	clear: both;
	padding: 5px 0px 10px;
	font-size: 9px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-color: #651D32;
	border-top: none;
}

#footer .column {
	margin: 0px;
	width: 117px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #999999;
	float: left;
}

#footer .column h1 {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px;
	float: left;
	width: 141px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#footer .column h2 {
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
	float: left;
	width: 117px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#footer .column ul {
	margin: 0px;
	width: 117px;
	list-style-type: none;
	padding: 0px;
}

#footer .column ul li {
	margin: 0px;
	width: 117px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#footer .column ul li a {
	color: #cccccc;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 2px;
}

#footer .column ul li a:hover {
	text-decoration: none;
	color: #FFF;
}

#footer .column ul li a:active {
	outline: none;
}

.wrapper {
	clear: both;
	position: relative;
	float: left;
	padding-bottom: 20px;
	width: 940px!important;
	width: 941px;
}

.wrapper_side {
	width: 300px!important;
	float: left;
}

.wrappermap {
	clear: both;
	position: relative;
	float: left;
	padding-bottom: 20px;
	width: 940px!important;
	width: 941px;
}

.box {
	position: relative;
	float: left;
	margin: 5px 15px 0 0;
	padding: 0px 15px 0px 0px;
	display: block;
	/* z-index: 1; */
}

#top .box3 {
	border: none;
	margin-right: 0;
	padding-right: 0;
}

.box_left {
	margin: 9px 15px 0 0;
	width: 160px;
	/* z-index: 2; */
}

.box_right {
	width: 292px;
	/* z-index: 2; */
}

.box_middle {
	width: 424px;
	/* z-index: 2; */
}

.box_small {
	width: 292px;
	/* z-index: 2; */
}

.box_half {
	width: 453px;
	/* z-index: 2; */
}

.box_medium {
	width: 614px;
}

#top .box_big {
	width: 940px;
	border: none;
}

.box .box1 {
	margin-right: 14px;
}

.box .box2 {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

.box.box_left.box1 p {
	text-align: right;
}

.box.box_left.box1 h3 {
	text-align: right;
}

.box.box_left.box1 h5 {
	text-align: right;
}

.widgetLeft #latest_news li {
	text-align: right;
}

/*********************************************************************************************************
2.) Navigation
**********************************************************************************************************/

/*Dropdown*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	left: 235px;
	top: 52px;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 660px;
}

ul.dropdown li {
	padding: 7px 0;
	color: #fff;
	line-height: normal;
}

ul.dropdown li.hover,
	ul.dropdown li:hover {
	
}

ul.dropdown a:link,
	ul.dropdown a:visited {
	color: #fff;
	text-decoration: none;
}

ul.dropdown a:hover {
	color: #cccccc;
	text-decoration: none;
}

ul.dropdown a:active {
	color: #fff;
}

/* ----- END LEVEL */

/* ----- NON-FIRST LEVEL */

ul.dropdown ul {
	width: 170px;
	background-color: #222222;
	color: #fff;
	font-size: 10px;
	text-transform: none;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	KhtmlOpacity: .9;
	opacity: .9;
}

ul.dropdown ul li {
	background-color: transparent;
	color: #000;
	filter: none;
}

ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
	background-color: transparent;
}

ul.dropdown ul a:link,
		ul.dropdown ul a:visited {
	color: #fff;
}

ul.dropdown ul a:hover {
	color: #fff;
	text-decoration: none;
}

ul.dropdown ul a:active {
	color: #fff;
}

/* ----- END LEVEL */

/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */

/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
	padding-right: 12px;
	background-image: none;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* ----- END LEVEL */

/* Advanced */

ul.dropdown li a {
	display: block;
	padding: 7px 14px;
}

/* ------------- Override default */

ul.dropdown li {
	padding: 0;
}

/* ------------- Reinitiate default: post-override activities  */

ul.dropdown li.dir {
	padding: 7px 20px 7px 14px;
}

ul.dropdown ul li.dir {
	padding-right: 15px;
}

/* ------------- Custom */

ul.dropdown li {
	
}

ul.dropdown ul a {
	padding: 4px 5px 4px 14px;
	width: 151px;


/*

Especially for IE */
}

ul.dropdown ul a:hover {
	background-color: #333333;
}

ul.dropdown a.open {
	background-color: #42616D;
	color: #cccccc;
}

ul.dropdown ul a.open {
	background-color: #333333;
	color: #fff;
}

/* CSS 2.1 */

ul.dropdown li:hover > a.dir {
	background-color: #222222;
	color: #cccccc;
}

ul.dropdown ul li:hover > a.dir {
	background-color: #333333;
	color: #fff;
}

/*********************************************************************************************************
3.) Head Area: 
**********************************************************************************************************/

#head {
	height: 90px;
	margin: 0 auto;
	position: relative;
	width: 940px;
	z-index: 5;
	top: 1px;
}

.logo {
	display: block;
	height: 84px;
	left: 0px;
	/* Old Header: position: absolute;*/
	top: 0px;
	width: 232px;
}

.sublogo {
	display: block;
	height: 80px;
	left: 700px;
	position: absolute;
	top: 0px;
	width: 225px;
	text-align: right;
}

#top .logo a {
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	outline: none;
}

/*image slider*/

#featured {
	height: 410px;
	clear: both;
	position: relative;
}

.featured_item {
	position: absolute;
	width: 292px;
	top: 100px;
	left: 318px;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
}

#top .featured_item_active {
	position: absolute;
	width: 612px;
	top: 25px;
	left: 174px;
	z-index: 3;
}

#top .featured_item_active img {
	width: 600px;
}

#top .featured_item_last, #top .featured_item_upcoming {
	width: 392px;
	left: 50px;
	top: 75px;
	z-index: 2;
}

#top #featured .featured_item_upcoming {
	left: 500px;
}

#top #featured .featured3 {
	left: 647px;
}

#top #featured .featured4 {
	left: 0px;
}

.featured_item img {
	width: 280px;
}

#top .featured_item_last img, #top .featured_item_upcoming img {
	width: 380px;
}

.item, .wrapper img {
	padding: 5px;
}

.item_shadow {
	margin: 0 auto;
}

.featured_item img {
	display: block;
	position: relative;
}

.additional_info {
	position: relative;
	clear: both;
	padding: 25px 0 25px 0;
}

.additional_info_solutions {
	position: relative;
	clear: both;
	padding: 10px 0 10px 0;
}

.additional_info_home {
	z-index: 1001;
	position: relative;
	clear: both;
	padding: 0;
}

.additional_info h2 {
	font-size: 24px;
	width: 760px;
	font-weight: normal;
	padding: 0;
}

.additional_info h2 a {
	text-decoration: none;
}

.additional_info h2 a:hover {
	text-decoration: none;
}

#twitterbox {
	min-height: 66px;
}

#twitterbox h2 {
	padding: 0 0 0 104px;
}

#tweet_follow {
	height: 64px;
	left: 0;
	position: absolute;
	top: 28px;
	width: 64px;
}

#head #searchform {
	position: absolute;
	right: 2px;
	top: 50px;
	width: 214px;
	height: 30px;
}

/*alternate image slider*/

#featured_alt {
	height: 410px;
	margin-top: 8px;
	clear: both;
	position: relative;
}

#featured_market {
	height: 320px;
	margin-top: 6px;
	margin-bottom: 18px;
	clear: both;
	position: relative;
}

#head {
	border-bottom: 1px solid #C3C3C3;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#top .logo a {
	background: transparent url(../images/logo.png);
	background-repeat: no-repeat;
}

/*image slider*/

#featured {
	border-bottom: 1px solid #C3C3C3;
}

.item, .wrapper img {
	border: 1px solid #ddd;
	background: #fff;
}

.box_home img {
	border: 1px solid #fff;
	background: #fff;
}

.box_left img {
	border: 1px solid #fff;
	background: #fff;
}

.box_right img {
	border: 1px solid #fff;
	background: #fff;
}

.additional_info {
	border-bottom: 1px solid #C3C3C3;
}

.additional_info_solutions {
	border-bottom: 1px solid #C3C3C3;
}

.additional_info_home {
	border-bottom: 1px solid #C3C3C3;
}

.additional_info_home img {
	border: none;
}

.additional_info h2 a {
	color: #5A5A5A;
}

.additional_info h2 a:hover {
	color: #5a5a5a;
}

ul.social {
	list-style-type: none;
	float: left;
	width: 292px;
}

ul.social li {
	display: block;
	float: left;
	width: 286px;
	padding: 0px 3px;
}

ul.social p {
	line-height: 8px;
}

ul.social li span {
	background-color: #ffffff;
	float: left;
	width: 52px;
}

.social li strong {
	color: #666666;
	font-size: 13px;
	font-weight: 200;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}

/*********************************************************************************************************
4.) Additional info Area: 
**********************************************************************************************************/

.advanced_button {
	height: 72px;
	width: 222px;
	display: block;
	text-indent: -9999px;
}

.get_in_touch {
	position: absolute;
	right: 0;
	top: 20px;
	outline: none;
}

/*********************************************************************************************************
5.) Content Area: 
**********************************************************************************************************/

.entry {
	width: 614px;
	float: left;
	clear: both;
	padding-bottom: 30px;
	position: relative;
}

.entry3column {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 30px;
	position: relative;
}

.entry-head {
	display: block;
	position: relative;
	top: -10px;
	font-size: 10px;
	padding: 0 0 0 1px;
	width: 400px;
}

.entry-head a {
	text-decoration: none;
}

.entry-head a:hover {
	text-decoration: underline;
}

.entry-head span {
	padding: 0 5px;
}

.entry-head .categories {
	padding: 0 5px 0 0;
}

.entry li {
	padding: 8px 0;
}

.entry ul, .entry ol {
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	padding: 0 0 20px 20px;
}

#top .entry ol {
	list-style-type: decimal;
}

.pquote {
	width: 550px;
	background: url(../images/openquote.gif) top left no-repeat;
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	padding-bottom: 1em;
	padding-left: 1.8em;
	padding-right: 1.8em;
	padding-top: 1.8em;
	margin: 0;
}

.pquote p:first-letter {
	font-size: 1.5em;
	font-weight: bold;
}

.pquote_home {
	width: 370px;
	background: url(../images/openquote.gif) top left no-repeat;
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	padding-bottom: 1em;
	padding-left: 1.8em;
	padding-right: 1.8em;
	padding-top: 1.8em;
	margin: 0;
}

.pquote_home p:first-letter {
	font-size: 1.5em;
	font-weight: bold;
}


.entry-head {
	color: #999;
}

.entry-head a {
	color: #777;
}

.entry li {
	border-bottom: 1px solid #EEEEEE;
}

.entry ul, .entry ol {
	border-top: 1px solid #EEEEEE;
}

#tablelinks a {
	color: #651D32;
}

.leitch {
	color: #006699;
	font-size: 9px;
}

.grassvalley {
	color: #339933;
	font-size: 9px;
}

.pressdate {
	color: #CCC;
	font-size: 10px;
}

.footnotes {
	color: #999;
	font-size: 10px;
}

/*********************************************************************************************************
6.) Sidebar area
**********************************************************************************************************/

.widgetLeft ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#top #latest_news .post_name {
	font-size: 11px;
	line-height: 16px;
	display: block;
}

#top #latest_news a, .widget a {
	display: block;
	padding: 10px 3px;
	text-decoration: none;
}

#top #latest_news a, .widgetdownloads a {
	display: block;
	padding: 10px 3px;
	text-decoration: none;
}

.meta_sub {
	padding-right: 0px;
}

#top .widget a {
	padding: 6px 3px;
	width: 286px;
}

#top .widgetdownloads a {
	padding: 6px 3px 3px 3px;
	width: 286px;
}

#top .widgetdownloads a:hover {
	padding: 6px 3px 3px 3px;
	width: 286px;
}

.widget {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 30px;
}

.widgetdownloads {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 30px;
}

.widgetsocial {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 30px;
}

.widgethome {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 12px;
}

.widgethometwitter {
	width: 292px;
	float: left;
	clear: both;
	padding-bottom: 24px;
}

.widgetLeft {
	width: 160px;
	float: left;
	clear: both;
	padding-bottom: 30px;
}

#top #latest_news a, .widget a {
	border-bottom: 1px solid #ddd;
}

#top #latest_news a:hover, .widget a:hover {
	background-color: #f4f4f4;
}

#sidebar .widget a.active {
	background-color: #f4f4f4;
	pointer-events: none;
}

#top #latest_news a:active, .widget a:active {
	outline: none;
}

#top #latest_news a, .widgetdownloads a {
	border-bottom: 1px solid #ddd;
}

#top #latest_news a:hover, .widgetdownloads a:hover {
	background-color: #f4f4f4;
}

#top #latest_news a:active, .widgetdownloads a:active {
	outline: none;
}

.meta_sub {
	border-right: none;
}

/*generic*/

blockquote {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 20px;
	padding: 10px 20px 10px 41px;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

p {
	padding: 0 0 1em 0
}

ul, ol {
	list-style-position: outside;
	margin-left: 20px;
}

#sidebar ul, #sidebar ol {
	margin-left: 0px;
}

#sidebar li {
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6, legend {
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 1.4em;
}

h1 {
	font-size: 24px;
	clear: both;
}

h2 {
	font-size: 24px;
	clear: both;
}

h3, legend {
	font-size: 18px;
	clear: both;
}

h4 {
	font-size: 16px;
	clear: both;
}

h5 {
	font-size: 14px;
	clear: both;
}

h6 {
	font-size: 13px;
	clear: both;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

blockquote p {
	padding: 11px 0px;
}

blockquote {
	margin: 0 0 22px 5px;
	padding: 0 15px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
}

.alignleft {
	float: left;
	margin: 15px 15px 15px 0pt;
}

.alignright {
	float: right;
	margin: 15px 0pt 15px 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 10px auto;
	padding: 10px 0;
}

#top .wp-smiley {
	border: none;
	padding: 0;
}

.meta {
	display: block;
	position: relative;
	top: 3px;
	font-size: 11px;
	line-height: 14px;
}

.more-link {
	clear: both;
	display: block;
	line-height: 20px;
	padding: 0 0 0 16px;
	text-decoration: none;
	width: 75px;
}

/*CONTACT FORM*/

#searchsubmit, #send, #top #submit {
	cursor: pointer;
}

#s {
	height: 16px;
	position: absolute;
	bottom: 2px;
}

#s, .text_input, .text_area {
	padding: 4px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	width: 150px;
	font-size: 11.5px;
}

#searchsubmit, #send, #submit {
	padding: 4px 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size: 11.5px;
}

.hidden {
	display: none;
}

#commentform {
	padding-bottom: 20px;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

fieldset label {
	padding-left: 7px;
}

.blocklabel {
	display: block;
	padding: 10px 0 0 0;
}

#top .text_area {
	width: 450px;
}

/*CONTACT FORM*/

#send, #top #submit {
	cursor: pointer;
}

#searchsubmit {
	width: 53px;
	height: 34px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	position: absolute;
	bottom: -2px;
	right: 0;
}

.ajax_form {
	padding-bottom: 30px;
}

.floatpic {
	float: left;
	margin-right: 15px;
	margin-top: 0px;
}

.floatpicright {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

/*********************************************************************************************************
7.) Social Stuff: 
**********************************************************************************************************/

.tweet {
	padding-bottom: 11px}

.tweet li {
      overflow-y: auto;
      overflow-x: hidden;
	  }

.twitterbar {
	width: 292px;
	clear: both;
}

#twitter_div {
	font-family: Arial, Helvetica, sans-serif;
	color: #848484;
	font-size: 11.5px;
	padding-bottom: 10px;
}

#twitter_div ul {
	list-style: none;
}

#twitter_div li a {
	color: #999999;
	text-decoration: none;
}

#twitter_div li a:hover {
	color: #444444;
	text-decoration: underline;
}

/*generic*/

blockquote {
	color: #777;
}

blockquote {
	border-left: 3px solid #777;
}

.box strong {
	color: #666;
}

.more-link {
	background: transparent url(../images/dot.png) no-repeat scroll 0px 6px;
	color: #5e6b86;
}

/*generic color*/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a {
	color: #5A5A5A;
}

a {
	color: #666;
}

a:hover {
	color: #444;
}

a:active {
	outline: none;
}

#top a:hover img {
	border: 1px solid #aaa;
}

#top img.productimg {
	border:none;
	background:none;
}

#top a:hover img.productimg {
	border:none;
	background:none;
}

#top .widgetdownloads img {
	border:none;
	padding:0 10px 0 0;
	background:none;
	vertical-align:text-bottom;
}

#top .widgetdownloads a:hover img {
	border:none;
	padding:0 10px 0 0;
	background:none;
	vertical-align:text-bottom;
}

h1,h2,h3,h4,h5,h6, legend {
	color: #5A5A5A;
}

.meta {
	color: #a0a0a0;
}

/*CONTACT FORM*/

.valid .text_input, .valid .text_area {
	border: 1px solid #70A41B;
}

/*#70A41B*/

.error .text_input, .error .text_area {
	border: 1px solid #EE2A00;
}

.ajax_alert .text_input, .ajax_alert .text_area {
	border: 1px solid #ffb628;
}

#s, .text_input, .text_area, textarea, #commentform input {
	border: 1px solid #ababab;
	color: #666;
}

#send, #top #submit {
	border: 1px solid #ababab;
	background-color: #3E6174;
	cursor: pointer;
	color: #fff;
}

#send:hover, #top #submit:hover {
	background-color: #fff;
	color: #666;
}

#searchsubmit {
	background: transparent url(../images/button_search.png) no-repeat left top;
}

#searchsubmit:hover {
	background: transparent url(../images/button_search.png) no-repeat left bottom;
}

/*events calendar*/

.side_date {
	width: 40px;
	background: url() no-repeat;
	font-weight: 900;
}

.side_date .month {
	width: 40px;
	padding: 2px 0px 0px 4px;
	color: #999;
	text-align: left;
}

.side_date .day {
	width: 40px;
	padding: 1px 0px 0px 4px;
	font-size: 12px;
	color: #555;
	text-align: left;
}

div.event {
	padding: 15px 5px 0px 10px;
	clear: both;
	border-bottom: 1px solid #d7d7d7;
}

/*Box Tables (Routers)*/

#box-table {
	font-size: 11.5px;
	margin-top: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#box-table img {
	border: none;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	background: none;
}

#box-table th {
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background: #cccccc;
	border-top: 2px solid #999999;
	border-bottom: 1px solid #fff;
	color: #651D32;
}

#box-table td {
	padding: 8px;
	background: #eeeeee;
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid transparent;
}

#box-table tr:hover td {
	background: #ffffff;
	color: #333333;
}

.caption {
	color: #999;
	font-size: 11.5px;
}

/*Document Tables (Support)*/

#document-table {
	font-size: 11.5px;
	margin-top: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#document-table img {
	border: none;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	background: none;
}

#document-table th {
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background: #cccccc;
	border-top: 2px solid #999999;
	border-bottom: 1px solid #fff;
	color: #651D32;
}

#document-table td {
	padding: 8px;
	background: #eeeeee;
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid transparent;
}

/*Legacy Box*/

#legacy_box {
	background-color:#eee;
	width: 560px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

#blog_box {
	background-color:#eee;
	width: 384px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

#widget_box {
	background-color:#eee;
	width: 250px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

#update_box {
	background-color:#FFC;
	width: 384px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

#support_box {
	background-color:#FFC;
	width: 560px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

#workflow_box {
	background-color:#eee;
	width: 560px;
	height:auto;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:12px;
	color:#999;
}

a.register {
	
	background: url(../images/buttons/register_sprite.png) 0px -41px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	float: right;
	margin: 0 34px 0 0;
	
}

a.register:hover {
	
	background: url(../images/buttons/register_sprite.png) 0px 0px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	
}

a.registerhome {
	
	background: url(../images/buttons/register_sprite.png) 0px -41px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	float: right;
	margin: 0 14px 0 0;
	
}

a.registerhome:hover {
	
	background: url(../images/buttons/register_sprite.png) 0px 0px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	
}

a.demo {
	
	background: url(../images/buttons/demo_sprite.png) 0px -41px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0 0 10px 20px;
	
}

a.demo:hover {
	
	background: url(../images/buttons/demo_sprite.png) 0px 0px no-repeat;
  	display: block;
  	width: 122px;
  	height: 40px;
	
}

a.download {
	
	background: url(../images/buttons/download_sprite.png) 0px -41px no-repeat;
    display: block;
    width: 122px;
    height: 40px;
	float: right;
	margin: 0 34px 0 0;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
	text-decoration: none;
	font-family: Helvetica;
	font-size: 14px;
	padding: 10px 0px 0px 19px;
}

a.download:hover {
	
	background: url(../images/buttons/download_sprite.png) 0px 0px no-repeat;
  	display: block;
  	width: 122px;
  	height: 30px;
	
}

a.buy {
  background: url(../images/buttons/buy_sprite.png) 0px -41px no-repeat;
  display: block;
  width: 122px;
  height: 40px;
  float: right;
  margin: 20px 12px 0 34px;
}

a.buy:hover {
  background: url(../images/buttons/buy_sprite.png) 0px 0px no-repeat;
  display: block;
  width: 122px;
  height: 40px;
}

/* begin styles for RSS Feed */

.rss-box {
	 width: 100%;
}

.rss-title, rss-title a {
	margin: 0px 0;
	padding: 0;
}

.rss-items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss-item  {
  font-size: 11.5px;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	}

.rss-item a:hover { 

	}

.rss-date {
	font-size: xx-small;
	}
	
	
	

/************************************************************************************/
/* 8.) NEW CHANGES INTRODUCED ON SEP 2014.  NEW HEADER/FOOTER AND GALLERIES OVERRIDES */	
/************************************************************************************/

@font-face {
  font-family: 'ionicons';
  src: url('http://www.rossvideo.com/dev/fonts/ionicons.eot'); /* IE9 Compat Modes */
  src: url('http://www.rossvideo.com/dev/fonts/ionicons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('http://www.rossvideo.com/dev/fonts/ionicons.woff') format('woff'), /* Modern Browsers */
	   url('http://www.rossvideo.com/dev/fonts/ionicons.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('http://www.rossvideo.com/dev/fonts/ionicons.svg#svgFontName') format('svg'); /* Legacy iOS */
}

form#salesforce-form { padding:0 !important; }

input:not([type="submit"]), #main_body input, textarea {
border: 1px solid #CCC !important;
min-height: 24px;
margin-bottom: 12px;
}

input[type=submit] {
	margin-right:5px;
    border:1px solid #ababab;
	background-color:#3E6174;
	cursor:pointer;
	color:#fff;
	overflow:visible;
	padding:10px 20px 10px 20px;
	width:auto;
	margin-top: 10px;
}

form.pardot div.formMessage { color: red; padding: 25px; font-size: 11px; }

form.pardot input#confirm-email { display:none; }

form.pardot div#nameerror { 
	border: 1px solid rgb(215, 215, 215);
  	background: rgb(255, 240, 240);
  	padding: 12px; 
}
form.pardot div#nameerror h2 { 
	color:red; 
}

div.overlay {
display:none;
position: fixed;
left: 0;
top: 0;
width: 100%;
min-height: 2000px;
background: black;
opacity: 0.7;
z-index: 98;	
}

/* HEADER OVERRIDES - INLINE ELEMENTS */
div#head {
background-image: none;
border-bottom: 1px solid #f9f9f9;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-width: 960px;
height:60px;
text-align: center;
background: white;
z-index: 99;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

body.IE div#head { height:64px; }


div#top > div:nth-child(2),
body.IE8 div#feature_list,
body.IE9 div#feature_list,
body.IE10 div#feature_list,
body.IE7 div#featured-image,
body.IE8 div#featured-image,
body.IE9 div#featured-image,
body.IE10 div#featured-image{
margin-top: 70px;
}

div#head.border { box-shadow: 0 3px 8px -4px #ccc; }
@media only screen and (max-device-width: 480px) {
div#head { position:relative; }
}


.logo {
float:none;
display: inline-block;
vertical-align: middle;
/* position: relative; */
height: 60px;
width: 176px;
}
.logo a { 
display: block;
height: 60px;
width: 176px; 
}

body.IE7 .logo {
float:left;
display:block;
}
	
.logo, .logo a { }

#head .logo a {
background: transparent url(http://www.rossvideo.com/images/logo-176x60.png);
/*background: transparent url(http://www.rossvideo.com/images/logo-tagline-176x68.png);*/
background-repeat: no-repeat;
background-size: 100%;
width: 176px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#head .logo a {
	background: transparent url(http://www.rossvideo.com/images/logo-176x60@2x.png);
	background-size:100%;
}
}

#head .logo .tagline { display:none; position: absolute; bottom: 0; left: 44px;font-family: "pragmatica-web", sans-serif; font-size: 7px; }
ul.dropdown {
float: none;
display: inline-block;
vertical-align: middle;
position: relative;
top: 0px;
left: 0px;
width:660px;
max-height: 60px;
overflow: hidden;
margin-left: 50px;
text-align:left;
font: normal 12px Helvetica, sans-serif;
text-transform: none;
z-index: 597;
}
@media (min-width: 1200px) {
	ul.dropdown {
	width:660px;
	margin-left: 250px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	}
}
/* Override previous CSS */
ul.dropdown { position: static; }
ul.dropdown > li { padding: 22px 0; }
ul.dropdown > li:hover { background: #222; }
ul.dropdown > li:hover > a.dir { background:000; }
ul.dropdown > li:hover a { color:#CCC; } 
ul.dropdown > li > ul > li {  }
ul.dropdown > li > ul > li:hover { background-color:white; }
ul.dropdown > li > ul > li > a { display:block; }
ul.dropdown > li > ul > li:hover > a { color: #eb3733; }
ul.dropdown > li > div.submenu > ul { position:static; } 
ul.dropdown > li.hover, ul.dropdown > li { position: relative; }
ul.dropdown > li.hover, ul.dropdown > li.full { position: static; }
ul.dropdown li > a { display: initial; }
ul.dropdown li > a:hover { background:transparent; }
#head a:hover img { border:0px; }

div.submenu ul.left.col { position:static; }
div.submenu ul.right.col { position:static; }

/* IE7 Fixes */
body.IE7 div.submenu ul.left.col { float:left; }
body.IE7 div.submenu ul.right.col { float:right; }



/* New header CSS */
div#head { border-bottom: 2px solid #e3e3e3; }
ul.dropdown li, ul.dropdown li a, ul.dropdown li p, ul.dropdown li h1, ul.dropdown ul a:link, ul.dropdown ul a:visited, ul.dropdown a:link, ul.dropdown a:visited { font-size: 14px; color:#464a4f; }
div.submenu, ul.dropdown li div.submenu { display:none; opacity:0.98; box-shadow: 0 3px 8px -4px #ccc; }
div.submenu.dark, ul.dropdown li div.submenu.dark { background:black; }
div.submenu.visible, ul.dropdown li:hover div.submenu, div.submenu:hover, ul.dropdown li div.submenu.open { display:block; }
div.submenu ul.col { visibility:visible; }
div.submenu { width: 100%; min-height: 220px; position: absolute; top: 100%; left: 0; background: white; text-align:center; border-top: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; }
div.submenu ul.col { position: initial; float:none; display:inline-block; /* This hack alters the display for Newer versions of firefox: display:-moz-inline-stack; */ zoom:1; *display:inline; vertical-align:middle; max-height: 220px; overflow: hidden; background:transparent; }
div.submenu ul.left.col { width:220px; height: 170px; margin: 24px 0; }
div.submenu ul.left.col li { min-width:150px; padding: 6px 0; text-align:left; cursor:pointer; transition:all 0.4s; -webkit-transition:all 0.4s; height:15px; float: left; display: -moz-inline-box; display: inline; }
div.submenu ul.left.col li a { width:225px; padding:0;}
div.submenu ul.left.col.double { width:400px; }
div.submenu ul.left.col.double li { width: 50%; }
div.submenu ul.left.col.triple { width:678px; }
div.submenu ul.left.col.triple li { width: 33%; }
div.submenu ul.left.col.multiple { width:904px; }
div.submenu ul.left.col.multiple li { width: 25%; }
body.IE div.submenu ul.left.col li { float:left; }
div.submenu ul.left.col li.current { color: #eb3733; transition:all 0.4s; -webkit-transition:all 0.4s; }
div.submenu ul.left.col li a, div.submenu ul.left.col li { font-size: 14px; color:#464a4f; background: 000; }
div.submenu ul.left.col li:hover, div.submenu ul.left.col li:hover a, div.submenu ul.left.col li a:hover { color: #eb3733; }

li#menu-products div.submenu ul.left.col li { padding:4px 0; }

div.submenu ul.right.col { width: auto; max-width: 940px; position:initial;  }


div.submenu ul.right.col li { display:none; width: 220px; vertical-align:middle; padding: 44px 1px; transition:all 0.4s; -webkit-transition:all 0.4s;}
div.submenu ul.right.col li.current { display:inline-block; display:-moz-inline-stack; background: 000; zoom:1; *display:inline; transition:all 0.4s; -webkit-transition:all 0.4s; }
div.submenu ul.right.col li a { margin:0; padding:0; font-size: 14px; color:#464a4f; width: 100%; text-align: center; }
div.submenu ul.right.col li.seeall { padding:0; background:#eb3733; }
div.submenu ul.right.col li.seeall a.full.button { display:block; padding:95px 0; }
div.submenu ul.right.col li a img { width:220px; height:100px; }
div.submenu ul.right.col li:hover { background: #eb3733; color: white; }
div.submenu ul.right.col li.nohover:hover { background: 000; color: white; }
div.submenu ul.right.col li:hover a, div.submenu ul.right.col li:hover p {  color: white; }

/* IE7 Fixes */
body.IE7 div.submenu ul.right.col li { float:left; }
body.IE7 div.submenu ul.right.col li.seeall { float:right; }


/* Full Column */
div.submenu ul.full.col { width: auto; max-width: 100%; position:initial;  }


div.submenu ul.full.col li { display:none; width: 220px; vertical-align:middle; padding: 44px 1px; transition:all 0.4s; -webkit-transition:all 0.4s;}
div.submenu ul.full.col li.current { display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline; transition:all 0.4s; -webkit-transition:all 0.4s; }
div.submenu ul.full.col li a { margin:0; padding:0; font-size: 14px; color:#464a4f; width: 100%; text-align: center; }
div.submenu ul.full.col li.seeall { padding:0; background:#eb3733; }
div.submenu ul.full.col li.seeall a.full.button { display:block; padding:95px 0; }
div.submenu ul.full.col li a img { width:220px; height:100px; }
div.submenu ul.full.col li:hover { background: #eb3733; color: white; }
div.submenu ul.full.col li:hover a,
div.submenu ul.full.col li:hover p { color:white; }
div.submenu ul.full.col li.nohover:hover { background: 000; color: white; }
div.submenu ul.full.col li:hover a, div.submenu ul.right.col li:hover p {  color: white; }

/* Forced style for IE8 */
div.submenu div.inner { max-width:1400px; width: 96%; margin:0 auto; }
div.submenu ul.left.col { float:none; }
div.submenu ul.left.col.floatnone { float:none; }
div.submenu ul.right.col { float:right; }
ul.dropdown ul { opacity:0.98; }
ul.dropdown ul li { background:white; padding:4px 0;}
ul.dropdown ul li a { color:#111; }
ul.dropdown ul a:link, ul.dropdown ul a:visited { color:#111; }
ul.dropdown ul a:hover, ul.dropdown ul li:hover a { color:white; transition:all 0.2s; -webkit-transition:all 0.2s; }

div.submenu ul.right.col { width: auto; max-width: 480px; position:initial; }

/* Default to smaller screen: (commented out for IE8, see the .js function "adjustProductstoWindow" */
@media screen and (min-width:1160px) { div.submenu ul.right.col { width: auto; max-width: 680px; position:initial;  } }
@media screen and (min-width:1400px) { 
	div.submenu ul.right.col { width: auto; max-width: 940px; position:initial;  } 
	
} 

/* Default to larger screen: 
div.submenu ul.right.col { width: auto; max-width: 940px; position:initial;  }
@media screen and (max-width:1400px) { div.submenu ul.right.col { width: auto; max-width: 680px; position:initial;  } }
@media screen and (max-width:1160px) { div.submenu ul.right.col { width: auto; max-width: 480px; position:initial;  } }
*/

/* One below the other: 
@media screen and (max-width:1400px) {
	div.submenu ul.left.col.double { width: 100%; max-width: 940px; float: none; margin: 0; padding: 24px 0;text-align: center; border-bottom: 1px solid #ddd; } 	
	div.submenu ul.left.col.double li { max-width: 222px; }
	div.submenu ul.right.col { float:none; margin:24px 0; }
}
*/

ul.dropdown a:link, ul.dropdown a:visited {
color: #111;
text-decoration: none;
}
#head form#searchform {
width: 60px;
float: none;
display: inline-block;
vertical-align: middle;
position: relative;
left: 0px;
top: 0px;
}

#head form#searchform #searchsubmit {
background: transparent url(http://www.rossvideo.com/images/button_search_white.png) no-repeat left top;
background: none;
font-family: ionicons;
font-size: 18px;
text-indent: 0;
transition:all 0.4s;
-webkit-transition:all 0.4s;
}
#head form#searchform #searchsubmit:hover {
background: transparent url(http://www.rossvideo.comimages/button_search_white.png) no-repeat left bottom;
background: none;
color: #666;
transition:all 0.4s;
-webkit-transition:all 0.4s;
}
#head form#searchform #searchsubmit:before {
content: "\f1d9";	
}

#head form#searchform input#s {
display:none;
position: absolute;
top: -5px;
right: 60px;
width: 500px;
height: 30px;
padding: 4px 10px;
z-index:101;
}

/* CONTENT OVERRIDES */
#main {
background:white;	
min-height:640px;
}

/* Slider Changes */
div#featured_alt { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300; margin-top:70px; }
div#featured_alt ul#yourSliderId li {}
div#featured_alt ul#yourSliderId li div { background-color: whitesmoke !important; }
div#featured_alt ul#yourSliderId li div h1 { color:black; font-size:36px; }
div#featured_alt ul#yourSliderId li div p { color: #666; font-size:14px; line-height:28px; }
div#featured_alt ul#yourSliderId li div a.learn { background: black; color: white; text-decoration: none; text-align: center; line-height: 38px; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#featured_alt ul#yourSliderId li div a.learn.white { background: #CCC; color: black; }
div#featured_alt ul#yourSliderId li div a.learn:hover { opacity: 0.6; transition:all 0.3s; -webkit-transition:all 0.3s; }

div#featured_alt ul#yourSliderId li.dark div { background-color: #111 !important; }
div#featured_alt ul#yourSliderId li.dark div h1 { color: white; }
div#featured_alt ul#yourSliderId li.dark div p { color:#f9f9f9; }
div#featured_alt ul#yourSliderId li.dark div a.learn {  }

div#featured_alt ul#yourSliderId li.right div { text-align:right; margin-right:12px; }
div#featured_alt ul#yourSliderId li.right div p,
div#featured_alt ul#yourSliderId li.right div h1 { padding-right:16px; }
div#featured_alt ul#yourSliderId li.right div a.learn { float:none; margin-left:auto; }

div#featured_alt .arrows {
	position: absolute;
	top: 250px;
	left: 0;
	width: 100%;	
}
div#featured_alt .arrows .slider_arrow_left {  
	float:left;
	left:-30px; 
	right:auto;
	height: 66px;
	background: url('/images/arrow_left.png') no-repeat;
	background-size: 100%;
	opacity: 0.2;
}
div#featured_alt .arrows .slider_arrow_right {  
	float:right;
	left:auto;
	right:-30px;
	height: 66px;
	background: url('/images/arrow_right.png') no-repeat;
	background-size: 100%;
	opacity: 0.2;
}
div#featured_alt .arrows .slider_arrow_left:hover, div#featured_alt .arrows .slider_arrow_right:hover {
	opacity:1;	
}
div#featured_alt .contain { display:none; }



/* Feature list change*/
#feature_list ul#tabs { width:241px; border-right: 1px solid black; max-height: 391px; overflow: hidden; line-height: 12px; }
#feature_list ul#tabs li a { background:black; color:white; }
#feature_list ul#tabs li a.current { border-right: 1px solid #EB3731; }
#feature_list ul#tabs li a h3 { color: #A8A6A7; }
#feature_list ul#tabs li a.current h3 { color:#EB3731 }
#feature_list ul#tabs li a span br { display:none; }




/* Video Gallery Overrides*/
<<<<<<< HEAD
.market li img { padding:0px; width:154px; height: 154px; transition: all 0.5s; -webkit-transition: all 0.5s; }
=======
.market li { height:250px !important; }
>>>>>>> FETCH_HEAD
.market li img:hover { opacity:0.7; transition: all 0.5s; -webkit-transition: all 0.5s; }
.market li strong {
	text-align: center !important;
	margin: 5px 0;
}

/* Sidebar Overrides */
div#main div#sidebar div.widget ul li a.selected { font-weight: bold; background-color: #f4f4f4; pointer-events:none; }

/* FOOTER OVERRIDES */
div#footer {
width:100%;
min-width: 960px;
background-color: black;
background-image: none;
text-align:center;
}

div#footer .column {
float: none;
display: inline-block;
vertical-align: top;
text-align:left;
}

#footer .column h2, #footer .column ul li {
border-bottom: none;
}
#footer span.alignleft {
max-width: 640px;
padding:8px;	
margin: 18px 0px 4px;
}
#footer span.alignright {
margin: 20px 0 8px;
}
#footer span.alignright ul.social{
	width:272px;	
}

#footer span.alignright ul.social li {
display: inline-block;
width: 24px;
padding: 0 6px;
}

#footer span.alignright ul.social li a {
	width: 32px;
	height: 32px;
	display: block;
	color: #999;
	font-family: ionicons;
	font-size: 32px;
	margin: 0 4px;
	text-indent: 0;
	text-decoration:none; 
	transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	position:relative; 
}
#footer span.alignright ul.social li a:hover { color:black; transition:all 0.4s; -webkit-transition:all 0.4s; }
#footer span.alignright ul.social li a.community:hover:after{
	background: #333;
	background: #fff;
	color: #333;
	content: attr(title);
	font-size:12px;
	left: -94px;
	bottom: 40px;
	padding: 5px 5px;
	position: absolute;
	z-index: 98;
	width: 220px;
}

#footer span.alignright ul.social li a.community:before { content: "\f1c0"; }
#footer span.alignright ul.social li a.twitter:before { content: "\f243"; }
#footer span.alignright ul.social li a.facebook:before { content: "\f231"; }
#footer span.alignright ul.social li a.youtube:before { content: "\f24d"; }
#footer span.alignright ul.social li a.linkedin:before { content: "\f239"; }
#footer span.alignright ul.social li a.rss:before { content: "\f23d"; }
#footer span.alignright ul.social li a.mail:before { content: "\f132"; }

#footer span.alignright ul.social li a img {
width:100%;
height:auto;	
}



/************************************************************************************/
/* 9.) CHANGES ON DEC 2014: NEW SOLUTIONS PAGES AND BETTER FONTS */	
/************************************************************************************/

body.solution {
	color: #2a2e33;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 1.875em;
}

/* HEADER CHANGES */
body #head li#menu-solutions {}
body #head li#menu-solutions div.submenu { }
body #head li#menu-solutions div.submenu div.inner { max-width:1700px; }
body #head li#menu-solutions div.submenu div.inner ul.single.col { 
	width: 100%; 
	padding: 0;
	margin: 0;
	max-height: 230px;
	height: auto;
}

body #head li#menu-solutions div.submenu div.inner ul.single.col li { 
	width: 222px !important;
	height: 222px !important;
	display: inline-block;
	display: -moz-inline-stack;
	float: none;
	padding: 0;
	margin: 4px 1px;
	background: rgb(232, 232, 232);
	position:relative;
	text-align:center;
}

body #head li#menu-solutions div.submenu div.inner ul.single.col li a {
	display: block;
	width: 100%;
	height: 222px;
	/*position: absolute;*/
	top: 0;
	left: 0;
	line-height: 390px;
	color: black;
	background:#f9f9f9;
}

body #head li#menu-solutions div.submenu div.inner ul.single.col li.broadcast { background: url('/images/header/solution-broadcast.jpg') #111; } 
body #head li#menu-solutions div.submenu div.inner ul.single.col li.sports { background: url('/images/header/solution-sports.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.corporate { background: url('/images/header/solutions/corporate.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.legislative { background: url('/images/header/solutions/legislative.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.education { background: url('/images/header/solution-education.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.how { background: url('/images/header/solution-how.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.mobile { background: url('/images/header/solutions/mobile.jpg') #111; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li.virtual { background: url('/images/header/solutions/virtual.jpg') #111; }

body #head li#menu-solutions div.submenu div.inner ul.single.col li.broadcast a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.sports a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.corporate a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.legislative a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.education a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.how a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.mobile a,
body #head li#menu-solutions div.submenu div.inner ul.single.col li.virtual a { 
	color:#f9f9f9;
	background:transparent;
	background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(.4,rgba(146, 146, 146, 0.08)) );
}

body #head li#menu-solutions div.submenu div.inner ul.single.col li:hover { opacity:1; }
body #head li#menu-solutions div.submenu div.inner ul.single.col li:hover a { background-image:none; color:#fff; }

body #head li#menu-solutions div.submenu div.inner ul.single.col li.seeall { 
	display:none; 
	padding: 0;
	background: #eb3733;
}
body #head li#menu-solutions div.submenu div.inner ul.single.col li.seeall a {
	display: block;
	line-height:230px;
	background: #eb3733;
}
/* ACTIVATE THIS WHEN MORE THAN 4 SOLUTIONS ARE DISPLAYING ON THE HEADER */
/*
@media only screen and (max-width: 1439px) {
	body #head li#menu-solutions div.submenu div.inner ul.single.col { width: 980px; }
	body #head li#menu-solutions div.submenu div.inner ul.single.col li:nth-of-type(1n+4) { display:none; }
	body #head li#menu-solutions div.submenu div.inner ul.single.col li.seeall { display:inline-block; }
}
*/

/* CSS FOR SQUARE IMAGES ON GENERIC SQUARE MENU (REPLACES CODE ATTACHED TO #menu-solutions*/
/* HEADER CHANGES */
body #head li.square.full {}
body #head li.square.full div.submenu { }
body #head li.square.full div.submenu div.inner { max-width:1700px; }
body #head li.square.full div.submenu div.inner ul.single.col { 
	width: 100%; 
	padding: 0;
	margin: 0;
	max-height: 230px;
	height: auto;
}

body #head li.square.full div.submenu div.inner ul.single.col li { 
	width: 222px !important;
	height: 222px !important;
	display: inline-block;
	display: -moz-inline-stack;
	float: none;
	padding: 0;
	margin: 4px 1px;
	background: rgb(232, 232, 232);
	position:relative;
	text-align:center;
}

body #head li.square.full div.submenu div.inner ul.single.col li a {
	display: block;
	width: 100%;
	height: 222px;
	/*position: absolute;*/
	top: 0;
	left: 0;
	line-height: 390px;
	color: black;
	background:#f9f9f9;
}

body #head li.square.full div.submenu div.inner ul.single.col li.broadcast { background: url('/images/header/solution-broadcast.jpg') #111; } 
body #head li.square.full div.submenu div.inner ul.single.col li.sports { background: url('/images/header/solution-sports.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.corporate { background: url('/images/header/solutions/corporate.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.legislative { background: url('/images/header/solutions/legislative.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.education { background: url('/images/header/solution-education.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.how { background: url('/images/header/solution-how.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.mobile { background: url('/images/header/solutions/mobile.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.virtual { background: url('/images/header/solutions/virtual.jpg') #111; }

body #head li.square.full div.submenu div.inner ul.single.col li.creative { background: url('/images/header/services/creative.jpg') #111; }
body #head li.square.full div.submenu div.inner ul.single.col li.rmp { background: url('/images/header/services/rmp.jpg') #111; }


body #head li.square.full div.submenu div.inner ul.single.col li a { 
	color:#f9f9f9;
	background:transparent;
	background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(.4,rgba(146, 146, 146, 0.08)) );
}

body #head li.square.full div.submenu div.inner ul.single.col li:hover { opacity:1; }
body #head li.square.full div.submenu div.inner ul.single.col li:hover a { background-image:none; color:#fff; }

body #head li.square.full div.submenu div.inner ul.single.col li.seeall { 
	display:none; 
	padding: 0;
	background: #eb3733;
}
body #head li.square.full div.submenu div.inner ul.single.col li.seeall a {
	display: block;
	line-height:230px;
	background: #eb3733;
}
/* ACTIVATE THIS WHEN MORE THAN 4 SOLUTIONS ARE DISPLAYING ON THE HEADER */
/*
@media only screen and (max-width: 1439px) {
	body #head li.square.full div.submenu div.inner ul.single.col { width: 980px; }
	body #head li.square.full div.submenu div.inner ul.single.col li:nth-of-type(1n+4) { display:none; }
	body #head li.square.full div.submenu div.inner ul.single.col li.seeall { display:inline-block; }
}
*/




/* CONTENT FOR SOLUTION PAGES */

/* Callouts Section*/
body.solution ul#callouts-section { margin: 18px 0 0 0; text-align:justify; }
body.solution ul#callouts-section:after {
	content: " __________________________________________________________";
	line-height: 0;
	visibility: hidden;
}
body.solution ul#callouts-section li { display:inline-block; display: -moz-inline-stack; vertical-align:top; position:relative; width:460px; height: 183px; overflow: hidden; margin-bottom: 18px; }
body.solution.IE7 ul#callouts-section li { float:left; margin-left:9px;}
body.solution ul#callouts-section li.full { display:inline-block; vertical-align:top; position:relative; max-height: none; overflow: hidden; margin-bottom: 18px; width:auto; height: auto; }
body.solution ul#callouts-section li.solution:hover {cursor:pointer; transition:all 0.4s; -webkit-transition:all 0.4s; }
body.solution ul#callouts-section li.solution:hover img { opacity:0.7; transition:all 0.4s; -webkit-transition:all 0.4s; }
body.solution ul#callouts-section li.solution:hover span.title { opacity:1; border:0px; transition:all 0.4s; -webkit-transition:all 0.4s; }
body.solution ul#callouts-section li a { display:block; position:relative; }
body.solution ul#callouts-section li.solution img { border: 0px; background: 000; padding: 0px; -webkit-transition:all 0.4s; }
body.solution ul#callouts-section li.solution span.title { position: absolute; bottom: 28px; left: 0px; background: black; color: white; padding: 11px 16px; min-width: 186px; width:100%; max-width:222px; opacity: 0.9; border:1px solid #666; font-size:14px; }
body.solution ul#callouts-section li.solution span.title a { color:white; text-decoration:none; }

body.solution ul#callouts-section li.full div.description { width: 530px; display: inline-block; vertical-align: top; padding: 0 12px; }

body.solution ul#callouts-section li.cta {}


div#main.solution p { padding: .8em 0 .8em 0; }

body.solution div#featured-image { width:1200px; height:390px; overflow:hidden; margin-left:-130px; position: relative; margin-top: 70px; }

body.solution div#featured-image > * { font-family: "Helvetica Neue"; color: white; font-weight: 100; }
body.solution div#featured-image div.imgBackground { }
body.solution div#featured-image div.gradient { 
	display:none;
	width: 100%;
	height: 390px;
	position: absolute; 
	top:0;
	left:0;
	background-image: -webkit-gradient( linear, right top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(.4,rgba(146, 146, 146, 0.08)) );	
}
body.solution div#featured-image.left div.gradient {
	background-image: -webkit-gradient( linear, left top, right bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(.7,rgba(146, 146, 146, 0.08)) );
}
body.solution div#featured-image.right div.gradient {
	background-image: -webkit-gradient( linear, right top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(.4,rgba(146, 146, 146, 0.08)) );
}

body.solution div#featured-image img {}
body.solution div#featured-image h1.title { position: absolute; top: 30px; left: 40px; font-size: 48px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
body.solution div#featured-image span.subtitle { position: absolute; top: 90px; left: 50px; font-size: 18px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
body.solution div#featured-image span.quote { position: absolute; text-indent: -20px; bottom: 30px; left: 40px; width: 470px; font-size: 18px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

@media ( min-device-width: 300px) {
	body.solution div#featured-image h1.title { position: absolute; top: 30px; left: 140px;   }
	body.solution div#featured-image span.subtitle { position: absolute; top: 90px; left: 150px;  }
	body.solution div#featured-image span.quote { position: absolute; text-indent: -20px; bottom: 30px; left: 140px;}
}

body.solution div#featured-image span.subtitle a { text-decoration:none; }
body.solution div#featured-image span.quote.long { width: 670px; }
body.solution div#featured-image span.quote a { color:white; }
body.solution div#featured-image.light h1.title,
body.solution div#featured-image.light span.subtitle,
body.solution div#featured-image.light span.subtitle a,
body.solution div#featured-image.light span.quote { color:#111; text-shadow: 1px 1px #D5D5D5; }

body.solution div#featured-image.dark h1.title,
body.solution div#featured-image.dark span.subtitle,
body.solution div#featured-image.dark span.subtitle a,
body.solution div#featured-image.dark span.quote { color:#FFF;  text-shadow: 1px 1px #666; }

body.solution div#featured-image.right h1.title { left:auto; right: 40px; text-align:right; }
body.solution div#featured-image.right span.subtitle,
body.solution div#featured-image.right span.subtitle a { left:auto; right: 50px; text-align:right; }
body.solution div#featured-image.right span.quote { left:auto; right: 20px; text-align:right; }
body.solution div#featured-image.right span.quote.contrast { width: 530px; left: auto; right: 0; bottom: 8px; background: rgba(0, 0, 0, 0.48);text-shadow: none; padding: 10px 20px; } 

body.solution div#featured-image h1.title, body.solution div#featured-image span.subtitle, body.solution div#featured-image span.quote { display:none; }
body.solution div#featured-image span.imageCopyright { 
				display:none;
				position: absolute;
				bottom: 20px;
				right: 0;
				padding: 5px 8px;
				background: rgba(0, 0, 0, 0.4);
			}
body.solution div#featured-image span.imageCopyright a { color:white; }
			
			
div#main h6.breadcrumbs { margin: -12px 0 12px 0; }

div#main hr {
	display: block;
	clear:both;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
	margin: 2em 0;
	padding: 0;
}
a.readmore {
	/*background: #F8F8F8;
	border: 1px solid #ccc;*/
	color: #c00;
	min-width: 400px;
	display: block;
	font-weight: bold;
	padding: 10px 25px 10px 10px;
	margin: 12px 0 12px auto;
	position: relative;
	text-transform:uppercase;
	text-decoration: none;
	text-align: right;
	transition: color 0.4s;
	-webkit-transition: color 0.4s;
}

a.readmore:before, a.readmore:after {
	border-right: 2px solid;
	content: '';
	display: block;
	height: 8px;
	margin-top: -6px;
	position: absolute;
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 10px;
	top: 46%;
	width: 0;
}

a.readmore:after {
	margin-top: -1px;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.readmore:hover, a.readmore:focus,
a.readmore:hover:before, a.readmore:hover:after,
a.readmore:focus:before, a.readmore:focus:after {
	color: #111;
	transition: color 0.4s;
	-webkit-transition: color 0.4s;
}

div.readmore_info {
  	display: block; /*None*/
   	padding: 18px;
   	width: auto;
   	margin: 8px;
   	border: 1px solid #D9D9D9;
   	background-color: #F8F8F8;
}
div.readmore_info img {
	border:0px;
	background:000;
}
div.readmore_info a.hidethis {
	text-align:right;
	display:block;	
}

img.alignleft { float:left; padding: 0 5px; border: 0; }
img.alignright { float:right; padding: 0 5px; border: 0; }
img.aligncenter { display:block; max-width: 100%; margin:0px 0px 20px 0px; padding:0; border: 0;  }


/* Call to action on Solution Pages */
form.CTA{  width: 100%; margin:12px 0;  padding: 12px; background: rgb(240, 240, 240); border: 1px solid #ccc; text-align: center;     box-sizing: border-box; }
form.CTA.right { width: 400px; float: right; margin-left: 20px; }
form.CTA.left { width: 400px; float: left; margin-right: 20px;}
form.CTA.left button.submit, form.CTA.right button.submit, form.CTA.center button.submit { display:block; margin:12px auto; }
form.CTA.center { width:400px; float:none; margin:0 auto; }
form.CTA.full { clear:both; }
form.CTA input { width:220px; display: inline-block; padding: 7px; margin: 6px 0; }
form.CTA input[type="checkbox"] { width: auto; }
form.CTA.right input#name,form.CTA.left input#name,
form.CTA.right input#email,form.CTA.input#email{ display:block; margin: 6px auto; }
form.CTA button.submit { width: 100px; height: 40px; background: black; border: 0; margin: 12px 0; color: white; }
form.CTA button.submitdw { width: 100px; height: 40px; background: #ed3529; border: 0; margin: 12px 0; color: white; }

form.CTA.inline.list { width:446px; margin:0; padding:7px; height:167px; background:#EEE; } 
form.CTA.inline.list p { font-size: 12px; margin: 0 0 0 12px; padding: 0!important;}
form.CTA.inline.list input { width: 200px; display: block; padding: 2px 8px; margin: 2px auto; }
form.CTA.inline.list input[type="checkbox"] { display: inline-block; width: auto; }
form.CTA.inline.list button.submit { width: 218px; display: block; padding: 5px 8px; margin: 8px auto; background:black; color:white; }
form.CTA.inline.list button.submitdw { width: 218px; display: block; padding: 5px 8px; margin: 8px auto; background:#ed3529; color:white; }
form.CTA.inline.list a.representative { display:block; text-align:right; text-decoration:none; font-weight:bold; margin-right:12px; }

form.CTA div.formMessage { color: red; padding: 25px; font-size: 11px; }

form.CTA input#confirm-email { display:none; }

form.CTA div#nameerror { 
	border: 1px solid rgb(215, 215, 215);
  	background: rgb(255, 240, 240);
  	padding: 12px; 
}
form.CTA div#nameerror h2 { 
	color:red; 
}

/* Promo Form on Solution Pages */
form.promo{  width: 100%; margin:12px 0;  padding: 12px; background: rgb(240, 240, 240); border: 1px solid #ccc; text-align: left; }
form.promo.left button.submit, form.promo.CTA.right button.submit, form.promo.CTA.center button.submit { display:block; margin:0 auto; }
form.promo.full { clear:both; }
form.promo input { width:450px; display: inline-block; padding: 7px; margin: 6px 0; }
form.promo input[type=checkbox] { width: 2px; display: inline-block; padding: 7px; margin: 6px 15px;}
form.promo button.submit { width: 100px; height: 40px; background: black; border: 0; margin: 12px 0; color: white; cursor:pointer; }

form.promo.inline.list { width:446px; margin:0; padding:7px; height:167px; background:#EEE; } 
form.promo.inline.list p { font-size: 12px; margin: 0 0 0 12px; padding: 0!important;}
form.promo.inline.list input { width: 200px; display: block; padding: 2px 8px; margin: 8px auto; }
form.promo.inline.list button.submit { width: 218px; display: block; padding: 5px 8px; margin: 8px auto; background:black; color:white; }
form.promo.inline.list a.representative { display:block; text-align:right; text-decoration:none; font-weight:bold; margin-right:12px; }

form.promo div.formMessage { color: red; padding: 25px; font-size: 11px; }

form.promo input#confirm-email { display:none; }

form.promo div#nameerror { 
	border: 1px solid rgb(215, 215, 215);
  	background: rgb(255, 240, 240);
  	padding: 12px; 
}
form.promo div#nameerror h2 { 
	color:red; 
}

/************************************************************************************/
/* 10.) NEW CHANGES INTRODUCED ON MAR 2015.  NEW CTA FOR SOLUTIONS AND PRODUCTS AND PLUS*/	
/************************************************************************************/

a.cta-button {
	display: block;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none;
	font-size: 18px;
	background: rgb(236, 58, 50);
	padding: 26px;
	margin: 60px;
	color: rgb(253, 253, 253)!important;
	text-shadow: none !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a.support-button {
	display: block;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none;
	font-size: 18px;
	background: rgb(236, 58, 50);
	padding: 26px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 60px;
	margin-right: 60px;
	color: rgb(253, 253, 253)!important;
	text-shadow: none !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a.support-button:hover {
	background: rgba(0,0,0,1.00);
}

a.document-button {
	display: block;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none;
	font-size: 12px;
	background: rgb(236, 58, 50);
	padding: 6px 12px 6px 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: rgb(253, 253, 253)!important;
	text-shadow: none !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a.document-button:hover {
	background: rgba(0,0,0,1.00);
}

div#go-live-window-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.64);
  cursor: default;
  z-index: 998;
}
div#go-live-window {
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -325px;
  max-width: 650px;
  width: 100%;
  border: 1px solid #e9e9e9;
  padding: 24px;
  background:white;
  z-index:999;
}
#go-live-window ul {
	text-align:center;
}
#go-live-window ul > a:hover li {
	background: #F9F9F9;
	border-color: #C1C1C1;
}
#go-live-window ul li {
  text-decoration: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 225px;
  max-width: 40%;
  height: 50px;
  padding: 18px;
  margin: 16px;
  border: 3px solid #EFEFEF;
}

#go-live-window ul li img {
	border: 0px;
	background:000;
	width: 32px;
  	margin: 0;
  	padding: 0;
}
#go-live-window ul > a:hover li img {
	border: 0px;
	background:000;
}

#go-live-window ul li p {
	font-weight:bold;
	color:black;
}

/************************************************************************************/
/* 10.) APR 2015. New Testimonial Section for Solutions	
/************************************************************************************/

/*

	<section id="testimonial">
    	<h2>User Stories</h2>
    	<div class="testimonial box">
        	<a target="_blank" href="#">
            	<div class="photo">
            		<img src="/images/your-image-here.png">
                </div>
            	<div class="description">
	                <div class="content">
                    	<h4>Pepperdine University</h4>
	            		<p>Los Angeles, CA</p>
    				</div>
    			</div>
        	</a>
        </div>
	</section>

*/



section#testimonial {
  clear: both;
  text-align: center;
  margin: 0px auto;
  background: black;
  padding: 80px 0 40px 0;	
}

#testimonial h2 {
  color: white;
  font-size: 38px;
  margin-bottom: 40px;
}

section#testimonial div.testimonial.box {
  vertical-align: top;
  display: inline-block;
  margin: 8px;
  border: 0px;
  float: none;  
}
section#testimonial div.testimonial.box a {
  text-decoration: none; 
  transition: all 0.3s; 
  -webkit-transition: all 0.3s; 
}
section#testimonial div.testimonial.box a div.photo {
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: relative;
  border: 12px solid white;
}
section#testimonial div.testimonial.box a div.photo img {
  margin: 0 auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  vertical-align: middle;
  height: 100%;
  background: white;
}
section#testimonial div.testimonial.box a div.description {
  max-width: 300px;
  margin: 10px auto;
  height: 110px;
}
section#testimonial div.testimonial.box a div.description div.content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
section#testimonial div.testimonial.box a div.description div.content h4 {
  margin: 0;
  padding: 0;
  font-size: 31px;
  color: white;
}
section#testimonial div.testimonial.box a div.description div.content p {
  padding: 0;
  font-size: 12px;
  margin: 0px;
  color: white;
}
section#testimonial div.testimonial.box a:hover img { 
  opacity:0.7; 
  transition: all 0.3s; 
  -webkit-transition: all 0.3s; 
}



/************************************************************************************/
/* 11.) Color Boxes
/************************************************************************************/

div.wrapper div.important { 
	margin: 12px 0;
	padding: 12px;
  	background-color: rgb(253, 253, 202);
  	border: 1px solid rgb(187, 187, 161);
}

/************************************************************************************/
/* 11.) Code Boxes
/************************************************************************************/