/* CSS Document */

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline}
ul, ol {list-style:none}
/* Global properties ======================================================== */
body {font-family:"Trebuchet MS"; font-size:13px; line-height:18px; color:#000; background:#000; }
img { border:none;}
html {min-width:960px}
html, body {height:100%}
.logofont { font-size:10px;}

* {margin:0;padding:0}

a:link { text-decoration:underline; color:#d00a0b;}
a:hover { text-decoration:none; color:#333;} 

.container {margin: 0 auto;position: relative;width: 960px;}

.wrapper {width:100%; overflow:hidden;}

/* background css */
/* Dont Change this value */
#backgrounds {position:relative;top:0px;width:1600px;height:100%;overflow:visible;z-index:0;}
#backgrounds img {position:absolute;top:0em;left:0em;z-index: -1;}
#backgrounds.horizontal img {width:100%;}
#backgrounds.vertical img {height: 100%;left: 50%; /* counteract this with negative left margin in javascript */}

/*..... jquery slider...*/
#backgrounds IMG {position:absolute;top:0;left:0;z-index:8;}
#backgrounds IMG.active {z-index:10;}
#backgrounds IMG.last-active {z-index:9;}
/*....slider end.......*/
/* background css end */

/*===== header =====*/
header { background:url(../images/topBg.jpg) repeat-x; overflow:hidden; height:182px;}

.top-nav { width:960px; height:182px; background:url(../images/topImg.jpg) no-repeat; text-transform:uppercase;}
.top-nav ul { list-style:none; margin:8px 20px 0px 0px; float:right;}
.top-nav li {float:left}
.top-nav li a {float:left;color:#fff;text-decoration:none;font-size:14px; border-right:1px solid #f65654;}
.top-nav li a span {float:left;padding:0px 12px 0px 12px}
.top-nav li a:hover {color:#000;}

.logo {display: block;float: left;height: 61px;width: 234px;margin:62px 0px 0px 22px;}

nav {position:absolute;right:6px;top:154px; font-family:Arial; font-weight:lighter; font-size:14px; text-transform:uppercase;}
nav ol#toc {height: 2em;list-style: none;margin: 0;padding: 0;}
nav ol#toc a {background: #bdf url(../images/tabs.gif);color: #fff;display: block;float: left;height: 2em;padding-left: 16px;text-decoration: none;}
nav ol#toc a:hover {background-color: #000;background-position: 0 -120px; color:#000;}
nav ol#toc a:hover span {background-position: 100% -120px;}
nav ol#toc li {float: left;margin: 0 1px 0 1px;}
nav ol#toc li.current a {background-color: #000;background-position: 0 -60px;color: #000;font-weight: bold;}
nav ol#toc li.current span {background-position: 100% -60px;}
nav ol#toc span {background: url(../images/tabs.gif) 100% 0;display: block;line-height: 2em;padding-right: 16px;}

/*===== section =====*/
section {overflow:hidden;}
section .main { min-height:763px;}
section .signal { float:left; margin:10px 0px 0px 0px;}
section .quick { width:36px; height:232px; position:absolute; top:88px; right:25px;}

.cols {position:absolute; top:630px; left:20px;}
.cols ul { list-style:none; float:left; font-size:17px; color:#fff;}
.cols ul li { display:block; float:left; line-height:22px;}

.cols-inner {position:absolute; top:630px; left:20px;}
.cols-inner ul { list-style:none; float:left; font-size:17px; color:#000;}
.cols-inner ul li { display:block; float:left; line-height:22px;}


.animate ul {list-style:none;margin:0;padding:0;}
.animate li {float:left;margin:0;padding:0;text-align:center; width:157px; font-family:"Trebuchet MS"; font-size:12px; text-align:right;}
.animate li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;}
.animate li a {background:url(bg2.jpg) repeat 0 0;}
.animate li a:hover, li a:focus, li a:active {background-position:-150px 0;}
.animate #b a {background:url(../images/bg2.jpg) repeat 0 0;}


hgroup { position:absolute; /*top:402px;*/ top:587px; right:20px;}
hgroup h1 { font-family:"Trebuchet MS"; font-size:26px; color:#FFF; margin-bottom:17px;}
hgroup h2 { font-family:"Trebuchet MS"; font-size:30px; color:#FFF;} 

.content { width:960px; min-height:763px; background:url(../images/inner_bottom.png) no-repeat bottom;}

div.scrollholder {position: relative;width:880px; height:491px;overflow:auto;z-index:1; /*background-color:#fff; */}

div.scroll {position: absolute;left:0;top:0;width:95%;z-index:2;}

/* <Scroll> */
div.track {position: relative;float:right;top:0;width:11px;height:100%;font-size:0;z-index:3;background: black;}

div.drag_bar {position:absolute;width:100%;height:14px;cursor:pointer;z-index:4;background: #cf0a0a;}  

.articlebg {width:959px; background:#FFF; margin-left:1px; opacity:0.9; filter:alpha(opacity=90);}
article { width:840px; margin:0px 20px 0px 20px; } 
article h1 { margin:20px 0px 7px 0px; font-family:"Trebuchet MS"; font-weight:lighter; font-size:24px;}
article span { color:#bf1313; font-size:14px;}
article p { line-height:18px; font-size:13px;}

/*===== aside =====*/
aside {overflow:hidden; background:#000;}
aside form { width:410px; height:57px; margin:20px 0px 0px 0px; float:left; }

/* forms */
#search-form {position:absolute;right:37px;top:34px}
#search-form fieldset {border:none;display:inline}
#search-form input.text {width:195px;padding:3px 0 3px 5px;border:1px solid #d2d2d2;background:#fff;margin-right:8px}
#search-form input.submit {background:url(images/submit-bg.gif) no-repeat 0 0;width:79px;height:34px;border:none;color:#fff;font-size:14px;cursor:pointer}

form fieldset {border:none;display:inline}
form label { color:#999; font-size:14px; text-transform:uppercase; padding-right:5px;}
form select { width:133px; height:24px; height:21px\9; border:none; text-indent:2px; margin-left:2px; padding:3px 0px 0px 3px\9; color:#666;}
.btn { width:39px; height:24px; background:url(../images/goBtn.jpg) no-repeat; border:none; cursor:pointer; position:absolute; top:20px; text-indent: -3000px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .btn  { padding-top:5px;  }
}


/*===== footer =====*/
footer { overflow:hidden; background:#000;}
.f:link, .f:active, .f:visited { color:#fffb5f; text-decoration:none;}
.f:hover { color:#fffb5f; text-decoration:underline;}
footer p { font-size:12px; color:#fffb5f; margin-bottom:20px;}
footer .tstudio { float:right;}

/*===== catalogue =====*/
#testdiv {width:800px; /*margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff*/}
#testdiv ul {list-style:none; margin-bottom:12px; padding:0; float:left;}
#testdiv li {font:14px Georgia,Verdana; margin-bottom:4px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer; float:left; margin-left:10px;}
#testdiv li:hover {border:1px solid #bbb; background:#e3e3e3}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

/*===== accordian =====*/
.accordion {
	width: 800px;
	
}
.accordion h3 {
	background: url(../images/arrow-square.png) no-repeat left -51px;
	padding: 7px 15px;
	margin: 0;
	/*border: solid 1px #c4c4c4;*/
	border-bottom: none;
	cursor: pointer;
	font-family:"Trebuchet MS"; font-size:15px;
	text-indent:10px;
	font-weight:normal;
}

.accordion h3:hover {
	/*background-color: #e3e2e2;*/
}
.accordion h3.active {
	background-position: left 5px;
}
.accordion p {
	margin: 0;
	padding: 10px 15px 20px 24px;
	/*border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4; */
}

/*====== quick panel ========*/
.panel {
position: absolute;
top: 106px; right: 0px;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 127px;
height:71px;
padding: 11px 7px 59px 26px;
filter: alpha(opacity=85);
opacity: .85;
z-index:2;
}


.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #ff0000;
text-decoration: none;
border-bottom: 1px solid #ff0000;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position:absolute;
text-decoration: none;
top: 66px; right: 0px; 
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
display: block;
z-index:3;
}

a.trigger:hover{
position:absolute;
text-decoration: none;
top: 66px; right: 0px;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
display: block;
z-index:3;
}

a.active.trigger {
/* background:#222222 url(images/minus.png) 15% 55% no-repeat; */
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

.colleft ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.colleft ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

.colright ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.colright ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

/*========= contact form =============*/
.grid6 {
	width: 474px;
	height:240px;
	float: right;
    margin-left: 30px;
	margin-top:-260px;
	padding:10px;
	border:1px solid #6c6b6b;
}

.grid3 {
    width: 222px;
	float: left;
    margin-left: 30px;
}
.alignright {
    text-align: right;
}
.first {
    clear: left;
    margin-left: 0;
}

.alignright a { width:44px; height:16px; background:#d00a0b; text-decoration:none; color:#FFF; position:absolute; right:-8px; padding:5px;}
.alt:hover { width:80px; background:#f22c2d; color:#FFF; margin-right:5px; cursor:pointer;} 

#contacts-form fieldset {border:none;width:100%;overflow:hidden;display:block;line-height:16px}
	#contacts-form label {display:block;height:44px;overflow:visible;text-indent:4px; color:#000; line-height:20px; padding-bottom:6px;}
		#contacts-form input {color:#4b4b4b;border:1px solid #6c6b6b;background:rgba(204, 204, 204, .05);/*padding:2px 0 2px 5px; */width:210px;margin-left:3px}
		#contacts-form input:focus {border-color:#d00a0b}
		#contacts-form textarea {color:#4b4b4b;border:1px solid #6c6b6b;background:rgba(204, 204, 204, .05);padding:2px 0 2px 5px;width:210px;overflow:auto;height:114px;margin-bottom:12px}
		#contacts-form textarea:focus {border-color:#d00a0b}
		#contacts-form .link1 {float:right;margin-left:11px}
		
#career-form {clear:right;width:100%;overflow:hidden}
#career-form fieldset {border:none;float:left}
#career-form .field {clear:both}
#career-form label {float:left;width:123px;line-height:18px;padding-bottom:6px; color:#000; font-size:13px;}
#career-form .title {float:left;width:600px;line-height:18px;padding-bottom:3px;font-size:17px; color:#BF1313; padding-top:10px;}
#career-form input {width:265px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#career-form textarea {width:470px;height:145px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#career-form .button {background:#d00a0b; width:85px;line-height:24px;float:right; color:#FFF; text-decoration:none; text-indent:30px;}
		
/*============= table css ==============*/
table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table {
	width:90%;
	border-top:1px solid #fcd5d6;
	border-right:1px solid #fcd5d6;
	margin:1em auto;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#fee9e9
	}
tr.odd .column1	{
	background:#fee9e9;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#678197;
	border-bottom:1px solid #fcd5d6;
	border-left:1px solid #fcd5d6;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #fcd5d6;
	border-left:1px solid #fcd5d6;
	padding:.3em 1em;
	}							
thead th {
	background:#fee9e9;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#d00a0b
	}	
tfoot th {
	text-align:center;
	/*background:#fee9e9; */
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#d00a0b;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
	
/*** partners ***/
.partners-view ul {
	width:820px;
	float:left;
	list-style:none;
	}
	
.partners-view ul li {
	float:left;
	width:136px;
	height:139px;
	background:url(../images/client-bg.png) no-repeat;
	}
	
.partners-view ul li img { margin:18px 0px 0px 15px;}
	
	.qr{
	            display: block;
    float: left;
    height: 80px;
    margin: 62px 0px 0px 60px;
	    
	}
/*** All html5 & CSS coding done by Asif ***/