/* BROWSER RESET: Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#fff;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,em,th,optgroup{font-style:normal;font-weight:inherit;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* /Browser reset */

/* Typography */
body {font: normal 0.75em/1.5em Arial,Verdana,sans-serif;} 
p {margin:1.5em 0;font-size:1em;line-height:1.5em;}
h1 {margin-bottom:0.24em;font-size:2.0833em;line-height:1.24em;}
h2,h1.hp {margin:0.8182em 0;font-size:1.9166em;line-height:1.2727em;}
h3 {margin:1em 0;font-size:1.5em;line-height:1.3333em;}
h4 {margin:1.125em 0;font-size:1.3333em;line-height:1.375em;}
h5 {margin:1.2857em 0;font-size:1.1667em;line-height:1.4285em;}
h6 {margin:1.5em 0;font-size:1em;line-height:1.5em;}
address p {margin:0;line-height:1.25em}
.item h2 {font-size:2.0833em;margin:0.6956em 0 0.2608em 1em;}
/* /Typography */

/* Layout */
html,body,#page-wrap,#page-wrap2,#page-wrap3  {
	min-height:100%;
}
html.short,.short body,.short #page-wrap,.short #page-wrap2,.short #page-wrap3  {
	height:100%;
}
#page {
    margin:0 auto;
    padding-bottom:1em;
}
#page-in {
    width:90.47%;
    margin:0 auto;
    padding-top:20px;
}
.low #page-in {
    width:100%;
}
#page,#header-wrap {
    min-width:800px;
    max-width:1280px;
}
.low #page,.low #header-wrap {
    width:95%;
}
#header-wrap {
    position:fixed;
    width:76.15%;
    z-index:2;
    top:0;
    padding-top:8px;
}
#content-wrap {
    margin-top:21.55em;
    overflow:hidden;
}
#header,#content-wrap,.row {
    position:relative;
}
#page #header-in,#page #content,.item-wrap {
    margin-left:237px;
    margin-right:237px;
}
#header-in,#content {
    position:relative;
    vertical-align:top;
    margin:0 0.6666em;
}
#content-in {
    position:relative;
    min-height:466px;
    margin-bottom:8px;
}
#header-in {
    height:225px;
}
.photo, .photo_no_popup {
    position:absolute;
    top:0;
}
.photo.l, .photo_no_popup.l {
    left:0;
}
.photo.r, .photo_no_popup.r {
    right:0;
}
#content-wrap .photo img, #content-wrap .photo_no_popup img {
    display:block;
}
.row {
    overflow:hidden;
    margin-bottom:8px;
}
.item {
    display:table;
    position:relative;
    width:100%;
    height:225px;
    overflow:hidden;
}
.item div {
    display:table-cell;
    vertical-align:middle;
}
#photos,#content-wrap .hide img {
    display:none;
}
/* /Layout */

/* Colors */
body,.row {
    background-color:#0065a1;
}
#header-wrap {
    background:#00528b url(../img/bg.jpg) repeat-x fixed 0 -50px;
}
#page-wrap {
    background:#0067a4 url(../img/bg-left.png) repeat-y 0 0;
}
#page-wrap2 {
    padding:0 100px;
    background:transparent url(../img/bg-right.png) repeat-y right 0;
}
.mid2 #page-wrap2 {
    padding:0 50px;
}
.low #page-wrap2 {
    padding:0;
}
#page-wrap3 {
    background:#0067a4 url(../img/bg-example-fade-out.jpg) no-repeat fixed 0 -50px;
}
#content {
    background-color:#00528b;
}
#content-in .grad {
    position:absolute;
    width:1px;
    height:45px;
    background:transparent url(../img/grad.png) no-repeat 0 0;
}
#content .grad.t {
    top:0;
}
#content .grad.l {
    left:-1px;
}
#content .grad.b {
    bottom:0;
    background-position:0 -45px;
}
#content .grad.r {
    right:-1px;
}

img,#header-in,.item-wrap,#content-wrap .row div.photo {
    border:2px solid #8cb8d2;
}
#header-in {
    background-color:#003c69;
}
a {
    color:#fff;
}
.item {
    background:#004270 url(../img/bg-row.png) repeat-y right 0;
}
.item div div {
    background:#0065a1 url(../img/bg-item.png) repeat-y 0 0;
}
/* /Colors */

/* Common */
.invisible {
    position:absolute;
    height:1px;
    left:0;
    top:-10000px;
    overflow:hidden;
}
.row div.photo {
    width:225px;
    height:225px;
}
/* /Common */

/* Header */
#header .title {
    display:table;
    height:100%;
}
#header .title div {
    display:table-cell;
    vertical-align:middle;
}
#header .title div div {
    padding:0 3em 0 2em;
    background:#0064a1 url(../img/bg-title.png) repeat-y right 0;
}
#header h2,h1.hp {
    position:absolute;
    right:0;
    bottom:0;
    width:6em;
    line-height:1.04em;
    margin-right:0.8182em;
    text-align:right;
    letter-spacing:2px;
}
h1.hp {
    font-size:3.1666em;
    margin:0 0.5em 0.5em;
}
.title h1 {
    min-width:6em;
    padding-top:1em;
}
.title address {
    padding-bottom:2em;
}
h1.alone {
    padding:0.5em 0;
}
/* /Header */

/* Menu */
#menu {
    padding:8px 0;
}
#menu-in {
    overflow:hidden;
    width:100%;
    border:solid #b3cbdc;
    border-width:1px 0;
    background-color:#005f99;
}
#menu ul {
    float:left;
}
#menu li {
    display:inline-block;
    font-size:1.4166em;
}
#menu a {
    text-decoration:none;
    padding:0 1.8em;
    line-height:1.4em;
}
.low #menu a,.mid2 #menu a {
    padding:0 1em;
}
.mid #menu a {
    padding:0 1.3em;
}
#menu a:hover {
    text-decoration:underline;
}
#menu .lang {
    float:right;
}
#menu .lang a {
    padding:0 0.5em;
}
#menu .active {
    border:solid #b3d0e1;
    border-width:0 1px;
    background:#004e83 url(../img/bg-menu.png) repeat-x 0 center;
}
#menu .lang .brochure a {
    margin-right:0.5em;
    padding-right:24px;
    background:transparent url(../img/pdf.png) no-repeat right center;
}
/* /Menu */

/* Content */
#content-wrap .photo img {
    margin-bottom:8px;
}
#content-wrap #content {
    border:solid #b3cbdc;
    border-width:0 1px;
}
#content-wrap .photo.l {
    padding-right:8px;
}
#content-wrap .photo.r {
    padding-left:8px;
}
#content-in {
    padding:0.1em 1em 0.6em 2em;
}
#content-wrap {
    border-bottom:1px solid #b3d0e1;
}
#content ul{margin-left:2em;}
#content li{list-style-type:circle;}

/* /Content */

/* Project */
#content-wrap .row .photo {
    border:none;
}
.item h2 a {
    text-decoration:none;
}
.item h2 a:hover {
    text-decoration:underline;
}
.item p {
    margin-left:1.9166em;
}
.item div div {
    padding-bottom:1.9166em;
}
/* /Project */

/*  Partners */
#content-wrap .row div.photo.r {
    padding:0;
    margin-left:8px;
    text-align:center;
}
.row div.photo {
    display:table;
}
.row div.photo div div {
    margin:1em;
    text-align:left;
}
.row div.photo strong {
    line-height:2em;
}
.row div.photo.r a {
    display:block;
    font-weight:bold;
    margin-top:1em;
}
#content-wrap .row div.photo img {
    margin:0;
    border:none;
}
#content-wrap .row div.photo.l {
    padding:0;
    text-align:center;
}
.item p {
    margin-bottom:0;
    word-wrap: break-word;
}
/* /Partners */

.pagination{
position:absolute;
bottom:10px;
left:2.3em;
font-size:1.4em;
}

#content-wrap .pagination{
position:relative;
text-align:center;
bottom:0.3em;
left:0px;
font-size:1em;
}

