/* CSS Document */
/*
Author: Asim Mushtaq
*/
/* Hidden Styles */

html {
margin : 0;
padding : 0;
}
body {
background-image : url(../images/bg.gif) ;
background-repeat : repeat-x;
background-color : #888888;
margin : 0;
padding : 0;
border : 0;
font-size : 62.5%;
font-family : verdana, arial, helvetica, lucida, sans-serif;
text-align : center;
}
a {
color : #fd1a1a;
text-decoration : none;
}
div, img, ul, li, form, fieldset, p, h1, h2, h3, h4, h5, h6 {
padding : 0px;
margin : 0px;
}
hr {
color : #cccccc;
}
img{border:0px;}
#Header {
background-color : transparent;
margin : 0 auto;
margin-top : 15px;
padding : 0;
width : 890px;
height : 110px;
text-align : left;
color : #fff;
}
#Header #logo {
background-image : url(../images/keyStar.gif);
background-repeat : no-repeat;
width : 100px;
height : 92px;
border : none;
margin : 0 15px 0 0;
padding : 0;
float : left;
}
#Header .target{
color : #fd1a1a;
font-size : 15pt;
margin:0px;
padding:0px;
float:none;	
}
#Header h1 {
font-size : 20pt;
font-family :calibri;
padding : 0 0 0 0;
margin:0px;
border : 0px solid #fff;
float: none;
}
#Header h1 a{
color:#fff;
}
.call {
	float: right;
	margin :0px;
}
.call .image {
padding : 0;
background-repeat : no-repeat;
width : 254px;
height : 35px;
}
.call p {
font-size : 2em;
font-family : calibri;
padding :0px;
margin: auto;
}
.call p span {
font-size : 0.8em;
font-weight : bold;
color : #fd1a1a;
}
#Wrapper {
background-color : #fff;
margin : 0 auto;
margin-top : 0;
border : 0 solid;
padding : 10px;
width : 890px;
text-align : left;
}
#Wrapper #MainNav {
clear : both;
margin : 0;
padding : 0;
background-color : #000;
height : 30px;
}
#Wrapper #MainNav ul {
padding : 0;
margin : 0;
}
#Wrapper #MainNav ul li {
font-size : 12pt;
font-weight : bold;
font-family : calibri;
float : left;
list-style-type : none;
border-right : 1px solid #474747;
padding : 0;
}
#Wrapper #MainNav ul li a {
display : inline-block;
color : #fff;
text-decoration : none;
padding : 5px 20px 5px 20px;
}
#Wrapper #MainNav ul li a.selected, #Wrapper #MainNav ul li a:active, #Wrapper #MainNav ul li a.selected:hover, #Wrapper #MainNav ul li a:hover {
text-decoration : none;
color : #fd1a1a;
}
#Wrapper #MainNav .last {
border : none;
}
#Wrapper #MainNav .fB {
border : none;
float:right;
margin:-2px 0px 0px -25px;
padding:0px;
}
#jqb_object img {
border : none;
}
#jqb_object div {
border : none;
float : left;
width : 390px;
}
#jqb_object {
position : relative;
width : 890px;
height : 216px;
overflow : hidden;
padding : 10px 0 0 0;
}
#jqb_object ul.red-blob li {
background-image : url(../images/red-blob.png);
margin : 0 0 20px 20px;
padding-left : 30px;
background-repeat : no-repeat;
list-style : none;
line-height : 1.1em;
}
#jqb_object ul.small-red li {
list-style-image : url(../images/red-miniblob.png);
margin-left : 1em;
}
#jqb_object .jqb_bar {
position : absolute;
width : 890px;
height : 30px;
left : 0;
bottom : 0;
background : #000000;
color : #ffffff;
font-family : Arial, Verdana, Sans-Serif;
font-weight : normal;
font-size : 16px;
letter-spacing : 2px;
}
#jqb_object .jqb_slide {
position : absolute;
width : 890px;
height : 216px;
font-family : Arial, Verdana, Sans-Serif;
font-weight : bold;
font-size : 15px;
letter-spacing : 0;
text-align : left;
border : 0 solid red;
}
#jqb_object .jqb_info {
position : absolute;
padding : 6px 0 2px 10px;
float : left;
}
#jqb_object .jqb_btn {
width : 15px;
height : 14px;
margin : 8px 10px 2px 2px;
float : right;
}
#jqb_object .jqb_btn_next {
background-image : url(../images/btn_next.gif);
}
#jqb_object .jqb_btn_prev {
background-image : url(../images/btn_prev.gif);
}
#jqb_object .jqb_btn_pause {
background-image : url(../images/btn_stop.gif);
}
#jqb_object .jqb_btn_play {
background-image : url(../images/btn_play.gif);
}
#leftCol {
float : left;
padding : 0;
margin : 10px 0 50px 0;
border : 0 solid #999;
width : 200px;
font-size : 9pt;
background-color : #666;
font-family : Arial, Helvetica, sans-serif;
}
#leftCol h3 {
float : left;
padding : 10px 10px 10px 25px;
background : #000 url(../images/leftColCorner.gif) no-repeat right top;
color : #fff;
width : 165px;
font-size : 13pt;
font-family : Arial, Helvetica, sans-serif;
}
#leftCol ul {
margin : 0;
padding : 10px 0 40px 0;
width : auto;
float : left;
line-height : 30px;
}
#leftCol ul li {
margin : 0 0 0 17px;
padding : 0 0 0 15px;
list-style-type : none;
border-bottom : 1px solid #bcbdca;
text-align : left;
background : url(../images/red-miniblob.png) no-repeat left center;
}
#leftCol .last {
border : none;
margin-bottom : 10px;
}
#leftCol ul li a:link, #leftCol ul li a:active, #leftCol ul li a:visited {
text-decoration : none;
color : #fff;
}
#leftCol ul li a:hover {
text-decoration : none;
color : #000;
}
#leftCol ul li a.selected {
color : #000;
}
#leftCol .promo {
border : 0px dashed #fd1a1a;
text-align : center;
padding:5px;
margin : 35px 0px 5px 5px;
line-height : 20px;
width : 180px;
font-family :  Arial, Helvetica, sans-serif;
float : left;
color : #fd1a1a;
font-size : .9em;
font-weight : bold;
background-color : #fff;
}
#leftCol .promo strong {
color : #373636;
font-size : 13px;
}
#leftCol .promo h2 {
font-size :.9em;
padding : 0 0 0 0;
color:#000;
margin: 0px;
border : 0px solid #fff;
float: left;
}
#leftCol .promo h2 a{
color:#fd1a1a;
text-decoration :none;
}
#leftCol .promo h2 a:hover{
text-decoration :underline;
}
.card{margin:0px 0px 5px 25px; }
#contentWrape {
height : 100%;
min-height : 100%;
width : 458px;
margin : 0 20px 0 20px;
padding : 10px 0 50px 0;
border : 0 solid #ff0000;
float : left;
}
#contentWrape h2 {
color : #000;
font-size : 18pt;
margin-bottom : 10px;
}
#contentWrape h3 {
font-size : 14pt;
margin-bottom: 10px;
}
#contentInner {
margin : 0;
width : 100%;
}
#contentInner p {
padding : 10px 0 10px 0;
margin : 0;
line-height : 140%;
font-size : 1.5em;
color : #000;
}
#contentInner p span {
color : #fd1a1a;
font-weight : normal;
}
#contentInner img {
padding : 0;
float : right;
margin : 5px 0 15px 15px;
border : 0 solid #727272;
}
#contentInner p a:link {
text-decoration : none;
color : #fd1a1a;
}
#contentInner p a:hover {
text-decoration : underline;
font-size : 15px;
font-weight : bold;
color : #fd1a1a;
}
#contentInner p strong {
font-weight : bold;
color : #000;
}
#contentInner p .red {
color : #fd1a1a;
}
#contentWrape p .light {
color : #666;
}
#contentInner p strong a:link {
text-decoration : none;
color : #1b0ec7;
text-decoration : underline;
font-size : 0.7em;
}
#contentInner ul {
padding : 10px 0 10px 0;
margin : 0;
line-height : 90%;
font-size : 1.5em;
}
#contentInner ul li {
margin : 0 0 10px 20px;
padding : 1px 0 1px 0;
text-align : left;
line-height:20px;
}
#contentInner ul li a:link, #contentInner ul li a:active, #contentInner ul li a:visited {
text-decoration : underline;
color : #fd1a1a;
}
#contentInner ul li a:hover {
text-decoration : none;
}
#rightCol {
float : right;
padding : 0;
margin : 21px 0 0 0;
border : 1px solid #727272;
border-top : none;
width : 188px;
font-size : 9pt;
background-color : #fff;
font-family : Arial, Helvetica, sans-serif;
}
#top {
background : #fff url(../images/rightColCorner.gif) no-repeat left top;
margin : -11px 0 0 0;
position : relative;
border-right : 1px solid #727272;
width : 188px;
}
#rightCol h3 {
float : left;
padding : 0 0 10px 20px;
color : #000;
text-align : center;
font-size : 13pt;
font-family : Arial, Helvetica, sans-serif;
}
#rightCol p {
padding : 0 10px 25px 20px;
color : #000;
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.5em;
float : left;
}
#rightCol img {
padding : 0 0 5px 20px;
}
strong {
color : #fd1a1a;
}
#footer {
font-size : 1.1em;
font-family : lucida;
background-color : #000;
height : 40px;
border : 0 solid #666;
clear : both;
margin: 0 auto;
}
#footer .copyright {
color : #fff;
float : left;
margin-bottom : 10px;
padding : 5px 0 0 20px;
margin: 0 auto;
}
#footer .copyright span a:link {
color : #fd1a1a;
float :left;
margin : 0px 0px 0px 110px;
text-align : center;
font-weight : bold;
text-decoration :underline;
}
.Clearfix {
clear : both;
}
.floatRight {
float : right;
}
.floatLeft {
float : left;
}
.none {
margin : 0;
padding : 5px 0 0 0;
float : right;
}


@media only screen and (max-width: 950px), (orientation : portrait) 
{	
	#Wrapper {
width : 90%;

}
#Header {

width : 90%;

}
#contentWrape {

	width: 62%;

}
#rightCol, #jqb_object .jqb_slide, #jqb_object .jqb_bar  {
	display:none;
	height: 0px;
}
#jqb_object {height: 0px;}
@media only screen and (min-width: 360px) and (max-width: 720px), (orientation : portrait) 
{
#leftCol {
	display:none;
}
#contentWrape {
	width: 90%;
}
#Header h1, #Header #logo, #Header .target  {
	display:none;
	margin:0px;
}

.call {
	clear:both;
	width:90%;
}
.call p span {
font-size : 1em;
}
.call p {
font-size : 2em;
}

#MainNav li:last-child, #MainNav li:nth-last-child(2), #MainNav li:nth-last-child(3) {
   display: none;
}
#Wrapper #MainNav ul li {
font-size : 14pt;
}
#Wrapper #MainNav {
height : 34px;
}
.none {
display:none;