/* Taku Legacy CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:url(../gfx/taku_bg2.jpg) no-repeat -200px -250px;
	font:normal 13px/1.3em Georgia, times, serif;
}

a {
color:red;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.tight {
margin-bottom:0;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto 0 auto;
width: 900px;
text-align: left;
}

h1#logo a {
display:block;
width:288px; height:140px;
text-indent:-9999px;
background:url(../gfx/taku_logo.gif) no-repeat bottom left;
}

#content {
background-image:url(../gfx/whitepx.png);
margin-top:30px;
padding:30px;
}

#left {
width:400px;
float:left;
margin-bottom:10px;
}

#right {
width:400px; 
float: right;
margin-bottom:10px;
}

#bottom {
width:840px;
clear:both;
background: #456492 url(/gfx/nunuk_landscape.jpg) no-repeat top left;
color:white;
padding:10px 0 10px 0;
}

#bottom h3, #bottom p {
margin-right:10px;
margin-left:285px;
}

#bottom img {
float:left;
margin:0 10px 10px 10px;
}

h1 {
margin-bottom:20px;
}

h3 {
font-size:18px;
margin-bottom:6px;
}

#map {
background:none;
height:500px;
}

.iwstyle {
font-size:12px;
font-family:arial, sans-serif;
width:300px;
}

#home #content {
position:relative;
height:200px;
}

#home #content img {
margin:0; padding:0;
}

#home div#explore {
position:absolute;
left:320px; top:30px;
width:260px; height:233px;
background:url(/gfx/home_explore.jpg) no-repeat top left;
}

#home div#explore a {
display:block;
text-indent:-9999px;
height:33px;
width:260px; 
background: url(/gfx/nav_explore.png) no-repeat top right;
}

#home div#act {
position:absolute;
width:260px; height:233px;
left:610px; top:30px;
background:url(/gfx/home_share.jpg) no-repeat top left;
}

#home div#act a {
display:block;
text-indent:-9999px;
height:33px;
width:260px; 
background: url(/gfx/nav_act.png) no-repeat top right;
}

#home div#opportunity {
position:absolute;
left:30px; top:30px;
width:260px; height:233px;
background:url(/gfx/home_opportunity.jpg) no-repeat top left;
}

#home div#opportunity a {
display:block;
text-indent:-9999px;
height:33px;
width:260px; 
background: url(/gfx/nav_opp.png) no-repeat top right;
}

#home div#explore a:hover, #home div#act a:hover, #home div#opportunity a:hover {
background-position: right -33px;
}

#footer {
padding:10px; background:white; text-align:right;
}

#footer img {
margin-left:15px; border:none;
}

/* Typography
--------------------------------------------------------------------------------------------------- */



h2, h3, h4 {
font-family: arial, helvetica, sans-serif;
}


#opportunity h2, #explore h2, body#action h1 {
margin-bottom:30px;
font-size:26px;
font-weight:normal;
}

body#action h1 {
font-family:arial, helvetica, sans-serif;
}

#opportunity h3 {
}

#opportunity p, #explore p {
margin-bottom:12px;
}

body#action div#action div.recipient h2.name {
font-weight:bold;
}



/* Navigation
--------------------------------------------------------------------------------------------------- */

ul#nav {
display:block;
float:right;
height:33px;
width: 574px;
}

ul#nav li {
display:inline;
float:left;
}

ul#nav li a {
display:block;
text-indent:-9999px;
height:33px;
}

ul#nav li a:hover {
background-position:0 -33px;
}

li#n_explore a { width:170px; background: url(/gfx/nav_explore.png) no-repeat top left; }

li#n_opp a { width:183px; background: url(/gfx/nav_opp.png) no-repeat top left; }

li#n_act a { width:93px; background: url(/gfx/nav_act.png) no-repeat top left; }

li#n_video a { width:126px; background: url(/gfx/nav_video.png) no-repeat top left; }