@charset "utf-8";
/* CSS Document by Jr Salonga 2010 */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
body {
	background-image: url(images_/main_bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
}

#main_container{ background:url(images_/main_mid_bg.jpg); width:960px; height:754px; margin:auto; }
#logo_container{ width:960px; height:127px;  }
#logo{ background:url(images_/logo_.png); width:342px; height:127px; margin:auto;}
#navi{ background:url(images_/top_bar.png); height:37px; width:595px; margin:auto; border:thin;}
#navigation{ float:left; height:27px; width:400px; margin-left:100px; margin-top:6px;  }




#mid_content{width:741px; height:591px; background:url(images_/mid_effect.png); margin:auto; margin-top:-3px;}
#mid_icons_container{width:741px; height:270px; margin:auto;}
#SLR { width:249px; height:210px; background:url(images_/slr_vctr.png); float:left; margin-left:70px; margin-top:50px;}
#Docu { width:262px; height:252px; background:url(images_/folder.png); float:left; margin-left:70px; margin-top:10px;}
#net { width:233px; height:201px; background:url(images_/net_icon.png);  float:right; margin-right:70px; margin-top:50px;}
#txt { width:280px; height:150px; float:right; margin-right:80px; margin-top:115px;}
#launch_icons{width:741px; height:60px; margin:auto;}
#ph_icon{ width:202px; height:56px; float:left; margin-left:80px;}
#resume_icon{ width:202px; height:51px; float:left; margin-left:80px;}
#net_icon{width:192px; height:56px; float:right; margin-right:80px;}
#pass_icon{width:192px; height:56px; float:right; margin-right:80px; margin-top:3px;}
#info{ width:741px; height:250px;}
#box{width:691px; height:201px; background:url(images_/Box.png); margin:auto; margin-top:45px;}
#footer{ width:100%; height:100px; background:#000; }
#footer_1{ width:100%; height:300px; background:#000; }
#f_icon{width:400px; height:40px; margin:0 auto;}
#f_text{ width:550px; height:15px; margin:0 auto; text-align:center;}
.gallery{ list-style:none;}
.gallery li{ display:inline-block;}
#ul_holder{ margin-left:90px;}
#left_box{ width:250px; height:135px; float:left; margin-left:30px; margin-top:45px;}
#right_box{ width:250px; height:135px;  float:right; margin-right:60px; margin-top:45px;}
.check{ list-style-image:url(images_/check.png);}
#ymail{ list-style-image:url(images_/ymail.png)}
#gmail{ list-style-image:url(images_/gmail.png)}
#phone{ list-style-image:url(images_/phone.png)}
#ym{ list-style-image:url(images_/ym.png)}
#media_holder{ width:741px; height:240px; margin:auto; margin-top:27px; }
#fb{ list-style-image:url(images_/fb.png)}
#flickr{ list-style-image:url(images_/flckr.png)}
#multiply{ list-style-image:url(images_/mult.png)}
#twitter{ list-style-image:url(images_/twitter.png)}
#box_{width:691px; height:240px;  margin:auto;}
#left_side{ width:345px; height:240px; background:url(images_/links_.png); float:left;}
#media_list{width:230px; height:170px; margin-top:70px; margin-left:30px}
#right_side{width:345px; height:240px;; float:right; padding-top:1px; padding-bottom:-1px;}



#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:700px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:600px;
		overflow-y:auto;
	}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images_/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}