/* -------------------
Site By GHULAM ABBAS
--------------------*/


* { /* fixes differnt default margins in the browsers */
	padding: 0;
	margin: 0;
	border: 0;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
	background-color:#9bb6c3;
	background-image:url(bg_body.jpg);
}
* html body { /* activates vertical scrolling especially on FF */
	background-color:#9bb6c3;
	background-image:url(bg_body.jpg);
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
body,
input,
textarea { /* since we mostly use only one font per project just define it global
              some browsers need input and textarea to be defined extra!
              as if it would not be covered by body {} */
	font-family:Arial, Helvetica, sans-serif;
}

input,
textarea { /* due to useability we always need this padding and because we defined padding:0 before */
	padding-left:2px;
}

img { /* to be sure no browser displays an image border since we don't use border="0" on img */
 border:0;
}

/* the values for ul, ol are exemplary but you'll see interpretation differences
   especially on positioning the list symbol/number accross browsers */

h1 {
	margin-top:11px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:2px #F2F2F2 solid;
	font-size:20px;
}

h2 {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

h3 {
	color:#A4A7B0;
	float:right;
	margin-right:15px;
	font-weight:bolder;
	margin-top:32px;
}

h4  { /* not always required */

}

h5 { /* not always required */

}
#container{
	width:982px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	background-image:url(content_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#logo{
	margin-left:32px;
	margin-top:26px;
	height:54px;
	background-image:url(master2.gif);
	background-repeat:no-repeat;
	background-position:0 -26px;
	width:200px;
	float:left;
}
* html #logo{
	margin-left:18px;
	margin-top:26px;
	height:54px;
	background-image:url(master2.gif);
	background-repeat:no-repeat;
	background-position:0 -26px;
	width:200px;
	float:left;
}
#logo a{
 	display:block;
	height: 54px;
	width: 200px;
}
#header{
	height:102px;
	background-color:#FAFAFA;
	position:relative;
}
div.gllr {
	width:982px;
	background-color:#3383FE;
	margin-top:8px;
	margin-left:-21px;
	margin-right:auto;
	background-image:url(gal_bg.gif);
	background-repeat:repeat;
}
* html div.gllr {
	margin-left:-20px;
}
div.gllr img{
	margin-left:9px;
	margin-bottom:11px;
	margin-top:11px;
	margin-right: 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #000;

}
#head_right{
	width:400px; 
	float:left;
	margin-left:345px;
	margin-top:10px;
	position:relative;
}
*html #head_right{
	width:400px; 
	float:left;
	margin-left:280px;
	margin-top:10px;
	position:relative;
}
#head_right a,
#head_right a:link,
#head_right a:visited,
#head_right span{
	color:#A4A7B0;
	font-size:12px;
	padding-left:15px;
	text-decoration:none;
}
.home{
	margin-left:8px;
	background-image:url(master.jpg);
	background-repeat:no-repeat;
	background-position:0 -19px;
}
.mail{
	margin-left:13px;
	background-image:url(master.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#head_right a:hover{
	color:#000;
}
#head_lng{
	width:60px;
	padding-left:0px;
	left:334px;
	position:absolute;
	top:0px;
}
#head_lng img{
	padding-left:4px;
}
#head_right #head_lng a{
	padding-left:0px;
}
#black{
	background-color:#2B2B2B;
	margin-left:auto;
	margin-right:auto;
	width:959px;
	height:29px;
}
#black p{
	color:#FFFFFF;
	font-size:12px;
	padding-left:15px;
	padding-top:7px;
	font-weight:bold;
}
.box{
	width:309px;
	height:206px;
	background-color:#F2F2F2;
	float:left;
	position:relative;
	margin:14px 6px 0 0;
	background-image:url(master.jpg);
	background-repeat:repeat-x;
	background-position:0 -96px;

}
#content .box .boxp{
	color: #fff;
	padding: 7px 7px 0px 17px;
	margin: 0;
	background: url(master.jpg) no-repeat scroll 291px -39px;
	height: 24px;
	font-weight:bold;
}
#content .box p{
	padding: 17px 7px 0px 20px;
	margin: 0;
}
#content .boxp a,
#content .boxp a:link,
#content .boxp a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
#content .boxp a:hover{
	color:#fff;
	text-decoration:none;
}
#content .box .vice{
	text-align:right;
	text-decoration:none;
	position:absolute;
	top:155px;
	left:245px;
}
#content{
	padding-top: 10px;
	min-height:500px;
	padding-left:21px;
	padding-right:10px;
}
* html #content{
	padding-top: 10px;
	height:500px;
	padding-left:20px;
	padding-right:0px;
}
#content ul{
	margin-top:17px;
	margin-left:18px;
}
#content li{
	list-style-type:none;
	padding-bottom:10px;
	font-size:12px;
	background-image:url(master2.gif);
	background-repeat:no-repeat;
	background-position:-198px 4px;
	padding-left:12px;

}
#content li a,
#content li a:link,
#content li a:visited{
	padding-left:0px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#content li a:hover{
	color:#2763FE;
}
#content a,
#content a:link,
#content a:visited{
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#content a:hover{
	color:#000000;
	text-decoration:none;
}
#content p{
	font-size:12px;
	padding:10px 5px 5px 0;
}
#content ol {
	margin-left:30px;
	list-style-position:outside;
	padding-bottom:10px;
}

#content ol li {
	list-style-type:decimal;
	background-image:none;
	padding-left:0px;
}
/* ----------------------------------------------- */
#content ul.sqr {
	margin:0 0 0 14px;
}
#content .sqr li{
	list-style:none;
	padding-left:16px;
	font-size:12px;
	padding-bottom:10px;
	background:url(bullit.gif) 4px 6px no-repeat;
}
#content li .sqr a,
#content li .sqr a:link,
#content li .sqr a:visited{
	padding-left:16px;
	color:#2763FE;
	font-size:12px;
	font-weight:bold;
	background:url(master2.gif) 4px -16px no-repeat;
	background-position:0px 5px;
	text-decoration:none;
}
#content li .sqr a:hover{
	color:#000000;
}
#content p.sqr{
	color:#000000;
	font-size:14px;
	padding-left:22px;
	padding-top:20px;
	font-weight:bold;
}

table{
	width:258px;
	height:116px;
	border:1px #2C2A2A solid;
}
tr{
	border:1px #2C2A2A solid;
}
td{
	border:1px #2C2A2A solid;
	height:43px;
}
.tdb{
	background-color:#2B2B2B;
	height:21px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.trb{
	height:47px;
	color:#2B2B2B;
	font-size:11px;
	text-align:center;
}
#tabdiv{
	float:right;
	margin-right:55px;
	margin-top:25px;
}
#navibg{
	background-color:#F2F2F2;
	margin-left:auto;
	margin-right:auto;
	width:959px;
	height:29px;
}

#navi ul{
}
#navi li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	float:left;
	list-style-type:none;
	padding-left:34px;
}
#navi li a,
#navi li a:link,
#navi li a:visited{
	color:#000000;
	text-decoration:none;
	list-style-type:none;
	font-weight:bold;
	background-image:url(master2.gif);
	background-repeat:no-repeat;
	background-position:center -80px; 
	display:block;
	padding-top:6px;
}
#navi li span,
#navi li.active span{
	color:#2662FE;
	text-decoration:none;
	list-style-type:none;
	background-image:url(master2.gif);
	background-repeat:no-repeat;
	background-position:center -80px; 
	display:block;
	padding-top:6px;
	font-weight:bold;
}
#navi li a:hover,
#navi li .active,
#navi li .active span,
#navi li .active a,
#navi li .active a:link,
#navi li .active a:visited{
	color:#2662FE;
	font-weight:bold;
}
#footer{
	background-image:url(footer_bg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
	width:959px;
	height:45px;
	clear:both;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#footer p{
	padding-left:19px;
	padding-top:16px;
	float:left;
	margin-right:5px;
}
#footer p.foot_right{
	float:right;
	margin-right:10px;
}
* html .foot_right{
	margin-left:425px;
}
#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.lst{
	list-style-type:none;
	float:left;
	margin-top:16px;
	margin-right:15px;
	border-left:1px solid #fff;
	padding-left:5px;
}
.st{
	list-style-type:none;
	float:left;
	margin-top:17px;
	margin-right:15px;
	border-left:0px;

}
/* Redaxo Elements */



div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
div.image p { /* picture description text */
	font-size:1px; /*define some small font size */ 
	float:none;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 12px 55px 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 11px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}

.download {/* can be added on an tag with text link */
	background-image:url(icon_pdf.png);
	background-repeat:no-repeat;
	background-position: 0px 9px;
	padding:0 0 4px 22px;
}


/* standard form CSS */

.frm {
	/* standard form */
}

.frm fieldset legend {
	padding:10px 0 5px 0;
	font-weight:bold;
}
* .frm fieldset legend {
	margin-left:-6px;
}

.frm input,
.frm textarea,
.frm select {	
	border:1px solid #000;
	padding:2px;
	margin-bottom:10px;
}

.frm input {
	width:250px;	
	height:15px;
}

.frm textarea {	
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.frm label {	
	display:block;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
}

.frm input.missing,
.frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #fcb913;
}

.frm select {	
	padding:2px;	
}
.frm select option {
	padding-right:10px; /* hinders FF to have the arrow above the text */
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;	
	padding:0px !important;	
}
.frm p.fsbmt input {
	margin-left:162px;
	background-color:#2C2A2A;
	color:#fff;
	width:95px;
	height:22px;
	font-size:11px;
	border:1px #ECECEC solid;
	cursor:pointer;
}
.frm p label.radio {
	width:auto;
	margin-right:15px;
	margin-left:4px;
	float:left;
}
.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	float:left;
}
.frm p span.radio,
.frm p.radio span {
	display:block;
	float:left;
	width:100%;
	margin-bottom:5px;
	font-weight:bold;
}
.frm p label.checkboxRight {
	padding-left:5px;
	width:auto;
}
.error_msg {
	background:#fff;
	color:#2662FE;
	font-size:10px;
}
#b_logo{
	position:absolute;
	top:22px;
	right:410px;
}
