html, body, #bg, #bg table, #bg td {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #bbb;
	font-family: Helvetica, Arial, sans-serif;
	background: white;
}

a img {
    border: 0;
}

a:hover{
	color: blue;
}

.header{
	height: 110px;
	color: #eee;
	font-size: 55px;
	text-align: center;
}

.logo{
	margin-left: 175px;
	margin-top: 10px;
	position: relative;
	z-index:100;
	width: 600px;
	height: auto;
}

.container{
	position: relative;
	width: 950px;
	min-width: 950px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
}

.notactive {
	text-decoration: none;
	color: inherit;
}

.active{
	color: white;
}

.transBk{
	background: rgba(0,0,0,0.6);
}

.mainContainer{
	width: 900px;
	height: auto;
	margin: 40px auto;
/* 	overflow: hidden; */
}

.textContainer{
	float: left;
	color: #7b007b;
	font-size: 20px;
	width: 450px;
}

.textContainer2{
	margin-left: 320px;
	color: #7b007b;
	font-size: 20px;
	width: 600px;
}

.textContainer3{
	position: absolute;
	top: 1200px;
	color: #7b007b;
	font-size: 30px;
	background: rgba(255, 255, 255, 0.7);
	width: 945px;
	z-index: 500;
}

.fadetop{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0% ,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,0.7)));
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 70%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
	z-index: 500;
	position: absolute;
	top: 1182px;
	width: 945px;
}

.fadebottom{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(70%,rgba(255,255,255,0.7)), color-stop(0% ,rgba(255,255,255,0)));
	background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 70%);
	background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
    background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 70%);
	z-index: 500;
	position: absolute;
	top: 1270px;
	width: 945px;
}

.textContainer4{
	margin-left: 410px;
	color: #7b007b;
	font-size: 20px;
	width: 530px;
}

.textContainer5{
	color: #7b007b;
	font-size: 20px;
}

.pic1{
	z-index:100;
	margin-bottom: 150px;
	position: relative;
	width: 100%;
	-moz-box-shadow: 0 0 5px 5px purple;
	-webkit-box-shadow: 0 0 5px 5px purple;
	box-shadow: 0 0 5px 5px purple;
}

.pic3{
	top: 170px;
	left: 728px;
	position: absolute;
	width: 212px;
	height: auto;
	-moz-box-shadow: 0 0 5px 5px purple;
	-webkit-box-shadow: 0 0 5px 5px purple;
	box-shadow: 0 0 5px 5px purple;
	z-index:120;
}

.pic4{
	top: 170px;
	left: 10px;
	position: absolute;
	width: 212px;
	height: auto;
	-moz-box-shadow: 0 0 5px 5px purple;
	-webkit-box-shadow: 0 0 5px 5px purple;
	box-shadow: 0 0 5px 5px purple;
	z-index:120;
}

.pic5{
/* 	float: left; */
	width: 450px;
	height: auto;
}

.pic6{
	float: left;
	width: 398px;
	height: auto;
	z-index: 100;
}

.pic7{
	float: left;
	width: 295px;
	height: auto;
	margin-bottom: 25px;
}

.pic8{
	float: left;
	width: 500px;
	height: auto;
	margin-bottom: 25px;
}

.pic9{
	position:relative;
	width: 945px;
	height: auto;
	margin-bottom: 100px;
	z-index: 100;
}

.pic10{
	position: absolute;
	right: 0px;
	z-index: 200;
	width: 530px;
}

.pic11{
	width: 600px;
	height: auto;
}

.reflected, .reflectedSub, .reflectedSub2 {
    position: relative;
    z-index:100;
}
.reflected:before, .reflected:after, .reflectedSub:before, .reflectedSub:after, .reflectedSub2:before, .reflectedSub2:after {
    display: block;
    position: absolute;
    bottom: -.8em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
}
.reflectedSub2:before, .reflectedSub2:after {
    bottom: -1.2em;

}
.reflected:before, .reflectedSub:before, .reflectedSub2:before {
	content: attr(title);
	opacity: .3;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}
.reflected:after {
    /* Don't forget to change the colors to your background color */
    background: -webkit-gradient(linear, left top, left center, from(rgb(#7b007b)), to(rgb(black)));
    background: -moz-linear-gradient(top, rgb(#7b007b), rgb(black));
    content: ' ';
    height: 1em;
}

.reflectedSub:after, .reflectedSub2:after  {
    /* Don't forget to change the colors to your background color */
    background: -webkit-gradient(linear, left top, left center, from(rgb(#7b007b)), to(rgb(black)));
    background: -moz-linear-gradient(top, rgb(#7b007b), rgb(black));
    content: ' ';
    height: 1em;
}

.subheading{
	font-size: 45px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #7b007b;    
	color: black;
	letter-spacing:2px
}

.arrow-down {
	z-index: 10;
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 475px solid transparent;
	border-right: 475px solid transparent;
	border-top: 300px solid black;
}

.arrow-up {
	z-index: 10;
	position: absolute;
	width: 0; 
	height: 0; 
	bottom: 25px;
	border-left: 475px solid transparent;
	border-right: 475px solid transparent;
	border-bottom: 200px solid black;
}

.footer{
	background: black;
	position: absolute;
	bottom: 0px;
	height: 25px;
	width: 100%;
	color: #aaa;
	text-align: center;
}

.column {
  width: 50%;
  float: left; 
  list-style: none;
}

.col{
	list-style: disc;
	margin-bottom: 10px;
}

.list3{
	margin-left: 520px;
}

.emailLink{
	color: black;
}

.lockedTop{
	background: black;
}


#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	width: 900px;
	margin: 0px auto 0px auto;
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

#menu li {
	float: left;
	border-right: 1px solid purple;
	box-shadow: 1px 0 0 purple;
	position: relative;
}

#menu li:last-child {   
	box-shadow: none;
	border-right: none; 
}

#menu a {
	font-size: 16px;
	float: left;
	padding: 12px 20px;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
/* 	text-shadow: 0 1px 0 #000; */
}