/* Custom general classes */
.pad { 							padding:12px;}
.padsmall { 				padding:2px;}
.margtop { 					margin-top:25px;}
.padtopbot { 				padding:0px 0px;}
.padtopbot2 { 				padding:30px 0px;}
.onlysmall { 				display:none;}
.hidesmall{ 				display:block;}
.hidesmallinline{	 	display:inline;}

	
/* HEADER & NAVIGATION */
#header {						height:51px; }
#nav li a	{ 				margin:0px;padding:17px 6px 18px 6px; float:left; border-bottom:none;}
#nav li:first-child{padding-left:0px; }
#nav li:last-child{ padding-right:0px!important; }
#nav .lastchild	{ 	padding-right:0px!important; }
#nav a 	{ 					padding:4px 0px;}
#nav li ul { 				width: 200px; top:51px;}
#nav li ul li {			margin:0px; display:block; width:200px;}
#nav li ul li a {		margin:0px; display:block; width:166px;}

#socials	{					padding:6px 0px; float:right;}

/* MAIN */
#container 	{ 			width:100%; height:100%;  } 
.centerframe { 			width:100%; margin:0px;}
.center480   { 			width:480px; margin:0px auto;}
.centerhomeupdates { 			width:600px; margin:0px auto;overflow: auto;}
.centerhomeupdatesleft{    width: 47%;    float: left;}
.centerhomeupdatesright{    width: 47%;    float: right;}

#indexofpage{ 			padding:15px; background:#fff; width:180px; margin:15px 0px 0px 10px; }
.case_image_block {
    margin:0px 0px 0px 10px;
}
#article		{ 			float:left; width:72%; padding:12px 0px; }
#article img{ 			padding:10px;}
.main_img   { 			width:33%; }

.block_left{				float:left; width:250px;}
.block2_3	{ 				float:left; width:67%;}
.block1_3 { 				float:left; width:33%;}

#logo { 						width:300px; margin:0px auto; padding:80px 0px 30px 0px; }
#main	{ 						margin:0px 0px 0px 12px;float:left; text-align: left;	box-shadow:none;}
	
#stakeholders { 		padding:25px 0px 20px 0px; }
#footer {						height:30px; padding-left:10px; padding-right:10px; }



/* optimal for iPad portrait */
@media all and (max-width: 910px) and (min-width: 740px) {
#nav li a	{ 				margin:0px;padding:17px 10px 18px 10px; }
#nav li { 					margin:0px;}
#nav li ul,#nav li ul li {width:186px;}
#nav { 							margin-left:10px;}
#article{ 					width:65%;  }

}
@media all and (max-width: 740px) and (min-width: 600px) {
#nav li a	{ 				margin:0px;padding:17px 4px 18px 4px; }
#nav li { 					margin:0px; font-size:13px;}
#nav li ul,#nav li ul li {	width:174px;}
#nav { 							margin-left:5px;}
#article{ 					width:55%;  }
#socials { 					width:185px;}
#socials li { 			width:35px;}
}