@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}
* {
	margin: 0px;
	padding: 0px;
}
a, a:hover, a:visited {
	color: #414141;
	text-decoration: none;
}
p { margin-bottom: 10px; }
.clear { clear: both; }
img { border: 0px; }
#outer {
	width: 956px;
	margin: 30px auto 20px auto;
}
#outer #container {
	width: 756px;
	float: left;
}
#outer #partners {
	width: 185px;
	margin-left: 15px;
	margin-top: 63px;
	float: left;
	text-align: center;
}
#outer #container.slim {
	margin: 0px auto 20px auto;
}
#outer #container #header {
	width: 100%;
	margin: 0px 0px 15px 0px;
	position: relative;
	height: 85px;
}
#outer #container.slim #header {
	height: 30px;
}
#outer #container #header a.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/_images/logo.jpg') no-repeat;
	width: 120px;
	height: 85px;
	display: block;
}
#outer #container.slim #header .logo {
	background: url('/_images/logoslim.jpg') no-repeat;
	height: 85px;
}
#outer #container #header .testimonial {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 400px;
	color: #b8b8b8;
	font-weight: bold;
}
#outer #container #header ul#navigation {
	position: absolute;
	top: 65px;
	left: 55px;
	display: block;
	list-style-type: none;
}
#outer #container.slim #header ul#navigation {
	top: 10px;
}
#outer #container #header ul#navigation li {
	float: left;
	word-spacing: 5px;
}
#outer #container #header ul#navigation li a {
	display: block;
	padding-left: 13px;
	text-decoration: none;
	color: #777;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
}
#outer #container #banner {
	width: 100%;
	margin: 0px 0px 15px 0px;
	position: relative;
}
#outer #container #content {
	width: 100%;
}
#outer #container #content.background {
	background: url('/_images/background.jpg') top left no-repeat;
}
#outer #container #footer {
	width: 100%;
	border-top: 1px solid #404040;
	padding-top: 15px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	color: #404040;
}

/*##########################################################################################*/

#outer #container #content a.box {
	width: 210px;
	padding: 13px 15px 13px 15px;
	float: left;
	background: url('/_images/boxshadow.gif') no-repeat;
	margin-right: 18px;
}
#outer #container #content a.box img {
	margin-left: -10px;
}
#outer #container #content a.box h2 {
	font-size: 17px;
	letter-spacing: -1px;
	color: #777;
	margin-bottom: 5px;
}

/*##########################################################################################*/

#outer #container #content .col {
	width: 210px;
	padding: 13px 15px 13px 15px;
	float: left;
	margin-right: 18px;
}
#outer #container #content .col h2 {
	font-size: 17px;
	letter-spacing: -1px;
	color: #777;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #404040;
}
#outer #container #content .col ul {

}
#outer #container #content .col ul li {
	list-style-type: square;
	list-style-position: inside;
}

#outer #container #content .nomargin,
#outer #container #content a.nomargin { margin: 0px; }

/*##########################################################################################*/

#outer #container #content .title { 
	color: #404040; 
	font-size: 38px; 
	letter-spacing: -4px; 
	font-weight: bold; 
	padding: 0px 10px 0px 10px;
}
#outer #container #content ul#leftnav {
	width: 120px;
	float: left;
	/*background: url('../_images/navback.jpg') bottom center no-repeat;*/
	text-align: right;
}
#outer #container #content ul#leftnav li {
	line-height: 17px;
	list-style-type: none;
	margin-bottom: 5px;
}
body#mediastreaming #outer #container #content ul#leftnav a.mediastreaming,
body#audioradio #outer #container #content ul#leftnav a.audioradio,
body#tvvideo #outer #container #content ul#leftnav a.tvvideo,
body#liveevents #outer #container #content ul#leftnav a.liveevents,
body#instoremedia #outer #container #content ul#leftnav a.instoremedia,
body#paytoview #outer #container #content ul#leftnav a.paytoview,
body#webcasting #outer #container #content ul#leftnav a.webcasting,
body#seo #outer #container #content ul#leftnav a.seo,
body#payperclick #outer #container #content ul#leftnav a.payperclick,
body#directvideomail #outer #container #content ul#leftnav a.directvideomail,
body#mediapacks #outer #container #content ul#leftnav a.mediapacks,
body#viralmarketing #outer #container #content ul#leftnav a.viralmarketing,
body#development #outer #container #content ul#leftnav a.development,
body#webdevelopment #outer #container #content ul#leftnav a.webdevelopment,
body#gamedevelopment #outer #container #content ul#leftnav a.gamedevelopment,
body#softwaredevelopment #outer #container #content ul#leftnav a.softwaredevelopment,
body#marketing #outer #container #content ul#leftnav a.marketing,
body#bluetooth #outer #container #content ul#leftnav a.bluetooth,
body#development #outer #container #content ul#leftnav a.development,
body#paymentsolutions #outer #container #content ul#leftnav a.paymentsolutions,
body#creditcard #outer #container #content ul#leftnav a.creditcard,
body#mobilebilling #outer #container #content ul#leftnav a.mobilebilling,
body#paymentgateways #outer #container #content ul#leftnav a.paymentgateways,
body#casestudies #outer #container #content ul#leftnav a.casestudies { font-weight: bold; }
#outer #container #content ul#leftnav li.heading {
	/*background-color: #131139;*/
	background: url('/_images/logo.jpg') top left;
	padding: 5px 5px 5px 0px;
	width: 115px;
	font-weight: bold;
}
#outer #container #content ul#leftnav li.heading a {
	color: white;
}
#outer #container #content .rightnav {
	width: 120px;
	height: 476px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #404040;
}
#outer #container #content .middle {
	float: left;
	width: 635px;
	position: relative;
}
#outer #container #content .form {
	width: 300px;
	float: left;
}
#outer #container #content .form label {
	width: 100px;
	float: left;
	margin-top: 10px;
}
#outer #container #content .form textarea {
	width: 150px;
	margin-top: 10px;
}
#outer #container #content .form input {
	width: 150px;
	float: left;
	margin-top: 10px;
}
#outer #container #content .content-text-right {
	margin-top: 5px;
}
#outer #container #content .middle .content {
	padding: 10px;
	color: #404040;
	line-height: 18px;
	min-height: 180px;
}
#outer #container #content .middle .content ul {
	margin-bottom: 15px;
	padding-left: 20px;
}
#outer #container #content .middle .content ul li {
	list-style-type: square;
	list-style-position: inside;
}
#outer #container #content .middle .content a, 
#outer #container #content .middle .content a:hover, 
#outer #container #content .middle .content a:visited {
	color: #0099FF;
	text-decoration: none;
}
#outer #container #content .middle .smallbox {
	width: 146px;
	padding: 10px 7px 10px 7px;
	float: left;
	background: url('/_images/boxshadowsmall.gif') no-repeat;
	margin-left: 38px;
}
#outer #container #content .middle .smallbox h2 {
	font-size: 15px;
	letter-spacing: -1px;
	color: #777;
	margin-bottom: 5px;
	padding-left: 5px;
}
#outer #container #content .middle .studies-text-box .arrows {
	position: absolute;
	top: 10px;
	right: 0px;
}
#outer #container #content .middle .studies-text-box .arrows .prev {
	font-weight: bold;
	font-size: 14px;
}
#outer #container #content .middle .studies-text-box .arrows .next {
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}

body#casestudies #outer #container #content p {
	font-size: 15px;
	padding: 0 10px;
}
body#casestudies #outer #container #content span img {
	border: 1px #e3e3e3 solid;
}
body#casestudies #outer #container #content span {
	float: left;
	margin: 12px;
	background-color: #fff;
	padding: 10px;
	border: 1px #cfcfcf solid;
}
body#casestudies #outer #container #content span:hover {

}
.popup {
	backgroeeund: url('/_images/popbg.jpg');
	background: #EFEFEF;
	width: 787px;
	height: 588px;
	overflow: hidden;
	position: relative;
}
.popup .message {
	height: 100px;
	padding: 40px;
	width: 400px;
	text-align: center;
	margin: 220px auto;
	font-size: 24px;
	background: #fff;
}
.popup .top_text {
	position: absolute;
	top: 40px;
	right: 40px;
	height: 110px;
	width: 460px;
	color: #595959;
	font-size: 17px;
	font-family: Helvetica;
	font-weight: bold;
}
.popup .bottom_text {
	position: absolute;
	top: 250px;
	left: 40px;
	height: 290px;
	width: 265px;
	color: #595959;
	font-size: 14px;
	font-family: Helvetica;
}
.popup .big {
	position: absolute;
	top: 223px;
	left: 334px;
}
.popup .card {
	position: absolute;
	top: 0px;
	left: 0px;
}