@charset utf-8;


.table-container table {
	border-collapse:collapse;
	border-spacing:0;
}

.table-container tr {
	border-bottom:3px solid #b7cd45 !important;

}

.table-container td, .tablecol-title.one-column {
	background:#0d3954;
}


.header-solutions {
	z-index:99999;
	position:absolute;
	top:150px;
}


/* === Colors
	dark blue - #3A7198
	light blue - #abd4f2
	green - #B8CC50
	sub-menu light green - #E7F2AE
	grey - #7F7F7F
   ===========================================================================*/
   
   
   
/* ===   Resets
   ========================================================================== */
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video,img{display:block}a img{border:0}figure{position:relative}figure img{width:100%}.serif,cite,blockquote,h1,h2,h3,h4,h5,h6{font-weight: normal;}

/* ===   General Styles
   ========================================================================== */
	.monospace,var,code {font-family: courier new, courier, monospace;}
	abbr,acronym{border-bottom: 1px dotted;cursor: help;font-variant: small-caps;}
	address,cite,em,i{font-style: italic;}
	.none,.hide { display: none;}
	.clear {clear: both;}
	.left {float: left;}
	.right {float: right;}
	
/* ===   Typography Presets
   ========================================================================== */
	h1 {
	
	}
	
	h1.sub-header {
		padding-left: 20px;
		font-size: 200%;
		color:#1ccfe3 !important;
		font-weight:bold;
	}
	
	h2 {
	
	}
	
	h3 {
	
	}
	
	h4 {
	
	}
	
	p {margin-bottom: 1.625em;}
	
	p.info {
		margin-bottom: 10px;
	}
	
	.no-margin-p p {
		margin-bottom: 0!important;
	}
	
	#content table p {
		margin-bottom: 0!important;
	}
	
	a:active,a:focus {text-decoration: none;}
	a:link,a:visited {}
	a:hover,a:active {}
	a {
		/*-webkit-transition: color .3s linear;
		-o-transition: color .3s linear;
		-moz-transition: color .3s linear;*/
		text-decoration: none;
		outline: none;
	}
	
	a.read-more:link,a.read-more:visited{
	    color:#AC3438;
	    font-size:.8em;
	    font-style: italic;
	    cursor:pointer;
	
	}
	
	.more:hover, a.read-more:hover{
		color: #6e6e63;
	}
	
	#sidebar-right ul,
	#sidebar-right li,
	#siebar ul,
	#sidebar li,
	#content ul,
	#content li,
	.widget-footer ul,
	.widget-footer li,
	#special-list ul,
	#special-list li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	blockquote {
		border-top: 1px #ccc dotted;
		border-bottom: 1px #ccc dotted;
		text-align: justify;
		margin: 20px;
		padding: 12px;
	}
	
		blockquote:first-letter {
			font-size: 24px;
			padding-right: 1px;
		}
		
		blockquote:first-line {
			font-size: 20px;
	}

/* === Form Elements
   ========================================================================== */
	input,
	textarea { 
		border: 1px #aaa solid;
		padding: 5px;
		outline: none;
	}
	
	input:hover,
	textarea:hover,
	input:focus,
	textarea:focus {
		border: 1px #444 solid;
	}
	
	input:focus,
	textarea:focus {
		box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
		-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
		-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	}
	
	textarea {
		min-height: 150px;
		width: 100%;
	}
	
	#inputs input, .gform_fields input, .gform_wrapper textarea{
		padding: 5px;
		margin: 0 0 10px 0;
		font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
		color: #666;
		width: 353px;
		border: 1px solid #CCC;
		-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
		box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	}
	
	textarea {
		-webkit-appearance: textarea;
		background-color: white;
		border: 1px solid;
		border-image: initial;
		-webkit-rtl-ordering: logical;
		-webkit-user-select: text;
		-webkit-box-orient: vertical;
		resize: auto;
		cursor: auto;
		padding: 2px;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	
	.button {
		background-color: #B8CC50;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		height: 25px;
		padding: 0;
		width: 100px;
		cursor: pointer;
		font: 15px Arial, Helvetica;
		color: #FFF;
		letter-spacing: 1px;
	}
	
	.button:hover,.button:focus {		
	    background-color: #E7F2AE;
	    color: #7f7f7f;
	}	
	
	.button:active {		
		outline: none;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
	}
	
	.button::-moz-focus-inner {
	  border: none;
	}
	
	#search-2 {
		margin: -4px 20px 0 0;
		overflow: hidden;
		float: right;
	}
	
	#search-2 input[type="text"] {
	width: 220px;
	padding: 6px 0 4px 10px;
	}
	
	#search-2 input[type="submit"] {
		margin-left: 5px;
	}
		
/*	.gform_wrapper {
		width: 365px;
		margin-right: 80px;
		float: left;
	}
		
	#gform_wrapper_1 label {
		display: none;
	}	
*/
	.gform_title {
		letter-spacing: normal !important;
		margin: 10px 0 6px 0;
		font-weight: bold;
		font-size: 1.3em;
		width: 98%;
	}


/* ===   Image Elements
   ========================================================================== */
	img, object, embed {
		max-width: 100%;
		height: auto;
		display: block;
	}
	
	img.bg-resize, .credit img{
		max-width: inherit;
		display: inherit;
		height:inherit;
	}
	
	iframe {
		max-width: 100%;
	}
	
	::selection {
		background: #F6921E;
	}
	::-moz-selection {
		background: #F6921E;
	}
	img::selection {
		background: transparent;
	}
	img::-moz-selection {
		background: transparent;
	}
	
	.page-id-4 .featured-thumbnail {
		position: relative;
		top: 35px;
		left: 50px;
	}
	
	.page-id-70 .featured-thumbnail {
		max-width: 185px;
	}
	
	.sub-page-single-image img {
		margin: 0 auto;
	}
	
	.tablecol-title img {
text-align: center;
margin: 0 auto;
}

.sub-page-content-block .sub-page-content img.size-full {
max-width: 640px!important;
	margin-right: 20px;
}

#u12434-42 {
	
}
	
	/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 

	.page-id-4 .flexslider {margin: 0!important; padding: 0!important;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
	.page-id-4 #slider {
		width: 400px;
		float: right;
		margin-right: 45px!important;
	}
	
	 #slider {
		width: 500px;
		float: right;
	}
	
	#slider ul li span {
		position: absolute;
		left: -356px;
		text-align: center;
		bottom: 65px;
		width: 240px;
		font-size: 113%;
	}

	.page-id-4 .flexslider {
		margin: 0 0 60px!important;  
		position: relative;
		width: 100%;  
		zoom: 1;
	 }
	 
	.flexslider {
		margin: 20px 0 60px;  
		position: relative;
		width: 100%;  
		zoom: 1;
	 }
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}
	
	
	/* Direction Nav */
	.flex-direction-nav {
	*height: 0; 
	bottom: 60px;
	position: relative;
	}
	
	.flex-direction-nav a {display: block; position: absolute; bottom: -40px; z-index: 10; cursor: pointer; color: #7f7f7f;	}
	.flex-direction-nav .flex-next {right: 0;
	}
	.flex-direction-nav .flex-prev {right: 25px;
	}
	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
	
	#carousel li {
		float: none!important;
		display: list-item;
		max-width: 100px!important;
		margin: 10px 0!important;
		cursor: pointer;
	}


/* ===   Top Layer Elements
   ========================================================================== */
   
   #rotator {
	margin-top:-30px;   
   }
   
	body {
		background: url('../img/bg.jpg');
		background-size:cover;
		font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
		text-align: left;
		font-size: 12px;
		line-height: 1.2;
		word-wrap: break-word;
		color: #7f7f7f;
	}
	
	#wrapper {
		width: 100%;
	}
	
	#main {
		width: 960px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		pie-box-shadow: 0px 0px 17px 4px #4D4D4D;
		-moz-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.3);
		border-style: none;
		border-color: transparent;
		background: #FFF;
	}
	
	.home #content {
		position: relative;
		padding: 20px;  
	}
	
	#content {
		padding: 20px 140px;
		background: transparent;
	}
	
	
	.page-id-4 #content {
		background: url('../img/wave.png') center top no-repeat;
	}
	
/* ===   Header Elements
   ========================================================================== */
	#header {
		height: 91px;
		background-color: white;
		background: url(../img/header.png);
	}
	
	#logo {
		height: auto;
		padding: 23px 0 0 28px;
	}
	
	.tagline {
		position: relative;
		top: 75px;
		left: 90px;
		font-size: 180%;
		width: 300px;
		text-align: center;
	}
	
	#header-info {
		float: right;
		clear: both;
		list-style: none;
		color: #7F7F7F;
	}
	
	#header-info li {
		float: left;
		padding-right: 25px;
		padding-top: 10px;
		font-size: 12px;
	}
	
	#floating-menu {
		z-index: 266;
		width: 129px;
		top: 239px;
		left: 50%;
		margin-left: -503px;
	}
	
/* ===   Navigation
   ========================================================================== */
	#nav-primary {
		margin: 0 auto;
		height: 30px;
		padding: 10px 0 10px 10px;
		font-size: 117%;
		
	}
	
	#nav-primary ul {
		list-style: none;
	}
		
	
	#nav-primary li a {
		display: block;
		color: #7F7F7F;
		width: 115px;
		min-height: 19px;
		line-height: 20px;
	}
	
	#nav-primary li a:hover {
		/*background: #f5f5f5 url('../img/bg.jpg') no-repeat left top;*/
	}		
	
	#nav-primary li.current_page_item > a,#nav-primary li.current_page_parent > a{
		background-color: #B8CC50;
		color: #FFF;
	}
	
	
		/* ===	LEVEL ONE
		====================================================================== */
		ul#menu-main-navigation { 
			position: relative;
		}
		
		
		ul#menu-main-navigation li { 
			display: inline;
			float: left;
			zoom: 1;
			text-align: center;
			z-index: 99;
		 }
		 
		 ul#menu-main-navigation li:first-child {
		 	padding-left: 0;
		 }
		
		
		ul#menu-main-navigation li:last-child a { 
			border-right: none; 
		} /* Doesn't work in IE */
		
		ul#menu-main-navigation li.hover,
		ul#menu-main-navigation li:hover {
			position: relative;
		}
		
		ul#menu-main-navigation li.hover a { 
		
		}
		
		
		/* === LEVEL TWO
		======================================================================= */
		ul#menu-main-navigation ul { 
			width: auto;
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0px;
			z-index: 3;
			text-align: left;
			padding: 0;
			background-color: #E7F2AE;
			white-space: nowrap;
		}
		
		ul#menu-main-navigation ul li { 
			font-weight: normal;
			border-top: 1px solid #CCC;
			float: none;
			height: 35px;
			text-transform: capitalize;
			display: list-item;
			line-height: 35px;
			padding: 0 10px!important;
			text-align: left!important;
		}
		
		ul#menu-main-navigation li:hover {
			
		background-color: #E7F2AE;
		}
		
		ul#menu-main-navigation ul li:first-child {
			border-top: none;
		}
											  
	    /* IE 6 & 7 Needs Inline Block */
		ul#menu-main-navigation ul li a	{ 
			border-right: none; 
			width: 100%; 
			display: inline-block; 
			color: #7F7F7F;
			font-size: 80%;
		} 
		
		ul#menu-main-navigation ul li:first-child {
			padding:0  0 0px 10px;
		}
		
		
		/* === LEVEL THREE
		========================================================================= */
		ul#menu-main-navigation ul ul { 
			left: 100%; 
			top: 0; 
		}
		
		ul#menu-main-navigation li:hover > ul { 
			visibility: visible; 
		}


/* ===   Footer Elements
   ========================================================================== */	
	#footer {
		background: -webkit-gradient(linear, center top, center bottom, color-stop(20%, #3A7198),to(#1C475D));
		background: -webkit-linear-gradient(top,#3A7198 20%,#1C475D );
		background: -moz-linear-gradient(top,#3A7198 20%,#1C475D );
		background: -ms-linear-gradient(top,#3A7198 20%,#1C475D );
		background: -o-linear-gradient(top,#3A7198 20%,#1C475D );
		background: linear-gradient(to bottom,#3A7198 20%,#1C475D );
		-pie-background: linear-gradient(top,#3A7198 20%,#1C475D );
		border-style: none;
		border-color: transparent;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-khtml-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		padding: 28px;
		color: #DCDCDC;
		font-size: 105%;
	}
	
	#footer a{
		color: #DCDCDC;
	}
	
	#footer-content {
			position: relative;
			overflow: hidden;
	}
		
	#footer p {
			float: left;
			overflow: visible;
			margin-bottom: 0;
	}
		
	#footer ul li {
		list-style: none;
		margin-bottom: 6px;
	}
	
	#footer #container .credit {
		position: absolute;
		bottom: 5px;
		left: 5px;
		font: 1.2em/1em 'Volkhov', serif;
		width: 155px;
	}
		
	#footer #container .credit img {
		float: right;
	}	
	
	#menu-nav-footer li {
		display: inline;
		float: left;
		padding: 0 71px;
	}
	
	#foot-col {
		float: left;
		font-size: 100%;
		width: 33.3%;
	}
	
	#foot-col2 {
		text-align: center;
		float: left;
		width: 33.3%;
	}
	
	#foot-col3 {
		float: right;
		text-align: right;
		width: 33.3%;
	}
	
/* ===   Social Links
========================================================================== */	
	ul#connect {
		list-style:none;
		margin:2px 0 0 0;
		padding:0;
		position: absolute;
		right: 20px;
		top: 40px;
	}
	
	#connect li {
		list-style: none;
		float: left;
	}
		
	ul#connect li a {
		display: block;
		text-indent:-9999em;
		height:28px;
		width:28px;
		margin-left: 8px;
	}
	
	#connect a.facebook, #connect a.facebook:hover {
		background:url('../img/facebook.png') no-repeat 0 0;

	}
		
	#connect a.twitter, #connect a.twitter:hover {
		background:url('../img/tweeter.png') no-repeat 0 0;
	}
	
	#connect a.youtube, #connect a.youtube:hover {
		background:url('../img/youtube.png') no-repeat 0 0;
	}
	
		#connect a.linkdin, #connect a.linkdin:hover {
		background:url('../img/linkedin.png') no-repeat 0 0;
	}
	
	#connect a.tumblr, #connect a.tumblr:hover {
		background:url('../img/tumbler.png') no-repeat 0 0;
	}
	
/* ===   Customs
   ========================================================================= */
   
   .news-block {
		margin: 50px 0;
	}
   
   .news-box {
		width: 440px;
		height: 140px;
		padding: 10px;
		border-radius: 10px;
		border: 1px solid #ABD4F2;
		-webkit-box-shadow: inset 0px 0px 6px 3px #ABD4F2;
		box-shadow: inset 0px 0px 6px 3px #ABD4F2;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		margin: 10px 10px 30px;
		overflow: hidden;
   }
 
   .fancybox img {
		max-width: 100px;
		float: left;
	}
   
      .news-box .featuredvideo {
   	float: left;
   	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

   	max-width: 205px;
   	font-size: 10px;
   }
   
   .video-title {
padding: 15px 0 0 105px;
text-align: center;
}
   
   
   #scroller-container {
		height: 98px;
		overflow: hidden;
   }
   
   #info-box-container {
		width: 1004px!important;
		position: relative;
		left: -41px;
		z-index: 2;
	}
   
   .info-box {
		z-index: 566;
		width: 251px;
		height: 189px;
		position: relative;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		overflow: hidden;
   }
   
   .info-box a {
	   	height: 189px!important;
	   	width: 250px!important;
	   	position: absolute;
   }
   
   .info-box:hover, .info-box a:hover, .info-box img:hover {
   	box-shadow: inset 0px 0px 69px -9px #333;
   	cursor: pointer;
   }
   
   .info-box img {
   	     margin: 0 !important;
      position: relative;
      z-index: -1;
   }
   
   .firstcol.info-box {
	   	background: #f2f2f2;
	   	border: 2px solid #f2f2f2;
   }
   
   .secondcol.info-box {
	   	background: #f2f2f2;
	   	border: 2px solid  #f2f2f2;
   }
   
   .thirdcol.info-box {
	   	background: #f2f2f2;
	   	border: 2px solid #f2f2f2;
   }
   
	.fourthcol.info-box {
	   	background: #f2f2f2;
	   	border: 2px solid #f2f2f2;
   }
   
   .sub-page-content {
		padding: 15px 20px;
		overflow: hidden;
   }
   
   .basic-content li, .sub-page-content li {
		list-style: disc!important;
	}
   
   .sub-page-content .youtube-video {
   	float: left;
   	   	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

   	padding: 10px;
   }
   
   .sub-page-content-block {
		margin-bottom: 45px;
		overflow: hidden;
	}
   
   .sub-page-content img.alignleft {
   	max-width: 350px;
   	float: left;
   	margin-right: 25px;
   }
   
   .sub-page-content img.alignright {
	   	max-width: 350px;
	   	float: right;
	   	margin-left: 25px;
   }
   
   
   .threecol img {
   margin: 0 1px;
   }
   
   .sub-page-content .left img {
	   	margin-right: 20px;
	   	margin-bottom: 10px;
   }

   .sub-page-content .right img {
	   	margin-left: 20px;
	   	margin-bottom: 10px;
   }
   
   .sub-page-text {
   	margin: 25px 0;
   }
   
   .sub-page-single-image img {
   	max-width: 500px;
   }
   
   .sub-page-table {
	   	width: 550px;
	   	margin: 30px auto;
   }
   
	.sub-page-table .tablecol-title {
		text-align: center;
		font-size: 125%;
		padding: 10px!important;
	}
   
   .sub-page-table .tablecol1 {
	   text-align: center;
   }
   
   .sub-page-table .tablecol2 li {
		list-style: circle!important;
		margin-left: 30px!important;
   }
   
   .sub-page-table tr {
		background: #B6E9FF;
   }
   
   .sub-page-table td {
   			padding: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;

			width: 275px!important;
   }
   
   .sub-page-table tr.even {
	   	background: #E3F7FF;
   }
   
   .sub-page-table tr > th:first-child {
	   	background:#0d3954;
   }
   
   .sub-page-table tr > th {
   	background: #5296B3;
   	color: #fff;
   }
   
   .pressreleases, .post, .industryreports, .events, .testimonials {
   	margin: 20px 0 30px 0;
   }
   
   .testimonial p {
		font-size: 12px;
		text-align: justify;
		color: #7F7F7F;
		font-style: italic;
   }
   
   .testimonial-author {
		font-size: 14px;
		text-align: right;
		color: #29ABE2;
		font-weight: bold;
		font-style: italic;
   }
   
   #page-tagline img {
		margin:auto;
		display:block;
	}
	
	.static-image {
		float: left;
		width: 185px;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		margin: 0 20px;
	}
	
	#dial1 {
z-index: 425;
width: 320px;
height: 295px;
background-size: contain !important;
-webkit-background-size: contain;
-o-background-size: contain;
-khtml-background-size: contain;
-ms-background-size: contain;
position: relative;
margin-right: -320px;
margin-top: 1px;
background: transparent url("../img/dial_button_tl.jpg") no-repeat left top;
}

.table-container {
display: table; 
table-layout: fixed;
margin: 0 auto;
}

.table-container table img {
max-width: 234px;
margin: 0px auto;
}

#u11600-13 {
	width: 40%;
	float: left;
	margin-right: 45px;
}

#u11543 {
	margin-top: 45px;
}
	
ul#dial-menu {
	position: relative;
	top:200px;
}

ul#dial-menu li {
	position: relative;
}

ul#dial-menu a {
	display: block;
	float: left;
	width: 320px!important;
	height: 295px!important;
	text-indent: -9999em!important;
}

ul#dial-menu a.topleft {
	background: url('../img/dial_button_tl.jpg') no-repeat left top;
}
ul#dial-menu a.topleft:hover {
	background: url('../img/dial_button_tl2.jpg') no-repeat left top;
}

ul#dial-menu a.topright {
	background: url('../img/dial_button_tr.jpg') no-repeat left top;
}
ul#dial-menu a.topright:hover {
	background: url('../img/dial_button_tr2.jpg') no-repeat left top;
}

ul#dial-menu a.bottomleft {
	background: url('../img/dial_button_bl.jpg') no-repeat left top;
	position: absolute;
bottom: -557px;
right: 360px;
}

ul#dial-menu a.bottomleft:hover {
	background: url('../img/dial_button_bl2.jpg') no-repeat left top;
	position: absolute;
bottom: -557px;
right: 360px;
}

ul#dial-menu a.bottomright {
	background: url('../img/dial_button_br.jpg') no-repeat left top;
	position: absolute;
bottom: -557px;
right: 40px;
}
ul#dial-menu a.bottomright:hover {
	background: url('../img/dial_button_br2.jpg') no-repeat left top;
	position: absolute;
bottom: -557px;
right: 40px;
}
	
/* ===   Tablet Horizontal
   =========================================================================

	@media only screen and (min-width: 992px) and (max-width: 1268px) {
		#main {
			background: pink;
			width: 992px;
		}
	}

/* ===   Tablet Vertical 
   ========================================================================== 	

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		#main {
			background: skyblue;
			width: 768px;
		}
		
	}

/* ===   Min IPhone Horizontal
   ========================================================================== 	

	@media only screen and (min-width: 480px) and (max-width: 767px) {	
		#main {
			background: wheat;
			width: 480px;
		}
	
	}

/* ===   Up to IPhone Vertical
   ========================================================================== 	
	
	@media only screen and (max-width: 479px) {	
			#main {
				background: lavender;
				width: 100%;
			}
	}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */