/*** RESETS ***/
a:link {color: #abde5f;}
a:visited {color: #abde5f;}
a:hover {color: #eeeeee;}
a:active {color: #abde5f;}
body, html{
	background: #212121;
	color: #bbbaba;
}
h1, h2, h3, h4, h5, h6 {color: #eeeeee;}

/*** HEADER ***/
div#header{
	border-bottom: 1px solid #575757;
}
div#logo{
	background: #212121 url('../img/logo.jpg') no-repeat top left;
}
div#colours{
	color: #bbbaba;
}
span#lightColour{
	color: #abde5f;
	font-style: italic;
	cursor: pointer;
}

/***navigation***/
#navigation {
	background: url('../img/nav.jpg');
}
#nav1 a:link {
      background: url('../img/nav.jpg') 0px -21px no-repeat;
}
#nav2 a:link {
      background: url('../img/nav.jpg') -100px -21px no-repeat;
}
#nav3 a:link {
      background: url('../img/nav.jpg') -261px -21px no-repeat;
}
#nav1 a:hover {
      background: url('../img/nav.jpg') 0px -42px no-repeat;
}
#nav2 a:hover {
      background: url('../img/nav.jpg') -100px -42px no-repeat;
}
#nav3 a:hover {
      background: url('../img/nav.jpg') -261px -42px no-repeat;
}
#nav1 a:active {
      background: url('../img/nav.jpg') 0px -0px no-repeat;
}
#nav2 a:active {
      background: url('../img/nav.jpg') -100px -0px no-repeat;
}
#nav3 a:active {
      background: url('../img/nav.jpg') -261px -0px no-repeat;
}
#nav1 a.selected {
      background: url('../img/nav.jpg') 0px 0px no-repeat;
}
#nav2 a.selected {
      background: url('../img/nav.jpg') -100px 0px no-repeat;
}
#nav3 a.selected {
      background: url('../img/nav.jpg') -261px 0px no-repeat;
}

/*** BANNER ***/

div#banner{
	border-bottom: 1px solid #575757;
}
div#introTitle{
	background: url('../img/intro.jpg') no-repeat;
}
div#mascot{
	background: url('../img/mascot.jpg') no-repeat;
}

/*** FEATURED PROJECTS ***/
div.project{
	border: 1px solid #575757;
	background-color: #181818;
}
div.project:hover{
	background-color: #121212;
}
div.project p{
	color: #777777;
	font-size: 12pt;
}

/*** CONTACT ***/
div#contact{
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}
div#submit{
	background: url('../img/submit.jpg') 0px 0px;
}
div#submit:hover{
	background: url('../img/submit.jpg') 0px 30px;
}
input, textarea{
	border: 1px solid #575757;
	background-color: #181818;
	color: #bbbaba;
}
input:focus, textarea:focus {
	background-color: #121212;
}

/*** SOCIAL MEDIA ***/

#icon1 a:link {
      background: url('../img/social_media.jpg') 0px 0px no-repeat;
}
#icon2 a:link {
      background: url('../img/social_media.jpg') -51px 0px no-repeat;
}
#icon3 a:link {
      background: url('../img/social_media.jpg') -101px 0px no-repeat;
}
#icon1 a:hover {
      background: url('../img/social_media.jpg') 0px -42px no-repeat;
}
#icon2 a:hover {
      background: url('../img/social_media.jpg') -51px -42px no-repeat;
}
#icon3 a:hover {
      background: url('../img/social_media.jpg') -101px -42px no-repeat;
}

/*** LIGHT BOX ***/
div#lightboxBackground{
	background: transparent url('../img/lightboxbg.png') repeat 0 0;
}
div#lightbox{
	background: transparent url('../img/lightboxContentbg.png') no-repeat 0 0;
}
div#closeLightBox{
	background: #212121 url('../img/close.jpg') no-repeat top left;
}
div#lightBoxLeft{
	background: transparent url('../img/lightbox_left_bg.jpg') no-repeat right 50px;
}
div#lightBoxImage{
	background-color: #181818;
	border: #404042 solid 1px;
}
ul#mypart{
	border-top: #575757 solid 1px;
	border-bottom: #575757 solid 1px;
}
ul#mypart li{
	list-style-image: url('../img/frogfoot.jpg');
}
div#viewNow{
	background: url('../img/view_now.jpg') 0px 0px;
}
div#viewNow:hover{
	background: url('../img/view_now.jpg') 0px 30px;
}
div#theFrog{
	background-image: url('../img/lightbox_frog.png');
}