/**************************************************
				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_body.gif) left top repeat-x;
	color: #333333;
	font-family: Tahoma,Verdana,Sans-Serif;
	font-size: 11px;
}

#wrapper {
	margin: 20px auto;
	padding-bottom: 20px;
	width: 919px;
	
	background: url(../images/site_images/bg_world_map.png) left top no-repeat;
}

#container {
	
}


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

#header h1 a {
	float: left;
	width: 189px;
	height: 56px;
	text-indent:-9999px;
	
	background: url(../images/site_images/bg_logo.png) left top no-repeat;
}

ul.lang {
	float: right;
	color: #9a9a9a;
}

	ul.lang li {
		display: inline;
		list-style-type: none;
	}
	
		ul.lang li a {
			font-size: 11px;
			font-weight: bold;
			color: #9a9a9a;
		}
		
ul.site_links {
	padding: 50px 0 0 0;
}	

	ul.site_links li {
		margin: 0 0 5px 0;
		padding: 0 10px 0 0;
		list-style-type: none;
	}
	
		ul.site_links li a {
			padding: 0 10px 0 0;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #666666;
			
			background: url(../images/site_images/bg_site_links.gif) right center no-repeat;
		}
		
			ul.site_links li a span {
				color: #f79539;
			}
			
			ul.site_links li a:hover {
				color: #999999;
			}


/*----------->>> =Content <<<-------------*/

div#content {}

	div#content h2 {
		margin-top: 174px;
		width: 200px;
		height: 23px;
		text-indent: -99999px;
		
		background: url(../images/site_images/bg_outsourcing.png) left top no-repeat;
	}
	
		div#content div {
			float: left;
			
			background: url(../images/site_images/bg_heading.gif) left 57px repeat-x;
		}
		
		div#content div.list_one {
			width: 355px;
			padding-right: 30px;
		}
		
		div#content div.list_two {
			width: 500px;
		}
		
			div#content h3 {
				margin: 20px 0 10px 0;
				padding: 0 0 10px 0;
				font-size: 24px;
				color: #fd9e46;
			}
			
			div#content div ul li {
				padding: 0 0 10px 0;
				font-size: 12px;
				line-height: 18px;
				color: #333333;
				list-style-type: none;
			}
		
				div#content div ul li.one h4,
				div#content div ul li.two h4,
				div#content div ul li.three h4,
				div#content div ul li.four h4 {
					margin: 0px;
					padding: 6px 0 0 20px;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					color: #514e4e;
				}
				
				div#content div ul li.one h4 {
					background: url(../images/site_images/bg_1.gif) left top no-repeat;
				}
				
				div#content div ul li.two h4 {
					background: url(../images/site_images/bg_2.gif) left top no-repeat;
				}
				
				div#content div ul li.three h4 {
					background: url(../images/site_images/bg_3.gif) left top no-repeat;
				}
				
				div#content div ul li.four h4 {
					background: url(../images/site_images/bg_4.gif) left top no-repeat;
				}


/*----------->>> =Footer <<<-------------*/

#footer {
	clear: both;
	margin: 0px;
	
	background: url(../images/site_images/bg_heading.gif) left top repeat-x;
}

	#footer #page_signature {
		padding-top: 20px;
	}
	
	#footer #page_signature .logo_small {
		padding: 0 0 0 10px;
		width: 54px;
		height: 16px;
		text-indent: -9999px;
		
		background: url(../images/site_images/bg_copyright_logo.gif) left top no-repeat;
		
	}
		#footer #page_signature span {
			float: left;
		}