/*  Video Conferencing CSS	*/
/*  Copyright 2010, Holly Laiveling and VideoLive Conferences Inc	*/
/*  All Rights Reserved	*/



html {
	height: 100%;
}


body {
	background-image:url(../images/blueslice.jpg);
	background-repeat:repeat-x;
	background-color:white;
	font:"Times New Roman", Times, serif;
}



#header		{
			text-align: center;
			width:750px;
			}

/*main container*/
#wrap {
    margin:0 auto;
    width:800px;
	min-height:20em;
	padding: 5px;
	border:thick red;
    }

/*menu container*/
#navlist {
    margin:0 auto;
    width:800px;
	padding-top:.25px;
	padding-bottom: 5px;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	height: 35px;
	color: white;
	font-weight : bold;
	text-decoration : none;
	}
	
/*menus*/


.menuitems ul{
		list-style-type:none;
	}
	
.menuitems li{
		display:inline;
	}
	
.menuitems a{ 
		float:left;
		width:150px;
		text-decoration:none;
		color:white;
		font-weight:bold;
		line-height:1;
		outline-style:none;
		outline-width:0;
		font:Verdana, Arial, Helvetica, sans-serif;
	}
	
.menuitems a:link {
		color: white; 
		text-decoration: none; 
	}
	
.menuitems a:visited {
		color: white; 
		text-decoration: none; 
	}

.menuitems a:hover{
		color: #FF6600;
		text-decoration : none;
		font-style:italic;
		font-weight:bold;
	}

/*where the content goes*/
#main   {
		margin:0 auto;
		width:700px;
		padding:10px;
		padding-right:20px;
		padding-left:20px;
		min-height:10em;
		background-color:white;
			}
			
#main h1,h2 {
			text-align:center
		}

body {
		font-family: Arial, Verdana, sans-serif;
		font-size: 10pt;
		font-style: normal;
	}
	
#titles {
	padding: 3px;
	margin-left:50px;
	}

/*page footer*/

#footer {
 clear: both; 
 width:800px;
}

img.floatRight {
   	float: right;
	margin: 4px;
    }
	
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

h3.styled  {
	text-align:center;
	font-weight:bold;
	color:#000099;
	border-width:3px;
	border-style:solid;
	background-color:#CCCCCC;
	text-transform: uppercase;
}


/*#footer1 {
   	float: left;
	background-image:url(../images/buynow.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:350px;
	height:141px;
	padding: 5px;
    }
	
#footer2 {
   	float: right;
	background-image:url(../images/freetrial.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:419px;
	height:141px;
	padding: 5px;
    }*/
	
#footer3 {
	margin:0 auto;
	text-align:center;
	width:700px;
	height:126px;
	padding: 5px;
    }
	
#freetrialtext {
	margin-left:20px;
	padding:5px;
	text-align:left;
}
	
	
#link_footer {
	background:white;
  	clear:both;
	text-align:center;
    }
		
.centerme /* Internet Explorer */ 
{ 
text-align: center; 
} 

.centerme /* Mozilla Firefox alignment */ 
{ 
text-align: -moz-center; 
} 
	
a img {border: none; } 
a:link {color: blue; text-decoration: none; }
a:visited {color: purple; text-decoration: none; }
a:hover {text-decoration: underline; }

.curvedBox {
    margin: 0.5in auto;
    width: 60%;
    padding: 20px;
    text-align: left;
    border: 3px solid black;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.curvedBoxGray {
    margin: 0.5in auto;
    width: 60%;
    padding: 20px;
    text-align: left;
    border: 3px solid black;
	background-color:#CCCCCC;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.curvedBoxThick {
    margin: 0.5in auto;
    width: 60%;
    padding: 20px;
    text-align: left;
    border: 5px solid black;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#specialtext {
	text-align:center;
	font-size:20px;
	font-weight:bolder;
	color:#000066;
}

/*MEGAMENU CSS*/

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #f06b24;
border-width: 5px 1px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}

.handoverimage {
	cursor: pointer; 
	cursor: hand; 
}