﻿img{ border: none; }

/* Default video panel settings */
.videoTile
{
	vertical-align: middle;
	line-height: normal;
	width: 135px;
	float: left;
	padding:5px 15px 0px 0px;
	overflow: hidden;
	height: 150px;
}
.videoTile img{ padding: 0px; margin: 0px; }
.videoTile b{ clear: both; display: block; font-weight: normal; font-size: 11pt; margin-top: 3px; }
.videoTile div.thumbnail
{
	vertical-align: middle;
	text-align: center;
}

.videoTile div.thumbnail img.t
{
   height: 90px;
   vertical-align: middle;
   text-align: center;
   background-color: White;
   overflow: hidden;
   clear: both;
   border: none 0px black;
}

.videoTile .addedAt{ font-size: 7pt; vertical-align: middle; clear: left; padding-top: 3px; display: inline-block; }
.videoTile .views{ font-size: 7pt; vertical-align: middle; clear: left; padding-top: 3px; display: inline-block; }
.videoTile .rating{ float: right; display: inline-block;}

/* as list */
/* Default video panel settings */
.videoListTile
{
	vertical-align: middle;
	line-height: normal;
	padding: 0px 15px 15px 0px;
	overflow: hidden;
	width: 600px;
}
.videoListTile img{ padding: 0px; margin: 0px; }
.videoListTile b{ clear: both; display: block; font-weight: normal; 
                  font-size: 14pt; margin-top: 3px; width: 450px; overflow: hidden; }

.videoListTile>div.info{ float: left; }
.videoListTile div.thumbnail
{
	vertical-align: middle;
	text-align: center;
	float: left;
	padding-right: 15px;
}

.videoListTile div.thumbnail img.t
{
   height: 90px;
   vertical-align: middle;
   text-align: center;
   background-color: White;
   overflow: hidden;
   clear: both;
   border: none 0px black;
}

.videoListTile .addedAt{ font-size: 8pt; clear: both; vertical-align: middle; padding-top: 3px; display: block; }
.videoListTile .views{ font-size: 8pt; clear: both; vertical-align: middle; padding-top: 3px; display: block; }
.videoListTile .rating{ clear: both; display: inline-block;}


/* video index page */
.twoPane{ clear: both; width: 800px;}
.twoPane .left{ width: 450px;  float: left; }
.twoPane .right{ width: 200px; float: left; padding-top: 25px; text-align: right;}
.twoPane .right .videoTile{ clear: both; width: 240px; margin-bottom: 20px; text-align: right; }
.twoPane .right .videoTile div.thumbnail{ text-align: right; }

.more{ margin-top: 6px; display: block; }
.padTop{ padding-top: 25px;}

/*global*/
#pagination{ padding-top: 12px; font-weight: bold; }
#pagination .page { padding: 3px 7px 3px 7px; border: solid 1px white; background-color: White; color: Blue; font-weight: normal;}
#pagination .page a { color: Blue; }


/* detail page */
.commentHdr
{
	color: #EAEAEA;
	border-top: solid 1px gray;
	border-top-color: #FF9966;
	margin-top: 5px;
}


/**subsite layout**/

body{margin:0px; padding:0px;font-family:"Times New Roman", Times, serif;font-size:17px;color:#fff; 

      background:#000000 url(/img/videos/body.jpg) center top no-repeat;}


#wrapper{width:797px; margin:0 auto;}

.clear{clear:both;margin:0px;padding:0px;}

a{color:#FFFFFF;text-decoration:underline;}

a:hover{text-decoration:none;}

h1{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:100; font-size:25px;}

/*body ends here*/



/*headerzone starts here*/

#headerzone{padding:70px 0px 36px 0px;}

#logo{float:left;}

.slogen{padding: 12px 0px 0px 10px; float:left;}

/*headerzone ends here*/



/*menuzone starts here*/

#menu{background:url(/img/videos/menu_bg.png) no-repeat; height:66px; padding:0px 0px 0px 20px;}

#menu ul{margin:0px 0px 0px 0px; padding:20px 0px 10px 0px;}

#menu li{margin:0px 0px 0px 0px; padding:12px 0px 8px 0px; display:inline; 

          background:url(/img/videos/menu_border.gif) right  no-repeat; list-style:none;}

#menu li a{color:#fff; font-size:16px;

	font-family:"Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; text-decoration:none;padding:0px 22px 0px 22px;margin:0px 0px 0px 0px;}

#menu li a:hover{ text-decoration: underline;}

/*menuzone ends here*/



/*red_container starts here*/

#workzone{padding:0px 0px 0px 0px;}

.red_container{ padding:20px 0px 0px 0px; width:797px;}

.red_box_mid{

	background:url(/img/videos/red_mid.png) left top repeat-y;

	line-height: 22px;

}

.red_box_top{background:url(/img/videos/red_top.png) left top no-repeat;}

.red_box_bottom{background:url(/img/videos/red_bottom1.png) left bottom no-repeat; width:797px;}

.red_box{padding:28px 80px 37px 68px;}

.pic1{float:right; padding:20px 0px 0px 0px;}

.bold_text{font-size:22px;}

.red_box_text{padding:20px 177px 0px 0px; }

/*red_container ends here*/



/*yellow_container starts here*/

.yellow_container{

	width: 797px;

	padding-top: 22px;

	padding-right: 0px;

	padding-bottom: 30px;

	padding-left: 0px;

}

.yellow_box_mid{background:url(/img/videos/yellow_mid.png) left top repeat-y;}

.yellow_box_top{background:url(/img/videos/yellow_top.png) left top no-repeat;}

.yellow_box_bottom{background:url(/img/videos/yellow_bottom.png) left bottom no-repeat;}

.yellow_box{padding:28px 66px 25px 77px;}

.pic2{padding:5px 15px 0px 0px; float:left;}

/*yellow_container ends here*/



/*blue_container starts here*/

.blue_container{

	position:relative;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.blue_box_mid{background:url(/img/videos/blue_mid.png) left top repeat-y;}

.blue_box_top{background:url(/img/videos/blue_top.png) left top no-repeat;}

.blue_box_bottom{background:url(/img/videos/blue_bottom.png) left bottom no-repeat; width:797px;}

.blue_box{padding:50px 80px 25px 68px;}

.pic1{float:right; padding:20px 0px 0px 0px;}

.bold_text{font-size:22px;}

.blue_box_text{

	line-height:25px;

	padding-top: 0px;

	padding-right: 178px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.link_box{width:220px; float:left; padding:18px 10px 0px 15px;color:#65D4F4;}

.link_box ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:disc;}

.link_box li{padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; background:url(/img/videos/bullot.gif) 0px 10px no-repeat;}

.link_box li a{color:#65D4F4; text-decoration:underline; font-size: 16px;}

.link_box li a:hover{text-decoration:none;}

/*blue_container ends here*/



/*footer starts here*/

#footer{width:797px;}

.footermenu{padding:45px 0px 32px 0px;margin:0px 0px 0px 0px;float:left;}

.footermenu ul{padding:2px 0px 0px 91px;margin:0px 0px 0px 0px;}

.footermenu li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}

.footermenu li a{padding:0px 7px 0px 6px;color:#65D4F4;text-decoration:underline;font-size:11px; font-weight:bold;}

.footermenu li a:hover{text-decoration:none;}

.copyright{padding:58px 0px 32px 200px;color:#464646;float:left;font-size:11px;}

.whiteline{color:#65D4F4; font-weight:bold;}

/*footer ends here*/



/* inner pages css start */

h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}

.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}

h5{

	color:#ffffff;

	padding:0px 0px 5px 0px;

	border-bottom:1px dotted #ffffff;

	margin:0px 0px 10px 0px;

	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: normal;

}

h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}

.aboutcolumnzone{padding:20px 0px 16px 0px;}

.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}

.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}

.abouticon{float:left; margin:0px 20px 0px 0px;}

.insidereadmore{padding:10px 0px 10px 0px;}

input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}

input.button:hover{cursor:pointer; color:#cccccc;}

.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}

.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}

.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}

.servicecolumnzone{padding:20px 0px 16px 0px;}

.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}

.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}

.blog-posted-row{padding:3px;}

/* inner pages css ends */