/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}

html { height: 100%;}
body { font-family: "Trebuchet MS", "Helvetica", "Bitstream Vera Sans", sans-serif; font-size: 10pt; background: url('/images/body_bg.png') #FFF repeat-x;}
#wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0;}
#header { width: 720px; margin: 22px auto 15px auto; position: relative;}

#nav { position: absolute; top: 53px; left: 160px; width: 500px;}
#navlist { list-style-type: none; padding: 0; margin: 0;}
#navlist li { display: block; float: left; padding: 1px;}
#navlist li:hover { background-color: #FAFAFA;}
#navlist li:active { border: 1px dotted #CCC; padding: 0;}
#nav_homepage { width: 84px; height: 27px; background: url('/images/nav_homepage.png') no-repeat transparent; margin-right: 15px;}
#nav_homepage a { display: block; height: 31px;}
#nav_projects { width: 60px; height: 27px; background: url('/images/nav_projects.png') no-repeat transparent; margin-right: 15px;}
#nav_projects a { display: block; height: 31px;}
#nav_contact { width: 57px; height: 27px; background: url('/images/nav_contact.png') no-repeat transparent; margin-right: 15px;}
#nav_contact a { display: block; height: 31px;}

#title { margin-right: 200px;}
#zend_logo { width: 150px; float: right; text-align: right; position: absolute; top: 10px; right: 0px;}
#content { width: 720px; margin: 0 auto; clear: both;}
#main { margin-top: 20px;}
#footer { padding: 5px; margin: 30px 0 15px 0; color: #999; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; background: #FAFAFA;
	font-size: 75%}

#splash_wrapper { position: relative;}
#splash { height: 435px; overflow: hidden; position: relative;}
#splash div { position: absolute; top: 0px; left: 0px; display: none; background: transparent; zoom: 1;}
#splash_replay { position: absolute; top: 360px; right: 0px; display: block; text-align: right; padding: 5px; padding-left: 27px; text-transform: uppercase;
	font-weight: bold; color: #999; background: url('/images/reload.png') no-repeat #EBEBEB; display: none;}
#splash_replay:hover { cursor: pointer;}
#splash_skip { position: absolute; top: 360px; right: 0px; display: block; text-align: right; padding: 5px; text-transform: uppercase;
	font-weight: bold; color: #999; display: none;}
#splash_skip:hover { cursor: pointer;}

.index #main { padding: 0 4px;}
.splash #loading { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #FFF; z-index: 10;}

/* Forms and Tables */
fieldset { padding: 5px; background: #FFF; border-top: 1px solid #CCC; margin: 10px 0;}
legend { padding: 0px 5px;}
td, th { padding: 3px 6px; background: #FFF; border: 1px solid #E8E8E8;  border-collapse: collapse; vertical-align: top;}
th { font-weight: bold; vertical-align: middle;}
table { border: 1px solid #E8E8E8; border-collapse: collapse; margin: 5px 0;}
form table, form td, form th { border: 0;}

.fancybutton {border: 1px solid #DDD; background: url('/images/button_bg.png') repeat-x #D4D4D4; padding: 5px 10px; text-align: center;
	font-size: 12pt; font-weight: bold; color: #666; text-decoration: none; margin-bottom: 7px; -moz-border-radius: 6px; border-radius: 6px;}
.fancybutton:hover { text-decoration: none; border: 1px solid #999; color: #000;}
.fancybutton:active { background: url('/images/button_bg.png') repeat-x 30px bottom #999999;}
a.fancybutton:visited { color: #000;}

/* Message Boxes */
.successful, .sucessful { background: url('/images/icons/accept.png') 5px 5px no-repeat #BDFFC2; border-top: 1px solid #6DB457; border-bottom: 1px solid #6DB457;
	padding: 5px 3px 5px 25px; width: 90%; margin: 5px auto 10px auto; color: #060;}
.message { background: url('/images/icons/information.png') 5px 5px no-repeat; background-color: #E2F6FF; border-top: 1px solid #648EBD; border-bottom: 1px solid #648EBD;
	padding: 5px 3px 5px 25px; width: 90%; margin: 3px auto; color: #006;}
.errorbox { background: url('/images/icons/exclamation.png') 5px 5px no-repeat #FDD; border-top: 1px solid #E86857; border-bottom: 1px solid #E86857;
	padding: 5px 3px 5px 25px; width: 90%; margin: 5px auto 10px auto; color: #900;}

/* Text */
h1 { font-size: 28pt; padding-bottom: 5px;}
h2 { font-size: 16pt; padding-bottom: 5px; padding-top: 10px;}
p, pre { padding-bottom: 15px;}
a { color: #004DC1; text-decoration: none;}
a:hover { text-decoration: underline;}
a:visited { color: #6900BF;}
a:active { color: #BC0000;}

ul, ol { padding-left: 3em; padding-bottom: 15px;}

.hidden {display: none;}