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

html, body, form, h1, h2, h3, h4, h5, h6, div, p, a {

	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

body {
	
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:arial;
	font-size:12px;
	color:#575757;
	line-height:20px;
}
form {

	margin:0;
	padding:0;
}

a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

a:hover {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F00;
	text-decoration:underline;
}

img { border:0 none; }
p{ margin:0;}
.clear {clear:both;}

#top_area_full {
	
	width:100%;
	height:153px;
	background-image:url(../images/top-area.jpg);
	background-repeat:repeat-x;
}

#top-area {
	
	width:1000px;
	height:153px;
	position:relative;
	margin:0 auto;
	background-image:url(../images/faded-pic.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.contact-detail {
	width:306px;
	height:32px;
	position:absolute;
	right:176px;
	top:123px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#00404f;
	text-transform:uppercase;
	font-weight:bold;
}
.contact-detail .text {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#00404f;
	font-weight:bold;
}

#logo {
	width:325px;
	height:152px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0px;
}


#navigation {
	width:100%;
	height:36px;
	background-image:url(../images/navigation.jpg);
	background-repeat:repeat-x;
}

ul.navigation {
	
	margin:0;
	padding:0;
	list-style:none;
	width:1000px;
	margin:0 auto;
	color:#ffffff !important;
}

ul.navigation li {
	
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

ul.navigation li.sep {
	
	background-image:url(../images/sep.jpg);
	background-repeat:no-repeat;
	width:2px;
	height:30px;
	display:block;
	margin-top:2px;
}

ul.navigation li ul {
	
	margin:0;
	padding:0;
	list-style:none;
	padding-left:10px;
	position:absolute;
	left:-9999px;
}

ul.navigation li ul li {
	
	margin:0;
	padding:0;
	float:none;
	padding-left:5px;
	padding-top:8px;
}

ul.navigation li a {
	
	margin:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff !important;
	display:block;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px;
	padding-top:6px;
	height:29px;
	display:block;
	
	
}

ul.navigation li a:hover, ul.navigation li a.active {
	
	color:#ffffff !important;
	background-image:url(../images/hover.jpg);
	background-repeat:repeat-x;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	margin:0;
	padding:0;
	list-style:none;
	width:1000px;
	margin:0 auto;
	color:#ffffff !important;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	margin:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff !important;
	display:block;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px;
	padding-top:6px;
	height:29px;
	display:block;
}
#nav a:hover{
	color:#ffffff !important;
	background:url(../images/hover.jpg) repeat-x;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#1a3f5a; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:9999;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin-right:30px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
}
#nav ul a:hover{
	background:none;
	text-decoration:none;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:none;
	text-decoration:underline;
}


.search-field {
	
	width:181px;
	height:18px;
	background-image:url(../images/search-field.jpg);
	background-repeat:no-repeat;
	padding-left:5px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
#video-container {
	
	width:549px;
	height:336px;
	background-image:url(../images/video-container.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:10px;
}
#banner-area {
	
	width:100%;
	height:372px;
	background-image:url(../images/banner-area.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#banner-content {
	
	width:1000px;
	height:370px;
	position:relative;
	margin:0 auto;
}
#banner-left-content {
	width:395px;
	height:265px;
	left:20px;
	top:80px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#474747;
	text-align:center;
}
#banner-left-content h2 {
	
	font-family:arial
	font-size:24px;
	color:#00abd4;
	background-image:url(../images/border.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:15px;
}
#video-container {
	
	width:535px;
	height:321px;
	position:absolute;
	right:0;
	top:10px;
	z-index:2;
	background-image:url(../images/video-container.png);
	background-repeat:no-repeat;
	padding-top:15px;
	padding-left:16px;
}
#content {
	
	width:1000px;
	height:auto;
	margin:0 auto;
	padding-top:40px;
	
}
#content-left {
	
	width:705px;
	height:auto;
	float:left;
	background-image:url(../images/right.jpg);
	background-repeat:repeat-y;
	background-position: right top;
	padding-right:20px;
}

#content-left h2 {
	
	font-family:arial;
	font-size:25px;
	color:#151515;
	background-image:url(../images/heading-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:15px;
	margin-bottom:20px;
}
#bacha-container {
	
	background-image:url(../images/pyara-bacha-cotainer.jpg);
	background-repeat:no-repeat;
	width:710px;
	height:263px;
	position:relative;
}

#bacha {
	width:693px;
	height:243px;
	position:absolute;
	left:7px;
	top:8px;
	z-index:1;
}
#bacha  .title {
	font-family:arial
	font-size:24px;
	color:#361800;
	text-shadow:1px 1px 1px #FFF;
	position:absolute;
	height:65px;
	background-image:url(../images/banner-title.jpg);
	background-repeat:repeat-x;
	width:695px;
	left:0px;
	bottom:-7px;
	text-align:center;
	padding-top:6px;
}

#bacha  .title a {
	
	margin-top:7px;
	display:block;
}
#bacha .text-bacha {
	
	position:absolute;
	left:10px;
	top:10px;
	z-index:2;
}
#right-column {
	
	width:260px;
	height:auto;
	float:right;
}

#right-links {
	
	width:239px;
	height:auto;
	background-image:url(../images/right-links.jpg);
	background-repeat:repeat-y;
	border:2px solid #ddd;
	padding:10px;
	padding-left:5px;
	-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
	position:relative;
}

#right-links  ul {
	
	margin:0;
	padding:0;
}
#right-links  li {
	
	margin:0;
	padding:0;
	list-style:none;
	
}
#right-links  li ul {
	
	margin:0;
	padding:0;
	border-bottom:1px dashed #CCC;
	display:none;
}

#right-links .display-links {
	
}

#right-links  li a {
	
	color:#575757;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow:1px 1px 1px #FFF;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
}
#right-links  li a:hover {
	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow:1px 1px 1px #666;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	background-image:url(../images/right-links-heading.jpg);
	background-repeat:repeat-x;
	padding-left:25px;
}
#right-links h2 {
	
	background-image:url(../images/right-links-heading.jpg);
	background-repeat:no-repeat;
	width:254px;
	height:32px;
	text-align:center;
	line-height:30px;
	text-shadow:1px 1px 1px #0b283b;
	text-align:center;
	position:absolute;
	left:0;
	top:10px;
	color:#FFF;
	font-weight:bold;
}

#right-links h3 {
	
	color:#ff6c00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:20px;
}

.display-links li a{
	
	color:#F60 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:none !important;
	background-position:center left;
	border-bottom:1px dashed #666;
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-left:10px !important;
	margin-left:15px;
	background-image:url(../images/bullet5.png) !important;
	background-repeat:no-repeat;
	
}
.display-links li a:hover {
	
	text-decoration:underline !important;
	background-image:url(../images/bullet5.png) !important;
	background-repeat:no-repeat !important;
	text-shadow:none !important;
}

.tab-container {
	
	background-image:url(../images/tab-containe.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:250px;
	height:47px;
	
}
#footer {
	
	width:100%;
	height:147px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
}
#footer-middle {
	
	width:1000px;
	height:133px;
	margin:0 auto;
	position:relative;
	padding-top:15px;
	color:#FFF;
}
#footer-middle a{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
#footer-middle a:hover{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	text-decoration:underline;
}
#footer-left {
	width:400px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	position:absolute;
	left:0;
	top:70px;
}
#footer-right {
	width:200px;
	padding-right: 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	position:absolute;
	right:0;
	top:70px;
	/*text-align:right;*/
}

#footer-right a {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:0;
	text-decoration:none;
	
}
#footer-right a:hover {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:0;
	text-decoration:underline;
	
}
#video-container {
width: 100% !important;
right: 0 !important;
top: -8px;
}