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

/* @Containers (fluid/fixed)
===================================== */
.container {
	width: 990px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.container:before, .container:after {
	display: table;
	content: "";
	line-height: 0;
}

.container:after {
	clear: both;
}

/*
img {
	max-width: 100%;
	height: auto; 
}*/

.pushTheFooter{
	height: 400px;
	width: 100%;
	display:block;
	clear:both;
}

/* @end Containers
===================================== */


/* @Rows (fluid)
===================================== */
.row {
	width: 100%;
	*zoom: 1;
	margin-top:20px;
}

.row:first-child{
	margin-top:0;
}

.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0;
}

.row:after {
	clear: both;
}

.row [class*="column"] {
	display: block;
	width: 100%;
	min-height: 10px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.127659574468085%;
}

.row [class*="column"]:first-child {
 margin-left: 0;
}

.row .column12 {
	width: 100%;
}

.row .column11 {
	width: 91.48936170212765%;
}

.row .column10 {
	width: 82.97872340425532%;
}

.row .column9 {
	width: 74.46808510638297%;
}

.homeSlider{
	width: 70.7%;
	float: left;
	display: block;
}

.row .featuredColumn{
	width: 26.3%;
	float: left;
	display: block;
	min-height: 30px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2.8%;
	display:block;
}

.row .column8 {
	width: 65.95744680851064%;
}

.row .column7 {
	width: 57.44680851063829%;
}

.row .column6 {
	width: 48.93617021276595%;
}

.row .column5 {
	width: 40.42553191489362%;
}

.row .column4 {
	width: 31.914893617021278%;
}

.row .column3 {
	width: 23.404255319148934%;
}

.row .column2 {
	width: 14.893617021276595%;
}

.row .column1 {
	width: 6.382978723404255%;
}


/* @end Rows (fluid)
===================================== */

/*=======RESPONSIVE MOBILE NAV (HIDDEN customize in theme)=======*/
.nav-collapse.collapse {
	height: auto;
}


.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.collapse.in {
	height: auto;
}


/* @Break Points (fluid)
===================================== */
@media (max-width: 767px) {
		
  .container {
	width: auto;
  }
 
  .row {
    width: 100%;
  }
  
  [class*="column"],
  .row [class*="column"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .row .column12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
 
  input[class*="column"],
  select[class*="column"],
  textarea[class*="column"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

}
@media (max-width: 770px) {
  .navSecondary li a {
  	padding-left: 15px;
   }  
}
  
@media only screen and (min-device-width : 320px) and (max-device-width : 568px){
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

.row .featuredColumn{
	display:none;
}

.homeSlider{
	width: 100%;
	margin-left: 0%;
	clear:both;
}

.bodyContent{
	min-height: 30px;
}


.home .svSlideshow, .svSlideshow  {
	width:300px;
 	height:170px;
}

.home .svSlides dd.image,
.svSlides dd.image{ 
  width:300px;
}

.svSlides dd img {
	width: 300px;
	height:131px;
}
  

.btmBorder img{
	padding-bottom:40px;
}


#navPeer, .navSecondary{
	display:none;
}

#ideasResourcesContainerSmall,
#ideasResourcesContainer,
#ideasResourcesContainerLarge{
	margin-left:0;
}

.cookieTrail, .followUs{
	display:none;
}


/*PROJECTS*/
#ideasResourcesContainerSmall,
#ideasResourcesContainer,
#ideasResourcesContainerLarge{
	height: 345px;
}

#projectsSmallImage,
#projectsMediumImage,
#projectsLargeImage{
	height: 215px;
}

#projectsSmallImage img,
#projectsMediumImage img,
#projectsLargeImage img{
	width: 100% !important;
	height: 205px;
}
/*end/ PROJECTS*/

}

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {

.home .svSlideshow, .svSlideshow  {
	width:545px;
 	height:300px;
}

.home .svSlides dd.image{ 
  width:545px;
}

.svSlides dd img {
	width: 545px;
	height:238px;
}

.home ol.svPager {
	top:93%;
	left:1%;
}

.cookieTrail, .followU{
	display:none;
}

/*PROJECTS*/
#ideasResourcesContainerSmall,
#ideasResourcesContainer,
#ideasResourcesContainerLarge{
	height: 370px;
}

#projectsSmallImage,
#projectsMediumImage,
#projectsLargeImage{
	height: 250px;
}

#projectsSmallImage img,
#projectsMediumImage img,
#projectsLargeImage img{
	width: 100% !important;
	height: 250px;
}
/*end/ PROJECTS*/

}

@media (min-width: 760px) and (max-width: 1000px) {
	
	.navBorder{
  		height:2px;
		border-top: 1px #505050 solid;
  		clear:both;
		display:block;
		width:100%;
	}
	
	#footerWrapper {
  margin-top:350px;
}
	
  [class*="column"] {
    float: left;
    min-height: 1px;
    /*margin-left: 20px;*/
  }
  .container {
    width: 724px;
  }
  
  .row {
    width: 100%;
	margin-top:20px;
    *zoom: 1;
  }
  
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  
  .row:after {
    clear: both;
  }
  
  .row [class*="column"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
  }
  
  .row [class*="column"]:first-child {
    margin-left: 0;
  }
  
  .row .column12 {
    width: 100%;
  }
  
  .row .column11 {
    width: 91.43646408839778%;
  }
  
  .row .column10 {
    width: 82.87292817679558%;
  }
  
  .row .column9 {
    width: 74.30939226519337%;
  }
  
  .row .column8 {
    width: 65.74585635359117%;
  }
  
  .row .column7 {
    width: 57.18232044198895%;
  }
  
  .row .column6 {
    width: 48.61878453038674%;
  }
  
  .row .column5 {
    width: 40.05524861878453%;
  }
  
  .row .column4 {
    width: 31.491712707182323%;
  }
  
  .row .column3 {
    width: 22.92817679558011%;
  }
 
  .row .column2 {
    width: 14.3646408839779%;
  }
  
  .row .column1 {
    width: 5.801104972375691%;
  }

  
  input,
  textarea {
    margin-left: 0;
  }
  
  input.column12, textarea.column12 {
    width: 710px;
  }
  
  input.column11, textarea.column11 {
    width: 648px;
  }
  
  input.column10, textarea.column10 {
    width: 586px;
  }
  
  input.column9, textarea.column9 {
    width: 524px;
  }
  
  input.column8, textarea.column8{
    width: 462px;
  }
  
  input.column7, textarea.column7{
    width: 400px;
  }
  
  input.column6, textarea.column6{
    width: 338px;
  }
  
  input.column5, textarea.column5{
    width: 276px;
  }
  
  input.column4, textarea.column4{
    width: 214px;
  }
  
  input.column3, textarea.column3{
    width: 152px;
  }
  
  input.column2, textarea.column2 {
    width: 90px;
  }
  
  input.column1, textarea.column1 {
    width: 28px;
  }
 
}


@media (min-width: 700px) and (max-width: 770px){
.home .svSlideshow, .svSlideshow  {
	width:545px;
 	height:236px;
}

.home .svSlides dd.image{ 
  width:545px;
}

.home ol.svPager {
	/*top:98%;
	left:-54%;*/
}


}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-pixel-ratio: 2) {
	
	ul.secondaryNav li a {
		background-image:url(../img/secondaryNav_arrow@2x.png);
	}

	ul.secondaryNav li a:hover,
	ul.secondaryNav li.current a {
		background-image:url(../img/secondaryNav_arrow_f2@2x.png);
	}
	
	.logo{
		background:url(../img/logo@2X.png) no-repeat;
		background-size: 310px 44px;
	}
	
}


/* High Resolution Retina Images for iPhone and Laptops */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.brand{
		background: url(../img/logo-mobile@2X.png) no-repeat;
		background-size: 171px 20px;
	}
	
	.arrow-toggle{
		background: url(../img/arrow-toggle-close@2X.png) no-repeat;
		background-size: 25px 25px;
	}
	
	.arrow-toggle-active{
		background: url(../img/arrow-toggle-open@2X.png) no-repeat;
		background-size: 25px 25px;
	}
	
	.logo{
		background:url(../img/logo@2X.png) no-repeat;
		background-size: 310px 44px;
	}

}

/* @end Break Points (fluid)
===================================== */

.noTopMargin{
	margin-top:0;
}