/*
Theme Name: 2012
Author: Nataliette
Author URI: http://www.gwaphic.com
Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fringilla malesuada posuere. Quisque adipiscing euismod lorem, ut semper lacus convallis nec. Morbi lacinia, enim a pellentesque pretium, lectus dui egestas enim, eu luctus massa odio quis ipsum. Aliquam dignissim diam vel turpis tempus non ultrices enim porta. Nullam eu neque.
Version: 1.0
License: Copyright. All Rights Reserved.
Tags: custom
*/




/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, f, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}








.orange {
	color: #F37021; /*orange*/
}






/**************************************
BASE FRAMEWORK
**************************************/

body {
	color: dimgray;
	background: white;
	font: 10px/normal Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#wrap {
	overflow: auto;
	position: relative;
	padding: 2.5em 0 0 0;
	margin: 0;
	background: url(images/bgo.gif) left 140px no-repeat;
}

a#jdg_logo {
	display: block;
	position: absolute;
	top: 50px;
	left: 30px;
	width: 240px;
	height: 30px;
	background: url(images/jdg_logo.gif) no-repeat;
}


#header {
	width: 1024px;
}
	.the_width {
		width: 700px;
		float: right;
	}

#contentbg {
	clear: both;
	background: #F37021; /*orange*/
}
	#contentcolumns {
		overflow: auto;
		width: 1024px;
		padding: 2.5em 0;
	}
		#contentarea {
			float: right;
			width: 700px;
			min-height: 20em;
		}

#footer {
	clear: both;
	margin: 2.5em 0 0 0;
	float: right;
	width: 700px;
}
	#footer p,
	#footer li,
	#footer hr {
		margin: 1em 0;
	}
	
	#footer p,
	#footer ul#menu-footer,
	#footer ul#menu-footer li {
		display: inline;
	}
	#footer ul#menu-footer li {
		border-left: 0.1em solid gray;
		margin: 0 0.5em;
		padding: 0 0.5em;
	}



	
	section#branches {
		overflow: auto;
	}
		section#branches ul {
			float: left;
			margin: 0 2em 0 0;
		}
			section#branches li {
				margin: 0.25em 0;
				padding: 0 1em 0 0;
				font-size: 12px;
			}
			section#branches li a {
				color: gray;
			}
				section#branches li a.selected {
					color: #F37021; /*orange*/
				}
		section#branches table {
			padding: 0.25em 0.5em;
		}
			section#branches th,
			section#branches td {
				font-size: 11px;
				padding: 0.25em 0.5em;
			}
	
	nav {
		margin: 0 0 2.5em 0;
	}
		nav ul {
			overflow: auto;
		}
			nav ul li {
				float: left;
				margin: 0 5em 0 0;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
			}
				nav ul li a {
					color: #F37021; /*orange*/
				}

		nav ul.sub-menu a {
		}
			nav ul.sub-menu li {
				float: none;
				font-size: 13px;
				font-weight: normal;
				text-transform: none;
				margin: 0;
			}
				nav ul.sub-menu li a {
					color: gray;
				}
					nav ul.sub-menu li a:hover {
						color: #F37021; /*orange*/
					}
		nav ul li.current-menu-item a,
		nav ul li li.current-page-ancestor a {
			color: black;
		}



aside {
	float: left;
	text-align: right;
	width: 250px;
	margin: 0 20px;
}
	ul.grandchildren {
		margin: 5em 0 0 0;
	}
		ul.grandchildren li {
			font-size: 13px;
			line-height: 100%;
			margin: 0.5em 0;
		}
			ul.grandchildren li a {
				color: gray;
			}
			ul.grandchildren li a:hover,
			ul.grandchildren li.current_page_item a,
			ul.grandchildren li.current-cat a,
			ul.grandchildren li.current-menu-item a {
				color: #F37021; /*orange*/
			}



article {
	margin: 1em 0;
}














/**************************************
GLOBAL CLASSES
**************************************/


.hide {
	display: none;
	visibility: hidden;
	position: absolute;

}

.small {
	font-size: 90%;
}

.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}

/* columnizing */

.columns {
	overflow: auto;
}
.col2 .thecolumn {
	width: 48%;
}
.col3 .thecolumn {
	float: left;
	width: 30%;
}
	.col3 .aligncenter {
		margin: 0 2em;
	}


/* css3 */
.opacity0 {
	/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */            filter: alpha(opacity=0);
	/* Netscape */    -moz-opacity: 0;
	/* Safari 1.x */-khtml-opacity: 0;
	/* Good browsers */    opacity: 0;
}
.opacity50 {
	/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */            filter: alpha(opacity=50);
	/* Netscape */    -moz-opacity: 0.50;
	/* Safari 1.x */-khtml-opacity: 0.50;
	/* Good browsers */    opacity: 0.50;
}
.opaque {
	/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */            filter: alpha(opacity=100);
	/* Netscape */    -moz-opacity: 1;
	/* Safari 1.x */-khtml-opacity: 1;
	/* Good browsers */    opacity: 1;
}
.box_shadow {
-webkit-box-shadow: 0.1em 0.1em 1em 0 dimgray;
	    box-shadow: 0.1em 0.1em 1em 0 dimgray;
}
.inner_shadow {
-webkit-box-shadow: inset 0 0.15em 0.25em 0.15em silver;
        box-shadow: inset 0 0.15em 0.25em 0.15em silver;
}
.border_radius {
-webkit-border-radius: 0.5em;
        border-radius: 0.5em;
}










.block {
	margin: 1em 0;
}
.clear {
	clear: both;
}


.navigation {
	list-style: none;
}
	.navigation li {
	}
		.navigation li a {
			text-decoration: none !important;
		}
		.navigation li a:hover {
			background: none !important;
		/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */            filter: alpha(opacity=50);
		/* Netscape */    -moz-opacity: 0.50;
		/* Safari 1.x */-khtml-opacity: 0.50;
		/* Good browsers */    opacity: 0.50;
		}

	.navigation .alignleft {
		top: 30%;
		left: 1em;
	}
	.navigation .alignright {
		top: 30%;
		right: 1em;
	}




.entry table {
	margin: 0 0 2em 0;
	border-collapse: separate;
	clear: both;
}
	.entry table td {
		vertical-align: top;
	}
table.col2 td {
	width: 42%;
}
	table.col2 td:first-child {
		padding-right: 25px;
	}
	table.col2 td:last-child {
		padding-left: 25px;
	}







/**************************************
TYPOGRAPHY
**************************************/

p,li,td {
	margin: 1em 0;
}

th {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
	margin: 0.25em 0;
	color: #F37021; /*orange*/
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #F37021; /*orange*/
}

h1 {
	font-size: 28px;
	font-weight: 100;
	text-transform: capitalize;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 14px;
	text-transform: uppercase;
}

strong,b {
	font-weight: bold;
}
em,i {
	font-style: italic;
}

blockquote {
	margin: 1em auto;
}
	blockquote,
	blockquote p {
		font-size: 16px;
		line-height: 1.2em;
	}

a {
	color: black;
	text-decoration: none;

  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;
}


hr {
   border-top : 0.1em dotted gray;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   height : 0;
   margin : 2em 0;
}

.black {
	color: black;
}









/**************************************
FORM ELEMENTS
**************************************/

form {
}
input,textarea,select {
	font: 1em/1em sans-serif;
	background: white;
	padding: 0.3em;
	
	width: 95%;
	
	border: 0.1em solid white;

-webkit-box-shadow: inset 0 0.1em 0.3em 0em gray;
        box-shadow: inset 0 0.1em 0.3em 0em gray;
}
 
input[type="submit"] {
	width: auto !important;
	padding: 0.35em 1em;

-webkit-box-shadow: inset -0.1em -0.1em 0.5em 0em gray;
        box-shadow: inset -0.1em -0.1em 0.5em 0em gray;
	
	cursor: pointer;
}
	input[type="submit"]:hover {
	-webkit-box-shadow: inset -0.1em -0.1em 1em 0em gray;
			box-shadow: inset -0.1em -0.1em 1em 0em gray;
	}
	input[type="submit"]:active {
	-webkit-box-shadow: inset 0.1em 0.1em 1em 0em gray;
			box-shadow: inset 0.1em 0.1em 1em 0em gray;
	}


.wpcf7-not-valid-tip {
	color: red !important;
	width: 75% !important;
	border: 0 !important;
	background: none !important;
	margin: -0.5em 0 0 0;
}
.wpcf7-response-output {
	font-size: 1.2em;
	font-weight: bold;
	color: red !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}




	


























/**************************************
GLOBAL ENTRY SIZES
**************************************/
.entry {
	font-size: 12px;
	line-height: 1.3em;
}
article ul,ol {
	margin: 1em 0;
	padding: 0 0 0 2em;
}
article li {
	margin: 0.25em 0;
}
	article ul li {
		list-style: disc;
		list-style-position: inside;
	}






/**************************************
INDEX
**************************************/

/* SLIDESHOW */
#slides {
	padding: 0.5em;
}
.slides_container {
	width: 670px;
	height: 240px;
	overflow: hidden;
	position: relative;
	display: none;
}
.slides_container a {
	display: block;
	width: 670px;
	height: 240px;
}

/* ARTICLES */

.homepage article {
	float: left;
	width: 160px;
	margin: 0.5em;
}
	.homepage article a.post-thumb {
		display: block;
		width: 160px;
		height: 120px;
		margin: 0 0 1em 0;
		background-color: silver;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.homepage article p.excerpt {
		margin: 0;
	}
























/**************************************
TEAM PAGE 
**************************************/

.teamcollage {
	overflow: auto;
}
	.teamcollage a.focus {
		float: left;
	}
	.teamcollage a.members {
		display: block;
		float: left;
		width: 120px;
		height: 120px;
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		margin: 0.5em;
	}
	.teamcollage a:hover {
		/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */            filter: alpha(opacity=50);
		/* Netscape */    -moz-opacity: 0.50;
		/* Safari 1.x */-khtml-opacity: 0.50;
		/* Good browsers */    opacity: 0.50;
	}

article.team {
	overflow: auto;
	margin-bottom: 3em;
}
article.team img.image {
	width: 180px;
	height: auto;
	float: left;
	margin: 0 2em 0 0;
}
	article.team#post-180 img.image { /* for the chairman */
		width: 230px;
	}
article.team .entry {
	float: right;
	width: 500px;
}
	article.team#post-180 .entry { /* for the chairman */
		width: 450px;
	}
article.team h3 {
	margin: 0;
}

p.jobtitle {
	margin: 0;
	font-weight: bold;
}
p.country {
	margin: 0;
}
p.summary {
	font-size: 16px;
	line-height: 1.3em;
}
article.team div { /* for the team members */
	float: left;
	width: 180px;
}
	article.team#post-180 div { /* for the chairman */
		float: none;
		width: auto;
	}
article.team p.description {
	float: right;
	width: 300px;
	margin: 0;
}
	article.team#post-180 p.description { /* for the chairman */
		font-size: 13px;
		float: none;
		width: auto;
	}











/**************************************
PARTNERS PAGE
**************************************/
#the_grid article.partner {
	width: 325px;
	margin: 0 0 3em 0;
}
article.partner img.partner_logo {
	display: block;
	margin: 0 0 1em 0;
	max-width: 150px;
	width: expression( document.body.clientWidth > 149 ? "150px" : "auto" ); /* sets max-width for IE */
}
article.partner h3 {
	margin: 0;
}
p.subtitle {
	font-weight: bold;
	margin: 0;
}











/**************************************
SERVICES PAGE
**************************************/
.tabbed {
	text-align: center;
	padding: 2em 0;
}
	.tabbed p {
		font-size: 13px;
		line-height: 1.3em;
	}


#value ul.idTabs li,
#value article {
	width: 130px;
	float: left;
	margin-right: 1em;
}
#value ul.idTabs {
	overflow: auto;
}
	#value ul.idTabs li a {
		color: #F37021; /*orange*/
		display: block;
		width: 130px;
		height: 50px;
		padding-bottom: 30px;
		background: url(images/arrdowng.gif) no-repeat center bottom;
	}
	#value ul.idTabs li a:hover,
	#value ul.idTabs li a.selected {
		background: url(images/arrdowno.gif) no-repeat center bottom;
	}

article#independence {
}
article#experience {
	margin-left: 140px;
}
article#involvement {
	margin-left: 280px;
}
article#beyond {
	margin-left: 420px;
}
article#pride {
	margin-left: 560px;
}



#approach ul.idTabs li {
	display: inline;
	margin: 1em 2.5em;
}
	#approach ul.idTabs li a img {
		/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */            filter: alpha(opacity=50);
		/* Netscape */    -moz-opacity: 0.50;
		/* Safari 1.x */-khtml-opacity: 0.50;
		/* Good browsers */    opacity: 0.50;

	  -webkit-transition: all 0.3s ease-out;  
		 -moz-transition: all 0.3s ease-out;  
		  -ms-transition: all 0.3s ease-out;  
		   -o-transition: all 0.3s ease-out;  
			  transition: all 0.3s ease-out;
	}
	#approach ul.idTabs li a:hover img,
	#approach ul.idTabs li a.selected img {
		/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* IE 5-7 */            filter: alpha(opacity=100);
		/* Netscape */    -moz-opacity: 1.00;
		/* Safari 1.x */-khtml-opacity: 1.00;
		/* Good browsers */    opacity: 1.00;
	}
#approach article {
	margin: 2em auto;
	width: 500px;
}











/**************************************
PORTFOLIO PAGE
**************************************/

.single-portfolio .gallery {
	float: none;
	width: 100%;
	margin: 2em 0;
}
	.gallery .gallery-item {
		float: left;
		border: 1px solid silver;
		margin: 0.5em;
		padding: 0;

	  -webkit-transition: all 0.3s ease-out;  
		 -moz-transition: all 0.3s ease-out;  
		  -ms-transition: all 0.3s ease-out;  
		   -o-transition: all 0.3s ease-out;  
			  transition: all 0.3s ease-out;
	}
		.gallery .gallery-item a {
			display: block;
			width: 160px;
			height: 120px;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}
	.gallery .gallery-item:hover {
		/* IE 8 */          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */            filter: alpha(opacity=50);
		/* Netscape */    -moz-opacity: 0.50;
		/* Safari 1.x */-khtml-opacity: 0.50;
		/* Good browsers */    opacity: 0.50;
	}












/**************************************
PUBLICATION & PROGRAMME PAGE
**************************************/
.single-publication .gallery,
.single-press .gallery,
.type-event .gallery {
	width: 350px;
	float: right;
	margin: 0 0 1em 3em;
}

/* archive */
#the_grid article {
	float: left;
	width: 325px;
}
.archive p.summary {
	margin: 0;
}
.archive p.more-link {
}












/**************************************
EVENT PAGES
**************************************/
.type-event {
	width: 100%;
}











/**************************************
CONTACT PAGE
**************************************/

/* masonry columns */
.page-id-56 .container {
	width: 350px;
}
.page-id-56 div.block {
	float: left;
	width: 170px;
	font-size: 11px;
	line-height: 1.2em;
}
	.page-id-56 div.block h3,
	.page-id-56 div.block p {
		margin: 0.25em 0;
	}
.page-id-56 div.form {
	width: 320px;
	float: right;
}












/**************************************
BLOG AND SINGLE POST PAGES
**************************************/

#contentbg {
	color: white;
}
#contentbg h1,
#contentbg h2,
#contentbg h3 {
	color: white;
}
#contentbg p.date {
	font-weight: bold;
	margin: 0;
	color: #FCDC21; /*yellow*/
}

article.type-post {
	width: 550px;
	padding: 0 0 1em 0;
}
article.type-post .gallery .gallery-item {
	float: left;
	border: 1px solid black;
}



aside#blogside {
	float: right;
	text-align: left;
	width: 120px;
	margin: 2.5em 0;
}
	aside#blogside h5 {
		color: #FCDC21; /*yellow*/
	}
	aside#blogside li {
		font-size: 13px;
		margin: 0;
	}
	aside#blogside a {
		color: white;
	}


#contentbg aside p {
	font-size: 13px;
	line-height: 1em;
	font-weight: bold;
}


#contentbg #footer p,
#contentbg #footer li,
#contentbg #footer hr {
	color: black;
}
#contentbg #footer hr {
   border-top : 0.1em dotted black;
}
#contentbg #footer ul#menu-footer li {
	border-left: 0.1em solid black;
	margin: 0 0.5em;
	padding: 0 0.5em;
}









/**************************************
WORDPRESSY
**************************************/
.more-link {
	color: silver;
	font-size: 90%;
	text-decoration: none;
	background: url(images/arrR.gif) no-repeat right center;
	padding: 0 20px 0 0;
	margin: 0;
}


a.post-edit-link {
	font-size: 10px;
	color: pink;
	padding: 0 0.25em;
}

.wp-caption {
	margin: 2em auto;
	width: auto !important;
}
	.wp-caption img {
	}
	.wp-caption a img {
		width: 58em;
		padding: 0.9em;
		border: 0.1em solid silver;
	}
	.wp-caption a:hover img {
		padding: 0;
		border: 1em solid silver;
	}
	
	.wp-caption p {
		font-style: italic;
		margin: 0.5em 0;
	}