html,body{height:100%;}
body{background:#FFFFF color:#858585;}
p{font-size:1.1em;}
a{color:#1c1c1c;}
h1,h2{letter-spacing:-1.0px;}
h2,h3,h4{color:#FA6900;}
h1,h5{color:#007fd4;}
h4{margin-bottom:0;}
blockquote{font-size:1.4em;}
.no-underline{text-decoration:none;}
.noDisplay{display:none;}
.hidden{visibility:hidden;}
.clear{clear:both;}
.staff-box{border:1px solid #CCC;margin:10px 0 10px 0;padding:5px;}
.staff-box img{height:90px;width:90px;float:left;}
.staff-info{margin-left:100px;}
.staff-info p + p {text-indent:0;}
p.last {margin-bottom:0;}
ul{list-style:none;}
.zoom{background-image:url(images/zoom.png);background-repeat:no-repeat;}
.zoom strong {margin-left:16px;}
.headline{color:#333;}
section{margin-bottom:5px;}
hr{height:3px;margin-top:1em;}
hr.blue{background:#007fd4;}

/*=================== NAVIGATION ====================*/
.menuHorizontal{float:right;margin-top:18px;}
#navbar {
       
    padding-bottom:10px;
    margin:15px 0 20px 0;            
    border-bottom: solid 3px #007fd4;
}
#nav 
{
    float:left;
    margin:0;
    /*padding: 13px 0 0 0;*/
    list-style:none;
    text-transform:lowercase;   
}

#nav li
{
    float:left;
    margin: 0 1px 0 0;
    padding:0; 
    font-size:0.85em;
}

#nav li a
{    
	float:left;
    display:block;
    margin:0;
    padding:0 0.6em;
    line-height:1.3em;
    color:#555;
    font-size:1.2em;   
    text-decoration:none;  
}
.dojo-link{color:#DDDDDD;}

#nav li a:hover
{   
	color:#076cb0;       
}

#nav li.active a,#nav li.active a strong
{   
    color:#007fd4;       
}
#nav li a strong
{	
	display:block;
	font-size:1.4em;
	font-weight:bold;
	/*color:#1c1c1c;	*/
}

.tag-icon-list, .tag-list,.media-list, .project-icon-list{list-style-image:none;list-style-position:inside;list-style-type:none;margin:0 auto;padding-left:0;}
.tag-icon-list li {float:left;padding-right:18px;padding-left:5px;}
.project-icon-list li{float:left;padding-right:22px;padding-left:5px;}
.tag-icon-list li img {height:130px;width:130px;border:solid 3px #CCCCCC;}
.tag-icon-list li img:hover {height:130px;width:130px;border:solid 3px #007fd4;}
.tag-icon-list h3, .project-icon-list h3{text-align:center;margin-top:10px;}
.project-icon-list li img {height:166px;width:270px;border:solid 3px #CCCCCC;}
.project-icon-list li img:hover {height:166px;width:270px;border:solid 3px #007fd4;}


.media-container{float:left;width:460px;}


blockquote {
    margin:12px 15px;
    color:#636363;
    padding: 0 50px;
    background: transparent url("images/block-quote.gif") no-repeat 0 0;
}

.quote-author {float:right; text-align:right;font-size:1.4em;color:#007FD4;}

#ninja-list, #tag-list
{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    padding-left:0px;
}
#ninja-list li
{
   float:left; 
}
.box{
    border:solid 1px #CCC;    
    margin-bottom: 1.5em;
    background-color:#FFF;  
    padding:0px  
}
.gutter{margin:10px;}
.l-gutter{margin:0px 0px 0px 10px;}
.r-butter{margin:0px 10px 0px 0px;}
.box h3,.box h2,.box a,.box {color:#333;}
.box h3{font-size:1.5em;line-height:1;margin-bottom:0.5em;}
.tag-link{margin:3px;padding-left:24px;float:left;font-size:1.5em;background-image:url(images/24-tag.png);background-repeat:no-repeat;}
.tag-link:hover{background-color:#FFF;}

.sm-project-image {width:530px;}
.sm-image {height:40px;width:40px;border:solid 3px #CCCCCC;}
.med-image {height:110px;width:110px;border:solid 3px #1c1c1c;}
.client-lg-image{border:solid 3px #CCC;}
/*----------------FORMS ----------------------*/
.editor-label {font-size:1.5em;} /*same size as h3 */
#edit-form select {font-size:1.5em; width:390px;}
#edit-form input.text{width:390px;}
textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#contactFormContainer{background-color:#DDD;color:#1c1c1c;border-top:solid 1px #CCC;border-bottom:solid 1px #CCC;padding:10px 0px 20px 0px;}
#inline-contact-form {margin:0px 10px 10px 10px;}
#inline-contact-form input[type="text"], #inline-contact-form select,#inline-contact-form textarea  {font-size:1.5em;}
#inline-contact-form textarea  {height:100px;}
#inline-contact-form label{font-weight:normal;}
/*=============== FOOTER ==================*/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}

.push {height: 180px; /* .push must be the same height as .footer */}
#footer
{
    height:180px; 
    background-color:#084b78;
    font-family:"Georgia",Arial,Helvetica,sans-serif;
    padding:28px;
    /*border-top:3px solid #666;*/
    font-size:1em;
    color:#ccc;
}
#footer a{color:#CCC;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer h3{color:#FFF; }
.footer-col{float:left;}
.footer-col ul{list-style:none outside none;margin:0;padding:0;}
.footer-col ul li{margin:0 0 3px;}
.copyright{text-align:center;margin-top:4px;}

.address-list{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #222;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*================== STAFF ==========================*/
.staff-avatars
{
	margin-bottom:20px;
}
.staff-avatars h3
{
	margin-bottom:5px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*=============== CONTACT FORM ========================*/

#contactRight {	
	border-left:1px solid #A1BFD2;
}
#contactSpinner
{
	font-weight:600;
}
#contactResponse
{
	text-align:center;
	margin-top:100px;
}
label.error
{
	display:block;
	margin-bottom:10px;
	margin-top:-5px;
}
.span-5 label.error, .span-6 label.error, .span-11 label.error
{
	float:left;
	padding: 2px 15px 2px 2px;
}

.blockMsg 
{
	font-weight:600;
}

#contactBtn img
{
	margin-right:5px;
}

/*=============== BLUEPRINT OVERRIDES ========================*/
.error, input.error {padding:0;margin-bottom:5px;border:2px solid #ddd;}
.error, input.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
input[type="text"], input[type="password"], input.text, input.title, textarea, select 
{
	margin:0 0 .5em !important;
}

/*HTML5*/
article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video
{
	display:block;
}