/*******************************************************************************
********************************************************************************
	Project		: Outsourcing Pakistan
	Company		: Fit Fuer Den Markt
	CSS 		: Danish Adeel
	Start date	: 07-09-09 
	Last change : 

********************************************************************************
*******************************************************************************/

*, .nogaps { 
	padding: 0;
	margin: 0;
	border: 0;
	outline:none;
}
html, body { 
	min-height: 100%;
	padding-bottom: 1px;
	background:#78a4c2 url(bg.jpg) repeat-x;
}
body,input,textarea {
	font-family:verdana;
}
body  {
	color: #3c3c3c;
	font-size:65%;
	margin:0px;
	padding:0px;
}
p{
	font-size:1.1em;
}
a,
a:link,
a:visited {
	color:#4d7aa1;
	text-decoration:none;
}
a:hover,
a:active,
a:focus {
	text-decoration:underline;
}
ul, ol { 
	list-style-position: outside;
	font-size:1.1em;
}
h1, h2, h3, h4, p, ul, ol { /*-- Setting bottom margin globly will be good to get similer gaps between elements --*/
	margin-bottom:14px;
}
h1 {
	font: normal bold 1.7em Verdana, Geneva, sans-serif;
	color:#1d406a;
}
h2 {
	font: normal bold 1.2em Verdana, Geneva, sans-serif;
	color:#1d406a;
}
h3 {
	font: normal bold 1.4em Verdana, Geneva, sans-serif;
	color:#1d406a;
}
h4 {
	font-size:1em;
	font-weight:bold;
}
#cnt p,
#cnt ul,
#cnt ol,
#lft_clm p,
#lft_clm ul,
#lft_clm ol,
#rgt_clm p,
#rgt_clm ul,
#rgt_clm ol {
	line-height:16px;
}
div.blank {
	clear:both;
}
#controller {
	width:849px;
	position:relative;
	background:#fff;
	margin:30px auto 0;
	padding:13px;
}

/* Header */

#hdr { /*-- Header is nested to #controller and header’s top left position dependent to #controller --*/
	position:absolute;
	left:13px;
	top:13px;
	width:849px;
	height:290px;
	z-index:1000;
	background:url(head.jpg);
}
#logo {
	position:relative;
	width:222px;
	height:97px;
	float:left;
	background:url(logo.gif) no-repeat top left;
}
#logo a,
#logo a:link,
#logo a:visited {
	float:left;
	display:block;
}
#main {
	/*-- Top margin will be same as #hdr height + if any gap between header and #main --*/
	padding:300px 10px 10px 10px;
	float:left;
	z-index:500;
	width:829px;
}
#bc {
	float:left;
	padding:6px 0;
	background:#FFC;
	width:100%;
}
#bc ul {
	float:left;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}
#bc ul li {
	list-style:none;
	position: relative;
	line-height:16px;
	display: inline;
	padding:0 0 0 20px;
	background:url(bread_arrow.gif) 6px 1px no-repeat;
}
#bc ul li.first {
	padding:0;
	background:none;
}

/* Navi */


#nav {
	float:left;
	width:849px;
	background:#eeecea;
	list-style:none;
	position:relative;
	top:300px;
	margin:0;	
}
#nav li {
	float:left;
	list-style:none;
}
#nav li a:link,
#nav li a:visited,
#nav li span {
	color:#000;
	padding:12px 15px 0;
	height:23px;
	font:normal bold 1em Verdana, Geneva, sans-serif;
	display:block;
	float:left;
}
#nav li a:active,
#nav li a:hover,
#nav li a:focus,
#nav li.active a:link,
#nav li.active a:visited,
#nav li span {
	background:url(bg-nav.gif);
	text-decoration:none;
	color:#fff;
}
#nav li.first{
	padding:0 0 0 10px;
}

/* Content */
#cnt {
	/*-- Left margin will be same as #lft_clm total width + gap between #lft_clm and #cnt --*/
	padding:20px 0;
	float:left;
	width:100%; /*------*/
}
#cnt img{
	padding:5px;
	background:#eeecea url(bg-img.jpg) repeat-x;
}
#cnt ul {
	list-style:none;
	padding:0;
	overflow:hidden;
}
/*#cnt ul.shortul {
	width:500px;
	display:inline-block;
}
#controller.ufix #main ul{
	width:500px;
	display:inline-block;
}*/

#cnt ul li{
	list-style:none;
	margin:0;
	padding:0 2px 4px 18px;
	background:url(bullet.gif) 0 6px no-repeat;
}
#cnt ul ul{
	margin-bottom:4px;
	margin-top:6px;
}
#cnt ul li li{
	padding:0 2px 0px 18px;
	font-size:0.9em;
}
#cnt ol {
	margin-left:20px;
	padding:0;
}
*html #cnt ol {
	margin-left:26px;
}
#cnt ol li {
	padding:0px 2px 4px 0px;
}
/* /Content */

/* Footer */
#ftr {
	background:#6693b5;
	margin:0 auto;
	width:100%;
	clear:both;
	color:#1d406a;
	font:bold normal 1.1em Verdana, Geneva, sans-serif;
}
#ftr div{
	background:#a1c4db;
	margin:0 auto;
	width:825px;
	padding:20px 25px;
	height:6px;
}
* html #ftr div{
	padding-bottom:0px;

}
#ftr div span{
	dis play:block;
	float:left;
}
#ftr div ul{
	float:right;
}
#ftr div li{
	float:left;
	list-style:none;
	margin-left:10px;
	font-size:0.8em;
}
#ftr div a:link,
#ftr div a:visited{
	font:bold normal 1.1em Verdana, Geneva, sans-serif;
	color:#1D406A;
}
#ftr div a:hover{
	text-decoration:underline;
}
/* /Footer */

/*-- Redaxo Elements --*/

div.cnt-blck {
	clear:both;
}
div.image p {
	font-size:1em;
	float:none;
}
.fl-left { 
	float: left;
	margin: 5px 11px 0 0;
}
.fl-right {
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr,
.fl-center {
	text-align:center;
}
.clearer,
.clr { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.no_clear{
	clear:none;
}
.hidden,
.hdn {
	display:none;
}
*:lang(de) {
	quotes:"";
}

/* ---- two column module ---- */

#cnt .two_col {
	float:left;
	width:100%;
}
#cnt .two_col .col_1 {
	float:left;
	width:49%;
}
#cnt .two_col .col_2 {
	float:left;
	width:49%;
	margin-left:2%;
}
/* ---- /two column module ---- */


/*- Form Danish -*/

form { /* defining the width of form will adjust the labels's and input's width automatically */
	margin:0 auto;
	width:557px;
}
form input.text,
form textarea,
form select{
	border:2px solid #7e8f2a;
	background:url(bg-input.gif) bottom repeat-x;
	padding:5px 2px 5px 5px;
	float:left;
	margin:10px 0 0;
	color:#1d406a;
	font-size:1em;
	font-family:verdana;
	width:550px;
}
form select{
	width:557px;/* Width of the select box should be some pixel or percent greater than the width of input */
	background:#fff;
}

form.lrg_frm {
	width:760px;
}
form.lrg_frm input.text,
form.lrg_frm textarea{
	width:750px;
}
form textarea {
	height:120px;
}
form label.text,
form label.textarea,
form label.select/*,
form p.radio span,
form p.checkbox span*/{
	width:100%;
	display:block;
	float:left;
	margin-top:13px;
	font-size: 1em;
	padding:0 7px 0 5px;
	color:#1d406a;
}
form p.err input.text,
form p.err textarea,
form p.err label.text,
form p.err select {
	color:#f00;
	border:1px solid #f00;
}
form p.err label.text {
	border:0;
}
form p {	
	clear:both;
	line-height:normal;
	float:left;
	margin:0;
	width:100%;
}
form p.fsbmt input {
	margin:10px auto; /* the left margin is equal to the padding-right of label */
	background:none;
	cursor:pointer;
	float:none;
	display:block;
}
form p.captcha img{
	margin:0 0 0 7px; /* the left margin is equal to the padding-right of label */
	padding:0 0 0 22%; /* the left padding is equal to the width of input/select */
}
form p label.radio {
	margin:10px 5px 0 0;
	float:left;
}
form p label.checkbox {
	margin:10px 0 0 0;
	float:left;
}
form p.radio input,
form p.checkbox input {
	background:none;
	margin:10px 5px 0 0;
	float:left;
	padding:1px;
}
form p.checkbox input{
	margin-top:7px;
}
html>/**/body form p.radio input{
	margin:12px 5px 2px 0;
}
html>/**/body form p.checkbox input{
	margin-top:11px;
	padding:1px;
}
/*----/form----*/

.tel{
	position:absolute;
	bottom:13px;
	right:7px;
	width:270px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font:normal normal 1.5em Verdana, Geneva, sans-serif;
}
.find{
	background:url(bg-nav.gif) bottom;
	border:1px solid #ececec;
	height:33px;
	width:640px;
	margin:0 auto;
}
.find p{
	background:url(bullet2.gif) no-repeat 617px 11px;
	border:1px solid #fff;
	color:#ecf3cf;
	height:23px;
	width:603px;
	padding:8px 25px 0 10px;
	font:normal bold 1.2em Verdana, Geneva, sans-serif;
	margin:0;
}
.box,
.gal{
	width:640px;
	margin:0 auto;
	clear:both;
}
.gal{
	width:auto;
	margin:0 0 0 87px;
	clear:both;
}
.gal a:link,
.gal a:visited{
	margin:0 38px 34px 0;
	float:left;
	padding:5px;
	background:#eeecea url(bg-img.jpg) repeat-x;
}
.gal img{
	float:left;
}
.heading{
	background:url(bullet-heading.gif) no-repeat 0 11px;
	padding:7px 0 7px 25px;
	font: normal bold 1.4em Verdana, Geneva, sans-serif;
	color:#1d406a;
	margin:10px 10px 0 10px ;
}
.gradiant{
	
	padding:5px;
	background:#333;
}
.frm_radio {
	float:left;
}
.frm_radio input.radio {
	float:left;
	line-height:normal;
	margin:8px 4px 0 0;
}
.frm_radio label.radio {
	float:left;
	margin:8px 0 0 0;
	line-height:normal;
	padding:0 14px 0 0;
}
.frm_radio span.radio {
	float:left;
	color:#1D406A;
	width:100%;
	padding:0 7px 0 5px;
	display:block;
}
.fb_like {border:none; overflow:hidden; float:right; margin-left:12px; margin-top:-4px;width:105px; height:21px;}