@charset "UTF-8";
/* CSS Document */

html { height: 100%; }

body {
	background-image: url(../slices/1bg.jpg);
	margin: 0px;
	padding:0px;
	min-height: 100%;
	height: 100%;
	background-color: #A4A4A4;
	background-repeat: repeat-x;
}

#maincolumn {
width:898px;
min-height:100%;
height:auto;
margin:0 auto;
background-color:#FFFFFF;

}

.navfont {
font-family:Georgia, "Times New Roman", Times, serif;
color: #525252;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.3em;
font-size: .9em;
}

.header{
	margin:14px 0px 13px 0px;
}

.project_thumb{
	margin:0px 0px 5px 0px;
}

.splash{
	margin:0px 0px 10px 0px;
}

#left-column {
	width: 545px;
	float:left;
	display: inline;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	}

#about-column {
	width: 545px;
	float:left;
	margin: 9px 0px 20px 9px;
	padding: 0px 15px 0px 0px;
	border-right: 1px solid #c3c3c3;
	}	

#wide-column {
	width: 880px;
	float:left;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	}
	
#project-title {
	width: 880px;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	height:27px;
	}


#conclusion-column {
	width: 295px;
	float:right;
	margin: 9px 9px 20px 0px;
	padding: 0px 0px 60px 0px;
	display: inline;
	}


#right-column {
	width: 305px;
	float:right;
	display: inline;
	margin: 9px 9px 20px 0px;
	padding: 0px 0px 60px 18px;
	border-left: 1px solid #c3c3c3;
	}

#footer {
clear: both;
width: 880px;
margin:0 auto;
border-top: 1px solid #E1DEDC;
padding: 7px 0px 7px 0px;
text-align:center;
} 

.footer{
	font:10px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#818181;
	letter-spacing:1px;
	
}

.project_type{
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#818181;
	
	
}

.step_number{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#818181;
	letter-spacing:1px;
}

.contact_header{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#2d2d2d;
	
}

.project_title{
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.process_header{
	font:21px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.project_header{
	font:23px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.mission_statement{
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	line-height:30px;
	
}

.body_text{
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	line-height:20px;
	
}

.steps_text{
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
	
}

#menu {
	width:880px;
	margin:0 0 0 9px;
	padding:0;
	text-align:left;
	position:relative;
	}

/*--------------  NAVIGATION  -----------------*/

ul#navigation{
	height:32px;
	width:880px;
	background-image:url(../slices/nav.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-9999px;
	}
ul#navigation li, ul#navigation a{
	height:32px;
	display:block;
	}
ul#navigation li a{
	text-indent:-9999px;
	text-decoration:none;
	}
p {
    padding: 0px 0px 7px 0px; 
	margin:0px;
}  


/* nav menu */
	li#home {left:0px; width:176px;}
	li#about {left:176px; width:176px;}
	li#process {left:352px; width:176px;}
	li#projects {left:528px; width:176px;}
	li#contact {left:704px; width:176px;}
	
/* nav hover */
	li#home a:hover	{background:transparent url(../slices/nav.gif) -0px -32px no-repeat;}
	li#about a:hover	{background:transparent url(../slices/nav.gif) -176px -32px no-repeat;}
	li#process a:hover	{background:transparent url(../slices/nav.gif) -352px -32px no-repeat;}
	li#projects a:hover {background:transparent url(../slices/nav.gif) -528px -32px no-repeat;}
	li#contact a:hover {background:transparent url(../slices/nav.gif) -704px -32px no-repeat;}
	

/* nav current page */
	body#idhome li#home {background:transparent url(../slices/nav.gif) -0px -32px no-repeat;}
	body#idabout li#about {background:transparent url(../slices/nav.gif) -176px -32px no-repeat;}
	body#idprocess li#process {background:transparent url(../slices/nav.gif) -352px -32px no-repeat;}
	body#idprojects li#projects {background:transparent url(../slices/nav.gif) -528px -32px no-repeat;}
	body#idcontact li#contact {background:transparent url(../slices/nav.gif) -704px -32px no-repeat;}
	
	
	#thin-seminars-col .window2 dl { 
margin: 0; 
padding: 0; 
}

#thin-seminars-col .window2 dt, #thin-seminars-col .window2 dd { 
float: left; 
padding: 0 0 5px 0; 
margin: 6px 0 0 0; 
color: #000000; 
display: inline;
width: 252px; 
border-bottom: 1px solid #E1DEDC; 
}

#thin-seminars-col .window2 dd { 
color: #000000; 
width: 300px; 
}

#thin-seminars-col #times_list { 
padding: 0; 
margin: 17px 0 36px 0; 

}

.window2 { 
margin: 0; 
padding: 0; 
width: 300px; 
}

.window2 p { 
margin: 13px 15px 0 0; 
padding: 0; 
}

a.special2:link {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:none}
a.special2:visited {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:normal; text-decoration:none}
a.special2:hover {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:underline}
a.special2:active {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:normal; text-decoration:none;}

a.special3:link {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #818181; font-weight:bold; text-transform:uppercase;  text-decoration:none}
a.special3:visited {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #818181; font-weight:bold; text-transform:uppercase; text-decoration:none}
a.special3:hover {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #818181; font-weight:bold; text-transform:uppercase;  text-decoration:underline}
a.special3:active {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #818181; font-weight:bold; text-transform:uppercase; text-decoration:none;}

a.special4:link {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:none}
a.special4:visited {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:bold; text-decoration:none}
a.special4:hover {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:underline}
a.special4:active {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #2d2d2d; font-weight:bold; text-decoration:none;}


hr {
  border: 0;
  margin: 20px 0px 20px 0px;
  height:1px;
  background-color:#E1DEDC;
  width: 100%;
}
	
a
{
  outline: none;
}

#project-title-col { 
float: left; 
text-align: left;
display:inline;
padding: 0px 0px 2px 0px; 
margin: 0 auto; 
width: 570px; 
}

#tiny-right-col { 
float: right; 
display: inline;
text-align: right;
padding: 10px 0px 0px 0px; 
margin: 0 auto; 
width: 230px; 
}

/*--------------  CSS TABLE  -----------------*/


.wrapper{
   position: relative;
   float: left;
   left: 9px;
   width: 880px;
   margin: 9px 0px 20px 0px;
  
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 130px;
   height: 160px;
  
}
.left2{
   position: relative;
   float: left;
   left: 20px;
   width: 130px;
   height: 160px;
   
}
.left3{
   position: relative;
   float: left;
   left: 40px;
   width: 130px;
   height: 160px;

}
.left4{
   position: relative;
   float: left;
   left: 60px;
   width: 130px;
   height: 160px;
   
}
.left5{
   position: relative;
   float: left;
   left: 80px;
   width: 130px;
   height: 160px;
 
}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 130px;
   height: 160px;
   
}

#splash_slideshow{
padding: 9px 0px 0px 9px;
width:880px;
text-align:left;
height:587px;
}

.our_mission{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#2d2d2d;
	letter-spacing:1px;
	line-height:21px;
}

.about-wrapper{
   position: relative;
   float: left;
   width: 530px;
   margin:10px 0px 0px 0px;
  
}
.about-left1{
   position: relative;
   float: left;
   left: 0px;
   width: 260px;
   
   
}
.about-right{
   position: relative;
   float: right;
   right: 0px;
   width: 260px;
   
   
}

.clear {
clear: both;
line-height: 0;
font-size: 0;
}


ul.mission {
padding:0; list-style-type:none; margin:0;
}

ul.mission li {
font: 14px Georgia, "Times New Roman", Times, serif;
color: #2d2d2d;
line-height: 20px;

}


a.next-button {
position: relative;
float: right;
color: #666666;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
padding: 10px 40px 10px 15px;
background: #e5e5e5 url(http://www.tutmarc.com/slices/small-arrow-gray.png) no-repeat 90% 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
font-family: georgia, serif;
text-shadow: none;
line-height: 1;
text-decoration: none;
margin-top:15px;
}

a.next-button:hover {
text-decoration:none;
background-color:#d5d5d5;
}