/* CSS Document */

body {
	background-color: #5F6062;
	margin: 0px;
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E7E5D3;
}

a:active, a:focus {
      outline: 0;
}

/* DIV's */

#site {
	position:absolute;
	top: 50%;
	left: 50%;
	width:900px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
	border: 1px solid #afafb1;
}

#intro {
	position:absolute;
	top: 50%;
	left: 50%;
	width:100%;
	height:100px;
	margin-top: -51px; /*set to a negative number 1/2 of your height*/
	margin-left: -50%; /*set to a negative number 1/2 of your width*/
}

#navAboutTop {
	position: absolute;
	top: 0px;
	left: 400px;
	width:100px;
	height:100px;
	z-index:3;
	display:inline;
}

#navAboutBot {
	position: absolute;
	top: 0px;
	left: 400px;
	width: 100px;
	height: 100px;
	z-index:1;
	display:inline;
}

#navServicesTop {
	position: absolute;
	left: 490px;
	width:100px;
	height:100px;
	z-index:2;
	display:inline;
}

#navGalleryTop {
	position: absolute;
	top: 0px;
	left: 580px;
	width:100px;
	height:100px;
	z-index:3;
	display:inline;
}

#navGalleryBot {
	position: absolute;
	top: 0px;
	left: 580px;
	width: 100px;
	height: 100px;
	z-index:1;
	display:inline;
}

#heading {
	position: absolute;
	top: 125px;
	left: 436px;
	width: 300px;
	z-index:1;
	display:inline;
}

#logo {
	position: absolute;
	top: 240px;
	left: 52px;
	width: 223px;
	z-index:1;
	display:inline;
}

#section {
	position: absolute;
	top: 230px;
	left: 318px;
	width: 100px;
	z-index:1;
	display:inline;
}

#scroll {
	position: absolute;
	top: 175px;
	left: 438px;
	width: 400px;
	z-index:1;
	display:inline;
}

#subNav1 {
	position: absolute;
	top: 330px;
	left: 418px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav1-title {
	position: absolute;
	top: 402px;
	left: 404px;
	width: 84px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav1-title-r {
	position: absolute;
	top: 402px;
	left: 404px;
	width: 84px;
	z-index:1;
	display:inline;
	text-align: right;
}

#subNav2 {
	position: absolute;
	top: 330px;
	left: 498px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav2-title {
	position: absolute;
	top: 402px;
	left: 498px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav2-title-r {
	position: absolute;
	top: 402px;
	left: 498px;
	width: 70px;
	z-index:1;
	display:inline;
	text-align: right;
}

#subNav3 {
	position: absolute;
	top: 330px;
	left: 578px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav3-title {
	position: absolute;
	top: 402px;
	left: 578px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav3-title-r {
	position: absolute;
	top: 402px;
	left: 578px;
	width: 70px;
	z-index:1;
	display:inline;
	text-align: right;
}

#subNav4 {
	position: absolute;
	top: 330px;
	left: 658px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav4-title {
	position: absolute;
	top: 402px;
	left: 657px;
	width: 75px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav4-title-r {
	position: absolute;
	top: 402px;
	left: 657px;
	width: 75px;
	z-index:1;
	display:inline;
	text-align: right;
}

#subNav5 {
	position: absolute;
	top: 330px;
	left: 738px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav5-title {
	position: absolute;
	top: 402px;
	left: 738px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#subNav5-title-r {
	position: absolute;
	top: 402px;
	left: 738px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#nav1 {
	position: absolute;
	top: 490px;
	left: 660px;
	width: 26px;
	z-index:2;
	display:inline;
	text-align: center;
}

#nav1-title {
	position: absolute;
	top: 525px;
	left: 658px;
	width: 26px;
	z-index:3;
	display:inline;
	text-align: center;
}

#nav2 {
	position: absolute;
	top: 490px;
	left: 698px;
	width: 26px;
	z-index:2;
	display:inline;
	text-align: center;
}

#nav2-title {
	position: absolute;
	top: 525px;
	left: 690px;
	width: 26px;
	z-index:3;
	display:inline;
	text-align: center;
}

#nav3 {
	position: absolute;
	top: 490px;
	left: 732px;
	width: 26px;
	z-index:2;
	display:inline;
	text-align: center;
}

#nav3-title {
	position: absolute;
	top: 525px;
	left: 729px;
	width: 26px;
	z-index:3;
	display:inline;
	text-align: center;
}

#nav4 {
	position: absolute;
	top: 490px;
	left: 783px;
	width: 26px;
	z-index:2;
	display:inline;
	text-align: center;
}

#nav4-title {
	position: absolute;
	top: 525px;
	left: 781px;
	width: 26px;
	z-index:3;
	display:inline;
	text-align: center;
}

#contactLink {
	position: absolute;
	top: 495px;
	left: 438px;
	width: 69px;
	z-index:3;
	display:inline;
	text-align: left;
}

#topImage {
	position: absolute;
	top: 0px;
	left: 505px;
	width: 300px;
	z-index:3;
	display:inline;
	text-align: right;
	height: 159px;
}

#galleryLink {
	position: absolute;
	top: 300px;
	left: 708px;
	width: 112px;
	z-index:2;
	display:inline;
	text-align: left;
	height: 18px;
}

#galleryLink A:VISITED, #galleryLink A:LINK {
	color:#F8981D;
	border: #5F6062 solid 1px;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
}

#galleryLink A:ACTIVE, #galleryLink A:HOVER {
	color:#E7E5D3;
	border: #F8981D solid 1px;
	text-decoration: none;
	padding: 2px 3px 2px 3px;

}

#video1 {
	position: absolute;
	top: 80px;
	left: 85px;
	z-index:2;
	display:inline;
}

#video1-title {
	position: absolute;
	top: 68px;
	left: -6px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#video2 {
	position: absolute;
	top: 80px;
	left: 161px;
	z-index:2;
	display:inline;
}

#video2-title {
	position: absolute;
	top: 68px;
	left: -7px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#video2-title-r {
	position: absolute;
	top: 147px;
	left: 155px;
	width: 70px;
	z-index:1;
	display:inline;
	text-align: right;
}

#video3 {
	position: absolute;
	top: 80px;
	left: 237px;
	z-index:2;
	display:inline;
}

#video3-title {
	position: absolute;
	top: 68px;
	left: -7px;
	width: 70px;
	z-index:2;
	display:inline;
	text-align: right;
}

#video3-title-r {
	position: absolute;
	top: 147px;
	left: 231px;
	width: 70px;
	z-index:1;
	display:inline;
	text-align: right;
}



/* BACKGROUND */
 
.bgNav {
 	background-image: url(images/bg-nav.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}

.bgFooter {
 	background-image: url(images/bg-footer.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}

/* _____________________________________________________ GALLERY */

#gallery1 {
	position: absolute;
	top: 195px;
	left: 436px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery-title {
	position: absolute;
	top: 78px;
	left: -8px;
	width: 78px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery2 {
	position: absolute;
	top: 195px;
	left: 516px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery3 {
	position: absolute;
	top: 195px;
	left: 596px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery4 {
	position: absolute;
	top: 195px;
	left: 676px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery5 {
	position: absolute;
	top: 295px;
	left: 436px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery6 {
	position: absolute;
	top: 295px;
	left: 516px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery7 {
	position: absolute;
	top: 295px;
	left: 596px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}

#gallery8 {
	position: absolute;
	top: 295px;
	left: 676px;
	width: 66px;
	z-index:2;
	display:inline;
	text-align: right;
}



/* TYPE STYLES */

h1 {	
	font-size: 20px;
	margin: 0;
	padding: 0;
	font: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: normal;
}

h2 {	
	font-size: 12px;
	margin: 0;
	padding: 0;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.subNavActive {
	color: #f8981d;
	font-size: 10px;
}

.textOrange {
	color: #f8981d;
}

.textNavTitles {
	color: #797979;
	font-weight:bold;
}

/* LINKS */


/* border image rollover effect */

.highlight img{
	border: 10px solid #828153;
 }

       
.highlight:hover img{
	border: 10px solid #f8981d;
}

.highlight:hover{
	color: red; /* Dummy for IE bug */
}



a:link, a:visited {
	color: #E7E5D3;
	text-decoration: none;
}

a:hover, a:active {
	color: #f8981d;
	text-decoration: none;
}

a.linkEnter:link, a.linkEnter:visited {
	border: 10px solid #828153;
}

a.linkEnter:hover, a.linkEnter:active {
	border: 10px solid #f8981d;
}

a.linkSubNav:link, a.linkSubNav:visited {
	font-size: 10px;
	color: #E7E5D3;
	text-decoration: none;
}

a.linkSubNav:hover, a.linkSubNav:active {
	font-size: 10px;
	color: #f8981d;
	text-decoration: none;
}

a.linkContact:link, a.linkContact:visited {
	font-size: 12px;
	color: #a8c398;
	text-decoration: none;
	font-weight: bold;
}

a.linkContact:hover, a.linkContact:active {
	font-size: 12px;
	color: #a8c398;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #9bae92;
}




/* BORDERS */

.borderOrange {
	border: 10px solid #f8981d;
}

.borderGray {
	border: 10px solid #4D4D4F;
}


/* PADDING & MARGIN */

.padding {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.margin {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.paddingLeft30 {
	padding-left: 30px;
}

.paddingRight60 {
	padding-right: 60px;
}

.paddingLogoHome {
	padding: 10px 0px 0px 120px;
}


/* SCROLLER */




			.holder {
				
			}
			.scroll-pane {
				width: 370px;
				overflow: auto;
				padding-right: 25px;
				float: left;
				background-color: #5F6062;
			}
	
			#pane3 {
				height: 140px;
			}
			
			
			a.jScrollArrowUp {
				background: url(basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: url(../images/bg-scroll.gif) no-repeat 0 0;
			}
			.orange-bar .jScrollPaneDrag {
				background: url(../images/scroll-dot.gif) no-repeat 50% 50%;
			}
			.orange-bar .scroll-pane {
			

			}


/* Press Slider */

#pressContainer {
	position: absolute;
	top: 158px;
	left: 428px;
	width: 385px;
	height: 180px;
	z-index:2;
	display:inline;
}

#buttonContainer {
	position: absolute;
	top: 167px;
	left: 264px;
	width: 118px;
	z-index:2;
	display:inline;
	text-align: right;
}

button::-moz-focus-inner{padding:0;border:none}

#pressMagPadding {
	padding: 0px 0px 0px 0px;
	width: 96px;
	height: 160px;
	text-align: center;
}

.paddingMag {
	padding-bottom: 5px;
	padding-top: 20px;
}

#carouselContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 384px;
	height: 160px;
	z-index:2;
	display:inline;
	border: #999999 solid 1px;
}

.prev, .next {
	background-color: #5F6062;
	border: none;
}

/*_______________________________________________________ CONTACT STUFF */

.textInput {
border: none;
background: #8B9B93;
color:  #222222;
font-size: 10px;
padding: 1px 2px 0px 5px;
margin: 0px 0px 5px 4px;
width: 100%;
font-family:Arial, Helvetica, sans-serif;
}

.textArea {
border: none;
background: #8B9B93;
color:  #E7E5D3;
font-size: 10px;
padding: 1px 2px 0px 5px;
margin: 5px 0px 0px 4px;
width: 238px;
font-family:Arial, Helvetica, sans-serif;
}

.submit {
border: none;
background: #f8981d;
color: #5F6062;
font-size: 10px;
padding: 1px 10px 0px 0px;
margin: 20px -7px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
text-align: right;
width: 80px;
}

.textGreen {
	color: #a8c398;
}