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

/*General*/

body {
	background-attachment: fixed;
	background-color:#333;
	background-image: url(images/waterfall.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	background: url(images/waterfall.jpg) no-repeat;
	background-size:cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

#bg {
	width:100%;
	height:100%;
}

#garibaldi {
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-486px;
	visibility:hidden;
	}

/*background stretch*/

@media only and all (max-width: 974) and (max-height: 935) {
	body {
		background-size: 974px 935px;
		-moz-background-size: 974px 935px;
		-webkit-background-size: 974px 935px;
	}
}

@media only screen and (orientation: portrait) and (device-width: 320px). (device-width: 768px)
{
	body {
		-webkit-background-size: auto 100%;
	}
}

@media only screen and (orientation: landscape) and (device-width 320px), (device-width: 768px) {
	body {
		-webkit-background-size: 100% auto;
	}
}

img#expando {
display: none;
position: absolute;
z-index: 1;
-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
display: block;
}
 
.wide img#expando {
height: auto;
width: 100%;
}
 
.tall img#expando {
height: 100%;
width: auto;
}

#content {
	margin:auto;
	width:800px;
	position:relative;
	z-index:1;
}

/*Headers*/
a {
	text-decoration:none;
	color:inherit;
}

h1 /*"LADS"*/{
	font-size:80px;
	line-height:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:100;
	letter-spacing: .1em;
	text-indent:20px;
	text-decoration:none;
	position:relative;
	top:50px;
	height:35px;
}

h2 /*Large Artwork Display on the Surface*/{
	font-size:20px;
	font-weight:200;
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-indent:20px;
}

/*Menu*/

#menu {
	position:relative;
}

#menu ul {
	margin: 0;
	padding:0;
	float:left;
	background-color: #3D5C55;
	width:100%;
	list-style:none;
}

#menu ul li {
	display: inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#menu ul li a{
	float: left;
	text-decoration: none;
	color: white;
	padding: 10.5px 11px;
	background-color: #3D5C55;
	text-align:center;
	width:178px;
}

#menu ul li a:hover{
	color: black;
	background-color: #A9CCB7;
}

/*Transparent Box, which holds content text and images inside*/

.transbox{
	width:100%;
	background-color:rgba(255,255,255,0.5);
	clear:both;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.transbox p{
	z-index:3;
	margin:30px 40px;
	position:relative;
	top:30px;
}

.about {
	margin: 0 0 0 420px;
	line-height:normal;
}

.linespace {
	line-height:18px;
}
	
.transbox ul{
	color:  #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	position:relative;
	top:30px;
	text-indent:20px;
	margin:30px 40px;
}	

.transbox ul li{
	list-style:none;
	position:relative;
	top:5px;
}

.transbox ul li a{
	text-decoration:none;
	color:  #3D5C55;
}
	
.video {
	float:left;
	z-index:100;
	padding-top:30px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:30px;
}

.category /*on links page*/{
	color: #000;
	text-indent:0px;
	font-size:14px;
	}
	
.title /*like "links" on links page*/ {
	color: #000;
	text-indent:30px;
	position:relative;
	top:30px;
	font-size:24px;
}
	
 /*Home images*/

.leftbox {
	background-image:url(images/leftbox.jpg);
	width:300px;
	height:500px;
	position:relative;
	top:30px;
	left:30px;
}

.textbox {
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:40px;
	width:379px;
	height:195px;
	position:absolute;
	top:190px;
	left:360px;
	text-indent:0px;
	text-align:left;
}
	
.scroll {
	background-image:url(images/scroll.jpg);
	width:409px;
	height:245px;
	position:absolute;
	right:30px;
	top:450px;
}	

/*footer*/

#footer {
	background-color: #3D5C55;
	color:white;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:40px;
}

#footer a{
	text-decoration:none;
	color:white;
}

#footer a:visited{
	color:white;
}

.brown {
	font-size:20px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#FFF;
	letter-spacing:.1em;
}

#microsoft {
	font-size:10px;
	font-weight:200;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

#microsoft img {
	border-style:none;
	position:relative;
}