@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #FFF;
	text-align: left;
	background-color: #dae3ec;
	background-image: url(images/Header_BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h1, h2, h3, h4, h5, h6, p, ul, li, img, iframe {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: underline;
	color: #fff;
}

a:active {
	text-decoration: underline;
	color: #336699;
}

#container {
	width: 100%;
}

#nav {
	margin: auto;
	width: 476px;
	height: 28px;
}

ul#navUl {
	width: 476px;
	height: 28px;
	margin-top: 7px;
}

#navUl li {
	text-indent: -9999px;
}

li#nav1 {
	width: 157px;
	height: 28px;
	float: left;
}

li#nav2 {
	width: 152px;
	height: 28px;
	float: left;
}

li#nav3 {
	width: 167px;
	height: 28px;
	float: left;
}

li#nav1 a {
	width: 157px;
	height: 28px;
	display: block;
	overflow: hidden;
	float: left;
	background: url(images/NavOff.png) no-repeat 0 0;
}

li#nav2 a {
	width: 152px;
	height: 28px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(images/NavOff.png) no-repeat -157px 0;
}

li#nav3 a {
	width: 167px;
	height: 28px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(images/NavOff.png) no-repeat -309px 0;
}

li#nav1 a:hover {
	background: url(images/NavOn.png) no-repeat 0 0;
}

li#nav2 a:hover {
	background: url(images/NavOn.png) no-repeat -157px 0;
}

li#nav3 a:hover {
	background: url(images/NavOn.png) no-repeat -309px 0;
}

#groundBG {
	width: 100%;
	background: url(images/Footer_BG.jpg) no-repeat bottom center;
}

#logo {
	width: 780px;
	height: 263px;
	margin: auto;
	text-indent: -9999px;
}

#content {
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#clouds {
	width: 858px;
	height: 142px;
	position: relative;
	z-index: 2;
	margin: auto;
	background: url(images/clouds.png) no-repeat bottom;
}

#contentBG {
	width: 687px;
	position: relative;
	top: -60px;
	margin: auto;
	padding: 70px 47px 0px 46px;
	background-color: #b27d38;
	z-index: 1;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#rocks {
	width: 780px;
	height: 169px;
	margin: auto;
	position: relative;
	top: -60px;
	background: url(images/TornEdge.png) no-repeat;
}

#tv {
	width: 296px;
	height: 206px;
	float: right;
	background: url(images/TV.jpg) no-repeat;
}

#AboutTab {
	position: absolute; 
	left: -61px;
	top: 66px;
}
	
#AboutTop {
	position: absolute; 
	left: 780px;
	top: 252px;
}
	
#AboutContent {
	width: 380px;
	float: left;
	overflow: hidden;
}

#AboutContent1 {
	width: 380px;
	height: 28px;
	float: left;
	background: url(images/SubHDR_Name.png) no-repeat top left;
	padding-bottom: 20px;
	margin-top: 20px;
	text-indent: -9999px
}

#AboutContent2 {
	width: 380px;
	float: left;
}

.divider {
	width: 686px;
	height: 90px;
	position: relative;
	float: left;
	background: url(images/Divider.png) no-repeat center;
}

#WorkTab {
	position: absolute; 
	left: -61px;
	top: 362px;
}
	
#WorkTop {
	position: absolute; 
	left: 780px;
	top: 1270px;
}
	
#Work {
	width: 100%;
	float: left;
	overflow: hidden;
}

#WorkContent1 {
	width: 100%;
	height: 28px;
	float: left;
	background: url(images/SubHDR_Work.png) no-repeat top left;
	padding-bottom: 20px;
	margin-top: 20px;
	text-indent: -9999px
}

#WorkContent2 {
	width: 100%;
	float: left;
}

#gallery {
	width: 686px;
	padding-top: 35px;
	overflow: hidden;
	float: left;
}

#gallery li {
	padding-bottom: 29px;
	float: left;
}

.galleryIMG {
	width: 178px;
	float: left;
}

.galleryIMG_R {
	width: 150px;
	float: left;
}

#ContactTab {
	position: absolute; 
	left: -61px;
	top: 1382px;
}
	
#ContactTop {
	position: absolute; 
	left: 780px;
	top: 1952px;
}
	
#Contact {
	width: 100%;
	float: left;
	overflow: hidden;
}

#ContactContent1 {
	width: 100%;
	height: 28px;
	float: left;
	background: url(images/SubHDR_Contact.png) no-repeat top left;
	padding-bottom: 20px;
	margin-top: 20px;
	text-indent: -9999px
}

#ContactContent2 {
	width: 100%;
	float: left;
}

#ContactBG {
	width: 688px;
	height: 555px;
	float: left;
	background: url(images/Contact_BG.jpg) no-repeat bottom;
	margin: auto;
}

#contactEmail {
	width: 583px;
	float: left;
	margin: auto;
	padding: 208px 0px 0px 105px;
}

#transparencyComments {
	width: 230px;
	height: 210px;
	border: none;
	line-height: 25px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #333;
	background-color: transparent;
	overflow: hidden;
	float: left;
}

#contactEmailData {
	width: 263px;
	float: right;
	margin-top: 33px;
}

.transparencyDetails {
	width: 190px;
	height: 23px;
	border: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #333;
	background-color: transparent;
	overflow: hidden;
	float: left;
	margin-bottom: 23px;
}

#ContactBTNs {
	width: 193px;
	float: right;
}

#Social {
	margin: 60px 0px 0px 60px;
	height: 47px;
	float: left;
}
	
#SocialUl {
	width: 180px;
	height: 47px;
	float: left;
}

.Social1 {
	width: 51px;
	height: 47px;
	float: left;
	text-indent: -9999px;
}

.Social1 a {
	width: 51px;
	height: 47px;
	display: block;
}

#Footer {
	width: 684px;
	height: 20px;
	margin: auto;
}

#Footer ul {
	margin-top: 340px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#3c6263;	
}

#Footer a {
	text-decoration: underline;
	color:#3c6263;	
}

#FooterCopyrights {
	width: 350px;
	float: left;
}

#FooterValidation {
	width: 250px;
	float: right;
	text-align: right;
}