@charset "utf-8";
/*<![CDATA[/*>*/
/******************************************************************/
/* SCREEN CSS FOR TURNINGTHETIDE.CH                               */
/* CSS Code by mediaparx.com | Marius Bleuer | January 2009       */
/******************************************************************/
/* RELEASED UNDER:                                                */
/*----------------------------------------------------------------*/
/* Creative Commons 2.5 Schweiz                                   */
/* Namensnennung - NichtKommerziell                               */
/* http://creativecommons.org/licenses/by-nc-nd/2.5/ch/           */
/******************************************************************/
/* Table of Contents:                                             */
/* ---------------------------------------------------------------*/
/* 1. Basic Container Defintions                                  */
/* 2. Main Navigation                                             */
/* 3. Header                                                      */
/* 4. Gallery Home                                                */
/* 5. Content                                                     */
/* 6. List Winners                                                */
/* 7. List Persons                                                */
/* 8. List Details Participant                                    */
/* 9. Footer                                                      */
/******************************************************************/
/* Parts of Eric Meyer's CSS reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus, a { outline:0; text-decoration:none; }
strong { font-weight:bold; }
em { font-style: italic; }

html{ font-size:medium; height:100%; }

body{
	font-size:70%;
	line-height:145%;
	font-family:"Trebuchet MS", Helvetica, Jamrul, Arial, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	color:#000;
	/*SAFARI SPECIAL*/
	text-shadow:#000 0 0 0px;
}

fieldset, img{ border:none; }
input, textarea, select, button{ font-family:"Trebuchet MS", Helvetica, Jamrul, Arial, sans-serif; font-size:100%; }
.clear{ clear:both; font-size:0em; line-height:0px; height:0px; }

/*************************************************/
/* 1. Basic Container Defintions                 */
/*************************************************/
#containerCenterAll{ margin:0px auto; width:100%; }
#wrapperContent{ margin:0px auto; width:717px; padding:0px 120px; border-top:1px solid #000; margin-top:57px; text-align:left; }

/*************************************************/
/* 2. Main Navigation                            */
/*************************************************/
#wrapperMainNavigation{
	margin:0px auto;
	width:100%;
	background:url(/images/interface/turning-the-tide/layout/img-bg-main-navi-tiled.gif) bottom repeat-x #c8bfae;
	min-height:45px;
}
#wrapperMainNavigation ul{ margin:0px auto;	width:817px; padding:12px 50px 0px 150px; position:relative; overflow:hidden; }
#wrapperMainNavigation ul li{ float:left; min-height:33px; margin-right:15px; list-style:none; }
#wrapperMainNavigation ul li.back{
	background:url(/images/interface/turning-the-tide/layout/img-bg-main-navi-active-sprite.gif) no-repeat right -33px;
	width:4px;
	height:33px;
	position:absolute;
	z-index:5;
	padding-right:0px;
}

#wrapperMainNavigation ul li.back .left{
	background:url(/images/interface/turning-the-tide/layout/img-bg-main-navi-active-sprite.gif) no-repeat top left;
	height:33px;
	margin-right:4px;
}

#wrapperMainNavigation ul li a{
	text-transform:uppercase;
	color:#5a564c;
	padding:0px 18px 0px 18px;
	line-height:33px;
	min-height:33px;
	font-weight:bold;
	z-index:10;
	position:relative;
}
#wrapperMainNavigation ul li a:hover, #wrapperMainNavigation ul li.current a{ color:#000; }

/*************************************************/
/* 3. Header                                     */
/*************************************************/
#wrapperContent #headerHome,
#wrapperContent #header{
	float:left;
	width:717px;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	padding:35px 0px 29px 0px;
}

#wrapperContent #header{ padding:24px 0px 19px 0px; }

#wrapperContent #headerHome #logoTurningTheTideHome{
	float:left;
	width:245px;
	height:139px;
	background:url(/images/interface/turning-the-tide/layout/img-sprite-elements.png) no-repeat;
	margin-right:54px;
	text-decoration:none;
}

#wrapperContent #header #logoTurningTheTide{
	float:left;
	width:110px;
	height:62px;
	background:url(/images/interface/turning-the-tide/layout/img-sprite-elements.png) 0px -165px no-repeat;
	margin-right:10px;
	text-decoration:none;
}

#wrapperContent #headerHome #leadTextHome,
#wrapperContent #header #leadText{
	float:left;
	width:400px;
	padding-right:17px;
	color:#999;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:-5px;
}

#wrapperContent #headerHome #leadTextHome h1, #wrapperContent #header #leadText h1{ display:inline; font-style:italic; font-weight:normal; font-size:160%; line-height:140%; }
#wrapperContent #headerHome #leadTextHome span{ font-size:160%; line-height:140%; }
#wrapperContent #headerHome #leadTextHome p{ display:inline; }

#wrapperContent #header #leadText{ width:535px; font-size:110%; line-height:130%; }

/*************************************************/
/* 4. Gallery Home                               */
/*************************************************/
#wrapperContent ul#galleryHome{
	float:left;
	display:block;
	width:717px;
	height:477px;
	margin-top:23px;
	padding-bottom:23px;
	border-bottom:4px solid #000;
	position:relative;
}

ul#galleryHome li{ list-style:none; position:absolute; display:inline; }
ul#galleryHome li a{ float:left; position:relative; text-transform:uppercase; font-size:90%; line-height:100%; color:#fff; text-decoration:none; }
ul#galleryHome li a:hover .wrapperText span{ color:#0996d8; }
ul#galleryHome li a img{ float:left; }
ul#galleryHome li a .wrapperText{ position:absolute; bottom:0px; left:0px; z-index:30; display:block; letter-spacing:0.07em; cursor:pointer;  }
ul#galleryHome li a .wrapperText span{ float:left; position:relative; background:#000; padding:4px 5px 2px 5px; }
ul#galleryHome li a .wrapperText span.origin{ padding:2px 5px 3px 5px;}
ul#galleryHome li.small{ width:57px; height:57px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; } 
ul#galleryHome li#big1{ left:0px; top:0px; width:177px; height:297px; }
ul#galleryHome li#big2{ left:420px; top:0px; width:297px; height:177px; }
ul#galleryHome li#big3{ left:180px; top:60px; width:237px; height:177px; }
ul#galleryHome li#big4{ left:540px; top:180px; width:177px; height:177px; }
ul#galleryHome li#big5{ left:60px; top:300px; width:237px; height:177px; }
ul#galleryHome li#big5 a .wrapperText{ top:0px; right:0px; }
ul#galleryHome li#big5 a .wrapperText span{ float:right; }
ul#galleryHome li#big5 a .wrapperText{ top:0px; }
ul#galleryHome li#big6{ left:300px; top:240px; width:237px; height:177px; }
ul#galleryHome li#small1{ left:180px; top:0px; }
ul#galleryHome li#small2{ left:240px; top:0px; }
ul#galleryHome li#small3{ left:300px; top:0px; }
ul#galleryHome li#small4{ left:360px; top:0px; }
ul#galleryHome li#small5{ left:420px; top:180px; }
ul#galleryHome li#small6{ left:480px; top:180px; }
ul#galleryHome li#small7{ left:180px; top:240px; }
ul#galleryHome li#small8{ left:240px; top:240px; }
ul#galleryHome li#small9{ left:0px; top:300px; }
ul#galleryHome li#small10{ left:0px; top:360px; }
ul#galleryHome li#small11{ left:0px; top:420px; }
ul#galleryHome li#small12{ left:540px; top:360px; }
ul#galleryHome li#small13{ left:600px; top:360px; }
ul#galleryHome li#small14{ left:660px; top:360px; }
ul#galleryHome li#small15{ left:300px; top:420px; }
ul#galleryHome li#small16{ left:360px; top:420px; }
ul#galleryHome li#small17{ left:420px; top:420px; }
ul#galleryHome li#small18{ left:480px; top:420px; }
ul#galleryHome li#small19{ left:540px; top:420px; }
ul#galleryHome li#small20{ left:600px; top:420px; }
ul#galleryHome li#small21{ left:660px; top:420px; }

/*************************************************/
/* 5. Content                                    */
/*************************************************/
#content{ float:left; width:597px; padding:23px 0px 19px 120px; border-bottom:4px solid #000; }

#content .colSmall{ float:left; width:292px; }
#content #colLeft{ margin-right:13px; }

#wrapperContent a{ color:#5f5a50; text-decoration:underline; }
#wrapperContent a:hover{ color:#003b7a; }

#wrapperContent a.linkBack{ float:left; display:inline-block; padding-left:13px; background:url(/images/interface/turning-the-tide/thickbox/img-sprite-arrows.gif) left -87px no-repeat; }
#wrapperContent a.linkBack:hover{ background:url(/images/interface/turning-the-tide/thickbox/img-sprite-arrows.gif) left -287px no-repeat; }
#wrapperContent a.linkNext{ float:right; display:inline-block; padding-right:13px; background:url(/images/interface/turning-the-tide/thickbox/img-sprite-arrows.gif) right 4px no-repeat; }
#wrapperContent a.linkNext:hover{ background:url(/images/interface/turning-the-tide/thickbox/img-sprite-arrows.gif) right -187px no-repeat; }

/*************************************************/
/* 6. List Winners                               */
/*************************************************/
ul#listWinners{ float:left; width:717px; margin:12px 0px 0px 0px; list-style:none; border-bottom:4px solid #000; padding-bottom:23px; }
ul#listWinners li{ float:left; width:237px; height:154px; margin:9px 3px 0px 0px; padding:0px; }
ul#listWinners li.noMargin{ margin-right:0px; }
ul#listWinners li.separator{ width:717px; height:9px; line-height:9px; font-size:20%; border-bottom:4px solid #000; margin-top:0px; }
ul#listWinners li a{ float:left; display:block; width:237px; height:154px; position:relative; color:#fff; font-size:90%; line-height:100%; text-transform:uppercase; text-decoration:none; }
ul#listWinners li a:hover .wrapperText span{ color:#0996d8; }
ul#listWinners li a img{ width:237px; height:154px; position:absolute; left:0px; top:0px; z-index:20; }
ul#listWinners li a .wrapperText{ position:absolute; bottom:0px; left:0px; z-index:30; display:block; letter-spacing:0.07em; cursor:pointer; } 
ul#listWinners li a .wrapperText span{ background:#000; display:inline-block; padding:4px 5px; }
ul#listWinners li a .wrapperText span.origin{ padding-top:0px;}

/*************************************************/
/* 7. List Persons                               */
/*************************************************/
ul.listPersons{ float:left; width:717px; margin:23px 0px 0px 0px; list-style:none; border-bottom:4px solid #000; padding-bottom:21px; }
ul.listPersons li{ float:left; width:717px; padding-bottom:20px; margin-bottom:23px; border-bottom:4px solid #000; }
ul.listPersons li .linkImage{ float:left; display:block; width:112px; min-height:100px; margin-right:8px; }
ul.listPersons li .imageParticipant{ float:left; min-height:100px; margin-right:8px; }
ul.listPersons li .imageJury{ float:left; width:112px; min-height:100px; margin-right:8px; }
ul.listPersons li .linkImage, ul.listPersons li .imageJury img{ float:left; width:112px; }
ul.listPersons li h2{ float:left; width:597px; text-transform:uppercase; font-size:90%; line-height:100%; color:#fff; margin-bottom:20px; font-weight:normal; }
ul.listPersons li h2 span{ float:left; letter-spacing:0.07em; background:#000; display:inline-block; padding:5px 5px 4px 5px; }
ul.listPersons li h2 span.origin{ padding-top:4px; margin-top:-4px; }
ul.listPersons li .colLeft{ float:left; width:292px; margin-right:13px; }
ul.listPersons li .colRight{ float:left; width:292px; }
ul.listPersons li.last{ border:none; margin-bottom:0px; padding-bottom:0px; }

/*************************************************/
/* 8. List Details Participant                   */
/*************************************************/
ul#listDetailParticipant{ padding-bottom:43px; }
ul#listDetailParticipant .wrapperParticipantsProfile{ float:left; width:597px; }
ul#listDetailParticipant .wrapperParticipantsProfile .colLeft ul,
ul#listDetailParticipant .wrapperParticipantsProfile .colRight ul{
	list-style:disc;
	list-style-position:outside!important;
	margin-left:25px;
	width:auto;
}
ul#listDetailParticipant .wrapperParticipantsProfile .colLeft ol,
ul#listDetailParticipant .wrapperParticipantsProfile .colRight ol{
	list-style:decimal;
	list-style-position:outside!important;
	margin-left:30px;
	width:auto;
}
ul#listDetailParticipant .wrapperParticipantsProfile .colLeft ul li,
ul#listDetailParticipant .wrapperParticipantsProfile .colRight ul li,
ul#listDetailParticipant .wrapperParticipantsProfile .colLeft ol li,
ul#listDetailParticipant .wrapperParticipantsProfile .colRight ol li{
	float:none;
	border:none;
	margin:0px;
	padding:0px;
	width:auto;
}

.wrapperParticipantsProfile ul#gallery{ float:left; width:597px; margin:19px 0px 12px 0px; list-style:none; border-top:4px solid #000; padding-top:9px; }
.wrapperParticipantsProfile ul#gallery li,
.wrapperParticipantsProfile ul#gallery li a,
.wrapperParticipantsProfile ul#gallery li a img{ float:left; width:117px; height:79px; }
.wrapperParticipantsProfile ul#gallery li{ padding:0px 3px 9px 0px; margin-bottom:9px; }
.wrapperParticipantsProfile ul#gallery li.noPadding{ padding-right:0px; }

#listPartners div{ float:left; width:597px; }

/*************************************************/
/* 9. Footer                                     */
/*************************************************/
#footer{ margin:0px auto; width:717px; font-size:90%; line-height:120%; color:#666; padding:7px 120px; border-top:1px solid #000; }
#footer #disclaimer{ float:left; width:520px; text-align:left; }
#footer #disclaimer a{ color:#5f5a50; text-decoration:underline; }
#footer #disclaimer a:hover{ color:#003b7a; }
#footer a#logoBritishCouncil{
	float:right;
	display:block;
	width:177px;
	height:26px;
	background:url(/images/interface/turning-the-tide/layout/img-sprite-elements.png) 0px -139px no-repeat;
}
/*]]>*/