* {
	margin:0; 
	padding:0
}

a img {
	outline:0;
	border:0;
}

a {color:#ff0000}

a:hover {text-decoration:none;}

body {
	margin:0;
	padding:0;
	font:62.5%/1.2 Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	background:url(images/bg_tile.jpg) top left repeat-x #fff;
}

div#wrapper {
	margin:0 auto;
	width:965px;
	background:transparent;
}

/* ------------------------------ top bar elements ------------------------------ */

div#top-navigation {
	height:35px;
	background:transparent;
}

div#top-navigation a:link, div#top-navigation a:visited, div#top-navigation a:focus {
	color:#fff;
	text-decoration:none;
}

div#top-navigation a:hover {
	color:#ffc;
	text-decoration:none;
}

div#top-navigation p {
	display:inline;
	line-height:35px;
	padding:0 1em;
	margin:0;
	color:#fff;
}

.floatLeft {float:left;}

.floatRight {float:right;}

.clientLogin {
	color:#fff; 
	cursor:pointer; 
	padding:0.5em 2.5em 0.5em 0.5em; 
	background:url(images/dibber.jpg) center right no-repeat #3E3E3E;
}

div#navigation {
	clear:right;
	position:relative;
	height:100px;
	margin-bottom:10px;
	margin-top:30px;
	z-index:1;  
	/* KLUDGE: When using position:relative and z-index, IE ignores the stacking order 
	   until explictly defined on each parent div */
}

div#mediaburst-logo {
	position:absolute;
	width:370px;
	height:100px;
	bottom:0;
}

/* ------------------------------ main navigation ------------------------------ */

div#main-menu {
	position:absolute;
	width:549px;
	min-height:35px;
	height:auto;
	bottom:27px;
	right:3px;
	background:url(images/menu-bg.jpg) top left no-repeat #2A2829;
}

* html div#main-menu {height:35px}

.homeLink {
	position:absolute; 
	top:2px; 
	left:12px; 
	height:30px; 
	width:30px;
	display:block;
	background:url(images/blank.gif);
}

.homeLink span {display:none}

#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	/* KLUDGE: When using position:relative and z-index, IE ignores the stacking order 
	   until explictly defined on each parent div */
	position:relative; 
	z-index:10;
}

#nav a {
	display: block;
	color:#fff;
}

#nav a:hover {
	color:#ffc;
}

#nav li {
	float: left;
	list-style-type:none;
	padding:0.5em 1.13em;
	line-height:5px;
}

#nav li:hover{border:0;} 
/* KLUDGE: gives hasLayout, IE7 sticky bug lack of support for pseudo hover classes 
   this messes up safri and google chrome if display:block; used
*/

#nav li ul {
	position: absolute;
	background:url(images/menu-ul-bg.jpg) top left repeat-x red;
	width:180px;
	padding:1em 0 0.5em 0;
	left: -999em;
}

#nav li ul li {
	padding:0.2em 0.5em;
	width:180px;
	line-height:1.1em;
}

#nav li ul li a {
	font-size:1em;
	padding:0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* ------------------------------ sub-navigation ------------------------------*/

#subnavigation {
	width: 28em;
	padding: 0;
	margin: 0 1em;
}

#subnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#subnavigation li {
	border-bottom: 1px dashed #eee;
	margin: 0;
	padding:0;
}

#subnavigation li a {
	display: block;
	padding: 5px;
	color: red;
	text-decoration: none;
	width: 100%;
	font-weight:bold;
}

html>body #subnavigation li a {
	width: auto;
}

#subnavigation li a:hover {
	background-color: #f7f7f7;
}

.currentSubMenuItem {
	background-color: #f1f1f1;
}

/* ------------------------------ header elements ------------------------------ */

div#header {
	clear:left;
	margin-bottom:1.2em;
}

div#header-index {
	position:relative;
	clear:left;
	margin-bottom:2.5em;
	background:url(images/home_bobs.jpg) top left no-repeat #eee;
	height:249px;
}

/* ------------------------------ misc homepage elements ------------------------------ */

div#business-messaging {
	position:absolute;
	top:15px;
	left:10px;
	width:235px
}

div#mobile-marketing {
	position:absolute;
	top:15px;
	right:230px;
	width:235px
}

div#mobile-marketing p, div#mobile-marketing h1, div#mobile-marketing p a, div#business-messaging h1, div#business-messaging p, div#business-messaging p a {
	color:#fff;
}

div#mobile-marketing a:hover, div#business-messaging a:hover {
	text-decoration:none
}

div.latest_news_home {
	margin:0 0.5em;
	padding:0.2em 0.5em;
}

div.latest_news_home h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#ff0000;
	padding:0.5em;
	margin:0;
}

div.latest_news_home span {
	font-size:0.9em;
	font-weight:normal;
	color:#777;
	padding:0;
	margin:0;
}

div.latest_news_home p {
	padding:0.5em;
	margin:0;
}

div.latest_news_home a {
	color:#333;
}

.panel {
	clear: both;
	display: none;
}

.panel.active-tab-body {
	display: block;
}

#tabs {
	list-style:none; 
	margin:0; 
	padding:0;
	/*padding:0.5em;*/
}

#tabs li {
	float:left; 
	display:inline; 
	padding:0;
	/*padding:0.4em 0.2em;*/
	margin:0;
}

#tabs li a {
	font-weight:bold;
	/*padding:0.3em;*/ 
	width:105px; 
	height:41px;
	color:#999; 
	line-height:41px;
	text-align:center; 
	background:url(images/news_inactive.jpg) top left no-repeat #f8f8f8;
	display:block;
}
/*
#tabs li a.news {
	font-weight:bold;
	padding:0.3em; 
	width:105px; 
	height:41px;
	color:#999; 
	line-height:41px;
	text-align:center; 
	background:url(images/news_active.jpg) top left no-repeat #f8f8f8;
	display:block;
}*/
/*
#tabs li a.blog {
	font-weight:bold;
	padding:0.3em; 
	width:99px; 
	height:41px;
	color:#999; 
	line-height:41px;
	text-align:center; 
	background:url(images/news_inactive.jpg) top left no-repeat #f8f8f8;
	display:block;
}
*/

#tabs li a:hover, #tabs a.active-tab {
	background:url(images/news_active.jpg) top right no-repeat #eee;*/
}

/* ------------------------------ main content ------------------------------ */

div#content-wrapper {margin:0; padding:0}

div#left-content {
	float:left;
	display:inline;
	width:650px;
	background:url(images/left-content-bg.jpg) top left no-repeat #fff;
	margin-bottom:1em;
	margin-top:0;
	min-height:230px;
	height:auto;
}

div#left-content2 {
	float:left;
	display:inline;
	width:965px;
	margin-bottom:1em;
	margin-top:0;
	min-height:230px;
	height:auto;
	background-color: #fff;
	background-image: url(images/left-content-bgx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#right-content {
	float:right;
	display:inline;
	width:300px;
	background:url(images/right-content-bg.jpg) top left no-repeat #fff;
	margin-bottom:1em;
	margin-top:0;
	min-height:230px;
	height:auto;
}

div#product-highlight {
	float:right;
	display:inline;
	width:300px;
	background:url(images/product-highlight-bg.jpg) top left no-repeat #fff;
	margin-bottom:1em;
	margin-top:0;
	min-height:230px;
	height:auto;
}

div#product-highlight h2 {color:#222; font-size:1.3em}
div#product-highlight img {float:left; display:inline; margin:0 10px; border:2px solid #CCC}
div#product-highlight p {margin-left:125px;}
div#product-highlight hr {margin:5px 10px; border:0; background:#eee; color:#eee; height:1px;}
div#product-highlight div {height:14px;background:url(images/product-highlight-footer-bg.jpg) top left no-repeat #fff;}

div#right-content-index {
	float:right;
	display:inline;
	width:310px;
	background:url(images/right-content-index-bg.jpg) top left no-repeat #fff;
	margin: 10px 0 35px 5px;
	height:220px;
}

div#left-content-index {
	float:left;
	display:inline;
	width:310px;
	background:url(images/left-content-index-bg.jpg) top left no-repeat #fff;
	margin:10px 5px 35px 0;
	height:220px;
}

div#middle-content-index {
	float:left;
	display:inline;
	width:310px;
	background:url(images/MIDDLE-content-index-bg.jpg) top left no-repeat #fff;
	margin:10px 5px 35px 12px;
	height:220px;
}

div#middle-content-index img {float:left; display:inline; margin:0 10px; border:2px solid #CCC}
div#middle-content-index p {margin-left:120px}

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


.minidiv{
margin-left:10px;
width:627px;
height:34px;
margin-bottom:10px;
background:url(images/mini-div-bgr.jpg);
}

.minidiv p{
line-height:34px;
padding:0;
margin:0 0 0 40px;

}

* html div#right-content, * html div#left-content{height:250px;}

/* ------------------------------ footer elements ------------------------------ */

div#footer-bar {
	clear:both;
	min-height:35px;
	height:auto;
	background:url(images/footer-bar.jpg) top left no-repeat #DC1615;
	cursor:pointer;
	margin:12px 0 0 0; 
	padding:0;
}

div#footer-bar-normal {
	clear:both;
	min-height:35px;
	height:35px;
	background:url(images/footer-bar-normal.jpg) top left no-repeat #DC1615;

	margin:12px 0 0 0; 
	padding:0;
}


* html div#footer-bar {height:35px}

div#footer-bar p {
	display:inline; 
	color:#fff; 
	padding-bottom:0; 
	margin-bottom:0
}

div#footer-bar p a { color:#fff; }

div#footer {
	background:url(images/footer-logos.jpg) top right no-repeat #fff; 
	height:35px;
}

div#footer p {
	display:inline; 
	color:#333; 
	line-height:35px;
}

/* ------------------------------ textual content ------------------------------ */

p {
	font-size:1.1em; 
	margin:1em
}

p span {color:#999}

h1, h2 {
	font-size:1.6em; 
	color:#ff0000; 
	margin:0.8em
}

ul {
	list-style-type:disc; 
	color:#000; 
	padding:1em 4em
}

ul li {
	padding:0.2em 1em; 
	font-size:1.1em;
}

ul li a {
	color:#ff0000; 
	text-decoration:none
}

ul li ul {
	list-style-type:disc;
}

ul li ul li {font-size:1em;}

blockquote {
	background:#eee; 
	border:1px solid #ddd; 
	margin:1em; 
	padding:1em; 
	font-size:1.1em
}

code {
	display:block;
	font-size:1.2em;  
	background:#f5f5f5; 
	border:1px solid #eee; 
	margin:0 1em; 
	padding:0.5em
}

/* ------------------------------ tables ------------------------------ */

table.new {
	border-collapse:collapse;
	margin:1em;
	text-align:left;
	border:1px solid #afafaf;
}

table.new  td {
	padding:10px; 
	border-right:1px solid #afafaf;
	font-size:11px;
}

table.new  tr{
	border:1px solid #afafaf;
}

table.new  tr.darker{
	background-color:#edeaea;
}

table.new a.moreinfo{
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
}

table.new th {
	font-weight:normal; 
	background-color:#000000;
	background:url(images/table_header_bgr.jpg);
	color:#fff;
	font-size:12px;
	padding: 10px;
	
}


table.case{
border-collapse:collapse;
margin:10px;
border:1px solid #cccccc;
}

table.case td{
padding:5px;
}

table.case th{
background-color:#eeeeee;
font-weight:bold;
padding:5px;
font-size:11px;
}


/* ------------------------------ forms ------------------------------ */

label {
	display:block; 
	float:left; 
	width:8em; 
	font-weight:bold
}

fieldset {
	border:0; 
	padding:1em;
}

.contactinput{
	padding:2px 2px 2px 2px;
	width:220px;
}

textarea{
	padding:2px 2px 2px 2px;
	height:100px;
}
.contactSubmit {margin-left:8em;}

/* ------------------------------ forms elements ------------------------------ */

div#user_login {
	display:block; 
	padding:0; 
	margin:0; 
	background:url(images/drop-down-bg.jpg) no-repeat bottom left #2e2e2e;
	clear:both;
	text-align:center
}

div#user_login fieldset {
	border:0; 
	padding:1em 0; 
	margin:0; 
	display:inline;
}

div#user_login fieldset p {display:inline;}

div#user_login fieldset p a{color:#ccc;}

div#user_login fieldset p a:hover{color:#fff;}

div#user_login label {
	float:none; 
	display:inline;
	color:#fff; 
	padding:0 10px 0 20px
}

div#user_login input {
	border:2px solid #555; 
	background:#eee; 
	padding:0.1em
}

div#user_login input.loginButton {
	cursor:pointer; 
	margin-left:0.3em; 
	border:1px solid #444; 
	padding:0.3em 3em 0.3em 0.4em; 
	color:#fff; 
	font-size:0.9em; 
	background:url(images/dibber2.jpg) center right no-repeat #3E3E3E
}


/* ------------------------------ sIFR ------------------------------ */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
   the negative-letter spacing in this case is used to make the browser text metrics match up with the 
   sIFR text metrics since the sIFR text in this example is so much narrower... 
   your own settings may vary... any weird sizing issues you may run into are 
   usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.business-marketing, .sIFR-hasFlash h1.case-studies, .sIFR-hasFlash h1.welcome, .sIFR-hasFlash h2.welcome{
	letter-spacing: -4px;
	visibility: hidden;
	margin-left:0.6em;
	margin-top:0.6em;
	font-size:18px;
}

.sIFR-hasFlash h1.title, .sIFR-hasFlash h2.title  {
	letter-spacing: -4px;
	visibility: hidden;
	margin-left:0.6em;
	margin-top:0.6em;
	font-size:18px;
}

.sIFR-hasFlash h2.title2  {
	letter-spacing: -4px;
	visibility: hidden;
	margin-left:0.6em;
	margin-top:0.6em;
	font-size:15px;
}

.sIFR-hasFlash h2.products-applications {
	letter-spacing: -4px;
	visibility: hidden;
	margin-left:0.6em;
	margin-top:1em;
	font-size:18px;
}

.sIFR-hasFlash h2.business-messaging, .sIFR-hasFlash #mobile-marketing h1{
	letter-spacing: -4px;
	visibility: hidden;
	font-size:20px;
	width:200px;
	margin:10px 10px 0 10px;
	padding:0;
	color:#fff;
} 


/* ---------- misc classes and id's ---------- */


.clear  {clear:both}

#downloads {
	margin:0; 
	padding:0; 
	list-style-image:url(images/pdf.gif); 
	padding-left:30px;
}

.pdf {
	margin:1em; 
	list-style-image:url(images/pdf.gif); 
	BORDER-TOP:1PX DOTTED RED
}

.dark {background:#f5f5f5}
.light {background:#ffffff}

#awards, #customers {text-align:center;}

.leading {
	font-weight:bold;
	font-size:1.2em
}

.case-studies-image {
	display:block;
	margin:1em; 
	float:left;
	width:104px;
	margin-top:0; 
	margin-right:0
}

div#box {
	width:945px; 
	margin-left:12px; 
	padding:0; 
	text-align:left
}

div#box div.top {
	background:url(../images/footer_box_top.jpg) top left no-repeat #eee; 
	width:945px; 
	height:18px; 
	display:block
}

div#box div.center {
	background:#eee; 
	padding:0; 
	margin:0
}

div#box div.bottom {
	background:url(../images/footer_box_bottom.jpg) top left no-repeat #eee; 
	width:945px; 
	height:18px; 
	display:block
}

div#box p {
	font-size:11px;
	font-weight:normal; 
	padding:0 1em 1em 1em; 
	margin:0
}

div#box h1 {
	font-size:11px; 
	margin:0; 
	padding:0 0.5em 1em 1em
}

.footerLeftFloat {
	float:left; 
	display:inline;
	color:#ffffff;
}

.footerLeftFloat a{
	color:#ffffff;
}

.footerRightFloat{
	float:right; 
	display:inline;
	padding-right:35px
}

.case-studies-holder {
	margin:0; 
	padding-top:1px; 
	clear:both; 
	width:965px; 
	background:url(images/case-studies-bg.jpg) top left no-repeat; 
	min-height:200px; 
	height:auto;
}

* html .case-studies-holder  {height:200px;}

.marginised {margin:1em}

.downloads_div{
	width:301px;
	height:74px;
	background:url(images/download_bgr.jpg) no-repeat top left;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	
}





.LINK_div{
	width:301px;
	height:74px;
	background:url(images/LINK_bgr.jpg) no-repeat top left;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	
}
.LINK_div p{
	margin-top:35px;
	margin-left:15px;
}

.downloads_div p{
	margin-top:35px;
	margin-left:15px;
}




#footersmall{
text-align:center;
width:100%;
height:104px;
background:url(images/footer_small_bgr.jpg) repeat-x top left;
font-size:11px;
margin-top:20px;
}

#footersmallinner{
text-align:left;
width:945px;
height:104px;
margin:0px auto;
}

#footersmallinner img{
float:left;
}

#footersmallpanel{
float:left;
text-align:left;
padding-left:21px;
padding-top:5px;
width:319px;
height:74px;
margin-top:12px;
border-left:1px #5a5a5a solid;

}

#footerlarge{
text-align:center;
width:100%;
height:230px;
background:url(images/footer_large_bgr.jpg) repeat-x top left #2e2d2d;
font-size:11px;

}

#footerlargeinner{
text-align:left;
width:945px;
height:208px;
margin:0px auto;
}

#footerlargeinner img{
float:left;
}

#footerlargepanel{
float:left;
text-align:left;
padding-left:21px;
padding-top:5px;
width:319px;
height:184px;
margin-top:12px;
margin-right:10px;
border-left:1px #5a5a5a solid;
}

#largelogoholder{
float:left;
width:226px;
}


#largelogoholder p{
padding-left:60px;
font-size:11px;
}


#footerlargepanel h2{
font-size:11px;
font-weight:normal;
color:#ffffff;
padding:0;
margin:0;
}

#productsDiv {float:left; display:inline}
#productsDiv ul {list-style:none; margin:0; padding:0;}
#productsDiv ul li {margin:0; padding:0; display:inline;}
#productsDiv ul li a{font-size:1.4em; float:left;color:red; font-weight:bold; text-transform:uppercase; padding:1em; b}
#productsDiv ul li a:hover, #productsDiv ul li a.cur{color:#ccc;}



div#section_push {
	float:right;
	display:inline;
	width:300px;
	height:190px;
	background:url(images/section_push.jpg) top left no-repeat #fff;
	margin:0;
	margin-bottom:15px;
}

div#section_push img {float:right;margin:-5px 10px 0 0; border:0}
div#section_push p {margin:30px 120px 0px 20px; font-size:1.2em;}
div#section_push div {clear:both; height:0;}
.noStyle {margin:30px;  padding:20px 10px 0 0;  float:none}
.highlighter {display:block; height:30px; width:150px; background:url(images/btn_red_bg.jpg) top left repeat-x red; color:#fff; line-height:30px; text-align:center; margin:20px; font-size:1.2em; font-weight:bold; text-decoration:none}


	    .socialBookmarking {margin:0; padding:0; list-style:none;;}
	    .socialBookmarking li {float:left; display:inline; margin:0; padding:0 0 0 10px;}
	    .breaker {height:1px; color:#ddd; background:#ddd; width:97%; border:0; margin:20px 10px;}
	  
		 #digg {display:block; width:17px; height:17px; ; background:url(../images/bookmarks/digg.jpg) top left no-repeat}
		 #stumbleupon {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/stumble.jpg) top left no-repeat}
		 #delicious {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/del.jpg) top left no-repeat}
		 #facebook {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/fb.jpg) top left no-repeat}
		 #google {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/goog.jpg) top left no-repeat}
		 #yahoo {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/yahoo.jpg) top left no-repeat}
		 #live {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/win.jpg) top left no-repeat}
		 #technorati {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/techno.jpg) top left no-repeat}
		 #sphinn {display:block; width:17px; height:17px; cursor:pointer; background:url(../images/bookmarks/sphinn.jpg) top left no-repeat}
.cooler { border:dotted #EEEEEE 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px;}
