@charset "utf-8";
* { margin:0; padding:0; }
h1, body, input, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
a { color:#fff; text-decoration:none; }
acronym { cursor:help; border:none; border-bottom:dotted; border-bottom-width:1px; }
body#background { background:#000 url(../images/loader.gif)  no-repeat center center;overflow: hidden; }
div#fakeBody { display: block; visibility: hidden; width: 100%; height: 100%; position: relative; z-index: 1; }
div#container { margin:0 auto; width:1000px; position:relative; }
div#welcome_message { width:461px; height:376px; position:absolute; left:535px; top:0; font-size:0.78em; text-indent:-10000px; background:url(../images/welcome-text.png) no-repeat left top; }
div#left_container { width:700px; padding-left:35px; height:auto; position:relative; }
div#left_container h1 { position:absolute; }
div#left_container a { display:block; } 
h1#hello { background:url(../images/hello.png);width:361px;height:101px;top:10px; left:80px; }
h1#hello a { text-indent:-10000px; display:block; width:361px;height:101px; }
h1#iam { background:url(../images/iamjosephgriffin.png); width:478px;height:87px;top:100px; left:50px; }
h1#iam a { text-indent:-10000px; display:block; width:478px;height:87px;  }
h1#andi { background:url(../images/andi.png); width:120px;height:52px;top:170px; left:50px; text-indent:-10000px; }
h1#build { background:url(../images/designandbuild.png); width:395px;height:76px;top:180px; left:150px; }
h1#build a { text-indent:-10000px; display:block; width:395px;height:76px;  }
h1#websites { background:url(../images/website.png); width:415px;height:80px;top:240px; left:93px; }
h1#websites a { text-indent:-10000px; display:block;width:415px;height:80px;  }
h1#grateful { background:url(../images/grateful.png); width:468px;height:79px;top:315px; left:50px; }
h1#grateful a { text-indent:-10000px; display:block;width:468px;height:129px;  }
h1#love { background:url(../images/ilovethese.png); width:369px;height:67px;top:360px; left:355px; }
h1#love a { text-indent:-10000px; display:block; width:369px;height:67px;  }
h1#liketo { background:url(../images/andidliketo.png); width:247px;height:41px;top:400px; left:90px; text-indent:-10000px; }
h1#hearfromu { background:url(../images/hearfromyou.png); width:354px;height:71px;top:420px; left:75px; }
h1#hearfromu a { text-indent:-10000px; display:block; width:354px;height:71px;  }
div#footer { height:50px; background:#000;bottom:0;display:block;overflow:hidden;position:fixed;visibility:hidden;width:100%;z-index:3;clear:both; left:0; color:#555; }
div#footer a { color:#555; padding:0 5px;  display:block;}
div#footer a:hover { color:#000; background:#ffff00; }
ul#validate { list-style-type:none; }
ul#validate li { float:left; margin:5px; border:#333 1px dotted; }
div#footer { font-size:0.7em; }
div#footer span { margin:2px 0; display:block; }
ul#followlinks { list-style-type:none; }
ul#followlinks li { float:left; margin:5px; border:#444 1px dotted; }
li.footer_title { background:#444; color:#000; border:none; padding:0 10px; }
#nav-tooltip { display: block; position: absolute; width:75px; height:75px; z-index:5; top: 35px;}
.nav-tooltip { background: url(../images/tooltip/navigation.png) no-repeat top left;}
.hello_link { background: url(../images/tooltip/navigation.png) no-repeat top left; }
.iam_link { background: url(../images/tooltip/about_me.png) no-repeat top left;}
.build_link { background: url(../images/tooltip/skillset.png) no-repeat top left; }
.websites_link {background: url(../images/tooltip/myworks.png) no-repeat top left;}
.credit_links {background: url(../images/tooltip/credits.png) no-repeat top left;}
.love_links {background: url(../images/tooltip/links.png) no-repeat top left;}
.hearfromu_link { background: url(../images/tooltip/sayhello.png) no-repeat top left;}
.moveup .content { padding:10px 0 20px 0; text-align: left; /*vertical-align: top;*/ overflow: hidden; /*zoom:1; */margin:0 auto; width:950px; }
.moveup { height: 0px; overflow: hidden; background-color: black; width: 100%;}
#me_img { float:left; margin-left:45px; border:#333 5px solid; }
ul#aboutme strong { font-style:italic; font-weight:normal; color:#ffff00; }
#iam_content ul { display:block; float:right; width:580px; padding:0 30px 0 40px; color:#fff; list-style-type:disc; font-size:0.85em; }
#iam_content li { margin:10px 0px; line-height:1.5em;  }
ul#grateful_list strong { font-style:italic; font-weight:normal; color:#ffff00; }
#credits_content ul { display:block; padding:0 30px 0 60px; color:#fff; list-style-type:disc; font-size:0.85em; }
#credits_content li { margin:10px 0px; }
#resume { width: 200px; padding:20px 0px 0px 0px; display:block; float:right;font-size:0.85em; }
.close { float:right; padding:20px 35px 0px 10px; display:block; }
h1.popuptitle { float:left; margin:0; padding:0 0 10px 45px; color:#4f4f4f; font-weight:normal; font-size:2.5em; letter-spacing:-2px; }
.clear { clear:both; }
.addl_link { margin:15px 0px 0px 200px; float:left; height:50px; }
a.title_link { color:#666; font-style:italic; font-size:0.8em; border:#444 1px dotted; padding:3px; display:block; }
a.title_link:hover { color:#000; background:#ffff00; font-style:italic; border:#000 1px dotted; font-size:0.8em; }
#links_container { width: 940px; clear:both; display:block; height:250px; margin:20px auto 0 40px; position:relative;  }
#links_container div.columns ul { display:block; float:left; margin:0 10px 0 0; width:150px; border: #1a1a1a 5px solid; background:#111; height:250px; }
#links_container div.columns ul li.title { color:#FFFF00; font-size:1.2em; letter-spacing:-1px; margin:5px 0 5px 5px; padding:0; text-transform:lowercase; }
#links_container div.columns ul li { display:block; float:left; margin:0 0 2px 2px; list-style-type:disc; font-size:0.75em; padding:2px 0 2px 2px; width:140px; }
#links_container a { color:#555; font-style:italic; border:#222 1px dashed; padding:2px; background:#000; display:block; }
#links_container a:hover { color:#000; font-style:italic; border:#333 1px dashed; background:#ffff00; }
#contact_form_container { width: 940px; margin-left: auto; margin-right: auto; position: relative; height: 290px;}
div.columns { width:850px; margin-left:20px; }
div#contact_form { border: #1a1a1a 5px solid; background:#111; width:630px; height:325px; float:left; margin-left:40px;}
.contact_div_dyamic { border: #1a1a1a 5px solid; background:#111; width:630px; height:325px; float:left; margin-left:40px;}
div#contact_details { width:225px; float:right; height:325px; border: #1a1a1a 5px solid; background:#111; }
div#contact_details ul { display:block; margin:0 auto; margin-left:20px; }
div#contact_details li { list-style-type:none; font-size:0.8em; margin:5px 0; }
div#contact_details li.title { color:#FFFF00; font-size:1.2em; letter-spacing:-1px; padding:0; text-transform:lowercase; }
form#feedback-form label { float:left; width:150px; padding:10px 0 5px 10px; }
form#feedback-form input, form#feedback-form textarea { background:#000; border: #1a1a1a 5px solid; color:#ffff00; font-size:1.2em; }
checkbox#copy { border: #1a1a1a 5px solid; }
/*form#feedback-form textarea { overflow:hidden; }*/
form#feedback-form br { clear:both; }
form#feedback-form fieldset { border:0; margin-top:10px; }
form#feedback-form #submit_button { margin-left:150px; background:none; border:0; padding:5px; }
label#name_error, label#email_error, label#details_error, label#captcha_error  { color: #FF0000; font-size:0.8em; width:250px !important; clear:both; margin-left:160px; padding:0 !important; }
label#copy_label { width:250px !important; clear:both; margin-left:160px; padding:0 !important;}
div#message { margin:100px 0 0 60px; }
div#message h2 { color:#ffff00; font-size:1.2em; letter-spacing:-1px; }
div#message p { color:#fff; font-size:0.85em; margin:5px 0; }
div#message strong { font-style:italic; font-weight:normal; color:#ffff00; }
#checkmark { left:-8px; position:relative; top:-120px; }