/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/

/* Color Palette 
	purple : 83389b
	brown : 60453f
	blue : 00aeef
*/

/* GLOBAL RESET
********************************************************/
* { margin: 0; padding: 0; }
img, fieldset, abbr, acronym { border: 0; }
.hidden { display: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* link styles */
a { color: #83389b; }
a:visited { color: #83389b; }
a:hover { color: #83389b; }

h1, h2, h3, h4, dt {
	font-style: italic;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

p, div, span, ul, li, ol, a {
	font-style: normal;
}


/* BODY
********************************************************/
body { 
	font-family: Georgia,"Hiragino Mincho Pro",serif;
	color: #60453f;
	font-size: small;
	padding-top: 30px;
}

div#wrap {
	padding-left: 20px;
	width: 930px;
	margin: 0px auto;
}

h1#logo {
	float: right;
	/* negative indent is to line up the b in the logo due to the serif */
	margin: 0px;
}

h2#tagline {
	float: left;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	width: 700px;
	margin-top: 47px;
}

h3, dt {
	color: #00aeef;
    font-size: 24px;
}

.freak {
	color: #83389b;
	font-style: italic;
	font-weight: bold;
}

.strong {
	font-weight: bold;	
}

.slant {
	font-style: italic;	
}

/* NAVIGATION
********************************************************/
div#navigation {
	float: left;
	width: 930px;
	padding-bottom: 30px;
}

div#navigation ol {
	float: left;
	margin-right: 27px;
	width: 115px;
}

div#navigation li {
	float: left;
	width: 115px;
}


div#navigation a {
	color: #60453f;
}


/* MAIN ARTICLE
********************************************************/
div#headlines {
	float: left;
	background: url(media/images/bg_divider.gif) repeat-x scroll center bottom;
	width: 930px;
	overflow: hidden;
}

div#headlineNavigation {
	float: right;	
	margin-top: 15px;
}

div#headlines ul {
  width: 3000px;	
}

div#headlines ul li {
	float: left;
	width: 930px;
	position: relative;
    min-height: 386px;
}

div#headlines h1 {
	font-size: 72px;
	margin-bottom: 30px;
	font-weight: normal;	
}

div#headlines li h3 {
	margin-top: 15px;
	font-weight: normal;
}

div#headlines p.wide {
	width: 620px;	
}

div.topArticle {
	margin: 15px 0px 30px;
}

div#headlines div.twoColumn {
	width: 620px;
}

div#headlines li#valtira {
  background: url( media/images/headline_valtira.png) no-repeat center bottom;
}

div#headlines li.contentRight h1, div#headlines li.contentRight h3, div#headlines li.contentRight p {
  margin-left: 290px;
} 

div#headlines div.threeColumn {
	width: 930px;
}

div.topArticle p { margin: 0px 30px 15px 0; width: 260px; }

/* HEADLINE IMAGES	
********************************************************/
img#headlineCaribou {
	bottom: -29px;
	position: absolute;
	right: 0;
	z-index: 100;	
}

img#headlineValtira {

}

/* OTHER NEWS AND INFO	
********************************************************/
ul.thinColumn {
	width: 260px;
	float: left;
	margin: 30px 25px 0px 0px;
	clear: left;
}

ul.wideColumn {
	float: right;
	margin: 30px 35px 0px 0px;
	width: 610px;
}

ul.thinColumn h3 {
	margin-bottom: 15px;
	font-weight: normal;
}

ul.wideColumn li {
	margin-bottom: 30px;
}

ul.wideColumn h2 {
	margin-bottom: 15px;
	font-weight: normal;
}

ul.last {
	margin-bottom: 30px;	
}

/* PORTFOLIO
********************************************************/
div#mainContent { 
	background:url("media/images/bg_top_shadow3.jpg") repeat-x scroll center top transparent;
	float:left;
	overflow:hidden;
	width:930px;	
}
h3.callout { margin: 30px 0px 15px; float: left; }
#portfolioNav { float: left; }
#portfolioNav li { float: left; }
#portfolioNav li a { height: 24px; }
#portfolio { background:url("media/images/bg_shadow2.jpg") repeat-x scroll center bottom transparent; float:left; padding-bottom:30px; width:930px; }
#portfolio li { float: left; margin-right: 15px; }
#portfolio li.column1 { width: 270px; }
#portfolio li.column3 { width: 405px; }
#portfolio a { margin: 0px 15px 15px 0px; float: left; }
#portfolio .sansMargin { margin-right: 0px; }

/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(media/images/purple3_arrow.png); 
    height:96px; 
    padding:20px 20px 0px; 
    width:165px; 
    font-size:14px; 
    color:#60453f; 
}

.tooltip dt {
	color: #00aeef;	
	font-style: italic;
	font-size: 16px;
	padding-bottom: 4px;
}

.tooltip dd {
	font-size: 10px;
}
 
.tooltip a { 
    color: #00aeef; 
    font-size: 14px; 
}

#portfolio img {

}

#portfolio .details {
	padding: 10px 20px;	
}

#portfolio .details a {
	float: none;		
}

#portfolio .details h2 {
	margin-bottom: 5px;	
}

#portfolio .details h2 a {
	font-style: italic;	
	color: #00aeef;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(media/images/portfolio/white_bg.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding: 45px 35px 0px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
    color:#fff; 
}