/* CHINESE PROGRAMME STYLES ************/

body { 
    	background: url(gfx/landc-insidepage-217-banner-background.jpg) 0 0px repeat-x;
}

.titleinner {
	padding-top: 189px;
    margin-top: 0px;
	background: url(gfx/landc-insidepage-chinese-title.png) 232px 42px no-repeat;
}

 #wrapper {
	background: url(gfx/landc-insidepage-217-banner.jpg) center 0px no-repeat;
}

#title h1 {
	color: #333;
	background: url(gfx/icons/bar-purple.png) no-repeat left top;
	padding: 7px 0 0 0;
}

#content h2 {
	color: #333;
}


body.n4070  { 
    	background: url(gfx/background-insidepage.jpg) 0 0px repeat-x;
}

.n4070 .titleinner {
	padding-top: 92px;
    margin-top: 0px;
	background: url(gfx/landc-insidepage-chinese-title.png) 232px 42px no-repeat;
}

.n4070 #title h1.notopimage {
	text-indent: -9999px;
    background: none;
}

.n4070 #wrapper {
	background: url(gfx/insidepage-banner.jpg) center 0px no-repeat;
}

.n4070 .grid4 .banner-float {
    margin-bottom: 21px;
}

.n4070 .grid4 .banner-float img {
	border: 8px #fff solid;
    
	 -moz-box-shadow: 0px 0px 10px #888; /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #888; /* Safari and Chrome */
  box-shadow: 0px 0px 10px #888; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}

html.no-boxshadow .banner-float {
    border: #888 1px solid;
    height: 192px;
}

.n4070 #content .grid1:nth-of-type(6) {
    margin-right: 0;
}

.n4070 #content .grid1 img {
    width: 100%;
}

.n4070 #content .grid1 h3.papersprogs {
	background: url(gfx/icons/papers-purple.png) left 4px no-repeat;
	padding: 0 0 0 29px;
	margin-left: -7px;
}

.n4070 #content .grid1  h3.ourpeople {
	background: url(gfx/icons/ourpeople-purple.png) left 3px no-repeat;
	padding: 0 0 0 29px;
}

.n4070 #content .grid1  h3.resources {
	background: url(gfx/icons/info-purple.png) left 3px no-repeat;
	padding: 0 0 0 29px;
}

.n4070 #content a.third_arrow {
	background: url(gfx/icons/arrow-purple.png) left 2px no-repeat;
	padding: 3px 3px 3px 24px ;
	 }

.n4070 #content a.third_arrow:hover {
	background: url(gfx/icons/arrow-purple-over.png) left 2px no-repeat;
	padding: 3px 3px 3px 24px ;
	 }



.n4070 #content h2.intro {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.3;
	border: none;
	margin-top: 0;
}

.n4070 #content p.intro {
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 32px 0;
	border: none;
}


.n4070 #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}


/* MEDIA QUERIES ************/

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .n4070 .grid4 .banner-float img {
        width: 100%;
    }

    .n4070 #content .grid1:nth-of-type(6) {
        margin-right: 46px;
    }
    
    .n4070 #content .grid1 {
        width: 46.5%;
        margin-bottom: 30px;
        margin-right: 45px;
    }
    
    .n4070 #content .grid1:nth-of-type(2n+2) {
        margin-right: 0;
    }
    

}

@media only screen and (max-width: 768px) {
    
     .n4070 .grid4 .banner-float img {
        width: 100%;
    }

      .n4070 #content .grid1 {
        width: 186px;
        margin-bottom: 30px;
        margin-right: 5%;
    }

     .n4070 #right {
        margin: 0 0 0 232px;
        width: 418px;
    }
}

/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {

   #title .titleinner {
        padding-top: 164px;
        background-position: 0px 42px;
        background-size: 308px;
    }
    
    #title h1 {
        font-size: 1.9em;
        margin: 0;
    }
    
    .n4070 #content img {
        max-width: 100%;
    }
    
    .n4070 #content {
        padding-top: 0;
    }
    
    .n4070 #title .titleinner {
        padding-top: 84px;
        background-position: 0px 42px;
        background-size: 308px;
    }
   
    body.n4070 { 
    	background: url(gfx/landc-insidepage-217-banner-background.jpg) 0 0px repeat-x;
    }

    .n4070 #wrapper {
	   background: url(gfx/landc-insidepage-217-banner.jpg) center 0px no-repeat;
    }
    
    .n4070 .grid4 .banner-float {
       margin-bottom: 0;
       overflow: hidden;
       padding-bottom: 14px;
    }
    
    .n4070 .grid4 .banner-float img {
        border: 6px solid rgb(255, 255, 255);
        width: 96%
    }

    
    .n4070 #content h2.intro { 
        font-size: 1.5em;
    }

    .n4070 #content .grid1 {
        width: 100%;
    }

    
    .n4070 #right {
        margin: 0;
        width: 96%;
    }
}