@charset "utf-8";
/* <copyright>

Author:
   Rio Purnomo
     http://siriokun.com/
     rio@siriokun.com
Handcrafted for:
			80tasks
     http://www.80tasks.com/

</copyright> */
/*CSS 3*/
@import url(extend.css);
/*inHerit*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
 margin:0;
 padding:0;
}
ul, ol { list-style:none; }
li, dd, blockquote { margin-left:10px; }
a {
 color:#39F;
 text-decoration:none
}
a:hover { color:#378AAA }
a img, fieldset { border:0; }
:focus { outline:0 }
address { font-style:normal; }
.cb {
 clear:both;
 line-height:0;
 height: 0px;
}
.right { text-align:right }
.center { text-align:center }
.fleft { float:left }
.fright { float:right }
/*default layout*/
body, input, select, textarea {
 font-family: Verdana, Geneva, sans-serif;
 font-size: .8em;
 line-height: 14pt;
 color: #333;
}
body {
 background:#CCE9F1 url(images/_bg.png) center top no-repeat;
 text-align:center
}
/*header*/
.header, .footer {
 color:#fefefe;
 margin:0 auto;
 padding:25px 0 9px;
 width:982px;
 position:relative;
 text-align:left
}
.header ul {
 margin:0 auto;
 text-align:right;
 width:682px;
 position:absolute;
 bottom:0;
 right:12px
}
.header li {
 color:#6FBDF7;
 display:inline;
 font:bold 1.2em/normal Arial, Helvetica, sans-serif;
 text-transform:uppercase
}
.header li a {
 background:#EEFDFD;
 color:#37BEFF;
 padding:10px 15px;
}
.header li a:hover {
 background:#fff;
 color:#2ad
}
.header li.on a {
 background:#fff;
 color:#999
}
.logo {
 height:86px;
 width:239px;
 position:relative;
 top:25px;
 left:42px
}
.logo h1 {
 overflow:hidden;
 text-indent:-400px;
}
.logo a { background:url(images/80tasks.png) 0 0 no-repeat; }
.logo h1, .logo a {
 display:block;
 font-size:11px;
 height:86px;
 width:239px;
}
.logo p { display:none }
.logo p.desc {
 background:#fff;
 display:block;
 text-align:center;
 color:#666;
 font:bold 1.2em/normal Helvetica, Arial, sans-serif;
 position:absolute;
 left:80px;
 top:-15px;
 padding:3px 8px 5px;
}
.logo p.desc em {
 color:#F06;
 font-style:normal;
 position:relative;
 top:-1.5pt
}
/*slider*/
.slide {
 background:#0D7595 url(images/_bg_slide.jpg) center center no-repeat;
 border:8px solid #fff;
 margin:40px auto 14px;
 height:312px;
 width:948px;
 position:relative;
 z-index:2;
 text-align:left
}
.feat {
 color:#F0F3F7;
 font: bold 1em/12pt Tahoma, Geneva, sans-serif;
 position:absolute;
 top:30px;
 left:15px;
 padding:10px;
 width:560px
}
.feat img.align-right {
 position:absolute;
 top:81px;
 left:608px
}
.feat h3 {
 color:#fff;
 display:block;
 font:2.7em/25pt "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
 letter-spacing:-1px;
 word-spacing:5px;
}
.feat h3 a {
 color:#fff;
 padding:0 0 18px;
 display:block
}
.feat h3 a:hover { color:#E9F2F3 }
.feat p { padding-top:16pt; }
.feat p a {
 color:#fff;
 border-bottom:2px solid #349EB6;
 padding-bottom:3px
}
.feat p a:hover {
 color:#F0F3F7;
 border-bottom:2px solid #5CC2F3
}
.comment {
 background:#fff;
 color:#666;
 padding:5px;
 position:absolute;
 top:18px;
 right:0
}
.wrap {
 background:#fff;
 margin:25px auto 50px;
 padding:15px 18px;
 width:928px;
 overflow:hidden;
 position:relative;
 z-index:1
}
#content {
 float:right;
 width:630px;
 margin:25px 0;
 padding:0 30px;
 position:relative;
 text-align:left
}
#content h2 {
 font-family:"Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
 font-size:37px;
 font-weight:normal;
 line-height:24pt;
 margin: 0 0 15px
}
#content h2 a {
 color:#1C1D17;
 text-decoration:none
}
#content h2 a:hover { text-decoration:underline }
#content h2, #content h3 { color:#555; }
#content p { margin-bottom:15px }
#content ul, #content ol { margin:0 0 15px }
#content ol {
	list-style: decimal;
	margin-left: 25px
}
#nav {
 margin:35px 0;
 text-align:left
}
.list {
 font-size:1.5em;
 line-height:21pt
}
.align-right { text-align:right }
.footer {
 background:url(images/email.jpg) center left no-repeat;
 clear:both;
 color:#555;
 padding-top:10px;
 text-align:right;
 line-height:normal;
 width:925px
}
.footer a { margin-left:5px }