/* Miovision CSS Document */

body{
	background:url(../images/structure/background.gif) repeat;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#header_home{
	position: relative;
	background:url(../images/home/new_header.jpg) no-repeat;
	height: 80px;
	width: 836px;
}


.tour_main1{
	font-size:12px;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.tour_main_small{
	font-size:11px;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.tour_main_sidebarbox{
	font-size:10px;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-right:10px;
	margin-left:10px;
}

.tour_main_bullet{
	font-size:12px;
	margin-left:30px;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.tour_main_bullet_small{
	font-size:11px;
	margin-left:30px;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

/* Structure DIVs */

#page{
	margin-left: auto;
	margin-right: auto;
	width: 836px;
	position: relative;
}

#header{
	position: relative;
	background:url(../images/structure/header_bg.jpg) no-repeat;
	height: 80px;
	width: 836px;
}

#menu{
	position: relative;
	background:url(../images/structure/menu_bg.jpg) no-repeat;
	height: 25px;
	width: 836px;
}

#menu_page{
	position: relative;
	background:url(../images/structure/menu_page_bg.jpg) no-repeat;
	height: 36px;
	width: 836px;
}

		#menu_dhtml{
			position:absolute; 
			width:600px; 
			height:20px; 
			left:30px; 
			top:4px;
			z-index:10;
		}

				#menu_dhtml_demo{
					position:absolute; 
					width:600px; 
					height:19px; 
					left:30px; 
					top:6px;
				}
		
		#menu_help{
			position:absolute; 
			width:100px; 
			height:auto; 
			left:720px; 
			top:3px;
		}

#showcase{
	position: relative;
	margin-top:0px;
	height: 208px;
	width: 836px;
	z-index:8;
}

#container{
	position: relative;
	background:url(../images/structure/container_bg.jpg);
	width: 836px;
	margin:0;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:20px;
}

	#content{
	position: relative;
	width: 740px;
	left:48px;
	top:10px;
	z-index:5;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:10px;
	height: 360px;
		}
		
				#mainarea{
					vertical-align:top;
					width: 522px;
				}

				#mainarea_demo{
					vertical-align:top;
					width: 100%;
				}				

				#sidebar{
					width: 210px;
					vertical-align:top;
					padding-left:0px;
					padding-top:55px;
				}

						#sidebox1{
							background:url(../images/structure/sidebar/sidebox1.jpg) no-repeat;
							text-align:left;
							height:21px;
							padding-left:5px;
							margin-top:0px;	
							margin-bottom:0px;				
						}
						#sidebox2{
							background:url(../images/structure/sidebar/sidebox2.jpg) no-repeat;
							text-align:left;
							height:22px;
							padding-left:5px;
							margin-top:0px;					
							margin-bottom:0px;				
						}
						#sidebox3{
							background:url(../images/structure/sidebar/sidebox3.jpg) no-repeat;
							text-align:left;
							height:22px;
							padding-left:5px;
							margin-top:0px;					
							margin-bottom:0px;				
						}
						#sideboxmid{
							background:url(../images/structure/sidebar/sideboxmid.jpg);
							text-align:left;
							padding-left:12px;	
							padding-right:5px;
							margin-top:0px;					
							margin-bottom:0px;		
						}
						#sideboxfoot{
							background:url(../images/structure/sidebar/sideboxfooter.jpg) no-repeat;
							text-align:left;
							height:22px;
							margin-top:0px;					
							margin-bottom:0px;		
							padding-top:0px;				
									
						}

						
						#sidebarbuttons{
							padding-left:5px;
							text-align:left;
						}

				#count_estimator_table{
					position:relative; 
					left:30px; 
					width:500px;
					text-align:center;
				
				}
						.count_estimator_table_font {
							font-size: 24px;
							color:#585858;
							text-align:center;
						}
						
#lowerpane{
	position: relative;
	background:url(../images/structure/lowerpane_bg.jpg) no-repeat;
	height: 200px;
	width: 836px;
}

		#box1{
			position:absolute; 
			width:176px; 
			height:151px; 
			left:30px; 
			top:21px;
			padding-top:5px;
			padding-left:8px;
		}

		#box2{
			position:absolute; 
			width:152px; 
			height:151px; 
			left:222px; 
			top:21px;
			padding-top:5px;
			padding-left:8px;
		}

		#box3{
			position:absolute; 
			width:152px; 
			height:151px; 
			left:388px; 
			top:21px;
			padding-top:5px;
			padding-left:8px;
		}

		#box4{
			position:absolute; 
			width:240px; 
			height:151px; 
			left:554px; 
			top:21px;
			padding-top:5px;
			padding-left:8px;
		}

#footer{
	position: relative;
	height: 20px;
	width: 790px;
	top:-15px;
	left:22px;
	color:#585858;
}

#footer_page{
	position: relative;
	height: 99px;
	width: 836px;
	background:url(../images/structure/tour/footer_page.jpg) no-repeat;
	z-index:1;
	margin:0;
	color:#585858;
}

	#footer_page_content{
		position: relative;
		height: 20px;
		width: 790px;
		left:22px;
		top:84px;
		color:#585858;
	}

#contactform{
	position: absolute;
	height: auto;
	width: 300px;
	top:90px;
	left:268px;
	background-color:#585858;
	border-color:#678090;
	border-style:solid;
	border-width:1px;
	z-index:9;
	font-size:10px;
	color:#FFFFFF;
	margin-left:8px;
	margin-top:5px;
	margin-right:0px;
	display:none;
}
			label { display:block;float:left;width:35%;clear:left; margin-bottom: 5px;}
			
			.clear { clear:both; }
					
			.contactformBody{
				font-family:Verdana;
				font-size:10px;
				margin: 4px;
				margin-bottom: 10px;

			}
			
			.contactformHead{
				background-color: #6f9dbe;
				font-family:Verdana; 
				font-size:12px;
				font-weight:bold; 
				text-align:center;
				text-transform:uppercase;
				height: 20px;
				padding-top:4px;
			}
			
			input{
				margin-bottom:5px;
			}

#webinarform{
	position: absolute;
	height: auto;
	width: 300px;
	top:90px;
	left:268px;
	background-color:#585858;
	border-color:#678090;
	border-style:solid;
	border-width:1px;
	z-index:9;
	font-size:10px;
	color:#FFFFFF;
	margin-left:8px;
	margin-top:5px;
	margin-right:0px;
	display:none;
}


/* Fonts */

.grayText{
	color:#585858;
}

.blueText{
	color:#6f9dbe;
}

.mainText{
	color:#585858;
	font-size:11px;
	padding-left:20px;
	text-align:justify;
}

.subheaderText{
	color:#585858;
	font-size:11px;
	padding-left:13px;
	text-transform:uppercase;
}


/* BUTTONS */

a.srollover_prev {
    display: block;
    width: 67px;
    height: 31px;
    background: url("../images/structure/tour/prev_btn1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_prev {
    background-position: -67px 0;
}

a.srollover_next {
    display: block;
    width: 67px;
    height: 31px;
    background: url("../images/structure/tour/next_btn1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_next {
    background-position: -67px 0;
}

a.srollover_build {
    display: block;
    width: 111px;
    height: 44px;
    background: url("../images/structure/tour/build_btn.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_build {
    background-position: -111px 0;
}

a.srollover_webinar {
    display: block;
    width: 80px;
    height: 44px;
    background: url("../images/structure/tour/webinars_btn.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_webinar {
    background-position: -80px 0;
}

a.srollover_submit {
    display: block;
    width: 80px;
    height: 49px;
    background: url("../images/structure/tour/webinars_btn.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_submit {
    background-position: -80px 0;
}



/* Links */
A.whiteText:link {text-decoration: none; color:#ffffff;}
A.whiteText:hover {text-decoration: none; color:#678090;}

A:link {text-decoration: none; color:#6f9dbe;}
A:visited {text-decoration: none; color:#6f9dbe;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color:#678090;}


A.footerText:link {text-decoration: none; color:#585858;}
A.footerText:visited {text-decoration: none; color:#585858;}
A.footerText:active {text-decoration: none; color:#585858;}
A.footerText:hover {text-decoration: none; color:#585858;}

A.sidebarbuttons:link {text-decoration: none; color:#585858;}
A.sidebarbuttons:visited {text-decoration: none; color:#585858;}
A.sidebarbuttons:active {text-decoration: none; color:#585858;}
A.sidebarbuttons:hover {text-decoration: none; color:#585858;}

a.srollover_webinar_plain {
    display: block;
    width: 75px;
    height: 41px;
    background: url("../images/webinars_btn_plain.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_webinar_plain {
    background-position: -75px 0;
}

a.srollover_tour_plain {
    display: block;
    width: 75px;
    height: 41px;
    background: url("../images/tour_btn_plain.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_tour_plain {
    background-position: -75px 0;
}

a.srollover_build_plain {
    display: block;
    width: 108px;
    height: 41px;
    background: url("../images/builds_btn_plain.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_build_plain {
    background-position: -108px 0;
}

	/* BUTTONS */

a.srollover_prev {
    display: block;
    width: 67px;
    height: 31px;
    background: url("../images/structure/tour/prev_btn1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_prev {
    background-position: -67px 0;
}

a.srollover_next {
    display: block;
    width: 67px;
    height: 31px;
    background: url("../images/structure/tour/next_btn1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_next {
    background-position: -67px 0;
}

a.srollover_build {
    display: block;
    width: 111px;
    height: 44px;
    background: url("../images/structure/tour/build_btn.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_build {
    background-position: -111px 0;
}


a.srollover_webinar_home {
    display: block;
    width: 105px;
    height: 39px;
    background: url("../images/home/webinars_btn_big.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_webinar_home {
    background-position: -105px 0;
}


a.srollover_submit {
    display: block;
    width: 80px;
    height: 49px;
    background: url("../images/structure/tour/webinars_btn.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_submit {
    background-position: -80px 0;
}

a.srollover_go {
    display: block;
    width: 65px;
    height: 31px;
    background: url("../images/home/go.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_go {
    background-position: -65px 0;
}

a.srollover_tour_header {
    display: block;
    width: 75px;
    height: 41px;
    background: url("../images/home/tour_btn_header.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_tour_header {
    background-position: -75px 0;
}

a.srollover_builds_header {
    display: block;
    width: 108px;
    height: 41px;
    background: url("../images/home/builds_btn_header.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_builds_header {
    background-position: -108px 0;
}

a.srollover_webinars_header {
    display: block;
    width: 75px;
    height: 41px;
    background: url("../images/home/webinars_btn_header.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover_webinars_header {
    background-position: -75px 0;
}

