@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#outerdiv{position:absolute; height:100%}
body {
	background-color:#990000;
	background-image:url(../photos/bodyback.jpg);
	background-repeat:repeat-x;
}
.main p{ padding:20px}

.main {
  background-image: url("../photos/blackback.png");
  margin-left: 220px;
  position: absolute;
  top: 0;
  width: 960px;
  height:960px
}

.backmain {
  background: none repeat scroll 0 0 black;
  height: 100%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 960px;
}

.backmain li {float:left; padding:0; margin:0; height:240px; display:block}
.backmain .noshow {cursor:pointer}

p {
  color: #FFFFFF;
  font: 16px/18px arial;
  letter-spacing: 2px;
  text-align: left;
}

.show .message {
  background: url("../photos/blackback.png") repeat scroll 0 0 transparent;
  display: block;
  height: 240px;
  left: 0;
  position: relative;
  top: -246px;
  width: 240px;
}

.noshow .message{display:none}

.message p {padding:0 10px}

#logo {
	background-image:url(../photos/logo.jpg);
	width:220px;
	Height:134px;
  left: 0;
  position: relative;
  top: 0;
  z-index: 2;
}

#backdrop {
	width:960px;
	Height:100%;
  left: 220px;
  position: absolute;
  top: 0;
}

#rightwhite {
	width:11px;
	height:960px;
	background-image:url(../photos/whitesideshadow.png);
	background-repeat:repeat-y;
  left: 1180px;
  position: absolute;
  top: 0;
  z-index: 2;
}

#leftwhite {
	width:11px;
	height:960px;
	background-image:url(../photos/leftsideshadow.png);
	background-repeat:repeat-y;
  left: 209px;
  position: absolute;
  top: 0;
  z-index: 2;
}

#logo2 {
  background-image: url("../photos/disrupt.jpg");
  height: 151px;
  left: 30px;
  position: relative;
  top: 200px;
  width: 151px;
  z-index: 2;
}

#social { position:absolute; top:510px; left:20px; z-index:3; list-style:none}
#social li {float:left}
a#facebook {width:61px; height:58px; display:block; background-image:url(../photos/facebook.jpg); background-position:0 0}
a#facebook:hover{background-position:0px -58px}
a#mail {width:61px; height:58px; display:block; background-image:url(../photos/mailicon.jpg); background-position:0 0}
a#mail:hover{background-position:0px -58px}
a#twitter {width:61px; height:58px; display:block; background-image:url(../photos/twitter.jpg); background-position:0 0}
a#twitter:hover{background-position:0px -58px}

#dog2 ul {list-style:none; padding:0 20px}

#dog2 ul li {
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  padding: 2px 8px;
  text-align: left;
}

#dog2 p {font-size:14px}

#dog3 ul {list-style:none; padding:40px 20px 0}

#dog3 ul li {
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  padding: 2px 8px;
  text-align: left;
}

#dog3 p {font-size:14px}
#dog3 a {
  color: #CC3300;
  font-size: 12px;
  font-weight: normal;
}
#dog3 a:hover {color:#CC0}