CSS Coding, PSD Slicing Service, PSD 2 HTML, Tableless Coding India.

@charset "utf-8";
/* CSS Document */

/* THIS IS SIMPLE STYLE SHEEET FOR XHTML2.0
		Development By Sparx Technologies
Email:info@sparxtechnologies.com

A sample style sheet for XHTML 2.0
    This style sheet describes a very incomplete, sample rendering of
    XHTML 2.0 elements.
    Editor: Santosh kumar [Email: santosh.kumar@sparxtechnologies.com]
   
*/

body{
	margin:0px;
	padding:0px;
	line-height:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/top-body-reapter.jpg) left top repeat-x;
	}
html a{
	outline:none !important;
	}
	
input{
	font-size:13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6F7073;
	padding:0px;
	}	
	
h1, h2, h3, h4, h5, h6, p, form, ul, ol{
	margin:0px;
	padding:0px;
	}

html, body, div, p, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, li{
	display:block;
	}
 
h1{
	font-size:18px;
	color:#6F7073;
	line-height:18px;
	}

h2{
	font-size:17px;
	color:#6F7073;
	line-height:17px;
	font-weight:normal;
	}

h3{
	font-size:14px;
	color:#6F7073;
	}

p{
	color:#ADADAD;
	font-size:12px;
	}

/* This style is stylelist radio button , Checkboxes and seclect list */

.styled {
	width:225px;
	height:15px;
	border:0px;
	margin:2px 0px 0px 5px;
	}

/* End here  */

/* start here main div */

#main-outer{             /* It use for outer main footer bg image */
	width:100%;
	overflow:hidden;
	background:url(../images/footer-body-reapter.jpg) left bottom repeat-x;
	
	
	}
#main{                   /* It use for main Div */
	width:785px;
	margin:0 auto;
	overflow:hidden;
	}
#header{
	width:100%;
	overflow:hidden;
	height:302px;
	}	
#logo{
	margin:44px 0px 0px 0px;
	background:url(../images/logo.jpg) no-repeat;
	width:233px;
	height:88px;
	
	}
#header-text{
	background:url(../images/header-text.gif) no-repeat;
	width:100%;
	margin:12px 0px 0px 2px;
	height:63px;
	text-indent:-99999999px;
	}	
.search-text{
	color:#ADADAD;
	font-weight:bold;
	font-size:12px;
	width:114px;
	margin:31px 0px 0px 13px;
	background:url(../images/arrow.gif) right 5px no-repeat;
	}	
.search-div{
	width:290px;
	float:left;
	margin:3px 0px 0px 10px;
	}
.search-div ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.search-div li{
	float:left;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	}	
	
.search-div li img{
	border:0px;
	}
	
.search-div li.search-box{
	background:url(../images/search-box.gif) no-repeat;
	width:238px;
	height:20px;
	}
/* blog */

#blog-main-div{
	width: auto;
	float:right;
	margin:0px 0px 0px 0px;
	}
#blog-main-div ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#blog-main-div li{
	float:left;
	color:#ADADAD;
	font-size:17px;
	}
#blog-main-div li a{
	float:left;
	padding:12px 0px 0px 30px;
	color:#ADADAD;
	font-size:17px;
	text-decoration:none;
	}
#blog-main-div li a:hover{
	color:#2AA8E2;
	}
/* center */

#center-main{
	clear:both;
	margin:68px 0px 0px 0px;
	overflow:hidden;
	}

.video-left-main{
	width:328px;
	float:left;
	overflow:hidden;
	}
	
.video-left{
	background:url(../images/video-bg.gif) no-repeat;
	height:277px;
	width:328px;
	text-align:center;
	}
.video{
	padding:10px 0px 0px 0px;
	overflow:hidden;

}
	
.video-text{
	text-align:center;
	font-size:16px;
	padding:10px 0px 0px 0px;
	color:#6F7073;
	font-weight: bold;
	}	
	
#light-box{
	overflow:hidden;
	z-index:1;
	}	
/* right video */

.video-right-main{
	width:328px;
	float:right;
	overflow:hidden;
	
	}
/* THUMBNAILS  */

.thumbnals-main{
	width:100%;
	margin:55px 0px 0px 0px;
	overflow:hidden;
	float:left;
	}
.thumbnals{
	width:195px;
	float:left;
	}
	
.thumbnals-bg{
	background:url(../images/smoll-video-bg.gif) no-repeat;
	width:88px;
	height:75px;
	text-align:center;
	margin:0 auto;
	}
.thumbnals-bg img{
	margin-top:4px;
	border:0px;}
	
#thumbnal-buttom{
	clear:both;
	float:left;
	width:100%;
	margin-top:35px;
	}	
	
.thumbnals-text{
	color:#6F7073;
	font-size:11px;
	text-align:center;
	padding:5px 0px 0px 0px;
	clear:both;
	width:195px;
	float:left;
	}
	
.thumbnals-bg-right{
	background:url(../images/smoll-video-bg.gif) no-repeat;
	width:88px;
	height:75px;
	text-align:center;
	float:right;
	}
.thumbnals-bg-right img{
	margin-top:4px;}
	
/* footer */

#footer-main{
	clear:both;
	margin-top:40px;
	width:100%;
	float:left;
	overflow:hidden;
	height:93px;
	}
#footer-left-link{
	width:200px;
	float:left;
	margin-top:30px;
	}
	
#footer-left-link ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#footer-left-link li{
	float:left;
	}
#footer-left-link li img{
	border:0px;
	}
	
	
.facebook{
	margin-left:22px;}
	
#footer-copyright{
	float:right;
	color:#C0C2C4;
	font-size:9px;
	padding-top:40px;
	text-align: right;
	line-height:9px;
	}
#footer-copyright a{
	color:#C0C2C4;
	font-size:9px;
	text-decoration:none;
	} 
#footer-copyright a:hover{
	text-decoration:underline;}
	
	
#footer-copyright span{
	font-size:8px;}