*{padding: 0;margin: 0;}

body {
    background-attachment: fixed;
    background-color: #232323;
    background-image: url("images/l-stars.png");
    background-position: -18px 251px;
    color: white;
}

#cosmos{
    background-image: url("images/s-stars.png");
}

.separator{
background: url("images/separator.jpg") no-repeat scroll 0 0 transparent;
height:36px;
}

/*----------MENU----------*/
#menuBar {
    background-image: url("images/nav/background.png");
    height: 56px;
	position:fixed;
    width: 100%;
	z-index:100;
}
#menuBar ul{
	width:1000px;
	margin:auto;
    list-style: none;
}
#menuBar ul li a{
    background: url("images/nav/buttons.png") no-repeat scroll 15px 8px;
	cursor:pointer;
    display: block;
    float: left;
    height: 27px;
    margin: 3px 3px 0;
    padding: 3px 8px;
    text-indent: -9999px;
    width: 56px;
}
#menuBar ul li a:hover{
    background-color: gray;
}

#menuBar ul li#hbtn a{
background-position:15px 8px;
}
#menuBar ul li#wbtn a{
background-position:-47px 8px;
}
#menuBar ul li#abtn a{
background-position:-110px 8px;
}
#menuBar ul li#tbtn a{
background-position:-186px 8px;
}
#menuBar ul li#cbtn a{
background-position:-265px 8px;
}

#menuBar ul li#logo {
    background: url("images/nav/dan.png") no-repeat scroll 4px 1px transparent;
    float: right;
    height: 28px;
    margin: 3px 14px;
    text-indent: -9999px;
    width: 66px;
}

/*----------HOME----------*/
#home {
    background-color: #787878;
    height: 225px;
    margin: auto;
    padding-top: 36px;
    position: relative;
    width: 1000px;
    z-index: 15;
}

#helloWorld {
    background-color: #434343;
    border-bottom: 1px solid #8F8F8F;
    border-right: 1px solid #8F8F8F;
    height: 174px;
    padding: 25px 0 0;
    width: 609px;
}

#helloWorld p {
	color:#CFCFCF;
    font-family: rockwell,helvetica, arial;
    font-size: 18px;
    height: 174px;
    left: 164px;
    line-height: 22px;
    position: relative;
    text-align: justify;
    top: 2px;
    width: 395px;
}

#helloWorld p b {
	color:#96e400;
}

#hello {
    background-image: url("images/home-btns.png");
    background-position: -14px 0;
    height: 45px;
    width: 175px;
}

#contactBox {
    background-image: url("images/home-btns.png");
    background-position: -32px -54px;
    height: 174px;
    position: absolute;
    right: 19px;
    top: 61px;
    width: 346px;
}

#contactBox a {
    background-image: url("images/home-btns.png");
    background-position: -231px -263px;
    height: 43px;
    position: absolute;
    right: 9px;
    text-indent: -9999px;
    top: 129px;
    width: 138px;
}

#contactBox a:hover {
    background-position: -231px -310px;
}

#contactBox p {
    color: #CFCFCF;
    font-family: rockwell,helvetica, arial;
    font-size: 14px;
    left: 22px;
    line-height: 18px;
    position: relative;
    top: 56px;
    width: 297px;
}

#spaceDef {
    background: url("images/space.png") no-repeat scroll 16px 55px transparent;
    height: 193px;
    margin: auto;
	position:relative;
    width: 1000px;
    z-index: 15;
}

#spaceDef p{display:none;}

#homeContent {
    background: url("images/tiles.jpg") repeat scroll 16px 55px #787878;
    color: #343434;
    font-family: arial;
    font-size: 16px;
    height: 560px;
    margin: auto;
    position: relative;
    text-align: justify;
    width: 1000px;
    z-index: 15;
}

.left {
    float: left;
    padding: 50px 70px 70px;
    width: 360px;
}
.right{
    float: left;
    padding: 50px 70px 70px;
    width: 360px;
}

#homeContent hr {
    background-image: url("images/home-btns.png");
    background-position: -25px -472px;
    border: medium none;
    height: 23px;
    margin: 31px 0;
}

#homeContent p {
    margin: 31px 0;
}
#homeContent h1 {
    background-image: url("images/home-btns.png");
    font-size: 16px;
    height: 30px;
    text-indent: -99999px;
    width: 360px;
}
#homeContent .left h1 {
    background-position: 5px -512px;
}
#homeContent .right h1 {
    background-position: -17px -547px;
}

#homeContent a {
    background-image: url("images/home-btns.png");
    background-position: -171px -370px;
    height: 43px;
    position: absolute;
    right: 400px;
    text-indent: -9999px;
    top: 423px;
    width: 204px;
}

#homeContent a:hover {
    background-position: -171px -416px;
}


.separatorL {
    background-color: #868686;
    height: 350px;
    left: 500px;
    position: absolute;
    top: 73px;
    width: 1px;
}

.separatorR {
    background-color: #b9b9b9;
    height: 350px;
    left: 501px;
    position: absolute;
    top: 73px;
    width: 1px;
}

/*----------WORK----------*/
#work {
    background: url("images/tiles-minis.jpg") repeat scroll 16px 55px #787878;
    margin: auto;
    padding-bottom: 102px;
    position: relative;
    width: 1000px;
    z-index: 15;
}

#someWork {
    background-color: #434343;
    border-bottom: 1px solid #8F8F8F;
    height: 97px;
    padding: 25px 0 0;
    width: 1000px;
}

#someWork p {
    background-image: url("images/work-titles.png");
    background-position: 0 0;
    height: 50px;
    margin: 15px 23px 0;
    text-indent: -9999px;
    width: 418px;
}

#albumlinks{display:none;}

#work h1 {
    background-image: url("images/work-titles.png");
    height: 40px;
    margin-top: 39px;
    text-indent: -9999px;
    width: 300px;
}
.webSMPL {
    background-position: -75px -73px;
}
.advSMPL{
    background-position: -75px -137px;
}
.logoSMPL{
    background-position: -75px -201px;
}
.displaySMPL{
    background-position: -75px -265px;
}
.miscSMPL{
    background-position: -75px -329px;
}

#work table{
    margin: auto;
    width: 968px;
}

.SMPLbox {
    background-image: url("images/sample-bkg.jpg");
    background-repeat: no-repeat;
    height: 300px;
    margin: 10px;
    padding: 1px;
    width: 292px;
}
.SMPLbox a.smplink {
    background-image: url("images/works.jpg");
    display: block;
    height: 182px;
    margin: 17px 18px;
    text-indent: -9999px;
    width: 255px;
}
.SMPLbox a.smplink:hover {
    border-bottom: 1px solid #8F8F8F;
    border-right: 1px solid #8F8F8F;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    margin: 16px 17px -1px;
}

a.siteLinks {
    color: #212121;
}
a.siteLinks:hover {
    color: #96E400;
}


.SMPLbox p {
    color: #212121;
    font-family: arial,verdana;
    font-size: 12px;
    margin-top: 45px;
    text-align: justify;
}

#sVDN{background-position: 0 0;}
#sRDN{background-position: -255px 0;}
#sMBT{background-position: -510px 0;}
#sDMP{background-position: 0 -182px;}
#sHAL{background-position: -255px -182px;}
#sIMA{background-position: -510px -182px;}
#sLRO{background-position: 0px -364px;}
#sLEE{background-position: -255px -364px;}
#sMAB{background-position: -510px -364px;}
#sLOG{background-position: 0px -546px;}
#sDIS{background-position: -255px -546px;}
#sMIS{background-position: -510px -546px;}


/*----------ABOUT----------*/
#about {
    background: url("images/20-o-blk.png") repeat scroll 0 0 transparent;
    height: 1250px;
    margin: auto;
    position: relative;
    width: 1000px;
    z-index: 15;
}
#about h1{
    background: url("images/aboutme.png") no-repeat scroll 0 0 transparent;
    height: 42px;
    margin: 52px 21px 40px;
    text-indent: -9999px;
    width: 236px;
}
#about p {
    color: #CFCFCF;
    font-family: rockwell,helvetica,arial;
    font-size: 18px;
    left: 90px;
    line-height: 22px;
    margin-bottom: 12px;
    position: relative;
    text-align: justify;
    top: 2px;
    width: 395px;
}

#about p span{
	color:#96e400;
}
.mypic {
    position: absolute;
    right: 113px;
    top: 141px;
}

.myskills{
	display:block;
	margin:60px auto 0;
}

.mymolecules{
	display:block;
	margin:11px 0 0 128px;
}

/*----------THOUGHTS----------*/
#thoughts{
    background: url("images/tiles.jpg") repeat scroll 16px 55px #787878;
    height: 1130px;
    margin: auto;
    position: relative;
    width: 1000px;
    z-index: 15;
}

#thoughts p {
    color: #343434;
    font-family: arial;
    font-size: 16px;
    text-align: justify;
}

#thoughts h1 {
    color: white;
    font-family: rockwell,helvetica,arial;
    font-size: 24px;
    margin: 12px 0;
    text-shadow: 2px 2px 2px gray;
}

#thoughts hr {
    border-color: #A4A4A4;
    margin: 17px 0;
}

/*----------CONTACT----------*/
#contact{
    background: url('images/20-o-blk.png') repeat scroll 0 0 transparent;
    height: 950px;
    margin: auto;
    position: relative;
    width: 1000px;
    z-index: 15;
}

#contact h1 {
    background: url("images/contact-btns.png") no-repeat scroll 0 0 transparent;
    height: 42px;
    margin: 52px 21px 21px;
    text-indent: -9999px;
    width: 193px;
}

#contact p {
    font-family: arial;
    font-size: 14px;
    line-height: 20px;
    margin: 0 39px 0 73px;
    text-align: justify;
    width: 404px;
}

#contact p a {
    color: #96E400;
}
#contact p a:hover {
    color: #f1f1f1;
}


#radio {
    background: url("images/contact-btns.png") no-repeat scroll 0 -76px transparent;
    height: 350px;
    left: 90px;
    position: relative;
    top: -191px;
    width: 369px;
    z-index: -1000;
}

#contact table {
    margin: 26px 0;
}

#contact table td {
    vertical-align: top;
}



/* FORM */

#contactForm {
	height:283px;
    margin: 0 48px;
    width: 385px;
}

#message {
    /*background: url("images/message-warp.png") repeat scroll 0 0 transparent;*/
    font-family: rockwell;
	height: 86px;
	padding: 61px;
	text-align: center;
	width: 251px;
	border: 3px solid rgb(68, 68, 68);
	border-radius: 28px;
	box-shadow: 0 0 99px rgba(128, 128, 128, 0.29) inset;
}

#message p{
    font-family: rockwell;
	margin: auto;
    text-align: center;
    width: auto;
}

#message h2{
    color: #96E400;
}

.fields {
    background: none repeat scroll 0 0 #A4A4A4;
    border: 1px solid white;
    color: white;
    font-family: rockwell,arial,verdana;
    font-size: 12px;
    margin: 5px;
    padding: 2px;
}

label{
    color: white;
    font-family: rockwell,arial,verdana;
    font-size: 12px;
    margin: 0 5px;
    padding: 2px;
	display:none;
}

.ie label{
	display:inline-block;
	*display:inline;
	zoom:1;
}

#tel, #name, .name-label, .tel-label {
    width: 174px;
}

#email, #comment, .email-label, .msg-label {
    width: 368px;
}

#submitter {
    background: url("images/contact-btns.png") no-repeat scroll 0 -431px transparent;
    border: medium none;
    cursor: pointer;
    height: 44px;
    margin: 10px 134px;
    text-indent: -9999px;
    width: 116px;
}

#submitter:hover {
    background: url("images/contact-btns.png") no-repeat scroll 0 -475px transparent;
}

/*----------ROCKET ROOM----------*/
#room{
	/*background: url("images/room-bkg.jpg") repeat-x scroll 0 0 gray;*/
	background-color:#111111;
	background-position: center bottom;
    height: 950px;
    margin: auto;
    width: 100%;
	position: fixed;
	top: 0;
	z-index: 5000;	
}
#tridan {
    background: url("images/dan.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 137px;
	position:relative;
    width: 137px;
	z-index:200;
}
.launchBox {
    margin: auto;
    width: 117px;
}

#launchCtrl {
    position: relative;
    top: 190px;
    width: 117px;
}

a#launch {
    background: url("images/launch-btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 117px;
    text-indent: -9999px;
    width: 117px;
	z-index:20;
}
a#launch:hover{
background-position:0 -117px;
}
a#launch:active{
background-position: 0px -234px;
}

#rocket {
    bottom: 75px;
	cursor:pointer;
    height: 286px;
    position: fixed;
    right: 63px;
    width: 85px;
    z-index: 50;
	visibility: hidden;
}
.byebye {
    background: url("images/bye.png") repeat scroll 0 0 transparent;
    display: none;
    height: 35px;
    position: absolute;
    right: -11px;
    top: 50px;
    width: 35px;
}
#rocket:hover .byebye{
    display: inline;
}


#rocketS {
    bottom: 75px;
    float: right;
    height: 286px;
    position: absolute;
    right: 63px;
    width: 85px;
    z-index: 10;
}
.vessle {
    background: url("images/rocket.png") no-repeat scroll 0 0 transparent;
    height: 250px;
    width: 85px;
}
#flame {
    background: url("images/rocket-burst.png") no-repeat scroll 0 0 transparent;
    height: 99px;
    left: 25px;
    position: absolute;
    top: 95px;
    width: 26px;
    z-index: -1000;
}
#reflection {
    background: url("images/reflection.png") no-repeat scroll 177px 0 transparent;
    bottom: 0;
    height: 206px;
    position: absolute;
    right: 0;
    width: 842px;
}

#betterTag {
    background-image: url("images/better.png");
    height: 45px;
    left: -275px;
    margin: auto;
    position: relative;
    top: -144px;
    width: 555px;
    z-index: 1;
}

/*----------FOOTER----------*/

#footer {
    background-color: black;
    border-top: 1px solid #333333;
    color: #A1A1A1;
    font-family: arial,verdana,sans-serif;
    font-size: 10px;
    padding: 5px;
    text-align: center;
}

::-webkit-input-placeholder {
    color:rgb(95, 95, 95);
}
:-moz-placeholder {
    color:rgb(95, 95, 95);
}
::-moz-placeholder {
    color: rgb(95, 95, 95);
}
:-ms-input-placeholder {
    color:rgb(95, 95, 95);
}