/* @override http://127.0.0.1:8000/media/css/all.css */

div#address-block{
	overflow: hidden;
	padding-top: 40px;
	background-image: url(../images/bg-dotted.gif);
	background-repeat: repeat-x;
}

#main div.dotted {
		background-image: url(../images/bg-dotted.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin:40px 0px;
}

#address-block h2 {
	font-family: "museo-1", "museo-2", sans-serif;
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 42px;
	color: #2d2d2d;
	margin-top: -6px;
}

div.left{
	float:left;
}

div#office-map {
	float: right;
}

#address-block p.address {
	color: #666666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
}

* {font-size: 100%;}
span.hidden { display:none; }
body {
	background:#fff;
	min-width:768px;
	font:62.5% Arial, Helvetica, sans-serif !important;
	color:#7b7b7b;
	position:relative;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

#wrapper {
	width:768px;
	margin:0 auto;
	padding:87px 0 42px;
}
body.home #wrapper, body.contact #wrapper { width:748px; }
#main {padding-bottom:52px;}
#wrapper h1 {
	margin:0 0 30px;
	font-size:48px;
	line-height:60px;
	width:748px;
}
#wrapper h1 img{
	vertical-align:-7px;
}
#wrapper h1 span {
	color:#fff;
	background:#000;
}
#wrapper .heading {
	color:#000;
	padding-bottom:35px;
	width:748px;
	margin:0 auto;
	background:url(../images/bg-dotted.gif) repeat-x bottom left;
}
#wrapper .heading p {width:748px;}
#wrapper .heading p a{
	text-decoration:underline;
	background:#16feff;
	color:#000 !important;
}
#wrapper .heading p a:hover {background:none;}
.categories, .project-detail, .contact-form {
	padding:29px 0 21px;
	width:100%;
}
.categories h2{
	font-size:1.8em;
	color:#383838;
	font-weight:normal;
	margin:0 0 24px;
	font-family: "Museo", "museo-slab-1","museo-slab-2",serif;
}
.categories ul {
	margin:0 -10px 0 0;
	width:748px;
	position:relative;
}
.categories ul li {
	display:inline-block;
	width:245px;
	padding:0 1px 35px 1px;
	font-size:1.4em;
}
* html .categories ul li {display:inline;}
*+html .categories ul li {display:inline;}
.categories ul li img {display:block; width:245px; }
.categories h3 {
	font-size:1em;
	margin:18px 0 5px -2px;
	position:relative;
	font-weight:normal;
}
.categories h3 a{
	background:#fffe00;
	padding:0 2px;
}
.news-place {
	width:750px;
	background:url(../images/bg-news-place.gif) repeat-y 147px 0;
	position:relative;
	margin:80px -2px 0 0;
	clear:both;
}
.news-place:after, .project-detail:after, .categories:after {
	clear: both;
	content:"";
	display: block;
}
.news-place .title {
	float:left;
	width:130px;
	padding-right:18px;
	margin-top:-4px;
	position:relative;
}
.news-place h2 {
	color:#b2b2b2;
	font-size:3em;
	margin:0 0 11px;
	line-height:1em;
	font-family: "Museo", "museo-slab-1","museo-slab-2",serif;
}
.news-place ul {
	font-size:1.4em;
	padding:10px 0 0 2px;
}
.news-place ul li {padding-bottom:10px;}
.news-place ul a {
	color:#7b7b7b;
	text-decoration:underline;
}
.news-place ul a:hover {text-decoration:none;}
.news-place .column {
	float:left;
	width:265px;
	padding:0 21px 0 20px;
/*  margin-top:-7px;*/
	position:relative;
	font-size:1.6em;
	line-height:1.375em;
	overflow:hidden;
}
.news-place .alt-column {padding-right:0;}
.news-place .column em.date {
	font-style:normal;
	font-size:0.875em;
	color:#bbb;
	line-height:normal;
}
.news-place .column h2 {
	font-size:1em;
	margin:0 0 8px;
	padding-top:7px;
	line-height:1.375em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif !important;
}
.news-place #recent-stories {
    float:left;
    width:602px;
    overflow:hidden;
}

.news-place #recent-stories .recent-stories-container {
    width:2500px;
}

.news-place #recent-stories .story-row {
    float:left;
    width:602px;
}

.news-place .paging {
    width:200px;
    position:absolute;
    bottom:-10px;
    right:0px;
    height:10px;
}

.four-oh-four{
    width:464px;
    margin:0 auto;
}
.news-place .paging a span { display:none; }

.news-place .paging a, .news-place .paging .pager { float:right; }

.news-place .paging .prev_button { width:10px; height:10px; background:url('../images/pager-arrows.png') no-repeat 0px 0px; display:block; margin-right:5px; }
.news-place .paging .next_button { width:10px; height:10px; background:url('../images/pager-arrows.png') no-repeat -10px 0px; display:block; }
.news-place .paging .pager a { width:10px; height:10px; float:left; background:url('../images/pager.png') no-repeat 0px 0px; display:block; text-indent:-9999px; margin-right:5px; }
.news-place .paging .pager a:focus { outline:none; }
.news-place .paging .pager a:hover, .news-place .paging .pager a.activeSlide { background-position:0px -10px; }

.project-detail img.border {
     border:solid 1px #CCC;
}

.project-detail > div { padding:5px 10px; margin-bottom:10px; }

.project-detail .col1 { width:0px; }
.project-detail .col2 { width:4px; }
.project-detail .col3 { width:16px; }
.project-detail .col4 { width:28px; }
.project-detail .col5 { width:40px; }
.project-detail .col6 { width:52px; }
.project-detail .col7 { width:64px; }
.project-detail .col8 { width:76px; }
.project-detail .col9 { width:88px; }
.project-detail .col10 { width:100px; }
.project-detail .col11 { width:112px; }
.project-detail .col12 { width:124px; }
.project-detail .col13 { width:136px; }
.project-detail .col14 { width:148px; }
.project-detail .col15 { width:160px; }
.project-detail .col16 { width:172px; }
.project-detail .col17 { width:184px; }
.project-detail .col18 { width:196px; }
.project-detail .col19 { width:208px; }
.project-detail .col20 { width:220px; }
.project-detail .col21 { width:232px; }
.project-detail .col22 { width:244px; }
.project-detail .col23 { width:256px; }
.project-detail .col24 { width:268px; }
.project-detail .col25 { width:280px; }
.project-detail .col26 { width:292px; }
.project-detail .col27 { width:304px; }
.project-detail .col28 { width:316px; }
.project-detail .col29 { width:328px; }
.project-detail .col30 { width:340px; }
.project-detail .col31 { width:352px; }
.project-detail .col32 { width:364px; }
.project-detail .col33 { width:376px; }
.project-detail .col34 { width:388px; }
.project-detail .col35 { width:400px; }
.project-detail .col36 { width:412px; }
.project-detail .col37 { width:424px; }
.project-detail .col38 { width:436px; }
.project-detail .col39 { width:448px; }
.project-detail .col40 { width:460px; }
.project-detail .col41 { width:472px; }
.project-detail .col42 { width:484px; }
.project-detail .col43 { width:496px; }
.project-detail .col44 { width:508px; }
.project-detail .col45 { width:520px; }
.project-detail .col46 { width:532px; }
.project-detail .col47 { width:544px; }
.project-detail .col48 { width:556px; }
.project-detail .col49 { width:568px; }
.project-detail .col50 { width:580px; }
.project-detail .col51 { width:592px; }
.project-detail .col52 { width:604px; }
.project-detail .col53 { width:616px; }
.project-detail .col54 { width:628px; }
.project-detail .col55 { width:640px; }
.project-detail .col56 { width:652px; }
.project-detail .col57 { width:664px; }
.project-detail .col58 { width:676px; }
.project-detail .col59 { width:688px; }
.project-detail .col60 { width:700px; }
.project-detail .col61 { width:712px; }
.project-detail .col62 { width:724px; }
.project-detail .col63 { width:736px; }
.project-detail .col64 { width:748px; }

.project-detail .info {
    background-color:#D1F2FB;
    padding:20px;
    font-size:16px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:0 auto;
}

.project-detail .info p {
	margin-bottom: 10px;
	line-height: 1.3em;
	color: #7a7a7a;
}

.project-detail .info .nav a { font-size:18px; color:#555d5f; font-family: "Museo", "museo-slab-1","museo-slab-2",serif; }
.project-detail .info .nav .back { float:left; }
.project-detail .info .nav .prev, .project-detail .info .nav .next { float:right; }
.project-detail .info .nav .prev { padding-right:5px; }
.project-detail .description { clear:both; padding-top:10px; }
.project-detail .description h2 { margin-top:10px; font-size:30px; color:#555d5f; font-family: "Museo", "museo-slab-1","museo-slab-2",serif; clear:both; }
.project-detail .description h3 { font-size:26px; color:#555d5f; margin-bottom:10px; font-family: "Museo", "museo-slab-1","museo-slab-2",serif; }

.project-detail .description .read-more-content {
	display: none;
}

.project-detail .description .facebook {
	clear: both;
	padding-top: 10px;
	padding-bottom:10px;
}

.project-detail .links {
	margin-bottom: 10px;
}

.project-detail .links a {
	display: block;
	text-decoration: underline;
	color:#7a7a7a;
	line-height: 1.7em;
	font-size: 12px;
}

.project-detail .description a.read-more-link { font-size:16px; color:#7a7a7a; margin-bottom:15px; font-family: "Museo", "museo-slab-1","museo-slab-2",serif; text-decoration: underline; font-weight: normal;}

.project-detail {
    margin:0 auto;
}

/* SOCIAL LINKS ON CASE STUDIES PAGE */

.project-detail .description .social-btn {padding:4px 0px; height:20px;}

/*.col-1 {float:left; width:110px; padding:10px 0px; margin-right:10px;}
.col-2 {float:left; width:110px; padding:10px 0px;}*/

.contact-form {
    font-size:30px;
    color:black;
	padding-top:43px;
    margin-bottom:20px;
}

.contact-form p { position:relative; margin-bottom:10px; }

.contact-form input[type=text], .contact-form textarea {
    border:none;
    background-color:#DF115B;
    display:block;
    font-size:30px;
    padding:10px;
    color:white;
    font-family:"Arial", "Helvetica", sans-serif;
}



.contact-form ul.errorlist {
    background-color:#ffff01;
    padding:10px;
    padding-bottom:5px;
    margin-bottom:10px;
    width:490px;
    color:black;
}
.contact-form ul.errorlist li {
    margin-bottom:10px;
}

.contact-form label { display:block; color:white; position:absolute; top:6px; left:10px; }

.contact-form input#id_name,.contact-form input#id_email { padding-bottom:5px; padding-top:5px; }

.contact-form input#id_name { padding-left:110px; width:278px; height:39px;}
.contact-form input#id_email { padding-left:105px; width:283px; height:39px;}
.contact-form input#id_company { padding-left:155px; width:234px; height:39px; padding-bottom:5px; padding-top:4px; }
.contact-form textarea#id_message { padding-top:48px; width:594px;height:169px;margin-bottom:13px;}
.contact-form label[for=id_newsletter_subscribe] {
    background-color:black;
    top:0px;
    left:0px;
    padding:10px;
}
.contact-form input#id_newsletter_subscribe { 
    background-color:black; 
    margin-left:420px; 
    margin-top:20px;
    display:block;
    float:left;
}
.contact-form input[type=submit] {
    clear:both;
    font-family:"Helvetica", "Arial";
    display:block;
    margin-top:82px;
    background-color:#00FFFF;
    border:none;
    color:white;
    text-transform:uppercase;
    padding:10px;
    padding-bottom:8px;

}

#footer {
	overflow:hidden;
	padding-left:2px;
}
#footer .column {
	float:left;
	font-size:1.4em;
	line-height:1.428em;
	margin-right:80px;
}
#footer .column strong {
	display:block;
	color:#000;
	margin-bottom:8px;
}
#footer a {
	text-decoration:underline;
	color:#7b7b7b;
}
#footer a:hover {text-decoration:none;}


.categories-isotope {
	padding: 29px 0 21px;
    position: relative;
	width: 751px;
}
.categories-isotope h2 {
	font-size:1.8em;
	color:#383838;
	font-weight:normal;
	margin:0 0 24px;
	font-family: "Museo", "museo-slab-1","museo-slab-2",serif;
}
.categories-isotope .element {
	width: 245px;
    height: 195px;
	padding: 0 4px 35px 1px;
	font-size: 1.4em;
    /*float: left;*/
}
.categories-isotope .element img {display:block; width:245px; }
.categories-isotope h3 {
	font-size:1em;
	margin:18px 0 5px -2px;
	position:relative;
	font-weight:normal;
}
.categories-isotope h3 a{
	background:#fffe00;
	padding:0 2px;
}

/* change duration value to whatever you like */
/*
.isotope,
.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
*/
/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

@font-face {
    font-family: 'Museo-300';
    src: url('webfonts/13CDD2_0.eot');
    src: url('webfonts/13CDD2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/13CDD2_0.woff') format('woff'),url('webfonts/13CDD2_0.ttf') format('truetype'),url('webfonts/13CDD2_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'Museo-700';
    src: url('webfonts/Museo-700.eot');
    src: url('webfonts/Museo-700.eot?#iefix') format('embedded-opentype'),url('webfonts/Museo-700.woff') format('woff'),url('webfonts/Museo-700.ttf') format('truetype'),url('webfonts/Museo-700.svg#wf') format('svg');
}

.fp-category-title-container {
    margin-top: 33px;
}

.fp-category-title {
    font-family: 'Museo-700';
    font-size: 22px;
    letter-spacing: 1px;
}

.case-studies-link {
    float: right;
    background:#000000 url(../images/fp_right_arrow.png) no-repeat scroll 252px center;
    color: #fff;
    font-family: 'Museo-700';
    font-size: 13px;
    height: 22px;
    letter-spacing: 0.5px;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: left;
    width: 265px;
}

.case-studies-link-holder {
}

/* Front page dropdown.  See :www.jankoatwarpspeed.com/examples/reinventing-drop-down/Select2DropDown.html */
.dropdown dd, .dropdown dt, .dropdown ul { font-family: Museo-700; font-size: 18px; margin:0px; padding:0px; z-index: 200; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color: white; text-decoration:none; outline:none;}
.dropdown a:hover { color:#fff;}
.dropdown dt a:hover { color:#fff; border: 1px solid #000;}
.dropdown dt a {background:#000000 url(../images/fp_dropdown_arrow.png) no-repeat scroll 202px center; display:block; padding-right:20px;
                border:1px solid #000000; width:210px; padding:5px 10px 5px 10px;}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#000000 none repeat scroll 0 0; border:1px solid #000000; color:#fff; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:230px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#fffe00; color: #000;}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

#header .holder {
	width:748px;
	margin:0 auto;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form div.clear {
    padding-top: 10px;
}