/* ---------------------------------------
global
--------------------------------------- */

body {
	margin:0;
}


#content {
	background:url(../img/bg_site.png) no-repeat left top; 
	background-color: #013964; 
	height:auto;
	margin:auto;
	min-height:650px;
	overflow: hidden;
	text-align: left;
	width:960px;
}

#end {
	background:#FFFFFF url(../img/bg_bottom.png) no-repeat left top;
	height:5px;
	margin:auto;
	margin-bottom: 15px;
	width:960px;
}

#header {
	height: 133px;
	margin: 20px 0 30px 0;
	position: relative;
	text-align: left;
}

#doubleColumn {
	margin: 0px 17px 0px 40px;
	position: relative;
}

.mainColumn {
	float: right;
	width: 565px;
}

.secondaryColumn {
	float: left;
	margin-top: 67px;
	width: 293px;
}

.firstPageSecondaryColumn {
	float: left;
	margin-top: 10px;
	width: 293px;
}

.firstpageColumn {
	float: right;
	width: 500px;
}

ul {margin: 0px;}


img {border:0px}

.headlineSpacer {
	background:url(../img/spacerLine.png) repeat-x; 
	height: 20px;
	width: 100%;
}

.subHeadlineSpacer {
	background:url(../img/spacerLine.png) repeat-x; 
	height: 14px;
	width: 100%;
}

form, br {
	margin:0px;
	padding:0px
}

h1 {
	color:#e5e4e4;
	font: bold 2.0em helvetica, arial, sans-serif;
	letter-spacing:-2px;
	margin:0px;
}

h2 {
	color:#e5e4e4;
	font: bold 1.2em helvetica, arial, sans-serif;
	letter-spacing:-1px;
	margin-bottom: 10px;
	margin-top: 0px;
}

h3 {
	color:#e5e4e4;
	font: bold 1.4em helvetica, arial, sans-serif; 
	letter-spacing:-1px;
	margin-bottom: 0px;
	margin-top: 8px;
}

h4 {
	color: #e5e4e4;
	font-family: helvetica,arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
}





/* ---------------------------------------
logo
--------------------------------------- */
#otilloLogo {
	background: url(../img/otillo_logo.jpg) 0 0 no-repeat;
	float: left;
	height: 97px;
	margin: 0px 0 0 0;
	text-indent: -9999px;	
	width: 259px;
}

#otilloLogo a {
	display: block;
	height: 133px;	
	width: 300px;
}





/* ---------------------------------------
navigation
--------------------------------------- */
.topNav {
	float: right;
	height: 55px;
	margin: 10px 0 0 0;
	width: 580px;
}

.topNav li {
	display: inline;
	float: left;
	height: 55px;
}

.topNav li a {
	color: #fff;
	display: block;
	height: 55px;
	position: static;
	text-indent: -9999px;
}


/* english */
#navHome {width: 67px;}
#navAbout {width: 143px;}
#navApplication {width: 116px;}
#navTeams {width: 105px;}
#navQA {width: 66px;}
#navPress {width: 70px;}


#navHome a {
	background: url(../img/nav_home_eng.png) 0 0 no-repeat;
	width: 65px;
}

#navAbout a {
	background: url(../img/nav_about_eng.png) 0 0 no-repeat;
	width: 141px;
}

#navApplication a {
	background: url(../img/nav_application_eng.png) 0 0 no-repeat;
	width: 114px;
}

#navTeams a {
	background: url(../img/nav_teams_eng.png) 0 0 no-repeat;
	width: 103px;
}

#navQA a {
	background: url(../img/nav_qa_eng.png) 0 0 no-repeat;
	width: 64px;
}

#navPress a {
	background: url(../img/nav_press_eng.png) 0 0 no-repeat;
	width: 70px;
}

#navHome a:hover, #navAbout a:hover, #navApplication a:hover, #navTeams a:hover, #navQA a:hover, #navPress a:hover {
	background-position: bottom left;
}
								
								
/* swedish */								
#navStart {width: 80px;}
#navOm {width: 115px;}
#navAnmalan {width: 101px;}
#navLag {width: 129px;}
#navQASve {width: 73px;}
#navPressSve {width: 70px;}

#navStart a {
	background: url(../img/nav_start_sve.png) 0 0 no-repeat;
	width: 71px;
}

#navOm a {
	background: url(../img/nav_omotillo_sve.png) 0 0 no-repeat;
	width: 106px;
}

#navAnmalan a {
	background: url(../img/nav_anmalan_sve.png) 0 0 no-repeat;
	width: 92px;
}

#navLag a {
	background: url(../img/nav_anmaldalag_sve.png) 0 0 no-repeat;
	width: 120px;
}

#navQASve a {
	background: url(../img/nav_qa_sve.png) 0 0 no-repeat;
	width: 64px;
}

#navPressSve a {
	background: url(../img/nav_press_sve.png) 0 0 no-repeat;
	width: 70px;
}
								
#navStart a:hover, #navOm a:hover, #navAnmalan a:hover, #navLag a:hover, #navQASve a:hover, #navPressSve a:hover {
	background-position: bottom left;
}
								

/* global */
a#activeTopNav, #projectNav, a#activeProjectNav {
	background-position: bottom left;
}

.language {
	float: right;
	margin-right: 10px;
	width: 100px;
}

.language li {
	display: inline;
	text-align: right;
}

.language li a {
	color: #6e8ea7;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	text-decoration:underline;
}

.language li a:hover {
	color: #92aabc;
	text-decoration:underline;
}

.social {
	float: left;
	height: 24px;
	margin: 20px 0 0 26px;
	width: 100%;
}

.social li {
	display: inline;
	float: left;
	height: 24px;
}

.social li a {
	color: #fff;
	display: block;
	height: 24px;
	position: static;
	text-indent: -9999px;
}

#youtube, #facebook, #flickr {width: 30px;}
#youtube a {
	background: url(../img/social_youtube.png) 0 0 no-repeat;
	width: 30px;
}

#facebook a {
	background: url(../img/social_facebook.png) 0 0 no-repeat;
	width: 30px;
}

#flickr a {
	background: url(../img/social_flickr.png) 0 0 no-repeat;
	width: 30px;
}





/* ---------------------------------------
content
--------------------------------------- */


.allNews {
	float: right;
	font-family: Helvetica, arial, sans-serif; 
	font-size: 0.7em;
}

.allNews a {
	color: #e5e4e4;
	padding: 1px;
	text-decoration: none;
}

.allNews a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	padding: 1px;
	text-decoration: none;
}


.textholder {
	float:right;
	margin-bottom: 30px;
	width:500px
}


/* News Archive */
.newsArchiveNav {
	color: #e5e4e4;
	float: right;
	font-family: Helvetica, arial, sans-serif;
	font-size: 0.7em;
}

.newsArchiveNav strong {
	display: inline;
	font-style: bold;
	margin-right: 3px;
	vertical-align:top;
}


/* News content holder */
.news {margin-bottom: 30px;}

.news p {
	color:#e5e4e4;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-top:0px;
}

.news strong {
	background-color: #1d4f75;
	color: #b0c9dc;
	display: inline;
	font-size: 0.8em;
	font-style: normal;
	margin-right: 3px;
	padding: 2px;
	vertical-align:top;
}

.news h4 {
	color: #e5e4e4;
	font-family: helvetica,arial,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
}

.news ul {
	display: inline;
	margin-bottom: 15px; 
}

.news li {
	color:#e5e4e4;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-left: 17px;
	margin-top:0px;
}

.news a {
	border-bottom:1px dotted;
	color: #e5e4e4;
	padding: 1px;
	text-decoration: none;
}

.news a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	padding: 1px;
	text-decoration: none;
}

.pressDownload {
	font-size: 0.8em;
	font-weight: bold;
}

#pressImages a {border: 0px;}
#pressImages a:hover {padding: 0px; background-color: transparent;}


/* General content holder */
.content {margin-bottom: 10px;}

.content p {
	color:#e5e4e4;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-top:0px;
}

.content ul {
	display: inline;
	margin: 15px;
}

.content li {
	color: #e5e4e4;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-left: 17px;
}

.content p a {
	border-bottom:1px dotted;
	color: #e5e4e4;
	padding: 1px;
	text-decoration: none;
}

.content p a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	padding: 1px;
	text-decoration: none;
}

.content ul a {
	border-bottom:1px dotted;
	color: #e5e4e4;
	padding: 1px;
	text-decoration: none;
}

.content ul a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	padding: 1px;
	text-decoration: none;
}

.content strong {margin-bottom: 0px;}



/* Sub content holder */
.subContent {margin-bottom: 40px;}

.subContent h2 {
	color:#a5baca;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.subContent p {
	color:#a5baca;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height:1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
}

.subContent a {
	border-bottom:1px dotted;
	color: #a5baca;
	text-decoration: none;
}

.subContent a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	text-decoration: none;
}

.subContent ul {
	color:#a5baca;
	display: inline;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height:1.5em;
	margin: 0px;
}

.subContent li { margin-left: 15px;}




.subContentMainpage {
	margin-left: 40px;
	margin-top: 150px;
}

.subContentMainpage h2 {
	color:#a5baca;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.subContentMainpage p {
	color:#a5baca;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height:1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
}

.subContentMainpage a {
	border-bottom:1px dotted;
	color: #a5baca;
	text-decoration: none;
}

.subContentMainpage a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	text-decoration: none;
}

.subContentMainpage ul {
	color:#a5baca;
	display: inline;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height:1.5em;
	margin: 0px;
}

.subContentMainpage li { margin-left: 15px;}





/* Rules content holder */
#rules {
	color:#e5e4e4; 
	font-family: helvetica, arial, sans-serif; 
	font-size: 0.8em; 
	line-height:1.5em; 
	margin-top:0px;
}

#rules .sectionHead {
	background-color: #1d4f75;
	font-size: 1.2em;
	font-weight: bold;
}

#rules .sectionSubHead {
	font-size: 1.0em;
	font-weight: bold;
}

#rules tr {
	vertical-align: top
}

#rules td {
	padding-right: 10px;
}

#rules ul {
	margin: 0px;
	display: block;
}

#rules li {
	margin-left: -24px;
	font-size: 0.9em;
	line-height:1.5em; 
}

#rules a {
	border-bottom:1px dotted;
	color: #e5e4e4;
	padding: 1px;
	text-decoration: none;
}

#rules a:hover {
	background-color: #1d4f75;
	border-bottom:1px solid;
	color: #b0c9dc;
	padding: 1px;
	text-decoration: none;
}





/* ---------------------------------------
Sponsors
--------------------------------------- */

#sponsors {
	margin:auto;
	margin-bottom: 50px;
	margin-top: 25px;
	width: 960px;
}

#sponsors .head {
	height: 20px;
}

#sponsors .link {
	float: right;
	font-family: Helvetica, arial, sans-serif;
	font-size: 0.7em;
}

#sponsors a {
	color: #666;
	float: right;
}

#sponsors h4 {
	color: #666;
	font-family: helvetica,arial,sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
	text-transform:uppercase;
}


.sponsorsRotate {
	display:inline;
	list-style: none;
	margin:0px;
	padding:0px;
}







/* ---------------------------------------
Picture slideshow
--------------------------------------- */

#flashHolder {margin: 0;}

#flashHolder li {display: inline;}

.flash1 {
	height:0px;
	margin-left: 270px;
	overflow:hidden;
	position: absolute; 
	width:144px;
}

.flash2 {
	height:0px;
	margin-left: 130px;
	margin-top: 65px;
	overflow:hidden;
	position: absolute;
	width:144px;
}

.flash3 {
	height:0px;
	margin-left: 50px;
	margin-top: 30px;
	overflow:hidden;
	position: absolute;
	width:144px;
}