html {
	height: 100%;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;	
}
#banner {
	padding-bottom: 10px;
	border-bottom: 1px solid lightgray;
}
#bannerRight {
	text-align: right;
}

#logoTitle , #logo {
    font-family: arial;
}

#logo .ivoti {
    letter-spacing: 0px;
}
#logo .ivotv {
letter-spacing: -4px;
}
#logo .ivoto {
   letter-spacing: -8px;
}
#logo .ivott {
     letter-spacing: -12px;
}

#logoTitle {
	font-size: 16px;	
	color: black;
	text-shadow: none;
	margin-left: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#logoTitle {
		word-spacing: 2px !important;
	}
}

#logoTitle strong {
	font-size: 18px;
}

#logo {
    font-size: 86px;
    text-shadow: none;
    margin-bottom: -19px;
}

.ivot {
	color: black;	
    font-weight: bold;
}

.ekcom {
	color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    padding-right: 50px;
}
.ekcome {
    letter-spacing: -3px;
}

#banner {
	padding-bottom: 10px;
	border-bottom: 1px solid lightgray;
}

.pageLogo {
	font-size: 20px;
	color: white;
	text-align: center;
}


#logoTitle div {
	position: absolute;
}

.lightsite {
    margin-left: auto;
    margin-right: auto;
 	width:880px;   
    position: relative;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
#site {
    z-index: 10;
    padding-bottom: 30px;
    border-bottom: 1px solid lightgray;
   	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.innerLogo {
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}

.navigationLink {
    position: absolute;
    text-align: right;
}
.navigationLink.nltr , .navigationLink.nltl {
    top: 0px;
}
.navigationLink.nlr , .navigationLink.nll {
    top: 80px;
}
.navigationLink.nlr , .navigationLink.nltr {
    right: 5px;
}
.navigationLink.nltl , .navigationLink.nll {
    left: 5px;
}
#twitter {
	padding-top: 5px;
}


#menuHead {
	width: 100%;	
	border-bottom: 1px solid lightgray;
}
#menuHead table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
}
#menuHead td:FIRST-CHILD {
	border: none;
}
#menuHead td {
	width: 25%;
	text-align: center;
	border-left: 1px solid lightgray;
	font-size: 14px;
}
#menuHead a {
	color: #aaa;
	text-decoration: none;
}
#menuHead a.selected {
	font-weight: bold;
	color: #000;
}


a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

	#pricingPanel {
		padding: 10px;
		margin: 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #FAFAFA;
	}
	
	#pricingPanel table {
		border-collapse: collapse;
		width: 610px;
		margin: 10px;
		table-layout:fixed;
	}
	#pricingPanel table td , #pricingPanel table th {
		text-align: center;		
		font-weight: normal;
		padding: 5px;
		vertical-align: middle;
		border-top: thin solid lightgray;
	} 
	#pricingPanel table th {
		font-weight: bold;
	}
	#pricingPanel table tr:first-child th {
		text-decoration: underline;
		border-top: none;
		width: 320px;
	}
	#pricingPanel table tr:first-child th:FIRST-CHILD {
		width: 140px;
	}
	#pricingPanel table td,#pricingPanel table tr:first-child th {
		border-left: thin solid lightgray;
	}
	
	#pricingPanel table tr:first-child th:first-child {
		border: none;
	}
	#pricingPanel #subPricingTable {
		width:340px; 
		margin: 0;
		table-layout: auto;
	}
	#pricingPanel #subPricingTable td {
		border: none;
		padding: 0;
		padding-top: 10px;
	}
	#simulator {
		padding-top: 10px;
	}
	
/* banner */
.createVideo {
		   border-top: 1px solid #b1b2b3;
		   background: #686969;
		   background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#686969));
		   background: -webkit-linear-gradient(top, #c9c9c9, #686969);
		   background: -moz-linear-gradient(top, #c9c9c9, #686969);
		   background: -ms-linear-gradient(top, #c9c9c9, #686969);
		   background: -o-linear-gradient(top, #c9c9c9, #686969);
		   padding: 5px 5px;
		   -webkit-border-radius: 33px;
		   -moz-border-radius: 33px;
		   border-radius: 33px;
		   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		   box-shadow: rgba(0,0,0,1) 0 1px 0;
		   text-shadow: rgba(0,0,0,.4) 0 1px 0;
		   color: white;
		   font-size: 16px;
		   font-family: Arial;
		   text-decoration: none;
		   vertical-align: middle;
		   position: absolute;
		   left: 70%;
		   top: 40px;
		   width: 130px;
		   text-align: center;
	   }
	.createVideo:hover {
	   border-top-color: #c9c9c9;
	   background: #c9c9c9;
	   color: #332e33;
	   }
	.createVideo:active {
	   border-top-color: #6d7478;
	   background: #6d7478;
	   }
	#connectPopup {
		position: absolute;
		top: 116px;	
		width: 200px;
		right: -350px; 
		z-index: 20;
		background-color: white;
		
		transition: right 0.2s, width 0.1s ease-out;
		-webkit-transition: right 0.2s, width 0.1s ease-out; /* Safari */
		
		border-top-left-radius: 20px;
		-moz-border-top-left-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-bottom-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border: thin solid lightgrey; 
	}
	#connectPopup.displayed {
		right: 0px;
	}
	.connectPopupDiv {
		text-align: center;
		padding: 5px;
	}
	#connectPopup table {
		width: 100%;
		border-spacing: 0;
	}
	iframe {
		border: none; 
	}
	#closePopup {
		background-color: darkgrey;
		border-left: medium solid lightgrey;
		padding: 5px;
		cursor: pointer;
	}
	#closePopup a{
	 	text-decoration: none;
		color: white;
	}
	#socialNetworkIcons {
		margin: 15px;
	}
	ul#dropdownmenu, ul#dropdownmenu .sub-menu {
	    padding:0;
	    margin: 0;
	}
	ul#dropdownmenu li, ul#dropdownmenu .sub-menu li {
	    list-style-type: none;
	    display: inline-block;
	}
	/*Link Appearance*/
	ul#dropdownmenu li a {
	    text-decoration: none;
	}
	ul#dropdownmenu li .sub-menu li a {
	    text-decoration: none;
	    padding: 5px;
	    display:inline-block;
	}
	/*Make the parent of sub-menu relative*/
	ul#dropdownmenu li {
	    position: relative;
	}
	/*sub menu*/
	ul#dropdownmenu li .sub-menu {
	    display:none;
	    position: absolute;
	    top: 10px;
	    width: 150px;
	    z-index: 9999;
	}
	ul#dropdownmenu ul {
		display: block;
		margin: 0;
		padding: 0;
		margin-top: 8px;
		border: thin solid lightgrey;
	    background: #fff;
	}
	ul#dropdownmenu li:hover .sub-menu {
	    display:block;
	}
	#dropdownmenu {
		cursor: default;
	}
	#menuHead {
		width: 880px;
	}
/*end banner*/