/* CSS Reset */
* { margin:0; padding:0; }
body {
  background:#ffffff;
}
a {
  outline:none;
}
a:link{
  color:#595959;
}
a:hover{
  color:#292929;
}
#container {
  width:1000px;
  margin:0px auto 0px;
}

/*LOGO&NAV*/
#logo {
  height:110px;
  width:500px;
  margin:50px auto 10px;

}
#logo h1 {
  display:block;
  margin:0px auto;
  width:500px;
  height:110px;
  background:url(img/logo.jpg) no-repeat 0 0;
  text-indent:-10000px;
}
#logo h1 a {
  display:block;
  width:100%;
  height:100%;
}
#logo h1 a:hover {
  background:url(img/logo.jpg) no-repeat 0 -125px;
}
#nav {
  height:45px;
  width:306px;
  margin:10px auto;
}

#nav ul {
  margin:0px auto;
  display:block;
  width:406px;
  height:45px;
  list-style:none;
}
#nav ul li {
  float:left;
  display:block;
  text-indent:-10000px;
}
#Info {
  width:77px;
  height:45px;
}
#Projects {
  width:113px;
  height:45px;
}
#Contact {
  width:116px;
  height:45px;
}
#PostIt {
  width:100px; 
  height:71px;
}
#PostIt a{
  border:none;
  height:71px;
  width:100px;
  position: relative;
  right:-30px;
  background:url(img/news.png) no-repeat 0 0px;
}
#nav ul li a {
  display:block;
  width:100%;
  height:100%;
}
#Info a:hover {
  background:url(img/nav.jpg) no-repeat 0 -45px;
}
#Projects a:hover {
  background:url(img/nav.jpg) no-repeat -77px -45px;
}
#Contact a:hover {
  background:url(img/nav.jpg) no-repeat -190px -45px;
}
#PostIt a:hover {
  background:url(img/news.png) no-repeat 0 -71px;
}
#PostIt a:active {
  background:url(img/news.png) no-repeat 0 -142px;
}
/*END LOGO&NAV*/

#content {
  display:block;
  position:relative;
  width:1000px;
  height:260px;
  margin:26px auto 50px;

}

/*INDEX*/

h1#hello{
  font:30px "Myriad Pro", Helvetica, Arial, sans-serif;
  text-align:center;
  width:620px;
  position:relative;
  top:20px;
  margin:0px auto 0px;
  color:#292929;
}


#IndexText{  
  font:16px "Myriad Pro", Helvetica, Arial, sans-serif;
  text-align: justify;
  color:#292929;
  display:block;
  position:relative;
  top:40px;
  width:620px;
  margin:0px auto 0px;
}

/*ENDINDEX*/

/*INFO*/
#InfoText {
  display:block;
  width:620px;
  height:135px;
  position:relative;
  top:20px;
  font:16px "Myriad Pro", Helvetica, Arial, sans-serif;
  text-align: justify;
  color:#292929;
  margin:0px auto 0px;
}
#People {
  width:658px;
  height:119px;
  background:url(img/people.jpg) no-repeat 0 0;
  margin:20px auto 0px;
  text-indent:-10000px;
  z-index:-1;
}
a#WebBtnG{
  display:block;
  width:68px;
  height:23px;
  background:url(img/website.jpg) no-repeat 0 0;
  position:relative;
  left:124px;
  top:31px;
}
a#TwitBtnG{
  display:block;
  width:68px;
  height:23px;
  background:url(img/twitter.jpg) no-repeat 0 0;
  position:relative;
  left:124px;
  top:35px;
}
a#WebBtnD{
  display:block;
  width:68px;
  height:23px;
  background:url(img/website.jpg) no-repeat 0 0;
  position:relative;
  left:539px;
  top:-15px;
}
a#TwitBtnD{
  display:block;
  width:68px;
  height:23px;
  background:url(img/twitter.jpg) no-repeat 0 0;
  position:relative;
  left:539px;
  top:-11px;
}
a:active#TwitBtnG, a:active#TwitBtnD  {
  background:url(img/twitter.jpg) no-repeat 0px -23px;
}
a:active#WebBtnG, a:active#WebBtnD  {
  background:url(img/website.jpg) no-repeat 0px -23px;
}
/*END INFO*/

/*PROJECTS*/
#project_container{
  margin:0px auto 0px;
  width: 415px;
  height:200px;
  position:relative;
  top:100px;
  font:16px "Myriad Pro", Helvetica, Arial, sans-serif;
  color:#909090;
}

#project_container a:link, a:visited{
  text-decoration: none;
  color:#909090;
}

#project_container a:hover, a:active, a:hover{
  text-decoration: none;
  color:#595959;
}


#buggicon {
  float:left;
  margin:0px 30px 0px 0px;
  border: none;
}

#project_container h4{
  display:inline;
  float:left;
  margin:0px 4px 0px 0px;
  position:relative;
  top:+5px;
}

p#ProjectsText {
  display: block;
  margin:0px auto 0px;
  text-align: justify;
  float:left;
  position:relative;
  top:+5px;
}
/*END PROJECTS*/

/*CONTACT*/
#contactBTN {
  position:relative;
  top:30px;
  height:220px;
  width:634px;
  margin:0px auto;
}

#contactBTN ul {
  margin:0px auto;
  display:block;
  height:220px;
  width:634px;
  background:url(img/contact.jpg) no-repeat 0 0;
  list-style:none;
}
#contactBTN ul li {
  display:block;
  width:634px;
  text-indent:-10000px;
}
#Card {
  height:75px;
}
#Email {
  height:68px;
}
#Fbpage {
  height:75px;
}
#contactBTN ul li a {
  display:block;
  width:100%;
  height:100%;
}
#Card a:hover {
  background:url(img/contact.jpg) no-repeat 0px -219px;
}
#Email a:hover {
  background:url(img/contact.jpg) no-repeat 0px -294px;
}
#Fbpage a:hover {
  background:url(img/contact.jpg) no-repeat 0px -362px;
}
/*END CONTACT*/



/*FOOTER*/
#footer{
  background:url(img/info.jpg) no-repeat 0 0;
  font:14px "Myriad Pro", Helvetica, Arial, sans-serif;
  display:block;
  position:relative;
  width:620px;
  height:124px;
  margin:0px 190px 0px;
}

#twitter_container{
  width: 360px;
  height: 94px; 
  margin: 25px 10px 5px;
  float:left;
}

#twitter_container h3{
  color:#292929;
}
#twitter_update_list{
  list-style:none;
  color:#909090;
}
#twitter_link{
  color:#595959;
  position:absolute;
  bottom:5px;
  right:249px;
}

#newsletter_container {
  width:219px;
  height: 94px; 
  margin: 25px 10px 5px;
  float:left;
}

#newsletter_container h3{
  color:#292929;
}
#newsletter label {
  display:block;
  color:#909090;
}
#emailInput {
  position:absolute;
  top:80px;
  right:60px;
  width:145px;
  height:18px;
  font:14px "Myriad Pro", Helvetica, Arial, sans-serif;
  color:#909090;
  background-color:white;
  border:1px solid #cecece;
  z-index: 1;
}
#submitButton {
  position:absolute;
  top:80px;
  right:30px;
  width:30px;
  height:20px;

}

#legal {
  display:block;
  width:620px;
  margin:50px auto 5px;
  clear:both;
  font:bold 12px "Myriad Pro", Helvetica, Arial, sans-serif;
  text-align:right;
  color:#d1d1d1;
}
/*END FOOTER*/