/* CSS webstudio.pk */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	margin:0;
	padding:0;
	background-color:#F4F4F4;
}

#mainContainer
{
	width:875px;
	height:auto;
	overflow:hidden;
	margin:auto;
	background-color:#FFFFFF;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
}

#topMenu
{
	width:875px;
	height:31px;
	background-color:#23232b;
	float:left;
	text-align:right;
}
#topMenu ul
{
	list-style:none;
	margin:0;
	padding:8px;
}
#topMenu li
{
	list-style:none;
	margin:0 0 0 0 ;
	padding:0 10px 0 0 ;
	display:inline;
}
#topMenu li a
{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	
}
#topMenu li a:hover
{
	font-size:12px;
	color: #FFCC00;
	text-decoration: underline;
	
}

#headerContainer
{
	width:875px;
	height:174px;
	float:left;
}

#menuContainer
{
	width:875px;
	height:38px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
	float:left;

	
}

#menuContainer ul
{
	list-style:none;
	margin:0;
	padding:12px;
}
#menuContainer li
{
	list-style:none;
	margin:0 0 0 0 ;
	padding:10px ;
	display:inline;
}
#menuContainer li a
{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:11px;
	
}
#menuContainer li a:hover
{
	font-size:12px;
	color: #000;
	text-decoration: underline;
	background-color:#22bef5;
	padding:11px;
	
}


#sliderContainer
{
	width:875px;
	height:223px;
	/*background-image: url(../images/slider_img.jpg);
	background-repeat: no-repeat;*/
	float:left;

}
#bodytopBg
{
	width:875px;
	height:9px;	
	float:left;		
	background-image:url(../images/body_bg_bar.jpg);
	background-repeat:no-repeat;
}


#bodyContainer
{
	width:875px;
	height: auto;
	overflow:hidden;
	float:left;
	margin-top:2px;
	background-color:#FFFFFF;
	
}

#bodyContainer .leftSide
{
	width:195px;
	height: auto;
	float:left;
	overflow:hidden;
}

#bodyContainer .leftSide .leftContainer
{
	width:195px;
	height: auto;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
#bodyContainer .leftSide .leftContainer .leftNavi-Heading
{
	width:195px;
	height:33px;
	float:left;
	background-image:url(../images/heading_bg.jpg);
	background-repeat:no-repeat;
}
#bodyContainer .leftSide .leftContainer .leftNavi-Heading h2
{
	font-size:18px;
	color:#FFFFFF;
	padding:6px;
	margin:0;
}
#bodyContainer .leftSide .leftContainer .blue-bg
{
	width:195px;
	height:145px;
	float:left;
	background-color:#c9eefb;
	padding:6px;

}
#bodyContainer .leftSide .leftContainer .blue-bg p
{
	font-size:12px;
	color:#333333;
	font-weight:bold;
	padding:10px
}
#bodyContainer .leftSide .leftContainer .blue-bg ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#bodyContainer .leftSide .leftContainer .blue-bg li
{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	background-image:url(../images/menu_icon.jpg);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;
	margin-left:6px;
	padding-bottom:6px;
	
}

#bodyContainer .leftSide .leftContainer .blue-bg li a
{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}
#bodyContainer .leftSide .leftContainer .blue-bg li a:hover
{
	font-size:12px;
	color: #0033CC;
	text-decoration:none;
	font-weight:bold;
	
}

#bodyContainer .leftSide .leftContainer .footer-blue-bg
{
	width:195px;
	height:9px;
	float:left;
	background-image:url(../images/footer_navi_bg.jpg);
	background-repeat:no-repeat;

}

#bodyContainer .Content
{
	width:470px;
	height: auto;
	overflow:hidden;
	float:left;
	padding:6px;
	margin:auto;
	background-color:#FFFFFF;
}
#bodyContainer .Content ul
{
	list-style:none;
	padding:0;
	margin:0;
}

#bodyContainer .Content li
{
	list-style:none;
	padding:0;
	margin:0;
	background-image:url(../images/2_arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	padding-bottom:6px;
	font-size:12px;
	font-weight:bold;
}

#bodyContainer .Content h1
{
	font-size:20px;
	color:#0033CC;
	padding:0;
	margin:0;
}

#bodyContainer .Content h2
{
	font-size:16px;
	color:#3333;
	padding:4px;
	margin:0;
}
#bodyContainer .Content p
{
	font-size:12px;
	color:#333333;
	padding:4px;
	margin:0;
	text-align: justify;
}

/*Right Side Bar*/

#bodyContainer .rightSide
{
	width:195px;
	height:auto;
	float: right;
	overflow:hidden;
	
}

#bodyContainer .rightSide .rightContainer
{
	width:195px;
	height: auto;
	float: right;
	overflow:hidden;
	margin-bottom:10px;
	
}
#bodyContainer .rightSide .rightContainer .rightNavi-Heading
{
	width:195px;
	height:33px;
	float:left;
	background-image:url(../images/heading_bg.jpg);
	background-repeat:no-repeat;
}
#bodyContainer .rightSide .rightContainer .rightNavi-Heading h2
{
	font-size:18px;
	color:#FFFFFF;
	padding:6px;
	margin:0;
}
#bodyContainer .rightSide .rightContainer .blue-bg
{
	width:195px;
	height:145px;
	float:left;
	background-color:#c9eefb;
	padding:6px;

}

#bodyContainer .rightSide .rightContainer .footer-blue-bg
{
	width:195px;
	height:9px;
	float:left;
	background-image:url(../images/footer_navi_bg.jpg);
	background-repeat:no-repeat;

}

#bodyContainer .rightSide .rightContainer .blue-bg ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#bodyContainer .rightSide .rightContainer .blue-bg ul li
{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	background-image:url(../images/menu_icon.jpg);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;
	margin-left:6px;
	padding-bottom:6px;
	
}

#bodyContainer .rightSide .rightContainer .blue-bg ul li a
{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}
#bodyContainer .rightSide .rightContainer .blue-bg ul li a:hover
{
	font-size:12px;
	color: #0033CC;
	text-decoration:none;
	font-weight:bold;
	
}

#bodyContainer .rightSide .galleryButton
{
	width:195px;
	height:52px;
	float:left;
	margin-bottom:8px;
}

#bodyContainer .rightSide .otherButton
{
	width:195px;
	height: auto;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	
}
#marqueecontainer{
width: 195px; /*marquee width */
height:145px; /*marquee height */

overflow: hidden;
padding: 2px;
padding-left: 4px;
float:left;
}

#footerContainer
{
	width:875px;
	height: auto;
	overflow:hidden;
	float:left;
	margin-top:2px;
	background-color:#4096ee;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;

}
#footerContainer p
{
	font-size:12px;
	color:#000000;
	padding:6px;
	margin:0;
}
#footerContainer ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#footerContainer li
{
	list-style:none;
	margin:10px 0 0 0 ;
	padding:0 6px 0 6px;
	display:inline;
	border-left:1px #000000 solid;

}

#footerContainer li a
{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
#footerContainer li a:hover
{
	font-size:12px;
	color:#000;
	text-decoration:none;
}


#footerContainer .siteCredit
{
	width:400px;
	height:auto;
	margin:auto;
	overflow:hidden;
}

#footerContainer .siteCredit ul
{
	list-style:none;
	padding:2px;
	margin:0;
}
#footerContainer .siteCredit li
{
	list-style:none;
	padding:0;
	margin:0;
}

#footerContainer .siteCredit li a
{
	font-size:12px;
	color:#000000;
	text-decoration:none;
		
}

#footerContainer .siteCredit li a:hover
{
	font-size:12px;
	color: #FFFFFF;
	text-decoration: underline;
}


.clear {
	clear:both
}



 
/*#Content #container #jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 80%;
	height: 500px;
}
 #Content #container #jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#Content #container #jquery-lightbox a img { border: none; }
#Content #container #lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#Content #container #lightbox-container-image { padding: 10px; }
#Content #container #lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 80%;
	text-align: center;
	line-height: 0;
}
#Content #container #lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#Content #container #lightbox-container-image-box > #lightbox-nav { left: 0; }
#Content #container #lightbox-nav a { outline: none;}
#Content #container #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#Content #container #lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#Content #container #lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#Content #container #lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 6px 0;
}
#Content #container #lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#Content #container #lightbox-container-image-data #lightbox-image-details { 
	width: 80%; 
	float: left; 
	text-align: left; 
}	
#Content #container #lightbox-image-details-caption { font-weight: bold; }
#Content #container #lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#Content #container #lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}*/

table,tr,td{
	border-collapse:collapse;
	border:1px #0066CC solid;
}
.even{
		background-color: #F1FBFE;
	}