@import url("reset.css"); 

body {
font-family: helvetica, arial, serif;      
background: url(../images/display/navBar.gif) repeat-x;   
}   

#wrapper {
background-image: url(../images/placeholder2.jpg);	 
background-repeat:no-repeat;
}

#masthead {
height:170px;
text-indent:-2000px;  
background: url(../images/display/logo.png) no-repeat top right;
}

#masthead, #primaryNav, #primaryContent {
width: 840px;    
padding: 0 60px;
margin: 0 auto;
}          

.sectionContent{
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc; 
}             

.clearing {
overflow:auto; 
}      

form {  
margin: .75em 0;
position:relative;
}     

form ol li {
position:relative; 
margin:5px 0; 
}               

input {   
height: 14px; 
width: 350px;      
padding:6px;
border: solid 1px #ccc; 
font-size: 16px; 
color:#909194;     
}   

input.submit {
height:26px;
line-height:26px;
width:auto;
}

textarea {
height: 128px; 
width: 350px;      
padding:6px;
border: solid 1px #ccc; 
font-size: 16px; 
color:#909194;   
overflow:hidden;  
}          

label.overlabel {
color:#ccc;
}

label.overlabel-apply {
position:absolute;
top:6px;
left:6px;
z-index:1;
color:#ccc;
}   

button {   
padding:0;
margin:0;
border:none;  
cursor:pointer;
text-indent:-9000em;
width:17px;
height:16px;    
background: url(../images/display/submitArrow.gif) no-repeat top left;   
position:absolute;
bottom:11px;
right:6px;
}      

button:hover {    
background-position:top right;   
}

/*
=========================================================================
 SUCKERFISH DROP DOWNS http://htmldog.com/articles/suckerfish/dropdowns/
========================================================================= 
*/
#primaryNav, #primaryNav ul {
list-style: none;
font-size: 13px;
text-transform: uppercase;
line-height: 30px;
color: #FFF;
text-decoration: none;
cursor: pointer;
}

#primaryNav a {  
width: 140px;
display: block;
}

#primaryNav li {
float: left;       
width: 140px;   
margin-left:-12px;
background-color: #909194; 
}

#primaryNav li a {
display: block;
color: #FFF;
text-decoration: none;
text-indent: 12px;
}

#primaryNav li ul {
position: absolute;
width: 128px;
left: -999em;
font-size: 11px;
padding: 6px 0;
line-height: 22px;
background-color: #BDBFC1;
}

#primaryNav li * {
text-indent: 0;
}

#primaryNav li ul li { 
	width: 128px;
	background: none;       
	margin-left:0px; 
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul  {
left: auto;
}

#primaryNav li:hover, #primaryNav li.sfhover {
color: #FFF;
background-color: #DF633B;
}

#primaryNav ul li a {
text-indent: 0px;    
padding: 0px 12px;
width:104px;
}

#primaryNav ul li a:link, #primaryNav ul li a:visited {
color: #FFF;
text-decoration: none;
background-color: #BDBFC1;
}

#primaryNav ul li a:hover, #primaryNav ul li a:active {
color: #FFF;
background-color: #DF633B;
}

#primaryContent { 
clear:left;
padding: 60px;
}      

/*
=========================================================================
 TYPOGRAPHY
========================================================================= 
*/  

/*
* main
*/
h2 {
font-size:44px; 
color:#919295; 
padding:0 0 16px 0; 
text-transform: uppercase; 
}   

p{       
padding:16px 0;
font-size:30px; 
color:#bec0c2;  
line-height:1.5em;         
}

#primaryContent li {  
	font-size:30px; 
	color:#bec0c2;  
	line-height:1.5em; 
}     

a:link {
color:#DF633B;
text-decoration:none;
}      

a:visited {
color:#d59681;
text-decoration:none;
}

a:hover, a:active {
color:#ff8459;
text-decoration:underline;
}  

/*
* work
*/     
.work li {
border-top:solid 1px #ccc; 
clear:left; 
} 

.work li ul li{
border:none;
}

.work h2 {
color:#bec0c2;    
padding:0px;
text-transform:none;
font-size:36px;   
line-height:54px;
width:450px;    
float:left;
}              

.work p {
color:#bec0c2;
font-size:10px;   
float:right;  
padding:10px 0 0 0;
}       

.work .description {   
width:225px;	
}  

.work .tags {
width:125px;		
} 

/*
* column
*/ 
.column {      
margin:0px;      
} 

.left {
float:left;  
margin-right:15px; 
width:405px;
}            

.right {
float:right;    
margin-left:15px;
}

.column h2 {      
font-size:24px;        
line-height:1.25em;
padding:1em 0 0 0; 
} 

.column p {      
font-size:24px; 
line-height:1.25em;
padding:0px;   
}        


/*
* footer
*/ 
#footer .column h2 {      
font-size:40px;        
line-height:1em;
color:#fff; 
padding:0; 
text-transform: none;
} 

#footer .column h3 {      
font-size:22px; 
line-height:1.5em;   
color:#fff;   
}

#footer .column p {      
font-size:14px;   
padding:0;    
border:none;  
color:#fff; 
}  

#footer .right p{
width:350px;
}      


/*
=========================================================================
 FOOTER
========================================================================= 
*/  

#footer {
width: 840px;    
padding: 30px 60px 120px 60px;
margin: 0 auto;
}

#footerWrapper {             
background-color:#909194;
width:100%;     
}    
     

/*
=========================================================================
 CALENDARS
========================================================================= 
*/
 
#calendars li{ 
  float:left;
  width:55px;   
  margin:10px 10px 0 0;
  height:48px;           
  background-color:#AAAAAA;
  overflow:hidden;
}    

#calendars li a {  
	display:block;    
	width:55px;   
	padding-top:2px; 
	height:22px;      
	text-align:center;
	position: relative;
	left: -999em;
}     

#calendars li.active:hover a {      
	left:auto;
}

#calendars li a:link, #calendars li a:visited{ 
	background-color:#FFFFFF;
}  

#calendars li a:hover, #calendars li a:active{   
	color:#FFFFFF;
	background-color:#CCCCCC;
}  

#jan {
  background-image:url(../images/calendars/jan_thumb.jpg); 
}

#feb {
  background-image:url(../images/calendars/feb_thumb.jpg); 
}

#mar {
  background-image:url(../images/calendars/mar_thumb.jpg); 
}

#apr {
  background-image:url(../images/calendars/apr_thumb.jpg); 
}

#may {
  background-image:url(../images/calendars/may_thumb.jpg); 
}

#jun {
  background-image:url(../images/calendars/jun_thumb.jpg); 
}

#jul {
  background-image:url(../images/calendars/jul_thumb.jpg); 
}

#aug {
  background-image:url(../images/calendars/aug_thumb.jpg); 
}

#sep {
  background-image:url(../images/calendars/sep_thumb.jpg); 
}

#oct {
  background-image:url(../images/calendars/oct_thumb.jpg); 
}

#nov {
  background-image:url(../images/calendars/nov_thumb.jpg); 
}

#dec {
  background-image:url(../images/calendars/dec_thumb.jpg); 
}