@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Helvetica World;
  src: url(�../images/Helvetica-World-Regular.ttf�);
}

/*body*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, img{margin:0px;padding:0px;}
body {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#666666; line-height:18px; text-align: center; background-color:#f4f4f4;background-image:url(../images/layout/Background-Repeat.jpg); background-position:center top; background-repeat:repeat-x; margin:0; padding:0;}

/*div standards*/
div {text-align:left; margin:0px; padding:0px;}

/*a standards*/
a {color:#54a8c5; text-decoration:none;}
a:hover {text-decoration:underline;}

/*headers*/
h1 {color:#ff7800; font-size:36px; font-family:Helvetica World; line-height:36px; }
h2 {color:#5e5e5e; font-size:24px; font-family:Helvetica World; line-height:24px; font-weight:normal; }
h3 {color:#ff7800; font-family:arial; font-size:24px;}
h4 {color:#dadada; font-size:18px; font-family:Helvetica World; line-height:24px;}

/*p standards*/
p {padding:10px ;}

/*h standards*/
.h1 {color:#8c8c8c;font-size:16px;font-weight:normal;margin-left: 6px; font-weight:bold;}
.orangeH1 {color:#ff7960; font-weight:bold;}

/*wrapper*/
#wrapper {width:960px; margin: 0 auto; text-align: left; clear:both;} 

/*underline*/
.dottedUnderline {width:100%; border-bottom:dotted 1px #878787;}

/*header*/
#header {height: 360px; width:960px;}
#screenshots #header {height:275px;}
 
/*centreContent*/
#centreContentWrapper {width:100%; text-align:center;}
#centreContent {margin:10px;}

/*flashWrapper*/
#flashWrapper {margin:10px 10px 22px 10px;}

/*top menu*/
#topMenu {height:150px; width:100%;}

/*footer*/
#footer {width:100%; background-image:url(../images/layout/Footer-Repeat.jpg); background-repeat:repeat-x; background-color:Black; clear:both;}
.footerLinks {text-align:center;}
#footerMenu {width:960px; margin:36px auto 0px auto;}
#footerMenu a {color:#cacaca;}
#footerMenu li { border-top:solid 1px #333; list-style:none; margin-left:0px; padding:10px 0px 10px 0px;}
#footerMenu ul { margin-left:0px; padding-left:0px;}

/*leftCol*/
#leftCol {float:left; width:638px;}
#cost #leftCol {width:444px;}

/*rightCol*/
#rightCol {float:right; width:292px;background-image:url(../images/layout/Col-Break.jpg); text-align:center; background-repeat:repeat-y;}
#rightColFeatures {width:262px; margin-left:30px;}
#rightColFeaturesFooter {width:274px; background-image:url(../images/home/right_col_footer.jpg); background-position:bottom left; height:18px;}

/*clear*/
.clearfloat {clear:both;}
.contentBreak {clear:both; margin:12px 0 12px 0; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #999999;}

/*latest station*/
#latestStation {margin:0 12px 0 12px;}
#latestStation p {font-size:12px; font-weight:bold;}
#latestStation a {font-size:12px; font-weight:normal;}

/*onlineTurnover*/
#onlineTurnover {width:244px; margin:16px 12px 0 12px}
#profit {width:100%; background-image:url(../images/home/profit_bg.jpg); background-repeat:no-repeat; height:23px; text-align:center; margin-top:8px;}
#profit span {position:relative; top:3px;}

/*statistics*/
#statistics {width:244px; margin-left:12px; padding-top:12px; }

/*testimonials*/
#testimonials {width:244px; margin:16px 12px 0 12px}
#vmmTestimonials #testimonials {width:470px; margin:0 12px 0 0;}

#nav {padding: 0;margin: 0;list-style: none;line-height: 1;z-index:33333333; font-size:11px;}
#nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;z-index:3333333;}
#nav a {display: block;z-index:3333333;}
#nav li {float: left;/* width needed or else Opera goes nuts */ padding:8px 2px 4px 2px;z-index:333;}
#nav li ul {position: absolute;background:#ededed;color:#FFFFFF;width: 150px;padding-bottom:4px;padding-top:10px;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */z-index:3333333;}
#nav li:hover ul { /* lists nested under hovered list items */left: auto;z-index:3333333;}
#nav li.sfhover ul { /* lists nested under hovered list items */left: auto;z-index:3333333;}
#nav ul li{width:140px; padding:8px 8px 4px 8px;z-index:3333333;}
#nav ul li a{width:134px;border-bottom-width: 1px;z-index:3333333;border-bottom-style: dotted;border-bottom-color: #999999;}
#nav ul li a:hover{color:#ff7960;z-index:3333333;}
#nav a{color:#34a4c9;z-index:3333333;}
#nav a:hover{color:#333333; z-index:3333333;text-decoration:none;}

.video .left {float: left;}
.video {clear: both; overflow: hidden;}
.video p {padding: 0; margin: 10px 0 10px 0; font-size:11px;}
.video-controls {text-align: right;padding: 8px;}
.video-controls .control-prev {background-repeat: no-repeat;cursor: pointer;height: 15px;width: 15px;margin:0px;}
.video-controls .control-next {background-repeat: no-repeat;cursor: pointer;height: 15px;width: 15px;margin:0px;}
.video-controls .control-page {background-repeat: no-repeat;cursor: pointer;height: 6px;margin: 0px; width: 6px;}
.video-controls .control-page.active {background-position: top right;}
.video-controls .control-prev {background-position: top left;}
.video-controls .control-prev.disabled {background-position: bottom right;cursor: auto;}
.video-controls .control-next {background-position: top right;}
.video-controls .control-next.disabled {background-position: bottom left;cursor: auto;}

/* @group Core Elements */
.video-list {height: 194px;overflow: hidden;margin: -25px -5px 0 -5px;}
.video-controls .control-prev 	{background-image:url(../images/up.jpg);border:0px; /*image for up and down buttons*/ margin:0px;}
.video-controls .control-next	{background-image:url(../images/down.jpg);border:0px;/*image for up and down buttons*/ margin:0px;}
.video-controls .control-page{background-image:url(../images/dots.jpg); margin:0px 4px 0px 4px;/*image for 3 buttons in centre*/}
.video{background: #E5E5E5;height: 54px;border-bottom: 1px solid #D6D6D6;}
td.sidecol .video{background: #E5E5E5;height: 54px;border-bottom: 1px solid #D6D6D6;}
.left img {float: left;	padding-top: 10px; margin-right:10px; margin-left:10px;}


#headerContainerContent {color:#ffffff;}
#headerContainerContent .leftContent {width:55%; float:left; margin-left:6px; margin-top:85px;}
#headerContainerContent .rightContent {width:40%; float:right;}
#container { 
	position:absolute; 
	top: 0px; 
	height: 300px; 
	width:960px; 
	top:28px;
	margin-top:24px;
	background-repeat: no-repeat;
	z-index:3;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#container h3 {margin-top:64px;}

#container .contentRight {
	position:relative;
	top:-30px;
	width: 100%;
	color:#fff;
	margin-left:12px;
	z-index:22;
}
#container .contentRight a {
	width: 150px;
	height: 30px;	
	display: block;
	color: #ffffff;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
}
#container .contentRight a span{
	position:relative;
	top:2px;
}
#container .contentRight .button a{
	background-image:url(../images/home/header/button_off.jpg);
	width:108px;
	float:left;
	text-align:center;
	display:block;
	z-index:22;
}
#container .contentRight .button a.topButton{
	background-image:url(../images/home/header/button_off.jpg);
	text-align:center;
}
#container .contentRight .button a.bottomButton{
	background-image:url(../images/home/header/button_off.jpg);
	text-align:center;
}
#container .contentRight .button a:Hover{
	background-image:url(../images/home/header/button_on.jpg);
	text-align:center;
}
#container .contentRight .button a.topButton:Hover{
	background-image:url(../images/home/header/button_on.jpg);
	text-align:center;
}
#container .contentRight .button a.bottomButton:hover{
	background-image:url(../images/home/header/button_on.jpg);
	text-align:center;
}

#container .contentRight .buttonon a {
	width:108px;
	float:left;
	background-image:url(../images/home/header/button_on.jpg);
	text-align:center;
}
#container .contentRight .buttonon a.topButton{
	background-image:url(../images/home/header/button_off.jpg);
	text-align:center;	
}
#container .contentRight .buttonon a.bottomButton{
	background-image:url(../images/home/header/button_off.jpg);
	text-align:center;
}
#container .contentRight .buttonon a:Hover{
	background-image:url(../images/home/header/button_on.jpg);	
	text-align:center;
}


#container .contentLeft{
	text-align: right;
	float: left;
	background-image: none;
	width: 100%;
	height: 250px;
}
#container .contentLeft a {color:#ffffff; font-weight:bold;}
.podLayer { 
	position: absolute; 
	visibility: hidden; 
	left: 5px;
	margin-left:12px;
	top:0px; 
	height: 250px; 
	width: 960px; 
	z-index:2;
}
#lyr1 { 
	visibility: visible;
}

.podLayer img{
	float: right;
	margin-left: 3px;
	margin-right: 5px;
}
.podLayer .feature {
	float: left;
	text-align: left;
	margin: 8px 8px 0px 4px;
	width: 400px;
	overflow: hidden;
}
.podLayer .feature h2{
	color:#4371f4;
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	padding-left:0px;
	text-decoration:none;
}
.podLayer .feature p{
	line-height: 16px;
	margin-bottom: 5px;
	padding:0px;
}

.podLayer .feature a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	background-repeat: no-repeat;
}
.podLayer .bottom{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	background-repeat: no-repeat;
	position:absolute;
	bottom:12px;
}
.podLayer .feature a:Hover{
	text-decoration: underline;
}
.podLayer .feature h2 a{
    	padding-left: 0px; 
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #371f4b;
}
.podLayer .feature h2 a:Hover{
	padding-left: 0px; 
	font-size: 1.2em;
	line-height: 14px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #d72192;
}

/*screenshots*/
#screenshotWrapper {}
.screenshot {width:45%; float:left; margin:12px 0 4px 0px; background-position:center bottom; background-repeat:repeat-x; padding-bottom:14px;}
#screenshotWrapper h3 {color:#ff7960; font-size:18px;}
#screenshotWrapper h2 {color:#ff7960; font-size:16px; margin-left:22px;}
.screenshotContentBreak {height:1px; clear:both;}
.screenshotText {margin-left:72px;}
#softwareScreenshots {padding:0px;}
#softwareScreenshots h3 {font-size:18px; margin-bottom:18px;}

/*portfolio*/
#portfolioWrapper {background-image:url(../images/vmm/portfolio/bg.jpg); background-repeat:no-repeat; height:525px; width:100%;}
#portfolio #header {height:273px; margin-bottom:0px;}
#portfolioLeft {margin:18px 0 0 18px; width:140px; float:left; display:inline;}
#portfolioRight {width:570px; float:right; margin-right:35px; margin-top:22px; height:450px; display:inline;}
#portfolioWrapper .station {font-size:11px; padding:0px 0px 0px 0px;  margin:0px 0 0px 0;}
#portfolioWrapper a {
	display:block;
	background-color:#efeeee;
	padding:1px 2px 1px 4px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;
}
#portfolioWrapper .stationSeperator {/*height:1px; background-image:url(../images/vmm/portfolio/dotted.jpg);*/}
#portfolioWrapper #stationWrapper {margin:4px 0 0 0;}
#portfolioWrapper h2 {color:#ff7960; font-size:16px; margin-left:22px;}

/*overview*/
#overview #wrapper {width:960px; margin: 0 auto; text-align: left; background-image:url(../images/layout/background_white.jpg); background-position:center top; background-repeat:no-repeat} 
#keyFeatures {width:244px; padding:12px;}
#keyFeatures {font-size:12px;}

/*vmmDiary*/
#vmmDiary h3 {color:#ff7960; font-size:18px;}

/*vmmWebsite*/
#vmmWebsite h3 {color:#ff7960; font-size:18px;}

/*testimonials*/
#vmmTestimonials .h3 {color:#ff7960; font-size:14px; page-break-after:avoid}

/*faqs*/
#vmmFaqs .h3 {color:#ff7960; font-size:14px; page-break-after:avoid}

/*vmmRemote*/
#vmmRemote h3 {color:#ff7960; font-size:18px;}

#descriptionWrapper {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px;}
#descriptionWrapper h2 {color:#ff7960; font-size:18px; font-weight:bold;}

.flashBorder {
	border: 1px solid #CCCCCC;
}

#rightPanelWrapper {}
#rightPanelWrapper li {list-style:none;}
#rightPanelWrapper #imageLinks {text-align:center}
#rightPanelWrapper #keyFeatures {}
#rightPanelWrapper #testimonials {}

/*slider*/
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:960px;
	height:260px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:100px;
	position:absolute;
	left:-28px;
	top:71px;
	}	
#nextBtn{ 
	left:960px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:82px;
	background:url(../images/back-btn.jpg) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/next-btn.jpg) no-repeat 0 0;	
	}	
	
	
	
	
	
	
	ul.topnav {  
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    float: right;  
    width: 920px;  
    font-size: 12px; 
    background: url(../images/menu/topnav_bg.gif) repeat-x;
    margin-top:6px;  
	position:relative;
	z-index:9999999;
}  
ul.topnav li {  
    float: right;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 10px 5px 16px 5px; 
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    background-color:#black; 
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(../images/menu/subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 43px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px; 
     	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
	z-index:999999;
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(../images/menu/dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;  
    font-size:12px;
    padding-top:10px;
    padding-bottom:10px; 
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(../images/menu/dropdown_linkbg.gif) no-repeat 10px center;  
}  
#slidedeck_frame
{
    width: 901px;
    height: 300px;
}

.style2
{
    font-size: medium;
    font-weight: bold;
}
.style3
{
    font-size: medium;
    color: #ff7800;
    font-weight: bold;
}
.style4
{
    color: #FF7800;
    font-weight: bold;
}

.tickerHeader { background-image:url(/images/news-ticker/TickerHeader.jpg); background-repeat:no-repeat; height:5px; width:260px; margin-left:-5px;}
.tickerMiddle { background-image:url(/images/news-ticker/TickerMiddle.jpg); background-repeat:repeat; width:260px; margin-left:-5px; padding-top:5px;}
.tickerMiddle h4 {color:#FF7800; font-weight:bold; font-family:Arial; font-size:12px; line-height:16px; margin:0px;}
.tickerFooter { background-image:url(/images/news-ticker/TickerFooter.jpg); background-repeat:no-repeat; height:10px; width:260px; margin-left:-5px;}

/* RadMenu */
.clearAll	{ clear:both; font-size:0px; height:0px; line-height:0px;}
.RadMenu_Default				{ float:right!important; margin:6px 0;}
.RadMenu_Default .rmRootGroup	{ background:none!important; border:none!important;}
.RadMenu .rmItem { padding-bottom:2px!important;}
.RadMenu_Default a.rmLink		{ background:none!important; color:#fff!important; font:12px/16px Arial,Helvetica,Verdana,sans-serif!important; padding:12px 5px 12px!important;}
.RadMenu_Default .rmHorizontal .rmRootLink span.rmText	{ cursor:pointer;}
.rmExpandDown	{ background:url(../images/menu/subnav_btn.gif) right -8px no-repeat!important; padding-right:20px!important;}
.RadMenu_Default .rmRootGroup li.rmItem .rmGroup	
{
    background: #333;  
	border: 1px solid #111;
    display: none;  
    float: left;  
    left: 0; top: 43px;  
	list-style: none;  
    margin: 0; padding: 0;  
    position: absolute;
    width: auto;
	z-index:999999;	
    border-bottom-left-radius:5px; 
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.RadMenu .rmGroup .rmItem
{
	border-bottom: 1px solid #444444;
    border-top: 1px solid #252525;
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;
}
.RadMenu .rmGroup .rmItem:hover	{ background:#222;}
.RadMenu_Default .rmGroup .rmItem a.rmLink
{
	background: url("../images/menu/dropdown_linkbg.gif") no-repeat scroll 10px center #333!important;
	cursor:pointer;
    float: left;
    font-size: 12px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    width: 145px;	
}
.RadMenu_Default .rmGroup .rmItem a.rmLink:hover
{
	background: url("../images/menu/dropdown_linkbg.gif") no-repeat scroll 10px center #222!important;
}
.RadMenu .rmVertical .rmText, 
.RadMenu .rmHorizontal .rmVertical .rmText
{
	background:none; padding:0 0 0 12px;
}

#home .mainContent {}
#home .mainContent .underline {margin-top:8px; margin-bottom:8px;}
#home .mainContent h2 {font-size:24px; text-transform:uppercase; color:#ed6905; font-family:"Frutiger LT Std 87 ExtraBlk Cn"; font-weight:normal; margin-bottom:6px;}
#home .mainContent h1 {font-size:14px; color:#666666; font-family:"Lucida Grande"; line-height:18px; font-weight:normal;}
#home .mainContent h3 {font-size:14px; color:#ed6905; margin-top:8px;  font-family:"Frutiger LT Std 87 ExtraBlk Cn"; text-transform:uppercase;}
#home .mainContent .header {background: url("../images/2012/mainContentHeader.jpg"); height:28px;}
#home .mainContent .middle {background: url("../images/2012/mainContentMiddle.jpg");  font-size:14px; color:#666666; font-family:"Lucida Grande";}
#home .mainContent .middle div {padding:0px 30px 30px 30px;}
#home .mainContent .footer {background: url("../images/2012/mainContentFooter.jpg"); height:29px;}
#home .col1 {width:314px;float:left;margin-bottom:20px;}
#home .col2 {width:314px;float:left;margin-bottom:20px;margin-left:8px;}
#home .col3 {width:314px;float:right;margin-bottom:20px;}

#vgmHome #leftCol, #vgmDiary #leftCol, #vgmWebsite #leftCol, #vgmCost #leftCol {width:960px;}
#vgmScreenshots #softwareScreenshots {padding:0px;}

#vgmCost .mainContent {}
#vgmCost .mainContent .underline {margin-top:8px; margin-bottom:8px;}
#vgmCost .mainContent h2 {font-size:24px; text-transform:uppercase; color:#ed6905; font-family:"Frutiger LT Std 87 ExtraBlk Cn"; font-weight:normal; margin-bottom:6px;}
#vgmCost .mainContent h1 {font-size:14px; color:#666666; font-family:"Lucida Grande"; line-height:18px; font-weight:normal;}
#vgmCost .mainContent h3 {font-size:14px; color:#ed6905; margin-top:8px;  font-family:"Frutiger LT Std 87 ExtraBlk Cn"; text-transform:uppercase;}
#vgmCost .mainContent .header {background: url("../images/2012/mainContentHeader.jpg"); height:28px;}
#vgmCost .mainContent .middle {background: url("../images/2012/mainContentMiddle.jpg");  font-size:14px; color:#666666; font-family:"Lucida Grande";}
#vgmCost .mainContent .middle div {padding:0px 30px 30px 30px;}
#vgmCost .mainContent .footer {background: url("../images/2012/mainContentFooter.jpg"); height:29px;}
#vgmCost .col1 {width:314px;float:left;margin-bottom:20px;}
#vgmCost .col2 {width:314px;float:left;margin-bottom:20px;margin-left:8px;}
#vgmCost .col3 {width:314px;float:right;margin-bottom:20px;}