/* 
Theme Name:	MediaFarm Global, Inc - Inside Pages
Theme URI:	http://www.mediafarmglobal.com/
Version:	1.0
Author:		Allen Dino Mamañgun
Date:		Mar 2008
*/

/* default tags */
body { margin: 0; padding: 0; border: 0; background: url(images/i_b_bg.gif) #FFFFFF no-repeat bottom right fixed; }

a		{ color: #0072bc; text-decoration: underline; }
a:hover	{ color: #000000; text-decoration: none; }

span.tel { margin-left: 15px; font-weight: bold; color: #666666; }

/* IDs */
#container	{ margin: 0 auto; padding: 0; border: 0; width: 764px; }

	#header	{ margin: 20px 0 0 0; padding: 0; border: 1px solid #ffffff;}
		#header .mast  { float: left; width: 194px; }
		#header .cup   { float: left; width: 374px; text-align: right; }
		#header .award { float: left; width: 194px; }
	
	#menu 	{ margin: 0 auto; padding: 0; border: 0; width: 764px; clear: both;}
		#menuHome, #menuELearning, #menuWebMobile, #menuBpoContact, #menuAboutUs, #menuContactUs { float: left; }
		
		#menuHome a			{ display: block; width: 66px; height: 46px; background: url(images/i_m_home.png) no-repeat 0 0; }
		#menuHome a:hover	{ background-position: 0 -46px;}
		
		#menuELearning a		{ display: block; width: 157px; height: 46px; background: url(images/i_m_elearning.png) no-repeat 0 0; }
		#menuELearning a:hover	{ background-position: 0 -46px; }
		
		#menuWebMobile a		{ display: block; width: 137px; height: 46px; background: url(images/i_m_web_mobile.png) no-repeat 0 0; }
		#menuWebMobile a:hover	{ background-position: 0 -46px; }
		
		#menuBpoContact a		{ display: block; width: 161px; height: 46px; background: url(images/i_m_bpo_contact.png) no-repeat 0 0; }
		#menuBpoContact a:hover	{ background-position: 0 -46px; }
		
		#menuAboutUs a		{ display: block; width: 107px; height: 46px; background: url(images/i_m_about_us.png) no-repeat 0 0; }
		#menuAboutUs a:hover	{ background-position: 0 -46px; }
		
		#menuContactUs a		{ display: block; width: 136px; height: 46px; background: url(images/i_m_contact_us.png) no-repeat 0 0; }
		#menuContactUs a:hover	{ background-position: 0 -46px; }
		
		/* active menu */
		#menu.elearning #menuELearning a		{ background-position: 0 -92px !important; }
		#menu.web #menuWebMobile a		{ background-position: 0 -92px !important; }
		#menu.bpo #menuBpoContact a		{ background-position: 0 -92px !important; }
		#menu.about #menuAboutUs a		{ background-position: 0 -92px !important; }
		#menu.contact #menuContactUs a		{ background-position: 0 -92px !important; }
		
	#pageguide { margin: 0 0 0 10px; padding: 0; }
	
	#content { margin: 0; padding: 10px 0 0 0; border: 0; width: 100%; }
		#subMenu { margin: 0; padding: 0; border: 0; width: 190px; font-family: Verdana, Tahoma, Arial; font-size: 14px; float: left; }
			#subMenu .top	{ background: url(images/i_sm_bg.gif) no-repeat 0 0; height: 20px; width: 190px; }
			#subMenu .mid	{ background: url(images/i_sm_bg.gif) no-repeat 0 -20px; height: 2px; width: 190px; margin: 0; padding: 0; }
			#subMenu .bot	{ background: url(images/i_sm_bg.gif) no-repeat 0 -22px; height: 20px; width: 190px; }	
			
				#subFlash a,
				#subSlide a,
				#subClient a,
				#sub3d a,
				#subWebinar a,
				#subPodcast a,
				#subHistory a,
				#subTeam a,
				#subMemberships a		{ display: block; background: #7fb8dd; color: #000000; width: 180px; padding: 5px 0 5px 10px; text-decoration: none; }
				#subFlash a:hover,
				#subSlide a:hover,
				#subClient a:hover,
				#sub3d a:hover,
				#subWebinar a:hover,
				#subPodcast a:hover,
				#subHistory a:hover,
				#subTeam a:hover,
				#subMemberships a:hover	{ background: #0072bc; color: #ffffff; }
				
			#subMenu.flash #subFlash a { background: #f2c800; }
			#subMenu.slide #subSlide a { background: #f2c800; }
			#subMenu.client #subClient a { background: #f2c800; }
			#subMenu.threed #sub3d a { background: #f2c800; }
			#subMenu.webinar #subWebinar a { background: #f2c800; }
			#subMenu.podcast #subPodcast a { background: #f2c800; }
			#subMenu.history #subHistory a { background: #f2c800; }
			#subMenu.team #subTeam a { background: #f2c800; }
			#subMenu.memberships #subMemberships a { background: #f2c800; }
			
		#leftImg { margin: 0; padding: 0; border: 0; width: 190px; float: left; }
			#leftImg img { border: 0; }
			
		#main	{ width: 553px; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #CCCCCC; float: left; }
			#main p	{ margin: 0 0 10px 0; padding: 0; }
			#main p.image { border-top: 1px solid #333333; padding-top: 10px; }
			#main p.image-noborder { padding-top: 10px; }
			#main p, #main ul, #main ol, #main blockquote { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #333333; }
			
			#mailForm { font-family: Tahoma, Verdana, Arial; font-size: 12px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 0 0 10px 0; }		
			
			#thumbnail { width: 180px; float: left; text-align: center; margin: 0 1px 10px 1px; padding: 0; font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: bold; color: #0072bc; }
				#thumbnail img { border: 0; padding: 3px; border: 1px solid #308dc8; background: #FFFFFF; }
				
			#gallery3DEntry { margin: 0; padding: 0; }
				#gallery3DEntry h3 { margin: 0 0 5px 0; padding: 0; font-family: Tahoma, Verdana, Arial; font-size: 16px; color: #0072bc; }
				
			#galleryClient { font-family: Tahoma, Verdana, Arial; font-size: 12px; border: 1px solid #999999; padding: 10px; width: 220px; }
				#galleryClient div { width: 200px; margin: 2px 0; text-align: right; }
				#galleryClient input { font-family: Tahoma, Verdana, Arial; font-size: 12px; }
				
			#clientPortfolio {  }
				#clientPortfolio .logout { float: right; font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #333333; }
				.portfolio-header { font-family: Tahoma, Verdana, Arial; font-size: 16px; color: #0072bc; font-weight: bold; margin: 10px 0 5px 0; border: 1px solid #f2c800; border-width: 0 0 1px 0; padding: 0 0 2px 0; }
				.portfolio-item { width: 180px; height: 140px; float: left; margin:0 1px; text-align: center; font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #333333; }
					.portfolio-item img { border:1px solid #308DC8; padding:3px; }
				#cboxTitle { font-family: Tahoma, Verdana, Arial; font-size: 14px; font-weight: bold; }
	

#footer	{ margin: 0 auto; text-align: center; font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; clear: both; }
	
/* utility IDs */
#spacer { clear: both; margin: 0; padding: 0; }
.spacer { clear: both; float: none; }