* { -moz-outline:none; }

* html object.mov {
    display: none;
}
* html object.mov/**/ {
    display: inline;
}
* html object.mov {
    display/**/: none;
}

html, body { min-height:100%; }

body {
  font:12pt/12pt "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color:#ccc;
  background:url(../assets/2008/7/24/blog-bg-grass.gif) no-repeat right bottom #fff;
}

div.url-print, div.author-print { display:none; }

img {border-style:none;}

h2 {
  color:#fff;
  text-transform:lowercase;
  font-weight:normal;
  font-size:1.5em;
  letter-spacing:-1px;
}
h2 {
  color:#bbb;
}
#content {
  font-size:1em;
  width:900px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
}
#logo {
  margin-bottom:0px;
}
#logo ul {
  float:right;
  margin-top:44px;
  color: #a2a2a2;
  /*font-style:italic;*/
}
#logo ul li {
  float:left;
  padding-left:25px;
  list-style-type: none;
  font-size:0.9em;
}
#logo ul li.active {
  color:#000;
}
#logo img {
  float:left;
  border:0;
  margin-top:2px;
}
a {
  color:#fff;
  text-decoration:none;
}
#logo ul li a {
  color:#a2a2a2;
}
#logo ul li.active a {
  color: #000;
}
#video {
  width:720px;
  height:400px;
  background-image:url(../images/start.gif);
  clear:both;
}
* html #video {
  clear:inherit;
}
#actions {
  overflow:hidden;
  margin-top:1em;
  opacity:0.85;
}
#features {
  float:left;
  width:207px;
  padding:10px;
  border:4px solid #555;
  background-color:#555;
  height:120px;
  text-align:left;
  margin:0;
}
#features li {
  list-style-type:disc;
  padding-bottom:5px;
  font-size:0.7em;
  line-height:1.2em;
  margin-left:10px;
}
#features li strong {
  font-weight: bold;
  color:#ddd;
}
#features li img {
  top:10px;
  position:relative;
}

#informer {
  float:right;
  height:120px;
  width:447px;
  padding:10px;
  border:4px solid #555;
  background-color:#555;
  text-align:left;
}
#informer form {
  margin:0;
  margin-top:0.4em;
  margin-bottom:0.4em;
}
#informer p, #about p {
  margin:0;
  font-size:0.9em;
  line-height:1.5em;
}
#about p strong {
  color:#fff;
  font-weight:normal;
}
#footer {
  text-align:center;
  font-size:0.8em;
  color:#aaa;
  clear:both;
  padding-top:30px;
}
#footer a {
  color:#666;
  text-decoration:underline;
}
#footer img {
  border:0;
  position:relative;
  top:7px;
}
#footer ul {
 list-style-type:none;  
}

#footer ul li {
float:center;
margin:0;
padding-left:20;
}

#imprint a {
  color:#666;
  text-decoration:underline;
}
#imprint {
    text-align:center;
    font-size:10px;
  line-height:1.6em;
  color:#888;
}
#controls {
  height:20px;
  margin-top:5px;
  opacity:0.0;
  filter:alpha(opacity=0);
  width:710px;
}
#alternatives {
  margin-top:10px;
  background-color:#844;
  opacity:0.9;
  font-size:0.8em;
  color:#fff;
  padding:10px;
}
#alternatives a {
  border-bottom:1px solid #fff;
}
#track {
  float:right;
  width:644px;
  background-color:#333;
  height:4px;
  position:relative;
  z-index:0;
  margin-top:11px;
}
#handle {
  top:-8px;
  left:0;
  position:absolute;
  background:url(images/handle.gif);
  z-index:2;
  width:9px;
  height:20px;
}
#span-start {
  top:0;
  left:0;
  position:absolute;
  background-color:#94C77B;
  overflow:hidden;
  height:4px;
  z-index:1;
}
#emailbox {
  font:16px Verdana; 
  background-color:#777; 
  width:250px; 
  color:#fff;
}
#subscribe {
  position:relative;
  top:5px;
  margin-left:5px;
}
#informer p.privacy {
  color: #aaa;
  font-size:70%;
}
em {
  font-style:normal;
  font-weight:bold;
  color:#94c77b;
}
#faq {
  clear:both;
  float:left;
  font-size:12px;
  margin-top:10px 0 0 0;
  font-size:0.8em;
  color:#333;
	padding:10px 0 20px 0;
	width:425px;
}
#faq h1 {
  font-size: 1.5em;
  line-height: 1.0em;
  font-weight:normal;
  /*text-transform: lowercase;*/
  /*color: #94c77b;*/
  color: #94c77b;
  padding-bottom:12px;
  margin-top: 43px;
  margin-bottom:0px;
}
#faq h1 a {
  color: #94c77b;
  text-decoration: none;
}
#faq h2 {
  font-size: 1.3em;
  text-transform: lowercase;
  font-weight:normal;
  color: #000;
  letter-spacing:0px;
  margin-top:1px;
  width:200px;
  float:left;
  line-height:1.2em;
  text-align:right;
  margin-top:3px;
}
#faq h1 span.author {
  color:#ccc;
}
#faq h2 span.sections {
  font-size: 0.8em;
  color:#000;
}
#faq h3 {
font-size: 1.1em;
line-height: 1.0em;
font-weight:normal;
text-transform: lowercase;
/*color: #94c77b;*/
color: #94c77b;
padding-bottom:7px;
margin-top: 20px;
margin-bottom:0px;
}
#faq form {
}
#faq form span {
  display: block;
  float: left;
  width: 50px;
  padding-top:5px;
  color: #94c77b;
  text-transform:lowercase;
}
#faq form h4 {
  padding-top:15px;
  margin:0;
  padding-left:50px;
  color: #94c77b;
  font-size:12px;
}

#faq p {
  font-size: 1.0em;
  line-height: 1.7em;
  text-align:left;
  margin-top:0px;
}

#faq blockquote {
  font-size: 1.0em;
  line-height: 1.6em;
  text-align:left;
  font-style:italic;
  padding:15px;
  margin-top:0px;
}
#faq a {
  text-decoration: underline;
  color: #000;
}
#faq ul,ol {
  font-size: 1.0em;
  line-height: 1.6em;
  text-align:left;
  padding-left:15px;
}

#faq table {
  border:0;
  cell-spacing: 0;
  cell-padding: 0;
  width: 442px;
  background: #f5f5f5;
}

#faq table tr th {
  text-align: left;
  padding: 0;
  padding-right: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 15px;
}

#faq table tr td {
  text-align: left;
  padding: 0;
  padding-right: 8px;
  padding-bottom: 4px;
  vertical-align: top;
  font-size: 12px;
  line-height: 15px;
}

#faq em {
  font-size: 1.0em;
  color:#000;
  font-weight:normal;
}

#faq table tr td em {
  border-bottom: 1px dotted #000;
}

#faq pre {
  padding: 4px;
  background-color: #F1F7EE;
  font-size: 12px;
  line-height: 15px;
  color: #518F2A;
  overflow: auto;
}

#faq h4 {
	margin:0px 0 20px 0;
}
.comment-link a {
  color:#fce7ff;
  font-size: 0.9em;
}

div#features-col {
	float:left;
	width:425px;
	margin:0 0 0 40px;
	color:#555;
	font-size:11px;	
}
div#features-col a {
	color:#777;
	display:block;
	line-height:22px;
	border-bottom:1px solid #e7e7e7;
}	

div#features-col a:hover { background:#f5f3f3; }

div#features-col a.first-child {
	border-top:1px solid #e7e7e7;
}

div#features-col h3 {
	color:#94C77B;
	font-size:15px;
	font-weight:normal;
	margin:20px 0 7px 0;
}

div#features-col h4 {
	border-bottom:1px solid #e7e7e7;
	padding:15px 0 5px 0;
	margin:0;
}

div.middle-col { 
	width:200px;
	float:left;
        padding-top:46px;
}

div.right-col {
	width:200px;
	float:right;
	margin-right:-10px;
        padding-top:68px;
}

div#features-col a.feature {
	display:block;
	_width:210px;
	width:200px;
	height:75px;
	text-indent:-8000px;
	border:none;
}

div#features-col a#case-studies 	{ 
       background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 0px 0px; 
}
div#features-col a#case-studies:hover { 
       background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 200px 0; 
}

div#features-col a#all-features { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 0px -75px; }
div#features-col a#all-features:hover	{ background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 200px -75px; }
div#features-col a#flux-up	{ background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 0px -150px; }
div#features-col a#flux-up:hover	 { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 200px -150px; }
div#features-col a#api { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 0px -226px; }
div#features-col a#api:hover { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 200px -226px; }
div#features-col a#get-started { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 0px -302px }
div#features-col a#get-started:hover { background:url(http://blog.fluxiom.com/assets/2007/6/1/sidebar.jpg) 200px -302px } 


div#features-col a#get-started-button {
	display:block;
	width:424px;
	height:64px;
	text-indent:-8000px;
	background:url(../images/get-started-button.jpg);
	border:none;
	margin:20px 0 0 0;
	clear:both;
}
.clear { clear:both; }
 
#faq h4 em {
	color:#444;
}

textarea#comment { clear:both; width:422px; }
div.comment-field { width:100px: float:left; }
div.comment-field label, div.comment-field input { width:100px; display:block; clear:both; }

div#features-col a.inline-link {
    display:inline;
    border:none;
    text-decoration:underline;
}

div.comment { color:#777;
                       font-size:11px; }

.comment-link a {
  color:#fce7ff;
  font-size: 0.9em;
}


div#comment-form {
	width:430px;
	padding:6px;
	font-family:Arial, sans-serif;
	background:#ececec;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
}

div#comment-form h4 {
	font-size:13px;
	margin:10px 0 5px 4px;
}

div#comment-form form textarea {
	width:422px;
        height:170px;
        margin:5px 0 8px 4px;
} 

div.comment-section {
	width:135px;
	margin:4px;
	float:left;
}
div.comment-section input, div.comment-section label { width:100%; }
div.comment-section label {
	font-size:11px;
}
div#comment-notice { float:left; width:300px; margin-top:3px; margin-left:10px; font-size:11px; line-height:1.5; } 

a#pricing_and_signup {
  display:block;
  width:93px;
  height:25px;
  margin-top:-1px;
  background:url(http://blog.fluxiom.com/assets/2007/9/6/black-signup-button.gif);
  text-indent:-9000px;
}

.clear { clear:both; }
.border { border:1px solid #ccc; margin-top:10px; }

input.decorated_searchfield, 
               span#searchfield_leftcap, 
               span#searchfield_rightcap { 
                       height:19px;
                       display:block;
                       float:left;
               }

               input.decorated_searchfield {
                       border:0;
                       background:url(/assets/2007/9/7/middle.jpg) left top repeat-x;
                       font-size:11px;
                       color:#8b808b;
                       padding:3px 0 0 0;
                      width:164px;
               }

               input.decorated_searchfield.focus {
                       color:#000;
               }

               span#searchfield_leftcap {
                       width:19px;
                       background:url(/assets/2007/9/7/leftcap.jpg);
               }

               span#searchfield_rightcap {
                       background:url(/assets/2007/9/7/rightcap-normal.jpg);
                       width:17px;
               }

               span#searchfield_rightcap.cancel { background:url(/assets/2007/9/7/rightcap-cancel.jpg); }
               span#searchfield_rightcap.normal { background:url(/assets/2007/9/7/rightcap-normal.jpg); }

div#results, div#tempsearch { width:220px; margin-left:-10px; background:url(/assets/2007/9/7/livesearch-header.jpg) left top no-repeat; }

div#results, div#tempsearch { overflow:hidden; }

div#tempsearch { display:none; }

div#results h4,
div#tempsearch h4 { padding:0; margin:0; height:26px; line-height:26px; text-indent:10px; font-size:12px; }

div#results ul, div#tempsearch ul { list-style:none; margin:0; padding:0;}

div#results ul li,
div#results ul.noresults li {
       padding:0 10px; border-bottom:1px solid #bdc8b7; border-top:1px solid #fff; 
}

div#tempsearch ul li {
       background:#00ff00;
       padding:0 10px;
       line-height:22px;
       font-size:11px;
       border-bottom:1px solid #000; border-top:1px solid #000;
}

div#results ul.noresults li { background:#dfeed7; padding:5px 10px; }

div#results ul li.even { background:#dfeed7; }
div#results ul li.odd  { background:#ecf5e7; }

div#results ul li a { display:inline; background:none; color:#777; }

div#searchresults_gradient { height:40px; background:url(/assets/2007/9/7/fade-out-gradient.png); }

div#results ul li a:hover { background:none; }

/* Hide this from Safari */

div.middle-col { padding-top:46px;# }
div.right-col { padding-top:68px; }
div#faq { padding-top:20px; }