html { overflow-y:scroll; }
body { margin:0; background-color:#f2f2f2; }
html, body { height: 100%; font-family: Arial, Helvetica, sans-serif; } 

.title_name, .title_inform, .icon_viion, .top_a, .top_b, .top_c { display:none; }

#main { margin: 0 auto; width:800px; }
#title { text-align:center; padding:50px 0 50px 0; }
#content { background-image:url("../img/bg.jpg"); background-position:center top; background-repeat:no-repeat; display:block; background-color: #f2f2f2; min-height: 100%; }
#container 
{ 
	width:625px; 
	background: #EFEFEF; /* old browsers */
	background: -moz-linear-gradient(top, #EFEFEF 1%, #ffffff 9%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#EFEFEF), color-stop(9%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ffffff',GradientType=0 ); /* ie */
	padding: 10px 10px 40px 10px; 
	-moz-box-shadow: 0 0 10px #D2D2D2; 
	-webkit-box-shadow: 0 0 10px #D2D2D2; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border:solid 1px #999; 
	float:left; 
	display:inline-block; 
}
#contact { margin: 0 0 4px 155px; font-size:12px; }
#footer { clear:both; padding:10px 0 0 0; margin: 15px 3px 0 150px;  text-align:center; font-size:11px; color: #666;}
#button { width: 150px; border:solid 1px #999; display: inline-block; margin:0 0 -3px 0; padding: 4px 0 7px 5px; background-color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight:bold; font-size:12px;}
#button:hover { border:solid 1px #444; background-color: #F4FCFF; padding: 4px 0 7px 10px; margin:0 0 -3px -5px; }
#button2 { width: 150px; color:#FFF; border:solid 1px #000; display: inline-block; margin:3px 0 -3px 0; padding:4px; background-color: #5B5B5B; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight:bold; font-size:12px;}
#button2:hover { background-color: #242424; padding:4px; margin:3px 0 -3px -5px; }

#button3 { width: 50px; color:#333; display:block; margin:0 0 0 80px; padding:5px; font-size:12px; text-align:right; font-weight:bold; color: #0070CA; }

#universitybox { font-size:13px; border:solid 1px #BCBCBC; background-color: #FBFBFB; padding:5px; margin:10px 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#seperator { width: 150px; border-top:dotted 1px #999; display: inline-block; margin:10px 0 6px 20px;}

#nav { width:150px; float:left; }
img { border:0px; }

h1 { font-size:22px; font-weight:normal; margin:0px; }
h2 { font-size:15px; font-weight:normal; margin:0px; }
h3 { font-size:16px; font-weight:normal; color:#017CE0; margin:0 0 5px 0; }
h4 { font-size:18px; font-weight:normal; color:#017CE0; display:inline-block; margin:0 10px 0 0; }

#infobox { font-size:13px; }

ul{ margin:0 25px 30px 25px; padding:0 0 10px 0; list-style:none; border-bottom:1px #666 dotted; }

#csharp { color: #060; }
#java { color: #06F; }
#php { color: #C00; }
#pdp { color: #FF0; }

a:link { text-decoration: none; color: #333; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #000; }
a:active { text-decoration: none; color: #333; }

#Email { width:150px; padding:3px 0 3px 25px; background-image:url("../img/Email.png"); background-repeat:no-repeat; background-position:2px 3px; float:left; }
#Phone { width:150px; padding:3px 0 3px 25px; background-image:url("../img/Phone.png"); background-repeat:no-repeat; background-position:2px 3px; float:left; }
#CV { width:150px; padding:3px 0 3px 25px; background-image:url("../img/CV.png"); background-repeat:no-repeat; background-position:2px 3px; float:left; }

#Email:hover { background-color: #F4FCFF; }
#Phone:hover { background-color: #F4FCFF; }
#CV:hover { background-color: #F4FCFF; }

#postbox { -moz-border-radius: 2px; -webkit-border-radius: 2px; border:solid 1px #CFCFCF; background-color: #FCFCFC; padding:5px; font-size:13px; margin:0 0 10px 0;}
#postbox:hover { padding:4px; border:solid 2px #666; }
#postbox_edit { -moz-border-radius: 2px; -webkit-border-radius: 2px; border:dotted 1px #666; background-color: #FFF; padding:5px; margin:6px; }
#postbox_edit:hover { border:dotted 1px #00C; background-color:#F4FCFF; }

#frontleft { width:460px; float:left; }
#frontright { width:150px; float:left; text-align:right; font-size:12px; margin-left:8px; height:100%; }

#frontleft2 { width:460px; float:left; font-size:15px; color:#999; margin-bottom:10px; }
#frontright2 { width:150px; float:left; text-align:right; color:#999; font-size:15px; margin-bottom:10px; margin-left:8px; height:100%; }

#extra { padding:4px 12px 4px 0; width:140px; font-weight:bold; border-bottom:solid 1px #333; background-color: #535353; display:block; color: #FFF; }
#extra:hover { background-color: #007EAE; border-bottom:solid 1px #666; }

li
{
	padding:5px;
	margin:0 0 5px 0;
	border-bottom:dotted 1px #999;
}
li:hover
{
	background-color:#FFC;
}

#file
{
	display:block;
	width:498px;
	background-image:url("../img/File.png");
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:4px;
}
#file:hover
{
	font-weight:bold;
	color:#D95C00;
}
#zipfile
{
	display:block;
	width:498px;
	background-image:url("../img/zipfile.png");
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:4px;
}
#zipfile:hover
{
	font-weight:bold;
	color:#D95C00;
}

#ffxiv1 
{ 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	border:solid 2px #9A9A9A;
	background-image:url("../img/ffxivmapmarker.jpg");
	background-repeat:no-repeat;
	background-position:right;
	display:block; 
	width:105px; 
	height:124px; 
	margin:8px 0 8px 0;
	padding:8px 508px 8px 8px;
	font-size:10px;
	text-shadow: #FFF 2px 0 0;
}
#ffxiv1:hover { border:solid 2px #0054DF; background-color:#FFC; text-decoration:none; }
#crse
{
	font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#999;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	border:solid 1px #999;
	background-color:#F5F5F5;
	padding:10px;
}