@charset "utf-8";
/* CSS Document */
body{
	background-color:#000000;
    width: 100%;
    height: 100%;
	margin:0px;
	padding:0px;
	border:0px;
}
table.main{
	background-color:#000000;
	width:100%;
	height:100%;
	}
	
#content{
	background-image:url(../images/vidcloudemo.jpg);
	background-position:0px 84px;
	position:relative;
	height:950px;
	height:620px;
	border:0px;
}

#flash{
	position:absolute;
	height:950px;
	height:534px;
	left:0px;
	top:84px;
}

#header{
	background-image:url(../images/header.jpg);
	height:84px;
	width:950px;
}

#vc_logo{
	height:52px;
	width:243px;
	position:absolute;
	top:17px;
	left:33px;
	cursor:pointer;
}

#animat{
	position:absolute;
	height:950px;
	height:374px;
	left:0px;
	top:84px;
}

#textdemo{
	background-image:url(../images/textdemo.jpg);
	position:absolute;
	top:84px;
	left:0px;
	height:374px;
	width:950px;
}

span.font18{
	font-size:18px;
	font-weight:bold;
	}
	
span.font16{
	font-size:16px;
	font-weight:bold;
	}	
	
#bk_contact{
	background-image:url(../images/bk_contact.jpg);
	position:absolute;
	top:84px;
	left:0px;
	height:374px;
	width:950px;
}

#form_contact{
	height:365px;
	width:630px;
	position:absolute;
	top:90px;
	left:35px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
	}

#sabryarte_form{
	height:365px;
	width:630px;
	position:absolute;
	top:90px;
	left:35px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}
/* beging styles for contact us*/
table.inav {
	width: 600px;
	padding: 0em;
	margin: 0em;
}

table.inav th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #e2e2e2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #003d4c;
	border-bottom: 1px solid #003d4c;
	text-align: center;
	padding: 1px 4px;
}

table.inav th a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

table.inav tr td {
	vertical-align:text-bottom;
	text-align: left;
}

table.inav tr td div {
	margin: 0em;
}

.fields{
	color: #122333;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	vertical-align:bottom;
	}
	
input.fields{
	background: #E5EEF4;
	/* border-right: 2px solid #FAFAFA; */
	/* border-left: 3px solid #848484; */
	border-left:3px ridge #fff;
	/*border-bottom: 2px solid #FAFAFA;*/
	border-bottom:none;
	border-right:none;
	border-top:2px ridge #fff; 
	border-style: ridge ;
	border:ridge  #fff;
	color : Black;
	border-color:#fff;
	margin-left:0px;
	height:16px;
	width:170px;
}
	
textarea.fields{
	background: #E5EEF4;
	/* border-right: 2px solid #FAFAFA; */
	/* border-left: 3px solid #848484; */
	border-left:3px ridge #fff;
	/*border-bottom: 2px solid #FAFAFA;*/
	border-top:2px ridge #fff; 
	border-style: ridge ;
	border:ridge  #fff;
	color : Black;
	border-color:#fff;
	margin-left:0px;
	width:170px;
	height:300px;
}

input.button{
	background: #F0F0F0;
	color : #000000;
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	border-right: 3px solid #666; 
	/*border-top: 2px solid #999; */
	/*border-left: 3px solid #999; */
	border-bottom: 3px solid #666; 	
}
/*end styles...*/	
	
#fact1l{
	height:90px;
	width:340px;
	position:absolute;
	top:115px;
	left:35px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#fact2l{
	height:90px;
	width:340px;
	position:absolute;
	top:210px;
	left:35px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#fact3l{
	height:90px;
	width:340px;
	position:absolute;
	top:330px;
	left:35px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#fact1r{
	height:125px;
	width:340px;
	position:absolute;
	top:150px;
	left:420px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#fact2r{
	height:90px;
	width:340px;
	position:absolute;
	top:290px;
	left:420px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#fact3r{
	height:35px;
	width:340px;
	position:absolute;
	top:380px;
	left:420px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
}

#menu{
	background-image:url(../images/menu.jpg);
	position:absolute;
	height:115px;
	width:950px;	
	border:0px;
	left:0px;
	top:458px;
}

#footer{
	background-image:url(../images/footer.jpg);
	position:absolute;
	height:46px;
	width:950px;	
	border:0px;
	left:0px;
	top:574px;
}

#demo{
	height:20px;
	width:950px;	
	border:0px;
	color:#003366;
	text-decoration:none;
	text-align:right;
}

#menutop{
	position:absolute;
	height:20px;
	width:193px;
	left:622px;
	top:23px;
	cursor:pointer;
}

#btnabout{
	height:20px;
	width:88px;
	position:absolute;
	left:622px;
	top:23px;
	cursor:pointer;
}

.about_over{
	background-image:url(../images/about_on.jpg);
}

.about_out{
	background-image:url(../images/about.jpg);
}

#btncontactx{
	height:20px;
	width:105px;
	position:absolute;
	left:710px;
	top:23px;
	cursor:pointer;
}

.contact_over{
	background-image:url(../images/contact_on.jpg);
}

.contact_out{
	background-image:url(../images/contact.jpg);
}

#bntdemo{
	height:32px;
	width:492px;
	position:absolute;
	left:0px;
	top:499px;
	cursor:pointer;
}

.demo_over{
	background-image:url(../images/demo_over.jpg);
}

.demo_out{
	background-image:url(../images/demo_out.jpg);
}

#bntfloat{
	height:41px;
	width:459px;
	position:absolute;
	left:491px;
	top:459px;
}

.float_over{
	background-image:url(../images/float_over.jpg);
	background-repeat: no-repeat;
}

.float_out{
	background-image:url(../images/float_out.jpg);
	background-repeat: no-repeat;	
}

#bntbroadcast{
	height:34px;
	width:459px;
	position:absolute;
	left:491px;
	top:500px;
}

.broadcast_over{
	background-image:url(../images/broad_over.jpg);
	background-repeat: no-repeat;
}

.broadcast_out{
	background-image:url(../images/broad_out.jpg);
	background-repeat: no-repeat;	
}

#bntvillary{
	height:40px;
	width:459px;
	position:absolute;
	left:491px;
	top:534px;
}

.villary_over{
	background-image:url(../images/villary_over.jpg);
	background-repeat: no-repeat;
}

.villary_out{
	background-image:url(../images/villary_out.jpg);
	background-repeat: no-repeat;	
}
#about_0{
	font-family:Arial, Helvetica, sans-serif;
	color:#122333;
	font-size:13px;
	width:590px;
	line-height:17px;
	margin-left:4px;
	height:25px;
}
#imgc{
	height:1px;
	width:590px;
}
#about_1{
	font-family:Arial, Helvetica, sans-serif;
	color:#122333;
	font-size:13px;
	width:590px;
	line-height:17px;
	margin-top:10px;
	margin-left:4px;
	height:80px;
}
#about_2{
	font-family:Arial, Helvetica, sans-serif;
	color:#122333;
	font-size:13px;
	width:590px;
	line-height:17px;
	margin-top:18px;
	margin-left:4px;
	height:220px;
}

#contac_0{
	height:20px;
	margin-top:10px;
	font-size:12px;
	color:#122333;
}

#contac_1{
	height:17px;
	font-size:12px;
	color:#122333;	
}

#contac_2{
	height:17px;
	font-size:12px;
	color:#122333;
}

#popup_logo{
	height:24px;
	width:240px;
	border:none;
	background-color:#000;
	background-image:url(../images/player.jpg);
	}
	
#popup_title{
	font-weight:bold;
	text-align:right;
	font-size:10px;
	position:absolute;
	top:0px;
	left:100px;
	width:140px;
	height:20px;
	color:#FFF;
	}

/*styles for  popup zise 1*/
.mocha1{
	width:264px;
	height:250px;
	}

span.title1{
	font-weight:bold;
	text-align:right;
	margin-right:0px;
	margin-left:110px;
	color:#FFFFFF;
	font-size:10px;
}

#content1{
	position:relative;
	}

#loader1{
	overflow:auto;
	position:absolute;
	left:90px;
	top:70px;
	}
/*styles for  popup zise 2*/
.mocha2{
	width:345px;
	height:309px;
	}
	
div.windowtitle2{
	background-image:url(../images/player.jpg);
	background-repeat: no-repeat;
	height:24px;
	width:320px;
}

font.title2_on{
	font-weight:bold;
	color:#FFFFFF;
	}
	
font.title2_off{
	font-weight:normal;
	color:#999999;
	cursor:pointer;
	text-decoration:none;
	}
	
a.videos2{
	font-weight:bold;
	color:#999999;
	cursor:pointer;
	text-decoration:none;
	}
	
#content2{
	position:relative;
	}

#loader2{
	overflow:auto;
	position:absolute;
	left:110px;
	top:70px;
	border:0px;
	}
/*styles for  popup zise 3*/
.mocha3{
	width:628px;
	height:435px;
	}
	
#contentWindow3{
	height:415px;
	width:600px;
	background-color:#000;
	position:relative;
}

#windowtitle3{
	background-image:url(../../images/player.jpg);
	background-repeat: no-repeat;
	height:24px;
	width:600px;
	}
font.title3_on{
	font-weight:bold;
	color:#FFFFFF;
	}
	
font.title3_off{
	font-weight:bold;
	color:#999999;
	cursor:pointer;
	text-decoration:none;
	}
	
a.videos3{
	font-weight:bold;
	color:#999999;
	cursor:pointer;
	text-decoration:none;
	}
	
#content_content{
	position:absolute;
	height:276px;
	width:120px;
	background-color:#000;
	top:24px;
	left:0px;
}

#list_videos{
	height:380px;
	border:none;
	width:110px;
	overflow:auto;
	background-color:#000;
	position:absolute;
	top:8px;
	left:0px;
	padding-top:10px;
	color:#FFF;
}

#thumbnails{
	height:60px;
	width:80px;
	cursor:pointer;
	border:1px solid #466794;	
	}
	
a.windows3{
	font-size:11px;
	color:#999;
	text-decoration:none;
	font-weight:bold;
	}
	
a.windows31{
	font-size:11px;	
	color:#FFF;
	font-weight:bold;
	}
	
#content_player3{
	position:absolute;
	height:390px;
	width:480px;
	top:24px;
	left:120px;
	background-color:#000;
	}
	
.player3{
	display:block;
	width:480px;
	height:385px;
	}
	
#loader3{
	overflow:auto;
	position:absolute;
	left:190px;
	top:135px;
	color:#C0F;
	}
	
/*styles for contact us*/

#sabryarte_form_msg, #sabryarte_form_load {
	position: absolute;
	top: 110px;
	left: 150px;
	width: 365px;
	height: 305px;
}

#sabryarte_form_msg p, #sabryarte_form_load p {
	margin: 40px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #000;
}

/*styles for flowplayer*/
a:active {  outline:none; }
 :focus   { -moz-outline-style:none; }


/* container has a background image */
a.player {	
	/*margin-top:40px;*/
	display:block;
	width:425px;
	height:298px;
	text-align:center;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	border:0px;	
}