/*
	 My CSS
*/
body { margin:0; background-color:#f2f2f2; }
html, body { height: 100%; } 

#container { width: 550px; margin: 0 auto; text-align:center; color:#333; padding:75px 0 25px 0; }
h1 { font-size:22px; font-weight:normal; }
h2 { font-size:15px; font-weight:normal; }
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; }
#title { margin:0 0 5px 0; padding:0 0 5px 0; border-bottom: dotted 1px #CCC; color:#666; }

#Mustang, #BitConverter, #RPGSimulation, #AionParser, #XIVEncore , #WebRPGSim, #EncoreOne, #CubicalIsland, #CodeLibrary, #HPBars
{
	border:1px solid #919191;
	background-color: #F7F7F7;
	color: #000;
	height:69px;
	display:block;
	text-decoration:none;
	padding:5px 0 0 290px;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#Mustang:hover, #BitConverter:hover, #RPGSimulation:hover, #AionParser:hover, #XIVEncore:hover, #WebRPGSim:hover, #EncoreOne:hover, #CubicalIsland:hover, #CodeLibrary:hover, #HPBars:hover
{
	border:1px solid #282828;
}
#Mustang { background-image:url("../labels/Mustang.jpg"); }
#BitConverter { background-image:url("../labels/32bitconverter.jpg"); }
#RPGSimulation { background-image:url("../labels/csrpgsim.jpg"); }
#AionParser { background-image:url("../labels/AionParser.jpg"); }
#XIVEncore { background-image:url("../labels/xivencore.jpg"); }
#WebRPGSim { background-image:url("../labels/RPGSim.jpg"); }
#EncoreOne { background-image:url("../labels/EncoreOne.jpg"); }
#CubicalIsland { background-image:url("../labels/CubicalIslands.jpg"); }
#CodeLibrary { background-image:url("../labels/codelibrary.jpg"); }
#HPBars { background-image:url("../labels/hpbars.jpg"); }

#Email { width:200px; padding:3px 0 3px 25px; background-image:url("../img/Email.png"); background-repeat:no-repeat; background-position:2px 3px; }
#Phone { width:200px; padding:3px 0 3px 25px; background-image:url("../img/Phone.png"); background-repeat:no-repeat; background-position:2px 3px; }
#CV { width:200px; padding:3px 0 3px 25px; background-image:url("../img/CV.png"); background-repeat:no-repeat; background-position:2px 3px; }
#main { width:1280px; background-image:url("../img/bg.jpg"); background-repeat:no-repeat; margin: 0 auto; display:block; min-height: 100%; }

#preview 
{
	border:solid 1px #000;
	background-color: #F4FCFF;
	padding:3px;
	margin:5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #A6A6A6; 
	-webkit-box-shadow: 0 1px 2px #A6A6A6;
}
#preview:hover { background-color: #333; }
#infobox
{
	border: solid 1px #CCC; 
	padding:6px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #6C6C6C; 
	-webkit-box-shadow: 0 1px 1px #6C6C6C;
	margin:5px 0;
	background-color:#FBFBFB;
}
#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;
}
/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 12px Georgia, serif; }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 15px 0; }
#page-wrap { width: 550px; margin: 0 auto; }
.hide { position: absolute; top: -9999px; left: -9999px; }

#box { background: #FFF; padding: 10px; margin: 0 0 20px 0; -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; }
#box2 { background: #FFF; padding: 10px; margin: 0 0 50px 0; -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; }

#box #navStyle { overflow: hidden; margin: 0 0 10px 0; }
#box #navStyle li { width: 97px; float: left; margin: 0 10px 0 0; }
#box #navStyle li.last { margin-right: 0; }
#box #navStyle li a { display: block; padding: 5px; background: #959290; color: white; font-size: 11px; text-align: center; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#box #navStyle li a:hover { background-color: #111; }

#box ul { list-style: none; }