/* CSS Document */



* { padding: 0;

}



html, body {

	margin: 0 auto; 

	padding: 0;	

	scrollbar-face-color:#e6e5e3;

	scrollbar-base-color:#ffffff;

	scrollbar-arrow-color:red;

	scrollbar-track-color:#ffffff;

	scrollbar-shadow-color:red;

	scrollbar-highlight-color:red;

	scrollbar-3dlight-color:#ffffff;

	scrollbar-darkshadow-Color:#ffffff;

}





body {

	font: 70%  Arial, Helvetica, sans-serif;

	background: #cdccca url(../images/bg.gif) repeat-x 0px 0;

}



p{

	font: 1em/1.6em  Arial, Helvetica, sans-serif;

	margin:0 0 10px 0;

}



table{

	font: 1em/1.3em  Arial, Helvetica, sans-serif;

}



h1, h2, h3, h4, h5, h6 {

	font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;

	padding: 5px 0 5px 0;

	line-height: 1.75em;

	display: block;

}



h1 {

	font-size: 1.6em;

	color: black;

	line-height: 1.5em;

	font-weight: normal;

	text-transform:uppercase;



}



h2 {

	font-size: 1.6em;

	color: #ffffff;

}



h3, h4, h5 {

	font-size: 1.4em;

}



ul {

	list-style: outside;	

	font: 1em Tahoma, Arial, Helvetica, sans-serif;

}





a{

	color: red;

	text-decoration: underline;

}



a:hover{	

	color: gray;

	text-decoration: underline;

}

	

img {

	border: none;

}



/* PAGE ELEMENTS */



#table-border {

	border: solid 1px #bbb6b3;

	border-right: none;

	height: 495px;

	margin: 15px 0 0 20px;

	background-color: #ffffff;

}



#title img {

	margin-left: 30px;

}



#maintable {

	margin: 0 auto; 

	padding: 0;

	margin: 0 0 0px 0;

	/*background: #151513 url(../images/bg.gif) repeat-y 0 0;*/

}



#maintable-textpage {

	margin: 0 auto; 

	padding: 0;

	margin: 0 0 10px 0;

}







/* NAV */



#nav {	

	text-align: left;

	padding: 30px 0px 0px 2px;

	vertical-align: top;

}





#mainnav {

	display: block;

	width: 263px;

	background: #efeded url(../images/spacer-white.gif) repeat-y 15px 0;

}



#nav ul {

	list-style: none;	

	margin: 40px 0 0 0px;

}



#nav li {

	border-bottom: solid 1px white;

}





#mainnav li span {

	display: none;

}



#nav-home {

	width: 263px;	height: 37px;

	background: transparent url(../images/nav-home.gif) no-repeat 0 0;

}



#nav-about {

	width: 263px;	height: 37px;

	background: transparent url(../images/nav-about.gif) no-repeat 0 0;

}



#nav-projects {

	width: 263px;	height: 37px;

	background: transparent url(../images/nav-projects.gif) no-repeat 0 0;

}



#nav-news {

	width: 263px;	height: 37px;

	background: transparent url(../images/nav-news.gif) no-repeat 0 0;

}



#nav-contact {

	width: 263px;	height: 37px;

	background: transparent url(../images/nav-contact.gif) no-repeat 0 0;

}



#nav li a{

	list-style: none;

	display: block;

	border-bottom: solid 1px #ffffff;

}



#nav li a:hover{

	background: transparent url(../images/bg-nav-over.gif) repeat-y 0 0;

}





/* CONTENT */





#content {

	text-align: left;

	padding: 15px 0 0px 13px;

	height: 465px;

}
#content-home {

	text-align: left;

	padding: 2px 0 0px 13px;

	height: 465px;

}



#content-gallery {

	text-align: left;

	padding: 7px 0 0px 13px;

	height: 465px;

}

#content {

	width: 634px;

}



#contactpage {

	padding: 25px 10px 0 35px;

}





#homepage-content {

	width: 690px;

	height: 450px;

	border: solid 1px #d6d6d6;

	padding: 5px 5px 5px 0;

}



#contactpage-content {

	width: 690px;

	height: 450px;

	border: solid 1px #d6d6d6;

	padding: 5px 5px 5px 0;

}



#aboutpage-content {

	width: 1280px;

	height: 450px;

	border: solid 1px #d6d6d6;

	padding: 5px;

}



#textpage-content {

	width: 1100px;

	height: 450px;

	border: solid 1px #d6d6d6;

	border-right: none;

	padding: 5px;

}





#newspage-content {

	height: 450px;

	border: solid 1px #d6d6d6;

	padding: 5px;

}



#textpage-content-contactpage {

	width: 620px;

	height: 460px;

	border: solid 1px #d6d6d6;

}





#text-panel1{

	width: 655px;

	height: 428px;

	float: left;

	padding-left: 20px;

	padding-right: 10px;

	padding-top: 10px;
	
	background: url(../images/home-image.jpg) 20px 10px no-repeat;

}

#fadeshow {
	top: 267px;
	left: 20px;
}



#text-panel2{

	float: left;

}



#text-panel3{

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

}



#aboutpage-content h1 {margin-bottom: 0;}



#about-panel1{

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	margin-right: 5px;

}



#about-panel2{

	width: 350px;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 5px;

	text-align:justify;

}



#about-panel3{

	width: 250px;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 5px;

	text-align:justify;

}



#about-panel4{

	width: 310px;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 5px;

	text-align:justify;

}



#textpage-content img {

	margin: 10px;

}









/* SCROLL */



.scrolltxt {

	text-transform: none; 

	font: 1em/1.3em Tahoma, Arial, Helvetica, sans-serif;

 	text-align: justify; text-decoration: none

}



#divUpControl {

	z-index: 1; left: 0px; width: 10px; position: absolute; top: 92px; height: 11px; text-align: right

}



#divDownControl {

	z-index: 1; left: 0px; width: 10px; position: absolute; top: 127px; height: 11px; text-align: right

}



#divContainer {

	left: 0px; visibility: hidden; overflow: hidden; width: 385px; clip: rect(0px 385px 322px 0px); position: absolute; top: 45px; height: 322px

}



#divContent {

	left: 0px; position: absolute; top: 0px;

}



.label {

	padding-bottom: 2px;

}



#form-table-border {

	width: 350px; 

	border: solid 1px white; 

	padding: 20px;

}



#address {

	padding: 16px 0px 0px 20px;

	vertical-align: bottom;

}



#address a:link {

	color: red;

	text-decoration: underline;	

}



#address a:hover {

	color: gray;

	text-decoration: underline;	

}





/* NEWS PAGE */





#form-table-border {

	scrollbar-face-color: #d4d0c8;

	scrollbar-arrow-color: #000000;

	scrollbar-track-color: #E8E5E0;



	scrollbar-shadow-color: #808080;

	scrollbar-lightshadow-color: #808080; 

	scrollbar-darkshadow-color: #404040;



	scrollbar-highlight-color: white;

	scrollbar-3dlight-color: #D4D0C8;



}

/* MAIN SCROLLING DIV */



	/* Scroll Bar Master Styling Starts Here */

	

	/* Scroll Bar Master Styling Starts Here */

	/* All comments can be freely removed from the css */

	



	

	.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

	

	/* force fleXcroll to always display the vertical scrollbase */

	.vscrollerbase {

	visibility: hidden;

	}

	/* fleXcroll adapts to this CSS setting and sets positions correctly */

	

	

	/* And style your scrollbar like you normally do */

	

	/*.vscrollerbase {

	width: 15px;

	background: #8e989b url(images/scroll/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;

	}

	.vscrollerbar {

	width: 15px;

	background: #000000 url(images/scroll/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;

	}*/

	

	.hscrollerbase {

	height: 15px;

	background: #000000 url(../horizontalbarbody_cornerjog.png) 0px 0px repeat-x;

	border-top: solid 1px #8a8989;

	border-bottom: solid 1px #8a8989;

	}

	.hscrollerbar {

	height: 13px;

	background: #8a8989 url(../horizontalbarbody_cornerjog.png) 0px 0px repeat-x;

	border: solid 1px #000000;	}

	

	.vscrollerbar, .hscrollerbar {

	padding: 15px;

	z-index: 2;

	}

	/*

		.vscrollerbarbeg {

		background: url(../images/scroll/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;

		width: 15px;

		height: 15px !important;

		}

		.vscrollerbarend {

		background: url(../images/scroll/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;

		width: 15px;

		height: 15px;

		}

	*/

	.hscrollerbarbeg {

	/*background: #e37232 url(../images/scroll/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;*/

	height: 15px;

	width: 15px !important;

	}

	.hscrollerbarend {

	/*background: #e37232 url(../images/scroll/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;*/

	height: 15px;

	width: 15px;

	}

	.scrollerjogbox {

	width: 0px;

	height: 0px;

	top: auto; left: auto;

	bottom: 0px; right: 0px;

	background: #23292b url(../horizontalbarbody_cornerjog.png) 0px 0px;

	}

	/*

		.vscrollerbasebeg {

		background: url(../images/scroll/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;

		width: 15px;

		height: 15px !important;

		}

		.vscrollerbaseend {

		background: url(../images/scroll/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;

		height: 15px;

		width: 15px;

		}

	*/

	.hscrollerbasebeg {

	background: url(../images/scroll/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;

	height: 15px;

	width: 15px !important;

}

	.hscrollerbaseend {

	height: 15px;

	width: 15px;

	background: url(../images/scroll/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;

}

	.scrollerjogbox:hover {

	background:  url(../images/scroll/basebarcaps_verticalbarbody.png) -45px -15px;

	}

	

/* Scroll Bar Master Styling Ends Here */



#mycustomscroll {

/* Typical fixed height and fixed width example */

width:1000px;

height: 500px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: absolute;

top: 0;

left: 0;

background-color: #E7EADE;

margin: 0 auto;

padding: 0;

}



#mycustomscroll2 {

/* Typical fixed height and fixed width example */

width: 100%;

height: 550px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/



margin: 0 auto;

padding: 0;

}





.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 550px;

height: auto;

position: relative;

color: black;

padding: 1px;

}



/* END MAIN SCROLLING DIV */



#qTip {

	min-width: 100px; PADDING-RIGHT: 15px; DISPLAY: none; PADDING-LEFT: 15px; FONT-SIZE: 13px; Z-INDEX: 1000; BACKGROUND: url(../images/tooltip.png); PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; POSITION: absolute

}


.top-heading h1{
	padding:0px;
	margin:0px;
	font-size:10px;
	text-transform:none;
	color:#666666;
	}
.text-heading h2{
	padding-bottom:5px;
	padding-left:20px;
	padding-top:0px;
	margin:0px;
	color:#000000;
	font-size:11px;
	}