body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
	background: #222 url(/images/layout/bg_body.png);
}

/* Set font size for all common browsers */
/*/*/a{}
body,
body p {
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body,
html>body p {
	font-size: small;
}
/* */

/* -- Containers -- */

#page {
	position: relative;
	padding: 10px 0 20px;
	background: url(/images/layout/bg_page.png) repeat-x top left;
}

#container {
	position: relative;
	margin: 0 auto; padding: 0;
	width: 960px;
}

#header {

}

#eye-catcher {
	position: relative;
	width: 960px; height: 405px;
	margin: -20px -20px 20px -20px;
	background: url(/images/layout/bg_eyecatcher.png);
}
#taskii_screencast object{
	margin-top: 33px;
	margin-left: 33px;
	z-index: -99999;
}
#content {
	padding: 20px 20px 50px;
	min-height: 300px;
	background-color: #FFF;
	font-family: "Trebuchet MS", sans-serif;
}

#bottom {
	padding: 20px;
	background-color: #DDD;
}

#footer {
	padding-top: 10px;
	font-size: .9em;
	text-align: center;
	color: #CCC;
}

/* -- Little bit stylish, baby -- */

#header-wave {
	position: absolute;
	top: -10px; right: -20px;
	width: 820px; height: 150px;
	background: url(/images/layout/header-wave.png);
}

#shadow-left,
#shadow-right {
	position: absolute;
	top: 90px;
	width: 10px; height: 500px;
}

#shadow-left { left: -10px; background: url(/images/layout/shadow-left.png); }
#shadow-right { right: -10px; background: url(/images/layout/shadow-right.png); }

/* -- Links -- */

#content a { color: #369; }

#content a:hover,
#content a:focus {
color: #036;
background-color: lightblue;
}

#footer a { color: lightblue; }

#footer a:hover,
#footer a:focus { color: orange; }

/* -- Titles -- */

h1 a {
position: relative;
display: block;
width: 225px; height: 90px;
background: url(/images/layout/h1.png);
text-indent: -9999em;
font-size: .8em;
z-index: 99;
}

#content h1 {
margin-bottom: 20px;
font-size: 2em;
color: #333;
}

#content h2 {
margin-bottom: 20px;
font-size: 2em;
color: #333;
}

#content h3 {
text-align: left;
padding: 0;
font-size: 1.5em;
border: 0;
}

#content h3 span {
padding-right: 20px;
border-bottom: 1px solid #999;
}

#content h3 a { text-decoration: none; }

#content h4 {
margin: 10px 0;
font-size: 1.3em;
}

.content-right h2 {
font-size: 1.4em !important;
}

/* -- Menus -- */

ul.mainmenu {
position: relative;
width: 955px; height: 50px;
padding-left: 5px;
background-image: url(/images/layout/bg_mainmenu.png);
}

ul.mainmenu li {
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
padding-top: 15px;
margin-right: 20px;
}

ul.mainmenu li.signup {
position: absolute;
top: 0; left: 610px;
}

ul.mainmenu li.signup span {
padding: 0;
}

ul.mainmenu li.signup a {
padding: 0 !important;
text-decoration: underline !important;
}

.mainmenu li.item a.main,
.mainmenu li.item span {
float: left;
display: block;
margin: 5px 0 5px 3px;
padding: 0 7px;
line-height: 25px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

ul.mainmenu ul {
position: absolute;
top: 50px; left: 0;
width: 259px;
/*width: auto;*/
display: none;
z-index: 99;
overflow: auto;
}

ul.mainmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.mainmenu ul li {
  width: 259px;
padding: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  /*overflow: auto; -- Linux FF fix */
}

/* Root Menu */
ul.mainmenu a {
  padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul.mainmenu li.signup a {
float: left !important;
}

ul.mainmenu ul a {
  padding: 5px 10px;
color: #DDD;
background-color: #222;
border-bottom: 1px solid #333;
text-decoration: none;
font-weight: bold;
}

/* Root Menu Hover Persistence */
ul.mainmenu li.item a.main:hover,
ul.mainmenu li.item a.main:focus,
ul.mainmenu li.item a.main.current {
background: url(/images/layout/bg_mainmenu-hoveritem-trans.png);
}

/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a { float: none; }



ul.mainmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

ul.mainmenu ul a:hover,
ul.mainmenu ul a:focus {
background-color: #111;
color: #FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul { display: none; }

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul { display: block; }

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul { display: block; }
#info-submenu-ul {
overflow: hidden;
z-index: 9999999;
}
#signup-arrow {
position: absolute;
top: 92px; right: -23px;
width: 104px; height: 79px;
background: url(/images/layout/signup-arrow-trans.png);
z-index: 101;
}

/* -- Forms -- */

.contactform form {
padding: 10px;
border: 1px solid #DDD;
background-color: #EEE;
}

.contactform form .contactleft { float: left; width: 170px; }
.contactform form .contactright { margin-left: 170px; color: #666; margin-bottom: 10px; }

.contactform form label {
float: left;
display: block;
padding: 6px;
color: #000;
}

.contactform form input#wpcf_your_name,
.contactform form input#wpcf_email { padding: 5px; width: 20em; }

.contactform form input#wpcf_subject { padding: 5px; width: 30em; }

.contactform form textarea { width: 31em; margin-bottom: 10px; }

.contactform form input#contactsubmit { padding: 5px; font-weight: bold; font-size: .9em; }

p.form-warning {
margin: 10px 0;
padding: 10px 10px 10px 30px;
color: darkorange;
border: 1px solid darkorange;
background: url(/images/famfamfam/error.png) no-repeat 10px 50%;
}

p.form-success {
padding: 10px 10px 10px 30px;
color: darkgreen;
border: 1px solid darkgreen;
background: url(/images/famfamfam/accept.png) no-repeat 10px 50%;
}

/* -- Eye catcher -- */

#eye-catcher .eyecatcher-presentation {
width: 100%; height: 100%;
background: url(/images/layout/eyecatcher-presentation.png);
}

span.signup-link {
position: absolute;
bottom: 38px; right: 116px;
display: block;
width: 202px; height: 62px;
background: url(/images/layout/signup-link.png);
}

span.signup-link a {
display: block;
width: 198px; height: 58px;
margin: 1px 0 0 1px;
text-indent: -9999em;
border: 1px solid #FFF;
}

span.signup-link a:hover,
span.signup-link a:focus {
background-color: transparent !important;
border-color: yellow;
}

/* -- Content -- */

#content p { margin: 10px 0; }

#content ol { margin: 10px 0 10px 30px; }
#content ol li { list-style-type: decimal; }

.content-right ol { margin: 10px 0 !important; }
.content-right ol li { list-style: none !important; }

.left-column,
.right-column {
float: left;
width: 440px;
}

.content-left {
float: left;
width: 580px;
}

.content-right {
float: right;
width: 278px;
margin-top: -10px;
padding: 10px 20px;
border-left: 1px solid #DDD;
}

.discover-right {
padding-top: 20px;
background: #DDD;
-moz-border-radius: 20px;
}

.discover-right img {
margin-bottom: 10px;
border: 1px solid #999;
}

.box {
float: left;
width: 440px;
text-align: justify;
}

.box-horizontal-spacer {
float: left;
width: 40px; height: 1px;
}

.box-vertical-spacer {
clear: both;
height: 40px;
}

.box h3 {
margin-bottom: 10px;
color: #666;
text-align: center;
border-bottom: 1px solid #CCC;
}

.box strong {
letter-spacing: -.04em;
}

img.box-image {
float: right;
margin: 0 0 10px 10px;
}

#box-advantages ul {
margin-top: 10px;
}

#box-advantages li {
padding: 5px 5px 5px 25px;
color: Green;
background: url(/images/checkbox_green.png) no-repeat center left;
border-bottom: 1px solid LightGreen;
}

/* -- Plans -- */



/* -- Discover -- */

.pmslider-mask-container {
position: relative;
}

.pmslider-mask {
	position:relative;
	width: 578px;
	height: 342px;
padding: 0 0 10px;
	overflow: hidden;
border: 1px solid #CCC;
}

.pmslider-mask h2 {
margin-bottom: 0 !important;
padding: 0 10px;
font-size: 1.4em !important;
background: #666;
color: #FFF !important;
height: 30px;
line-height: 30px;
border-bottom: 2px solid #999;
}

#box-pmslider {
	position: absolute;
}

#box-pmslider div.item {
position: relative;
	float: left;
margin-top: 10px;
	width: 580px;
	height: 300px;
}

#box-pmslider .item h3 { display: none; }

#box-pmslider .item .pictures {
float: left;
width: 340px;
}

#box-pmslider .item .text {
margin: 0 0 0 330px;
padding: 0 10px 0 10px;
}

#box-pmslider .item .text strong {
font-size: 1.3em;
font-weight: normal;
}

#box-pmslider a.learnmore {
position: absolute;
bottom: -10px; right: 0;
display: block;
padding: 20px;
font-weight: bold;
background-color: Green;
-moz-border-radius: 20px 0 0 0;
color: #FFF;
text-decoration: none;
text-align: right;
}
#box-pmslider a.learnmore:hover,
#box-pmslider a.learnmore:focus {
background-color: DarkGreen;
}

#box-pmslider a.learnmore span {
display: block;
font-size: 1.4em;
border-bottom: 1px solid;
}

#project-management-page h4 { display: none; }

#pmslider-handles {
position: absolute;
top: 0;
right: 0;
}

#pmslider-handles span {
display: block !important;
margin: 0;
padding: 0 5px;
height: 38px;
line-height: 38px;
width: 310px;
color: #369;
font-size: 1.05em;
cursor: pointer;
border-bottom: 1px solid #B8D0EB;
}

#pmslider-handles span:hover {
background-color: #B8D0EB;
color: #111;
}

#pmslider-handles span.active {
width: 290px;
padding-left: 25px;
background: #74A4D8 url(/images/famfamfam/arrow_left.png) no-repeat 5px 50%;
color: #FFF;
font-weight: bold;
}

.functionnalities { margin-top: -20px; }

.functionnalities .pictures {
float:left;
width: 200px;
}
.functionnalities .pictures img {
border: 1px solid #ccc;
padding: 2px;
margin-bottom: 20px;
}

.functionnalities h3 {
margin-top: 30px;
margin-bottom: 10px;
clear: both;
}

.functionnalities .text {
margin:0;
margin-left:210px;
padding-left: 10px;
padding-top: 0;
}

.functionnalities .text p {
margin-top: 0px !important;
margin-bottom: 6px;
}

ol.avantages li {
margin: 0 0 10px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #D0D0D0;
color: #999;
}

ol.avantages li div { color: #333; }

ol.avantages li strong { font-size: 1.3em; font-weight: normal; }

/* -- Press releases -- */

.press-release {
padding: 10px 10px 10px 50px;
border-bottom: 1px solid #CCC;
}

.press-release h3 {
float: none !important;
font-size: 2em !important;
font-family: Georgia, "Times New Roman", serif;
}

.press-release h3 .date {
display: block;
font-size: .4em;
color: #666;
}

.press-release p.summary {
font-weight: bold;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", serif;
letter-spacing: -.02em;
}

.press-release em {
font-style: italic;
}

/* -- Press -- */

.press {
clear: both;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #CCC;
}

.press img {
float: left;
margin-right: 10px;
padding: 1px;
background: #FFF;
border: 1px solid #CCC;
}

.press a.link {
margin-left: 210px;
display: block;
padding: 10px;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", serif;
}

.press span.date {
display: block;
padding: 0 5px;
color: #666;
font-size: .8em;
}

.press cite {
display: block;
margin-left: 250px;
font-style: italic;
text-align: justify;
}

/* -- FAQ -- */

ul.faq-navigation { list-style: none; text-align:center;font-size: 1.4em;margin-bottom: 40px;}

ul.faq-navigation li {
	float: left;
	margin: 0 10px 20px 0;
}
ul.faq-navigation li a {
	padding: 5px;
	background: #FFF6CF;
	color: Green;
}

ul.faq-navigation li a:hover,
ul.faq-navigation li a:focus { text-decoration: none; }

.questions ul { list-style: none; }

.questions li {
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

.questions .question {
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
}

.questions .answer { margin-left: 30px; }

.questions img {
	margin-bottom: 10px;
	padding: 1px;
	background: #EEE;
	border: 1px solid #DDD;
}
.roles-see-also {
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}
.roles-see-also li{
display: inline;
width: 40%;
padding-right: 10px;
}
.roles-see-also li a{
background: #EFEFEF;
padding: 10px;

font-size: 1.3em;
border: 0;
}
.roles-see-also li.current a{
background: #AFD4FF;
font-weight: bold;
color: #003366 !important;
text-decoration: none;
}

/* -- Events -- */

.event {
clear: both;
margin-bottom: 35px;
}

.event h3 .date {
padding: 0 !important;
border: 0 !important;
color: #666;
}

.facebook-group {
padding: 10px;
border: 1px solid DarkBlue;
background-color: LightBlue;
}

.facebook-group h3 {
margin-bottom: 10px;
font-weight: bold;
font-size: 1.4em;
color: #666;
}

.facebook-group img {
border: 5px solid #FFF;
}

/* -- Downloads -- */

ol.logos { margin: 10px 265px 30px 0; }

ol.logos > li { clear: left; }

ol.logos ul {
float: left;
margin-bottom: 10px;
font-size: .85em;
}

ol.logos ul li {
float: left;
display: block;
margin: 5px 10px 10px 0;
padding: 5px;
color: #666;
border: 1px solid #CCC;
border-width: 0 1px 1px 0;
background-color: #EEE;
}

.product-description {
position: relative;
float: left;
width: 290px;
}
#description-50 { padding: 0 20px; }

.product-description span.words-counter {
position: absolute;
top: 0; right: .05em;
font-size: 9em;
color: #EEE;
font-family: Georgia, "Times New Roman", serif;
}

.product-description p { 
position: relative;
text-align: justify; 
}

/* -- Blog -- */

.post { margin-bottom: 20px; }

.post h3 {
margin-bottom: 20px;
}

.post h3 span { 
display: block;
font-size: 1.2em;
font-weight: normal;
border: 0 !important;
}

.post .entry {
min-height: 50px;
font-size: 1.1em !important;
}

.post .entry p{
font-size: 1em !important;
}

.post p.postmetadata {
font-size: .9em;
color: #666;
}

.post img.floated-left {
float:left;
border: 1px solid #ccc;
padding: 2px;
margin-right: 10px;
}

.post img {
padding: 1px;
background-color: #EEE;
border: 1px solid #DDD;
}

.post ul li {
list-style-position: inside;
list-style-type: disc;
}

.navigation .alignleft,
.navigation .alignright {
margin: 10px 0;
}

h3#comments {
margin-bottom: 10px;
padding-left: 25px;
background: url(/images/famfamfam/user_comment.png) no-repeat center left;
font-size: 1.1em;
color: #666;
font-weight: bold;
}

h3#comments span {
padding: 0;
border: 0;
}

ol.commentlist,
ol.commentlist li { margin-bottom: 20px; }

ol.commentlist div.left {
float: left;
text-align: center;
padding: 10px;
width: 150px;
border-right: 2px solid #9CF;
color: #666;
}


ol.commentlist li.alt .left { border-right-color: #69C; }

ol.commentlist div.right {
margin-left: 170px;
padding: 1px 10px;
font-family: Georgia, "Times New Roman", serif;
}

ol.commentlist img.avatar {
padding: 1px;
border: 1px solid #666;
}

ol.commentlist .left span {
display: block;
font-size: .9em;
}

#commentform textarea {
width: 550px;
}

#commentform #submit {
padding: 5px;
}

#sidebar li#search {
margin-bottom: 10px;
}

#sidebar li#search input {
position: absolute;
top: -9999em;
}

#sidebar li#search input#s {
position: static;
width: 246px;
padding: 5px 5px 5px 25px;
background: #FFF url(/images/famfamfam/magnifier.png) no-repeat 5px 50%;
border: 1px solid #333;
}

#sidebar li.widget {
padding: 0 0 10px;
}

#sidebar li.widget h2 {
margin-top: 10px;
margin-bottom: 5px;
color: #666;
}
#sidebar li.widget_rss {
border-bottom: 0 !important;
}
#sidebar li.widget_rss ul li {
margin-bottom: 5px;
}
#sidebar li.widget_text {
font-size: 1.2em !important;
font-weight:bold;
}

#sidebar li.widget_rss ul span.rss-date {
display: block;
color: #666;
font-size: .85em;
}

#sidebar li.widget_links ul a {
display: block;
margin-left: -5px;
padding: 5px;
border-bottom: 1px solid #FFF;
}
/* -- Bottom -- */

#bottom, #bottom p, #bottom li { font-size: 1em; }

#bottom {
background: #404040;
border-top: 3px solid #AAA;
}
#newsletter { float: left; }

#rss-feeds, #browse-website { float: right; }

#newsletter { margin-right: 20px; }
#rss-feeds { margin-left: 40px; }

#bottom h2 {
color: #ddd;
font-size: 1.4em;
font-family: "Trebuchet MS", "Times New Roman", serif;
}

#bottom a {
color: #F5F199;
}

#bottom a:hover,
#bottom a:focus {
color: #ccc;
}

#newsletter fieldset p {
color: #ddd;
}

#bottom h2 {
float: left;
padding-left: 20px;
background-repeat: no-repeat;
background-position: center left;
}

#newsletter h2 { background-image: url(/images/famfamfam/newspaper-trans.png); }
#browse-website h2 { background-image: url(/images/famfamfam/map.png); }
#rss-feeds h2 { background-image: url(/images/feed-icon/feed-icon-16x16.png); }

/* -- Footer -- */

#footer img { vertical-align: bottom; }

/* -- Always useful -- */

img { border: 0; font-size: 60%; }
.clearer { clear: both;}
.left-clearer { clear: left; }
.right-clearer { clear: right; }
hr, .no-display { position: absolute; top: -9999em; }
strong { font-weight: bold; }
em { font-style: italic; }

sup { color: #666; }
p.footnotes { font-size: .9em; color: #666; }

p.info {
width: 776px;
margin: 20px auto !important;
padding: 10px;
border: 2px solid #300;
background-color: #C00;
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 1.1em;
}

div.admin-link { margin-top: 20px; padding: 5px 10px; border: 1px dashed #CCC; font-size: .8em; -moz-opacity: .5; text-align: right; background-color: #F0F0F0; }
div.admin-link:hover { -moz-opacity: 1; }

img.right-floated-image {
float: right;
margin: 0 0 1em 1em; 
border: 1px solid lightblue;
padding: 2px;
}

ol.numbers { margin: 10px 0; }

ol.numbers li {
margin: 0 0 5px 25px;
list-style: decimal;
}
ul.standard {
margin-left: 35px;
}
ul.standard ul{
margin-left: 15px;
}

ul.standard li{
list-style: disc;
padding: 2px;
border: 0;
margin:0;
}

a.faq-screencast-link {
font-size: 1.3em;
background: #ADD8E6 url(/images/famfamfam/film.png) no-repeat 3px;
padding: 7px;
padding-left: 25px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
color: #003F9B !important;
}
a.faq-screencast-link:hover {
color: #fff !important;
background: #003F9B url(/images/famfamfam/film.png) no-repeat 3px !important;
}

div.screencast {
text-align: center;
}
ul.screencasts {
padding-left: 150px;
background: url(/images/screencast.png) no-repeat left center;
}
ul.screencasts li {
margin-bottom: 20px;
}
ul.screencasts a {
font-size: 1.3em;
padding: 6px;
padding-left: 25px;
background: #ADD8E6 url(/images/famfamfam/film.png) no-repeat 4px;
color: #003366 !important;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul.screencasts a:hover{
background-color: #003366 !important;
color: #fff !important;
}

#see-screencasts {
padding-left: 150px;
background: url(/images/screencast.png) no-repeat left center;
margin-top: 30px;
border-top: 1px solid #ccc;
padding-top: 30px;
}
#see-screencasts a{
padding: 50px;
display:block;
font-size: 2.2em;
font-weight: bold;
text-align:center;
}

ul.discover-nav {
padding-top: 10px;
border-top: 1px solid #CCC;
}

ul.discover-nav a {
display: block;
padding: 5px;
font-size: 1.1em;
text-decoration: none;
border-bottom: 1px solid #FFF;
}

ul.discover-nav a:hover { border-bottom-color: #69C; }

ul.discover-nav .mainlink a { font-size: 1.3em; }

ul.discover-nav .current a {
font-weight: bold;
background-color: #E0EBEF;
}
#box-press,
#customers {
width: 330px;
text-align:left;
}
#customers {
font-size: 1.2em;
font-style: italic;
margin-top: 25px;
padding-top: 15px;
}
#customers h3{
margin-bottom:0;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/customers-speak.png) no-repeat;
width: 345px;
height: 45px;
text-indent: -99999em;
}
#customers ul li{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
font-family: Georgia;
}
#customers ul li .person{
font-size: 0.7em;
padding-left: 10px;
color: #888;
}
#box-press h3{
margin-bottom:5px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/press-speak.png) no-repeat;
width: 345px;
height: 45px;
text-indent: -99999em;
}
#box-press ul {
margin-top: 10px;
}
#box-press ul li {
clear:both;
}
#box-press ul li img {
float:left;
margin-right: 10px;
background: #fff;
padding: 2px;
border: 1px solid #ddd;
margin-bottom: 15px;
}
#box-press ul li .short{
padding-top: 0;
color: #315378;
font-size: 1.2em;
font-style: italic;
font-family: Georgia;
}




#visual-presentation {
position: absolute;
width: 1024px;
height: 350px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/bg_welcome.png);
top: 40px;
left: -31px;
}
#eye-catcher.small {
height: 410px;
}

#visual-presentation #application-parts{
width: 727px;
height: 350px; 
float:left;
}
#visual-presentation #fast-signup{
width: 300px;
height: 365px; 
margin-left: 723px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/fast-signup.png) no-repeat;
}
#visual-presentation #fast-signup #fast-signup-button a{
display: block;
width: 144px;
height: 37px;
text-indent: -9999em;
position: absolute;
top: 120px;
right: 62px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/fast-signup-button.png);
}
#visual-presentation #fast-signup #plans-button a{
background: none;
text-indent: 1em;
top: 300px;
font-size: 1.3em;
font-weight: bold;
color: #4D84C2;
right: 55px;
}
#visual-presentation #fast-signup #plans-button a:hover{
text-decoration:none;
color: #fff;
}

#visual-presentation #application-parts #screenshots img{
margin-left: 29px;
margin-top: 20px;
}
#visual-presentation #application-parts #screenshots-menu{
left: 370px;
padding-right: 30px;
margin-top: 30px;
position:absolute;
padding-left: 30px;
float:right;
top: 0;
}
#visual-presentation #application-parts #screenshots-menu ul{
text-align: right;
}
#visual-presentation #application-parts #screenshots-menu ul li{
font-size: 1.6em;
font-weight: bold;
color: #ffffEE;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius: 8px;
padding-right: 25px !important;
padding-left: 35px;
line-height: 46px;
cursor: pointer;
}
#visual-presentation #application-parts #screenshots-menu ul li.current{
background: url(http://www.taskii.com/wp-content/uploads/2008/07/bg_screenshot_current.png) no-repeat 10px center;
color: #222;
}

#visual-presentation #application-parts #screenshots{
	position: absolute;
margin-left: 10px;

}

#visual-presentation #application-parts #screenshots div.item {
position: relative;
float: left;
width: 410px;
height: 325px;
margin-top: 10px;
}

#visual-presentation #application-parts .pmslider-mask-container {
position: relative;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/bg_screenshot.png) no-repeat 10px 10px;
}

#visual-presentation #application-parts .pmslider-mask {
	width: 408px;
	height: 325px;
	overflow: hidden;
border: 0;
}
#signup-arrow {
display: none;
}
#postit {
width: 270px;
height: 137px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/postit.png);
position: absolute;
top: -14px;
right: 0;
z-index: 999999;
}
#box-fast-link {
width: 100%;
}
#box-fast-link .fast-box {
float:left;
width: 47%;
margin-right: 3%;
min-height: 100px;
}

#box-fast-link #on-twitter h3{
text-indent: -99999em;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/on-twitter.png);
width: 135px;
height: 35px;
}

#box-fast-link #on-twitter #last-twitt {
background: #FFFADF;
border:1px solid #FFEF9B;
padding: 5px;
text-align:left;
position: relative;
margin-top: 20px;
min-height: 210px;
}
#box-fast-link #on-twitter #last-twitt-arrow {
width: 18px;
height: 15px;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/twitter-arrow.png);
position: absolute;
top: -14px;
}

#box-fast-link #on-twitter{
text-align: right;
margin-top: 20px;
position: relative;
}
#box-fast-link #on-twitter #last-twitt ul {
margin-left: 15px;
margin-top: 10px;
padding: 0;
}
#box-fast-link #on-twitter #last-twitt {
margin-left: 5px;
}
#box-fast-link #on-twitter #last-twitt ul li{
padding-bottom: 15px;
list-style:none;
}

#box-fast-link #on-twitter #last-twitt .aktt_more_updates{
display: none;
}
#box-fast-link #on-twitter .external{
background: #FFFADF;
border:1px solid #FFEF9B;
border-top: 0;
padding: 15px;
font-weight:bold;
padding-bottom: 5px;
padding-top: 0;
margin-top: -5px;
position: absolute;
right: 0;
bottom: -11px;
}

#box-fast-link #on-blog {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
#box-fast-link #on-blog p, #box-fast-link #on-blog li{
padding: 10px;
text-align:left;
padding-bottom: 1px;
}
#box-fast-link #on-blog ul li{
margin-left: 10px;
padding-left: 1px;
color: #003366;
width: 28%;
float:left;
}
#box-fast-link #on-blog ul li a{ 
font-weight: bold;
}
#box-fast-link #on-blog p strong{
font-size: 1.3em;
}
#box-fast-link #on-blog  h3{
text-indent: -99999em;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/on-blog.png);
width: 140px;
height: 35px;
}

#box-fast-link .fast-box#fast-infos h3{
text-indent: -99999em;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/informations.png);
width: 145px;
height: 35px;
margin-bottom: 15px;
}
#box-fast-link .fast-box#fast-infos {
clear:both;
margin-top: 20px;
}
#box-fast-link .fast-box#fast-infos #infos-content{
background: #DFEFFF;
border:1px solid #AFD7FF;
padding: 5px;
text-align:left;
position: relative;
margin-top: 20px;
min-height: 210px;
}
#box-fast-link .fast-box#fast-infos #last-arrow{
background: url(http://www.taskii.com/wp-content/uploads/2008/07/infos-arrow.png);
width: 18px;
height: 15px;
position: absolute;
top: -14px;
}

#box-fast-link .fast-box#fast-infos ul{

padding: 10px;
padding-left: 0;
}

#box-fast-link .fast-box#fast-infos ul li{
border-bottom: 1px solid #C2D9EF;
}
#box-fast-link .fast-box#fast-infos ul li.last{
border: 0;
}
#box-fast-link .fast-box#fast-infos ul li a{
text-decoration: none;
color: #444;
font-weight: bold;
display:block;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
background: url(http://www.taskii.com/wp-content/uploads/2008/07/bullet.png) no-repeat left;
padding-left: 25px;
}
#box-fast-link .fast-box#fast-infos ul li a:hover{
background:#2D4F73 url(http://www.taskii.com/wp-content/uploads/2008/07/bullet.png) no-repeat left;
color: #fff;
}
#why-using-taskii {
margin-top: 40px;
}
#why-using-taskii h3 {
font-size: 1.4em;
}
#welcome-new .left-column {
width: 330px;
}
#welcome-new .right-column {
width: 570px;
margin-left: 20px;
}

#pricing .informations-left {
float: left;
}
#pricing .informations-right {
float: right;
}

#pricing .informations h2 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0;
text-align: left;
}

#pricing .informations .warning span { background: #FEFF6F; }

#pricing .informations #payments_pics { margin-bottom: 30px; }

#pricing h1 { display: none; }

#pricing h2 {
text-align: center;
font-size: 2em;
font-weight: normal;
margin-bottom: 0px;
margin-top: 10px !important;
}

#pricing h2.signup-type {
text-align: left !important;
margin-bottom: 4px;
font-size: 1.1em;
background: #E0E7EF;
padding: 3px;
padding-left: 7px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #2D4F73;
margin-top: 25px !important;
}

#pricing h3.sub {
font-size: 1.5em;
text-align: center;
margin-bottom: 25px;
padding-bottom: 25px;
}

/*
#pricing #taskii-free{
text-align: center;
font-size: 1.1em;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background: #eee;
padding: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
#pricing #taskii-free a{
background: #333333;
color: #FF9F9F;
padding: 5px;
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 5px;
}
#pricing #taskii-free a:hover{
background: #fff;
text-decoration: none;
color: #2D4F73;
}
*/

.event {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
}

/*
#pricing #taskii-free span.free-logo{
position: absolute;
left: 5px;
top: -5px;
font-size: 4.2em;
color: #CDCDCD;
font-weight: bold;
}
*/

#pricing #tPlans-pay {
width: 920px;
border: 0;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#pricing #tPlans-pay th {
background: #222;
color: #FFF;
text-align: center;
padding: 10px 5px;
font-size: 1.6em;
}
#pricing #tPlans-pay th.premium {
background-color: #000;
}

#pricing #tPlans-pay tr.usage-type th {
text-align: center;
background-color: #CF7500;
font-size: 1.2em;
padding: 5px;
color: #FFF;
}

#pricing #tPlans-pay tr.usage-type th.professional {}
#pricing #tPlans-pay tr.usage-type th.private {
border-left: 2px solid #FFF;
background-color: #EFA03B;
}

#pricing #tPlans-pay tr.select-plan th,
#pricing #tPlans-pay tr.plan-name th {
border-left: 1px solid #FFF;
}

#pricing #tPlans-pay th.nolimit {
border-left: 0 !important;
}

#pricing #tPlans-pay th.premium {
font-size: 1.8em;
}

#pricing #tPlans-pay tr.plan-name th {
padding-bottom: 0;
}
#pricing #tPlans-pay tr.select-plan th {
padding-top: 0;
padding-bottom: 10px;
}

#pricing #tPlans-pay th.free {
border-left: 2px solid #FFF !important;
background-color: #333;
}

#pricing #tPlans-pay th a.choose {
font-size: .8em;
color: #69C;
}
#pricing #tPlans-pay th.free a.choose {
color: #69C;
}

#pricing #tPlans-pay th a.choose:hover {
background: none;
text-decoration: none;
}

#pricing #tPlans-pay th .permonth {
font-size: .8em;
}

#pricing #tPlans-pay td {
padding: 10px 2px;
border-left: 1px solid #ddd;
width: 18%;
vertical-align: top;
text-align: center;
font-size: 1.2em;
}

#pricing #tPlans-pay td.value {
border-top: 1px solid #DDD;
vertical-align: middle;
}

#pricing #tPlans-pay td.top-plan {
width: 28%;
font-size: 1.4em;
background-color: lightyellow;
}

#pricing #tPlans-pay td.left-border {
border-left: 2px solid #999;
color: #666;
}

#pricing #tPlans-pay td li {
padding: 3px;
}

#pricing #tPlans-pay td .nb-projects strong {
background: #FFFFCF;
}

#pricing #tPlans-pay tr.footer td {
color: #999;
font-size: 1em;
border-top: 1px dashed #999;
}

#pricing #tPlans-pay tr.footer td.premium { color: #333; font-weight: bold; background-color: lightyellow; }
#pricing #tPlans-pay tr.footer td.free { border-left: 2px solid #999; }

.notice {
padding: 5px 10px;
border: 1px solid #DDD;
color: #666;
background-color: #F5F5F5;
font-size: .9em;
}