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

/*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-image:url(../images/layout/bg_rep.jpg); background-position:center top; background-repeat:repeat-Y; background-color:#ffffff; 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; margin:0 0 6px 0; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:18px; margin-bottom:8px;}

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

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

/*wrapper*/
#wrapper {width:800px; margin: 0 auto; text-align: left; background-image:url(../images/layout/background_white.jpg); background-position:center top; background-repeat:no-repeat} 

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

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

/*top menu*/
#topMenu {position:relative; left:520px; height:28px; width:350px; z-index:1000;}

/*footer*/
#footer {width:768px; clear:both; margin-bottom:32px; margin-left:16px;}
.footerLinks {text-align:center;}

/*leftCol*/
#leftCol {float:left; width:484px; margin-left:16px; display:inline;}
#cost #leftCol {width:444px;}

/*rightCol*/
#rightCol {float:right; width:286px; margin-left:4px;}
#rightColFeatures {width:274px; background-image:url(../images/home/right_col_bg.jpg); text-align:center;}
#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;}

/*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:333; font-size:11px;}
#nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;z-index:333;}
#nav a {display: block;z-index:333;}
#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:333;}
#nav li:hover ul { /* lists nested under hovered list items */left: auto;z-index:333;}
#nav li.sfhover ul { /* lists nested under hovered list items */left: auto;z-index:333;}
#nav ul li{width:140px; padding:8px 8px 4px 8px;z-index:333;}
#nav ul li a{width:134px;border-bottom-width: 1px;z-index:333;border-bottom-style: dotted;border-bottom-color: #999999;}
#nav ul li a:hover{color:#ff7800;z-index:333;}
#nav a{color:#34a4c9;z-index:333;}
#nav a:hover{color:#333333; z-index:333;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: 253px;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: 72px;border-bottom: 1px solid #D6D6D6;}
td.sidecol .video{background: #E5E5E5;height: 72px;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:800px; 
	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: 800px; 
	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 22px; background-image:url(../images/vmm/underline.jpg); background-position:center bottom; background-repeat:repeat-x; padding-bottom:14px;}
#screenshotWrapper h3 {color:#ff7800; font-size:18px;}
#screenshotWrapper h2 {color:#ff7800; font-size:16px; margin-left:22px;}
.screenshotContentBreak {height:1px; clear:both;}
.screenshotText {margin-left:72px;}
#softwareScreenshots {padding:22px;}
#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:#ff7800; font-size:16px; margin-left:22px;}

/*overview*/
#overview #wrapper {width:800px; 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:#ff7800; font-size:18px;}

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

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

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

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

#descriptionWrapper {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px;}
#descriptionWrapper h2 {color:#ff7800; 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 {}