html, body {
		height: 100%;
		margin-bottom: 0.01em;
}

a {
   outline: 0;}

body, dl, dt, dd, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, blockquote, address, th, td {
		margin: 0;
		padding: 0;
		border:0;
		background-color:#FFFFFF;
		text-align: left;
		}
h1 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 26px;
	font-style: bold;
	font-variant: Black;
	font-weight: 700;
	line-height: 30px;
}

h3 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

p {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 20px;
}

p.black {
	font-family: Arial Black, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	font-variant: Black;
	font-weight: 400;
	line-height: 23px;
	margin-top: 0px;
}

p.array {
font-family : Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
margin-top: 5px;
margin-bottom:0;
}

p.df {
font-family : Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
margin-bottom: 40px;
color : #999999;
}

blockquote {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}

pre {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}

h2, h4, h5, h6 { font-family : Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #FFFFFF; }
h2 { font-size: 165%; }
h4 { font-size: 118.75%; }
h5 { font-size: 107.5%; }

h2 + p {
    margin-top: 0;
}

.blue {
color : #6DCFF6;
}

.bold {
font-weight : bold;
}

.white {
color : #FCFCFC;
}

.grey {
color : #999999;
}

img { border: none;}


a:link {
color : #696567;
text-decoration : none;
padding-bottom : 0;
border : none;
border: 0;
}

a:visited {
color : #696567;
text-decoration : none;
padding-bottom : 0;
border : none;
border: 0;
}

a:hover {
color : #FF9355;
text-decoration : none;
padding-bottom : 0;
border : none;
border: 0;
}

a:active {
color : #696567;
text-decoration : none;
padding-bottom : 0;
border : none;
border: 0;
}

ul {
margin : 0;
padding : 0;
text-align: left;
list-style: disc inside none;
	margin-bottom: 20px;
}

ul.top-level 			{
    		list-style-type: none;
			padding: 0;
			font-family : Arial, 'Helvetica Neue', Helvetica, sans-serif;
			font-size: 20px;
			text-align: right;
			}
			
ul.top-level li {
			text-decoration : none;
			display: inline;
			padding-left: 0;
			padding-right: 5px;
}

ul.top-level li a {
  			list-style: none;
			text-decoration : none;
}

ul.top-level li:hover a {
color : #FF9355;
text-decoration : none;
}

.on	{
color : #FF9355;
text-decoration : none; 
}

ul.sub-level 			{
			padding-top:10px;
			margin-top:15px;
			margin-left:0;
			background-color: #FFFFFF;
			z-index: 5;
			}
			
ul.sub-level li {
			text-decoration : none;
			display: block;
			margin-right: 64px;
			padding-left: 0px;
			z-index: 5;
            text-indent: 0;font-family: Arial Black, Arial, 'Helvetica Neue', Helvetica, sans-serif;
			font-size: 14px;
			font-style: bold;
			font-variant: Black;
			font-weight: 400;
			text-align: left;
}

ul.sub-level li a {
			text-decoration : none;
			z-index: 5;
}

ul.sub-level li:hover a {
color : #FF9355;
text-decoration : none;
			z-index: 5;
}

/* POSITIONING ELEMENTS */

.textmiddle {vertical-align:middle;}


.topbox {
			width: 100%;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 20px;
			height: 85px;
			text-align: left;
			border-bottom: 1px solid #696567;
			z-index: 10;
			}


.topbox_inset {
			position: relative;
			width: 860px;
			top: -45px;
			left:100px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 20px;
			height: 30px;
			text-align: left;
			}


.bottomline {
			clear:both;
			width: 960px;
			margin-top:60px;
			border-bottom: 1px solid #696567;
			}


.topline {
			clear:both;
			margin-top:30px;
			margin-bottom:0px;
			height:1px;
			width: 960px;
			border-bottom: 1px solid #696567;
			}

#nav-top-level {
			position: relative;
			float: right;
			text-align: right;
			top:35px;
			margin-right:15px;
			width: 220px;
			height: 40px;
			text-align: left;
			}

#nav-sub-level {
			left: 100px;  
			width: 860px;
			height: 20px;
			text-align: left;
			}
			
/* END TOP NAVIGATION BAR */




/* SLIDESHOW CONTENT */
			

		
.clear {
clear:both
}				
		
#slideshow {
		position: relative;
		text-align: left;
		top:50px;
		left:0px;
		height:485px;
		background-color:#FFFFFF;
		overflow:hidden;
		}
		
#slideshow a {
float:left;
position:absolute;
}
#slideshow a img {
border:none;
}
#slideshow a.show {
z-index:500
}
#slideshow .caption {
z-index:700;
background: transparent;
height:50px;
padding-top:7px;
padding-left: 40px;
padding-right: 40px;
width:100%;
position:absolute;
bottom:0;
}
#slideshow .content {
text-align:center;
width:900px;
}
#slideshow .content h3 {
margin:0;
padding:0;
background: transparent;
color:#FFFFFF;
text-align:center;
z-index:900
}
			
/* END SLIDESHOW BOB */

/* PROJECT ARRAY CONTENT */

#projectcontainer {
		width: 960px;
		height: auto; /* If you change this value, be sure to change the column heights. */
		margin: 0;
		margin-top: 60px;
		float: left;
		z-index : 5;
		}
		
.project_array {
		display: inline;
		float: left;
		width: 640px;
		text-align: left;
		height: auto;
		z-index : 5;
		}
		
.project_copy {
		text-align: left;
		margin-left: 640px;
		margin-bottom: 40px;
		width: 320px;
		height: auto;
		z-index : 5;
		}
		
.project_panel {
		float: left;
		width: 300px;
		height: 300px; 
		margin-right: 20px;
		margin-bottom: 20px;
		}
		
.project_image {
		text-align: left;
		float: left;
		height:auto;
		margin-bottom: 80px;
		width: 640px;
		z-index : 5;
		}

		
/* END PROJECT ARRAY CONTENT */

/* PROJECT CONTENT */
		
#project_title {
		width: 960px;
		margin: 0;
		height:auto;
		z-index : 5;
		}
 
.project_title_left {
		float: left;
		width: 480px;
		background-color : #FFFFFF;
		text-align: left;
		height:auto;
		z-index : 5;
		}
 
.project_title_right {
		float: left;
		width: 480px;
		text-align: right;
		height:auto;
		z-index : 5;
		}
		
.project_image {
		margin-bottom: 4px;
		}
		
.project_footer {
		width: 900px;
		height: 30px;
		border-bottom: 1px solid #696567;
		}


		
/* END PROJECT CONTENT */

/* ABOUT US TABLE CONTENT */

.aboutus-col2 {
width: 640px;
height: auto; /* If you change this value, be sure to change the column heights. */
margin: 0;
margin-bottom:40px;
z-index : 5;
}
 
.aboutus-col2-1 {
float: left;
width: 300px;
background-color : #FFFFFF;
text-align: left;
margin-right: 20px;
height: auto;
z-index : 5;
}
 
.aboutus-col2-2 {
float: left;
width: 300px;
text-align: left;
margin:0;
margin-right: 20px;
margin-bottom: 20px;
height: auto;
z-index : 5;
}

/* END ABOUT US TABLE CONTENT */


/* END FOOTER CONTENT */


/* WEBKIT NEWS PAGE SCROLLBAR */

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); 
    border-radius: 8px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5); 
}



/* END WEBKIT NEWS PAGE SCROLLBAR */

..cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}