/**************************************************
			Title:    Mag Studio
			Author:   Gipi Gopinath
			Updated:  17 February 2009

			List Of Contents:
				=Content
				=Header
				=
					
**************************************************/

@import url(reset.css); /* Reset Css */

/*----------->>> =Global Styles <<<-------------*/

body {
	background: url(../images/site_images/bg_client_center.gif) left top repeat-x;
	color: #333333;
	font-family: Tahoma,Verdana,Sans-Serif;
	font-size: 11px;
}

div#container {
	margin: 20px auto;
	padding-bottom: 20px;
	width: 1008px;
}


/*----------->>> =Header <<<-------------*/

div#header {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	
	background: url(../images/site_images/img_client_center_bg.gif) right bottom no-repeat;
}

.en #header {
	background: url(../images/site_images/img_client_center_en.gif) right bottom no-repeat;
}
	div#header h1 {
		float: left;
	}
	
		div#header h1 a {
			display: block;
			width: 151px;
			height: 82px;
			text-indent: -99999px;
		}
		
			div#header h1 a span {
				float: left;
				width: 151px;
				height: 82px;
				text-indent: -99999px;
				
				background: url(../images/site_images/img_logo_bg.png) left top no-repeat;
			}
			
			.en div#header h1 a span {
				background: url(../images/site_images/img_logo.png) left top no-repeat;
			}
			
			ul.lang {
				float: right;
				margin-right: 5px;
				font-size: 10px;
				color: #666666;
			}
		
			ul.lang li {
				display: inline;
				list-style-type: none;
			}
			
				ul.lang li a {
					font-size: 10px;
					font-weight: bold;
					color: #666666;
				}
			
			
/*----------->>> =Content <<<-------------*/

div#content {}
	
div#content .client_data {
	width: 1008px;
	height: 176px;
	
	background: url(../images/site_images/bg_clients.jpg) left top no-repeat;
}	
	
	div#content .client_data ul {
		float: left;
		font-size: 11px;
		color: #333333;
		line-height: 18px;
	}
	
		div#content .client_data ul li {
			float: left;
			list-style-type: none;
		}	
		
		div#content .client_data ul.client_first {
			width: 65px;
			margin: 20px 0 0 100px;
			padding: 0 0 0 0;
		}
		
			div#content .client_data ul.client_first li {
				padding: 0 0 26px 0;
			}
			
		
		div#content .client_data ul.client_first li.last {
			text-align: right;
		}
			
			div#content .client_data ul li.last span {
				display: block;
				font-weight: bold;
			}
			
		div#content .client_data ul.client_second {
			width: 105px;
			margin: 3px 0 0 117px;
		}
		
			div#content .client_data ul.client_second li {
				text-align: right;
			}
			
			
			div#content .client_data ul.client_second li.last {
				width: 105px;
			}
		
		div#content .client_data ul.client_third {
			width: 100px;
			margin: 3px 0 0 25px;
		}
		
			div#content .client_data ul.client_third li.last {
				width: 105px;
				text-align: left;
			}
			
		div#content .client_data ul.client_fourth {
			width: 105px;
			margin: 3px 0 0 98px;
			_margin-left: 95px;
		}
		
			div#content .client_data ul.client_fourth li.last {
				width: 105px;
				text-align: left;
			}
			
		div#content .client_data ul.client_fifth {
			width: 100px;
			margin: 3px 0 0 98px;
		}
		
			
			div#content .client_data ul.client_fifth li.last {
				width: 105px;
				text-align: left;
			}
			
			
			div#content .client_data ul.client_second li,
			div#content .client_data ul.client_third li,
			div#content .client_data ul.client_fourth li,
			div#content .client_data ul.client_fifth li {
				padding: 0 0 10px 0;
			}
			
			
		.en div#content .client_data ul.client_second,
		.en div#content .client_data ul.client_third,
		.en div#content .client_data ul.client_fourth,
		.en div#content .client_data ul.client_fifth {
			margin-top: 10px;
		}
		
			.en div#content .client_data ul.client_second li,
			.en div#content .client_data ul.client_third li,
			.en div#content .client_data ul.client_fourth li,
			.en div#content .client_data ul.client_fifth li {
				padding: 0 0 30px 0;
			}
			
			.en div#content .client_data ul.client_fourth li.last,
			.en div#content .client_data ul.client_fifth li.last {
				width: 90px;
			}
			
					
		.en div#content .client_data ul li.last {
			padding-bottom: 0px !important;
			line-height: 16px;
		}

			
	
	div.content_wrapper {
		float: left;
		
		background: url(../images/site_images/bg_content_wrapper.gif) 502px top no-repeat;
	}
		
	div.content_details {
		float: left;
		width: 501px;
		padding: 0 0 14px 0;
		
		background: #F5F5F4 url(../images/site_images/bg_content_details.gif) left top repeat-x;
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	
	div.content_details.last {
		margin-left: 1px;
		padding-bottom: 10px !important;
		
		border-left: 0px;
		border-right: 1px solid #e0e0e0;
	}
		
		div.content_details h2 {
			width: 491px;
			height: 39px;
			padding: 10px 0 0 10px;
			
			background: url(../images/site_images/bg_h2.png) left top no-repeat;
		}	
		
		div.content_details h2.heading_one span {
			display: block;
			text-indent: -99999px;
			
			background: url(../images/site_images/img_heading_one_bg.png) left top no-repeat;
		}
		
		.en div.content_details h2.heading_one span {
			background: url(../images/site_images/img_heading_one_en.png) left top no-repeat;
		}
		
		div.content_details h2.heading_second span {
			display: block;
			text-indent: -99999px;
			
			background: url(../images/site_images/img_heading_second_bg.png) left top no-repeat;
		}
		
		.en div.content_details h2.heading_second span {
			background: url(../images/site_images/img_heading_second_en.png) left top no-repeat;
		}
		
		
		
		div.comments {
			float: left;
			width: 495px;
		}
		
		div.comments p.questions {
			width: 128px;
			float: left;
			padding: 7px 0 0 21px;
			font-size: 11px;
			font-weight: bold;
			color: #db2342;
		}
		div.comments .comments_wrapper {
			float: right;
			width: 344px;
		}
		
		.comments_wrapper p {
			width: 260px;
			line-height: 18px;
		}
		
		.comments_wrapper .box_top {
			width: 309px;
			padding: 10px 10px 10px 25px;
			
			background: url(../images/site_images/bg_box_top.png) left top no-repeat;
		}
		
		.shade .box_top {
			background: url(../images/site_images/bg_box_top_shaded.png) left top no-repeat;
		}
		
		.comments_wrapper .box_bottom {
			_width: 340px;
			
			background: url(../images/site_images/bg_box_bottom.png) left top no-repeat;
		}
		
		.shade .box_bottom {
			background: url(../images/site_images/bg_box_bottom_shaded.png) left top no-repeat;
		}
		
		.comments_wrapper .box_bottom.last,
		.shade .box_bottom.last {
			height: 4px;
			padding-bottom: 0px !important;
		}
		
		.last .comments_wrapper p {
			width: 263px;
		}
		
		.last .comments {
			width: 494px;
		}
		
		.last div.comments p.questions {
			width: 135px;
			padding-left: 15px;
		}
		
		.last .comments_wrapper .box_top {
			padding-top: 6px;
		}
		
		.en .comments_wrapper .box_top {
			padding-top: 12px;
			padding-bottom: 12px;
		}
		
		.en .last .comments_wrapper .box_top {
			padding-top: 6px;
			padding-bottom: 10px;
		}
			
			
			
/*----------->>> =Footer <<<-------------*/			
			
#footer {
	clear: both;
	margin: 0px;
	color: #707070;
}

	#footer #page_signature {
		padding-top: 20px;
	}
	
	#footer #page_signature .logo_small {
		padding: 0 0 0 10px;
		width: 68px;
		height: 19px;
		text-indent: -9999px;
		
		background: url(../images/site_images/img_logo_footer.gif) left top no-repeat;
		
	}
		#footer #page_signature span {
			float: left;
		}	
			
		
	#footer ul {
		float: left;
		margin: 0 0 0 100px;
	}	
	
		#footer ul li {
			display: inline;
			padding: 0 10px 0 10px;
			list-style-type: none;
			
			background: url(../images/site_images/bg_footer_links.gif) left 5px no-repeat;
		}
			
			#footer ul li a {
				font-weight: bold;
				text-decoration: none;
				color: #333333;
			}
			
				#footer ul li a:hover {
					text-decoration: underline;
					color: #666666;
				}