@charset "utf-8";
/* Specific CSS ID's & Classes */

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book-webfont.eot');
	src: local('☺'), url('CartoGothicStd-Book-webfont.woff') format('woff'), url('CartoGothicStd-Book-webfont.ttf') format('truetype'), url('CartoGothicStd-Book-webfont.svg#webfontiSSvHuvy') format('svg');
	font-weight: normal;
	font-style: normal;
}


.home h2
{
 font-family: 'CartoGothicStdBook';
 font-weight:normal;
 margin-bottom:10px;
}

body
{
 width: 100%;
}
strong 
{
 color: #4a4a4a;
}

/* Site Header */
#site-logo
{
width:72px;
height:72px;
background: url(../images/pgm.jpg) no-repeat;
position:absolute;
bottom:4px;
left:0;
}
#site-logo span,
#site-logo span a
{
width:72px;
height:72px;
display: block;
text-indent: -5000px;
overflow:hidden;
}

#site-slogan
{
 color: #999999;
height: 14px;
position:absolute;
bottom:10px;
left:87px;
font-size: 12px;
font-family: 'CartoGothicStdBook';
}


#header .contact-info
{
position:absolute;
top:12px;
right:0px;
font-size:11px;
line-height:13px;

}
#footer .contact-info .email,
#header .contact-info .email 
{
margin-right: 10px;
}

#footer .contact-info
{
float:right;
padding-top:10px;
font-size:11px;
line-height:13px;      
padding-bottom:10px;
}

/* Primary Navigation */
#navbar
{
position:absolute;
right:0;
bottom:4px;
height: 27px;
font-family: 'CartoGothicStdBook';
overflow:hidden;
font-size: 12px;
background: url(../images/nav_bg.jpg) no-repeat bottom right;

}

#navbar span
{
 padding: 7px 11px 7px 9px;
 height:13px;
 background:url(../images/nav_right.gif) right no-repeat;
}
#navbar span.last
{
 background-image:none;
}
#navbar span a
{
 color: #999999;
 
}
#navbar span a:hover,
#navbar span a:active
{
 color: #e37601;
 text-decoration:none;
}
#navbar span,
#navbar span a
{
display:block;
float:left;
}



.home #navbar .home a,
.about #navbar .about a,
.services #navbar .services a,
.experience #navbar .experience a,
.partners #navbar .partners a,
.contact #navbar .contact a
{
 color: #e37601;
}


.feature img { display: none; }
.pics img { display: none; }




.front .col1
{
 width: 390px;
}

.front .col2,
.front .col3
{
width: 168px;
border-left: #d9d9d9 dotted 1px;
}
.front .col3 .p2 span a {
display: block;
height: 21px;
width: 86px;
text-indent:-400px;
overflow:hidden;
background: #dd7a1a url(../images/buttons.jpg) no-repeat -196px top;
}
.front .col3 .p2 span a:hover {
background: #dd7a1a url(../images/buttons.jpg) no-repeat -196px bottom;	
}


a.nextprev {
	width: 19px;
	height: 18px;
	display:block;
	overflow:hidden;
	text-indent: -500px;
	background-color:#bbbbbb;
	position:absolute;
	margin-top:8px;
	z-index: 5;
		}
		
		
a.next { 
top: 459px;
left:29px;
background:url(../images/buttons.jpg) -581px 0px ;
}
a.next:hover { 
background:url(../images/buttons.jpg) -581px -18px ;
}
a.prev { 
top: 459px;
left:9px;
background:url(../images/buttons.jpg) -562px 0px;
}
a.prev:hover { 
background:url(../images/buttons.jpg) -562px -18px;
}

#pager
{
  height:14px; 
  padding:8px 0;
 }


#pager a {
	width: 15px;
	height: 14px;
	padding:2px;
	display:inline-block;
	background-color:#bbbbbb;
	color:#FFF;
	font-size:12px;
 line-height: 14px;
	font-weight:bold;
	text-align:center;
	margin-right:2px;
	z-index: 10;
	position:relative;
  cursor: hand;
  cursor: pointer;
}

#pager a:hover,
#pager a.active-page
{
background-color:#dd7a1a;
text-decoration:none;
}
.contact-address
{
	margin-top: 25px;
	width:100%;
	overflow:hidden;
}
.contact-address .col1,
.contact-address .col2
{
height: 143px;
padding: 6px 20px;
display:inline-block;
float:left;
}
.contact-address .col1 {
width: 217px;
padding-left:0;
border-right: #d9d9d9 dotted 1px;
}
.contact-address p
{ margin: 7px 0; }
.contact-address a.directions 
{

width:70px;
height:21px;
display:block;
background:url(../images/buttons.jpg) top left no-repeat;
text-indent: -500px;
overflow:hidden;
}
.contact-address a.directions:hover 
{
background:url(../images/buttons.jpg) bottom left no-repeat;
}
.contact-form
{
height: 151px;
width:100%;
background:url(../images/contact_grad.jpg) repeat-x;
margin-top:23px;
}

.contact-form .col1
{
width: 227px;
padding:7px 10px 10px 10px; 
float: left;
}
.contact-form .col2
{
float: left;
padding:7px 7px;
}
.contact-form span
{ 

display:block;
padding: 5px 0;


}
.contact-form .col1 span
{
height:22px;
}
.contact-form span.submit {
height: 21px;
overflow:hidden;
}
.contact-form span.submit input#submit-form
{
float: right;
width: 86px;
height: 21px;
border:none;
padding: 21px 0 0 0;    
margin-left:-114px;
background: #dd7a1a; background:url(../images/buttons.jpg) -91px top;
overflow:hidden;
cursor: pointer;
cursor: hand;
}
.contact-form span.submit input#submit-form:hover
{
background: #dd7a1a; background:url(../images/buttons.jpg) -91px bottom;
}

.contact-form .col1 span label
{
height:24px;
display:block;
text-align:right;
float:left;
width: 65px;

}
.contact-form .col1 span input
{
float: right;
height:20px;
display:inline;

border:1px solid #ccc;        
font-family:arial;    
 font-size:1em;   
}
.contact-form .col1 span textarea
{

margin-top: -4px;
float:left; 

}               

#comments {
  	border:1px solid #ccc;   
	font-family:arial;  
	width: 405px;    
	height:86px;   
	font-size:1em;
}

.sIFR-replaced {
	padding:0px;
}

.p1 { margin-top: 4px; }


h3 a 
{

}
h3 a.active-page

{ color: #4a4a4a; text-decoration:none; }
h3 a.active-page:hover
{ text-decoration:none; }


#feature
{
 width: 880px;
 height:459px;
 position:relative;
}

#slideshow
{
 width: 880px;
 height:459px;
 position:relative;
}
.slide
{
 width: 880px;
 height:459px;
 overflow:hidden;
}
.about #content h3 a,
.update #content h3 a
{
 cursor:hand;
 cursor:pointer;
}

div#preload { display: none; }

body.project1 #pager a
{
 display:none;
}

#nav
{
 height: 72px;
 width: 880px;
 position:relative;
 padding-bottom:9px;
 font-family: 'CartoGothicStdBook';
}
#nav a
{
 height: 72px;
 width: 72px;
 margin-left:9px;
 background:url(../images/feature/project_thumbnails.jpg) no-repeat;
 display:inline-block;
 float:left;
 overflow:hidden;
 text-indent: -5000px;
}
#nav a.first
{
 margin-left:0px;
}

#nav #thumb2
{
 background-position: 0px 0px;
}
.project2 #nav #thumb2
{
  background-position: 0px -72px;
}

#nav #thumb3
{
 background-position: -72px 0px;
}
.project3 #nav #thumb3
{
  background-position: -72px -72px;
}

#nav #thumb4
{
 background-position: -144px 0px;
}
.project4 #nav #thumb4
{
  background-position: -144px -72px;
}

#nav #thumb5
{
 background-position: -216px 0px;
}
.project5 #nav #thumb5
{
  background-position: -216px -72px;
}

#nav #thumb6
{
 background-position: -288px 0px;
}
.project6 #nav #thumb6
{
  background-position: -288px -72px;
}

#nav #thumb7
{
 background-position: -360px 0px;
}
.project7 #nav #thumb7
{
  background-position: -360px -72px;
}

#nav #thumb8
{
 background-position: -432px 0px;
}
.project8 #nav #thumb8
{
  background-position: -432px -72px;
}

#nav #thumb9
{
 background-position: -504px 0px;
}
.project9 #nav #thumb9
{
  background-position: -504px -72px;
}

#nav #thumb10
{
 background-position: -576px 0px;
}
.project10 #nav #thumb10
{
  background-position: -576px -72px;
}

#nav #thumb11
{
 background-position: -648px 0px;
}
.project11 #nav #thumb11
{
  background-position: -648px -72px;
}

#nav #thumb12
{
 background-position: -720px 0px;
 position: absolute;
 right: 0px;
 top: 0px;
}
.project12 #nav #thumb12
{
  background-position: -720px -72px;
}

.slide .vid3,
.slide .vid4
{
 width: 100px;
 height: 100px;
 display:none;
 position:absolute;
 left: 250px;
 overflow:hidden;
 text-indent:-5000px;
 z-index: 1000;
 background: url(../images/gif.gif);
}
.project12 .slide a
{
 display:block;
}
.slide .vid3
{
 top: 40px;
}

.slide .vid4
{
 top: 200px;
}