/* CSS Document */
/** set the height to 100% plus 1 pixel, forcing a vertical scrollbar
 ** which will prevent the page from jumping 10-15pxels
 **/
html 
{
  height:100%; 
  margin-bottom: 1px; 
}

a {	
	color: #666666;	
	text-decoration: none;
	border:none;
} 
a img{	
	border:none;
} 

a:active
{
   outline: none;
}

a:focus
{
 -moz-outline-style: none;
}

a:hover {
	color: #333333;	
	text-decoration: underline;
	cursor: pointer;
}

body
{
	
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	
}


h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight: bold;
	margin-bottom:30px;
	margin-top:3px; 
	
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight: bold;
	margin-bottom:3px; 
	
}

HR
{
	color: #555555;
	background-color: #555555;
	border:none;
	height:2px;
	
}


.navLink a,
.navLink a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight: bolder; 
}
.navLink a:hover
{
	color: #333333;	
	text-decoration: none;
	cursor: pointer;
}

.activeLink a
{
	color: #333333;	
}

.spanLink
{
	width: inherit;
	color: #666666;	
}

.spanLink:hover
{
	color: #333333;	
	text-decoration: underline;
	cursor: pointer;
}
.currentLink
{
	color: #DDDDDD;	
}

.debug
{
	color: #222222;
	overflow: hidden;
	
}

.dark
{
	color: #555555;
}

.mediumDark
{
	color: #777777;
}
.mediumLight
{
	color: #999999;
}


.light
{
	color: #CCCCCC;
}


.txtSmall
{
	color: #999999;
	font-size: small;
}

.txtLight
{
	color: #CCCCCC;
	font-size: small;
}


.tag
{
	position: static;
	color: #999999;
	font-size: 1em;
}
.hilitedTag
{
	position: static;
	color: #666;
	font-size: 1em;
}

.show
{
	display:block;
}


.hidden
{
	display:none;
}

.error
{
	display: block;
	margin-left: 10px;
	color: #ffff00;
}
#BackgroundImage {
	position:fixed;
	right:0;
	bottom:0;
	z-index:0;
	
}
#Perf {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	
}
#PerfTop {
	display:none;
	position:fixed;
	left:0;
	top:0;	
}


#Header
{
	position:relative;
	padding:3px 0px 2px 3px;
	z-index:2;
	min-width:740px;
}
/*
#HeaderBackground {
	background-color: #FFFFFF;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:130px;
	z-index:2;
}*/


#Branding {
	height:45px;
}


#taglineContainer{
	height:27px;
}

#NavBar {
	position:relative;
	height:40px;
	padding:2px 0px 2px 2px;
	min-width:740px;
	z-index:2;
}

#ContentContainer{
	margin-top:40px;
	position:relative;
	width:100%;
	z-index:2;
	text-align:center;
}

#Content{
	width:542px;
	margin: 0px auto;
	text-align:left;
}
#Footer{
	font-size:0.8em;
	width:100%;
	margin: 10px auto;
	padding:10px;
	text-align:center;
	position:relative;
	z-index:2;
}

#NavBarItem {
	float: left;
	
}

#logoTile {

	float: left;
}

.first{
	text-align:left;
	width:20%;
}

.middle{
	text-align:center;
	width:29%;
}

.last{
	text-align:right;
	width:21%;

}

.firstTile{
	width:3%;
	text-align:left;
}
.normalTile{
	width:4%;
	text-align:center;
}
.wideTile{
	width:5%;
	text-align:center;
}

.thinTile{
	width: 3%;
	text-align:center;
}
.spaceTile{
	width: 4%;
	text-align:center;
}
.widthAdjustTile{
	width: 4%;
	text-align:center;
}
.lastTile{
	width: 4%;
	
}
.tagline{
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	font-stretch:expanded;
	color:#000000;
}
.taglineNormal{

	text-align:center;
	width:10%;
}
.taglineWide{

	text-align:center;
	width:12%;
	min-width:9%;
}
.taglineWidthAdjust
{
	text-align:center;
	width:9%;

}
.taglineLeft{
	text-align:left;
	width:5%;
}
.taglineRight{
	text-align:right;
	width:6%;
}

.tagDelimiter{
	text-align:center;
	width:4%;
}

/*-------CONTACT FORM----------*/
fieldset
{
	position:relative;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: thin;
}

label
{
	float:left;	
	font-weight:bold;
	margin-bottom: 3px;
	text-align:right;
}

input
{
	
	margin-bottom: 5px;
	vertical-align: middle;
	left: 105px
}


.contact-form textarea
{
	width:425px;
	margin-bottom:5px;
}


.emailLabel{
	width:105px;
	padding-right:10px;
	padding-top:2px;
}

.submitButton{
	width:85px;
	margin-left:455px;
	margin-top:10px;
}	
	

/*---Project Listing--*/

#projectListing{
	clear:both;
	margin:40px 0px;
	height:auto;
}

#projectThumbnail{
    padding:0;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	border:1px solid black;
}

#projectThumbnail img{
   display:block;
   float:none;
   margin:0;
   padding:0;
   }



#projectListing #projectTitle{
	font-size:1.2em;
	padding-left:175px;
}

#projectListing .projectInformation{
	font-size:0.8em;
	padding-left:175px;
}

#shortDescription{
	padding-left:175px;
	margin-bottom:10px;

}

#project{
	margin-bottom:40px;
}

#project #projectTitle{
	font-size:1.2em;
	margin-bottom: 20px;
}

#projectInfo
{
  	margin-bottom:20px;
}

#projectImage{
	margin:0 0 0 0;
 	border:1px solid black;
}
#latestProject{
}
#latestProject h2{
	margin-bottom:20px;
}

#projectImages{
 width:542px;
 margin:20px 0;
}

.projectImageThumbnail{
	display:none;
}

.projectImageCaption{
	padding:10px;
	background-color:#000;
	text-align:left;
	color:#CCCCCC;
}
#projectDescription
{
	margin-bottom:20px;
}

/*______SLIDESHOW------------*/

.slideshow{
	margin:20px 0;
	text-align:center;
}

.slide_image{
	height:auto;
 	border:1px solid black;
}
.slide_caption{
	background-color:#000;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color:#CCCCCC;
	padding:10px 10px;
	text-align:left;
}
.slideshow_controller{
	padding:3px;
	color:#000;
	text-align:left;
}
.button_container{
	width:35px;	
	float:right;
	margin:0 1px 0 1px;
}
.button_divider{
	width:10px;	
	float:right;
}
.button_container a{
	color:#000;
	text-decoration:none;
}
.slide_counter{
}

.highlightText
{
	font-weight:bold;
}
.highlightTitle
{
	font-style:italic;
}


.hidden{	
	visibility:hidden;
}

.visible{
	visibility:visible;
}


-->