
/*----------------------------
				Master Page
----------------------------*/

body
{
	background-color:#f5f5f5;
	background-image: url('img/bg_body.jpg');
	background-repeat:repeat-x;	
	
	color:White;
	font-family:Segoe UI, Arial, Helvetica, Sans-Serif;
	font-size:9pt;
}

div#main
{	
	top:20px;
	margin: 0 auto;	
	position: relative;	  
	width: 850px;	
}

div#header
{
	position: relative; 
	background-image: url('img/bg_site.gif');
	width: 850px; 
	height: 51px; 
}

div#content
{
	position:relative; 
	float:left; 
	width:850px; 
	background-color: White; 
}

div#navigation
{
	position:relative; 
	float:left; 
	width:270px; 
	height: 389px;
}

#imgBrain
{
	position:relative; 
	left:5px; 
	top: 0px;	
	width: 260px;
	height: 180px;
}

div#navigationLinks
{
	position:relative; 
	float:left; 
	left:85px; 
	top:10px;
	width:180px; 
	height:120px; 
	line-height:20px;
}

.navLink
{
	font-family:Arial; 
	font-size: 8pt; 
	text-decoration: none; 
	color: Gray;
	padding-bottom: 6px;
}

div#placeholder
{
	position:relative; 
	float:left; 
	width:556px; 
}

div#logos
{
	position:relative; 
	float:left; 
	width: 850px; 
	height:120px; 
	background-color: White;
}

#imgSponsorLogos
{	
	position:relative; 
	left: 0px; 
	top: 0px;
	width: 260px;
	height: 120px;
}

#imgTechDaysLogo
{
	position:relative; 
	left:388px; 
	top:-15px;
	width: 175;
	height: 85px;
}

div#footer
{
	position:relative; 
	float:left; 
	width: 850px; 
	height: 28px; 
	color: #D3D3D3;
	font-family: Arial; 
	font-size: 8pt; 
	background-image: url('img/bg_footer.gif'); 
}

span#footerMenu
{
	position:relative; 
	text-align:right; 
	left:360px; 
	top:7px;
}

.footerLink
{
	color: #D3D3D3;
	font-family: Arial; 
	font-size: 8pt; 
	text-decoration: none;
}

span.capital
{
	text-transform: uppercase;
}

a
{
    color:White;    
}


/*----------------------------
	  Content Pages - General
----------------------------*/

div#cphContent
{
	position:relative; 
	float:left; 
	width:556px; 
	background-color:Transparent; 
	left: 0px; 
	margin-top: -240px; 
	top: 0px;
}

div#about, div#alypaa
{
	position:relative;
	float:left;	
	left:43px;
	top:0px;
	padding-top:10px; 
	padding-bottom:10px;
	width:427px;
}

div#masters,#highlights,#partners,#agenda,#backup
{
	position:relative; 
	float:left; 
	left:22px; 
	top:0px; 
	padding-top:10px; 
	padding-bottom:10px;	
	width:491px;
}

h3#title
{
	position:relative; 
	width:491px;
	text-transform: uppercase;
}

div#description
{
	position:relative; 
	padding-left:20px; 
	width:471px;
}


/*----------------------------
	             About Page
----------------------------*/

div#cphAboutMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#0fa1b8;
}

div#cphAboutHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/techdays09.jpg)	
}

div#cphAboutFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_blue_bottom.jpg)
}


/*----------------------------
	             Alypaa Page
----------------------------*/

div#cphAlypaaHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/alypaa.jpg)	
}


/*----------------------------
	             Teemat Page
----------------------------*/

div#cphTeematHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/teemat.jpg)	
}


/*----------------------------
	      Brain Masters Page
----------------------------*/

div#cphMastersMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#fe7028;
}

div#cphMastersHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/puhujat.jpg)
}

div#descriptionMasters
{
	position:relative; 
	padding-left:20px; 
    padding-top:5px;
	width:471px;
}

.mastAccordion
{
    position:relative; 
    margin-left:20px; 
    padding-top:0px;
}

.mastAccActiveHeader
{
    margin-top:29px;
    padding-bottom:7px;
    border-bottom: solid 1px #ffb18b;
    background-image: url(img/acc_active_arrow.gif); 
    background-repeat: no-repeat;
}

.mastAccInactiveHeader
{
	width:471px;
    margin-top:29px;
    padding-bottom:7px;
    border-bottom: solid 1px #ffb18b; 
    background-image: url(img/acc_inactive_arrow.gif); 
    background-repeat: no-repeat;
}

.mastAccHeaderLink
{
    position:relative;
    top:-5px;
    padding-left:22px;
    text-decoration:underline; 
    cursor:pointer; 
}

.mastAccHeaderSubTitle
{
    position:relative;
    top:-5px;
    padding-left:21px;
    text-transform: uppercase;
}

.mastAccContentMain
{
    padding-top:10px; 
    width:471px;
}

.mastAccContentTable
{
    border-bottom: solid 1px #ffb18b;
}

.mastAccContentImg
{
    vertical-align:top;
}

.mastAccContentText
{
    padding-left:10px; 
    padding-bottom:20px;
}

div#cphMastersFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_orange_bottom.jpg)
}


/*----------------------------
               Partners Page
----------------------------*/

div#cphPartnersMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#f00b8c;
}

div#cphPartnersHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/kumppanit.jpg)
}

.partnerContentTable
{
    border-bottom: solid 1px #ffb18b;
}

.partnerContentImg
{
    vertical-align:middle;
    padding-left: 10px;
}

.partnerContentText
{
    padding-left:10px; 
    padding-bottom:20px;
}

.platinumL
{
	border: outset 2px pink;
	border-right-width: 0;
}

.platinumR
{
	border: outset 2px pink;
	border-left-width: 0;
}

div#cphPartnersFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_pink_bottom.jpg)
}


/*----------------------------
	         Highlights Page
----------------------------*/

div#cphHighlightsMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#6cbd45;	
}

div#cphHighlightsHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/bg_content_green.jpg)
}

div#highMain
{
    position:relative; 
    float:left; 
    top:10px; 
    padding-left:20px; 
    padding-top:18px; 
    padding-bottom:3px;
    border-top: solid 1px #b8e0a4;
    width: 471px; 
}

div.leftHighlight
{
    position:relative; 
    float:left; 
    left:0px; 
    width:210px;
}

div.rightHighlight
{
    position:relative; 
    float:left; 
    left:40px;
    width:210px; 
}

div.highHeader
{
    position:relative; 
    float:left; 
    width:210px;
}

div.highHeaderImg
{
    position:relative; 
    float:left; 
    width:39px; 
    height:44px;
}

div.highHeaderText
{
    position:relative; 
    float:left; 
    left:5px;
    width:161px; 
}

div.highContent
{
    position:relative; 
    float:left; 
    padding-top:10px;
    width:210px;
    height:150px; 
    padding-bottom:7px; 
}

div.highFooter
{
    position:relative; 
    float:left; 
    padding-top:3px; 
    padding-bottom: 25px; 
    width:210px;
}

div#cphHighlightsFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_green_bottom.jpg)
}


/*----------------------------
	             Agenda Page
----------------------------*/

div#cphAgendaMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#f00b8c;
}

div#cphAgendaHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/bg_content_pink.jpg)
}

div.agDayMain
{
	position:relative; 
	float:left; 
	left:0px; 
	top:10px;
	width: 491px; 
	border-top: solid 1px #f985c6; 
	border-bottom: solid 1px #f985c6; 
	padding-top:18px; 
	padding-bottom:3px; 
}

div.agDayTitle
{
	position:relative; 
	float:left; 
	margin-left:20px; 
	margin-top:17px;
	width:153px; 
	font-size:11pt;
}

div.agDayDescr
{
	position:relative; 
	float:left; 
	margin-left:20px;
	width:294px; 
	line-height:18px;
}

span.agDayFontSize
{
	font-size:11pt;
}

div.agSchedMain
{
	position:relative; 
	float:left; 
	left:0px; 
	top:10px;
	padding-top:10px; 
	padding-bottom:5px; 
	width: 491px; 
}

div.agSchedSub
{
	position:relative; 
	float:left; 
	left:93px; 
	width: 398px;
}

div.agSchedTime
{
	position:relative; 
	float:left; 
	margin-left:0px;
	margin-top:3px;
	width:80px; 
}

div.agSchedDetails
{
	position:relative; 
	float:left; 
	margin-left:20px;
	width:294px; 
	line-height:18px;
}

div.agSchedLunchMain
{
	position:relative; 
	float:left; 
	left:0px; 
	width: 491px; 
	border-bottom: solid 1px #f985c6; 
	padding-top:5px; 
	padding-bottom:0px; top:10px;
}

div.agSchedLunchSub
{
	position:relative; 
	float:left; 
	left:93px; 
	width: 398px; 
	border-top: solid 1px #f985c6; 
	padding-top:13px;
	padding-bottom:13px;
}

div#cphAgendaFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_pink_bottom.jpg)
}


/*----------------------------
	             Bakup Page
----------------------------*/

div#cphBackupMain
{
	position:relative; 
	float:left; 
	width:556px;
	background-color:#ffa616;
}

div#cphBackupHeader
{
	position:relative; 
	float:left; 
	width:556px; 
	height:373px;
	background-image: url(img/ilmoittautuminen.jpg)	
}

div#backImgMain
{
	position:relative; 
	float:left; 
	top:7px; 
	width:471px; 
	padding-left:20px; 
	border-top: solid 1px #ffd38a;
}

div.backImg
{
	position:relative; 
	float:left; 
	width:471px;
	padding-top: 20px; 
	padding-bottom:20px; 
}

div.backPanoramaImg
{
	position:relative; 
	width:470px;
}

div.backPanoramaImgDescr
{
	position:relative; 
	float:left;
}

div.backLeftImgMain
{
	position:relative; 
	float:left; 
	left:0px; 
	width:225px;
}

div.backRightImgMain
{
	position:relative; 
	float:left; 
	left:20px; 
	width:225px;
}

div.backSmallImg
{
	position:relative; 
	width:225px;
}

div.backSmallImgDescr
{
	position:relative; 
	width: 225px; 
	padding-top:10px; 
	padding-bottom:0px;
}

div#cphBackupFooter
{
	position:relative; 
	float:left; 
	width:556px; 
	height:16px; 
	background-image: url(img/bg_content_yellow_bottom.jpg)
}
