/* Colors   
Green: #76840c
Orange: #e99813
Blue: #4d90b5
Grey: 
*/

/* Clearing Class ////////*/

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

.clfx { display: inline-block; }

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

* { 
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Trebuchet MS", trebuchet, tahoma, arial, helvetica, sans-serif;
  background: transparent;
}

body { background: #fff }

a {
  outline: none;
  color: #369;
  text-decoration: none;
}

a:hover,
a.hover { 
  color: #369;
  text-decoration: underline
}

p { 
  font-size: 12px;
  line-height: 19px;
  margin-bottom: 10px;
}

h1 {
  width: 176px;
  height: 53px;
  margin: 25px 0 23px 7px;
  background: transparent url(/.img/logo.png) no-repeat;
  text-indent: -9999px;
}

h1 a {
  display: block;
  height: 50px;
}

div#container { 
  width: 875px;
  margin: 15px auto;
}

div#sidebar {
  position: relative;
  float: left;
  width: 180px;
}

img#brand { display: none }

div#nav {
  width: 180px;
}

div#nav ul {
  list-style: none;
  padding: 4px 0 13px 0;
}

div#nav li {
  position: relative;
  height: 71px;
  width: 180px;
}

div#nav li a {
  display: block;
  height: 69px;
  text-indent: -9999px;
  padding: 0 0 2px 0;
  margin: 0;
  text-decoration: none;

}

div#nav li#nav1 a { background-position: 0 0px; }
div#nav li#nav2 a { background-position: 0 -71px; }
div#nav li#nav3 a { background-position: 0 -142px; }

div#nav li#nav1 a:hover { background-position: -180px 0; }
div#nav li#nav2 a:hover { background-position: -180px -71px; }
div#nav li#nav3 a:hover { background-position: -180px -142px; }

body#convert li#nav1 a,
body#convert li#nav1 a:hover { background-position: -360px 0; }
body#produce li#nav2 a,
body#produce li#nav2 a:hover { background-position: -360px -71px; }
body#share li#nav3 a,
body#share li#nav3 a:hover { background-position: -360px -142px; }

div#nav li a span { 
  position: absolute;
  text-indent: 0;
  font-size: 11px;
  color: #666;
  top: 40px;
  left: 70px;
  cursor: pointer;
}
div#nav li#nav1 a span {
  top: 42px;
}
div#nav li#nav2 a span {
  top: 42px;
}
div#nav li a:hover span { color: #000 }

a#button-login {
  display: block;
  width: 178px;
  height: 42px;
  margin: 0 auto;
  border: 1px solid #999;
  background: #4d90b5 url(/.img/bg-button-dk-grey.gif) 0 -3px repeat-x;
  color: #fff;
  font: bold 19px/42px "Trebuchet MS", trebuchet, tahoma, arial, helvetica, san-serif;
  text-align: center;
}

a#button-login:hover { background-image: url(/.img/bg-button-blue.gif); border-color: #69c; text-decoration: none }

div#main {
  float: right;
  width: 665px;
  background: transparent url(/.img/bg-main.png) repeat-y;
}

div#header {
  position: relative;
  background: #fff url(/.img/bg-header.png) 0 0 no-repeat;
  height: 92px;
}

h2 {
  position: absolute;
  top: 37px;
  left: 25px;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
}

body#convert h2 { width: 95px; height: 24px; background-image: url(/.img/h2-digitize.png) }
body#preserve h2 { width: 107px; height: 18px; background-image: url(/.img/h2-preserve.png) }
body#organize h2 { width: 110px; height: 23px; background-image: url(/.img/h2-organize.png) }
body#produce h2 { width: 98px; height: 18px; background-image: url(/.img/h2-produce.png) }
body#share h2 { width: 121px; height: 18px; background-image: url(/.img/h2-share.png) }
body#about h2 { width: 172px; height: 18px; background-image: url(/.img/h2-about.png) }
body#buzz h2 { width: 206px; height: 23px; background-image: url(/.img/h2-buzz.png) }
body#news h2 { width: 206px; height: 23px; background-image: url(/.img/h2-news.png) }
body#easy h2 { width: 206px; height: 23px; background-image: url(/.img/h2-easy.png) }
body#terms h2 { width: 206px; height: 23px; background-image: url(/.img/h2-terms.png) }
body#pricing h2 { width: 232px; height: 23px; background-image: url(/.img/h2-pricing.png) }
body#privacy h2 { width: 206px; height: 23px; background-image: url(/.img/h2-privacy.png) }
body#faqs h2 { width: 206px; height: 23px; background-image: url(/.img/h2-faqs.png) }

div#content {
  float: left;
  width: 406px;
  padding: 177px 25px 0 25px;
}

div#column {
  float: right;
  width: 208px;
  padding: 0px;
  margin: 0px;
}

div#subnav3 {
  width: 206px;
  height: 300px;
  margin-top: 27px;
  padding-top: 12px;
  background: transparent url(/.img/nav-box.png) no-repeat 3px 0px;

}

div#subnav3 ul {
  list-style: none;
}

div#subnav3 li {
  padding: 4px 0 0 11px;
  height: 29px;
}

div#subnav3 li.selected {
  background: transparent url(/.img/nav-selected.png) no-repeat 0px 0px;
}

div#subnav3 li.selected a {
  color: #464646;
  text-decoration: none;
  font-weight: normal; 
}

div#subnav3 a {
  font-size: 12px;
  font-weight: bold;
  color: #4d90b5;
  text-decoration: underline;
}

div#subnav3 a:hover { 
  color: #72b1db;
}



ul#quicklinks {
  list-style: none;
  width: 139px;
  height: 136px;
  padding: 19px 22px 0 22px;
  background: transparent url(/.img/bg-quicklinks.png) no-repeat;
  margin: 0 auto;
}

ul#quicklinks li {
  display: block;
  height: 41px;
  background: transparent url(/.img/bullet-quicklinks.png) 0 13px no-repeat;
  padding-left: 23px;
}

ul#quicklinks a {
  font: bold 11px/41px tahoma, arial, helvetica, san-serif;
  color: #e99813
}

a#prevlink {
	background: transparent url(/.img/previous.png) 0 0 no-repeat;
    text-indent: -99999px;
	display:block;
	width: 100px;
	float: left;
}
a#prevlink:hover {
	background: transparent url(/.img/previous-hover.png) 0 0 no-repeat;
	float: left;
	
}
a#nextlink {
	background: transparent url(/.img/next.png) 50px 0px no-repeat;
	text-indent: -99999px;
	display: block;
	float: right;
	width: 100px;
}

a#nextlink:hover {
	background: transparent url(/.img/next-hover.png) 50px 0px no-repeat;
}

div#bottom {
  position: relative;
  height: 250px;
  background: transparent url(/images/footer-background.png) 0 0 repeat-x;
  margin: 0;
  margin-top: 20px;
  padding-bottom:20px;
}

div#bottom-content {
	position: relative;
	margin: auto;
	height: 243px;
	width: 875px;
	font-size: 11px;
	color: #7d7d7d;
	line-height: 20px;
}

div#bottom-content span {
	font-size: 15px;
	color: #555555;
}

div#bottom-content a {
	color: #7d7d7d;
	text-decoration: none;
}
div#bottom-content a:hover {
	text-decoration: underline;
}

ul#digitize,
ul#produce,
ul#share,
ul#about {
	background: transparent url(/images/footer-links-starbreak.png) 0 4px no-repeat;
	position:absolute;
	top: 25px;
	padding-left: 20px;
	list-style: none;
	width: 199px;
}

ul#digitize span,
ul#produce span,
ul#share span,
ul#about span {
	font-size: 16px;
	color: #555555;
}

ul#digitize li.first,
ul#produce li.first,
ul#share li.first,
ul#about li.first {
	margin-top: 5px;
}

ul#digitize {
	left: 0px;
}
ul#produce {
	left: 226px;
}
ul#share {
	left: 452px;
}
ul#about {
	left: 679px;
}

div#main-foot {
  clear: both;
  margin: 0 0 40px 210px;
  height: 10px;
  background: transparent url(/.img/bg-main-footer.png) no-repeat;
}


div#footer {
	width: auto;
	height: auto;
	font-size: 11px;
}

div#footer ul {
	padding-top: 251px;
	margin-left: 234px;
}

div#footer ul li {
	display: inline;
}

/* Add separators in CSS for accessibility */

div#footer ul > li:after {
	padding: 0 4px;
	content: "|";
}

/* 	Remove separator on last list element
	Prefer li:last-child:after but some browsers choke */

div#footer ul > li.last:after {
	content: "";
	padding: 0;
}

div#footer ul a {
	color: #707070;
	font-weight: bold;
	text-decoration: none;
}

div#footer ul a:hover { color: #333; border: 0 }


/* single column layout */

body.oneColumn div#main { background-image: url(/.img/bg-main-1col.png) }
body.oneColumn div#content {
  float: none;
  width: auto;
  padding-top: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-width: 0 1px;
}
body.oneColumn div#main-foot {
  clear: right;
  background-image: url(/.img/bg-main-footer-1col.png)
}


/* Page Overrides ////*/

body#home div#main { background-image: url(/.img/bg-main-1col.png) }
body#home div#main-foot { background-image: url(/.img/bg-main-footer-1col.png) }
body#home div#content {
  float: none;
  width: auto;
  padding: 25px 25px 0 25px;
}

body#easy p { padding-right: 25px; }
body#easy div#content {
  padding-top: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-width: 0 0 0 1px;
}

body#easy h4 {
	padding-top: 10px;
	margin-bottom: 0px;
}


/* added styles */
h4 { 
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 10px;
  font: bold 15px "Trebuchet MS", trebuchet, tahoma, arial, helvetica, san-serif;
  color: #4d90b5;
}

dt {
  line-height: 13px;
  font: bold 13px "Trebuchet MS", trebuchet, tahoma, arial, helvetica, san-serif;
  color: #4d90b5;
}

dd {
  font: 13px "Trebuchet MS", trebuchet, tahoma, arial, helvetica, san-serif;
  margin-bottom: 10px;

}
div#content ul {
  font-size: 12px;
  line-height: 19px;
  padding: 0px 0px 10px;
  list-style: none;
}
div#content li {
	background: transparent url(/.img/bullet.png) no-repeat;
	background-position: 0px 3px;
	padding-left: 18px;
	margin-left: 10px;
}
/* image headers */

body#convert div#content.s1 { background: transparent url(/.img/convert-header-img.png) 1px 0 no-repeat; }
body#convert div#content.s2 { background: transparent url(/.img/convert-header-img.png) 1px 0 no-repeat; }
body#convert div#content.s3 { background: transparent url(/.img/convert-header-img.png) 1px 0 no-repeat; }
body#convert div#content.s4 { background: transparent url(/.img/convert-header-img.png) 1px 0 no-repeat; }
body#convert div#content.faq {background: transparent url(/.img/convert-header-img.png) 1px 0 no-repeat; }

body#preserve div#content.s1 { background: transparent url(/.img/image-header-preserve-1.png) 1px 0 no-repeat; }
body#preserve div#content.s2 { background: transparent url(/.img/image-header-preserve-1.png) 1px 0 no-repeat; }
body#preserve div#content.s3 { background: transparent url(/.img/image-header-preserve-1.png) 1px 0 no-repeat; }
body#preserve div#content.s4 { background: transparent url(/.img/image-header-preserve-1.png) 1px 0 no-repeat; }
body#preserve div#content.faq {background: transparent url(/.img/image-header-preserve-1.png) 1px 0 no-repeat; }

body#organize div#content.s1 { background: transparent url(/.img/image-header-organize-3.png) 1px 0 no-repeat; }
body#organize div#content.s2 { background: transparent url(/.img/image-header-organize-3.png) 1px 0 no-repeat; }
body#organize div#content.s3 { background: transparent url(/.img/image-header-organize-3.png) 1px 0 no-repeat; }
body#organize div#content.s4 { background: transparent url(/.img/image-header-organize-3.png) 1px 0 no-repeat; }
body#organize div#content.faq {background: transparent url(/.img/image-header-organize-3.png) 1px 0 no-repeat; }

body#produce div#content.s1 { background: transparent url(/.img/produce-header-img.png) 1px 0 no-repeat; }
body#produce div#content.s2 { background: transparent url(/.img/produce-header-img.png) 1px 0 no-repeat; }
body#produce div#content.s3 { background: transparent url(/.img/produce-header-img.png) 1px 0 no-repeat; }
body#produce div#content.s4 { background: transparent url(/.img/produce-header-img.png) 1px 0 no-repeat; }
body#produce div#content.faq {background: transparent url(/.img/produce-header-img.png) 1px 0 no-repeat; }

body#share div#content.s1 { background: transparent url(/.img/image-header-produce-4.png) 1px 0 no-repeat; }
body#share div#content.s2 { background: transparent url(/.img/image-header-produce-4.png) 1px 0 no-repeat; }
body#share div#content.s3 { background: transparent url(/.img/image-header-produce-4.png) 1px 0 no-repeat; }
body#share div#content.s4 { background: transparent url(/.img/image-header-produce-4.png) 1px 0 no-repeat; }
body#share div#content.faq {background: transparent url(/.img/image-header-produce-4.png) 1px 0 no-repeat; }

body#about div#content { background: transparent url(/.img/image-header-team.png) 1px 0 no-repeat; }
body#founder div#content { background: transparent url(/.img/image-header-founders.png) 1px 0 no-repeat; }
body#team div#content { background: transparent url(/.img/image-header-about.png) 1px 0 no-repeat; }
body#contact div#content { background: transparent url(/.img/image-header-contact.png) 1px 0 no-repeat; }
body#employment div#content { background: transparent url(/.img/image-header-produce-1.png) 1px 0 no-repeat; }

body#buzz div#content { background: none; }
body#news div#content { background: none; }
body#easy div#content { background: none; }
body#faqs div#content {background: transparent url(/.img/image-header-faqs.png) 1px 0 no-repeat; }
body#pricing div#content.s4 { background: transparent url(/.img/image-header-organize-4.png) 1px 0 no-repeat; }

/* signup bar */

div#signuptoday {
  margin-right: 0px;
  width: 208px;
  height: 153px;
  background: transparent url(/.img/sign-up-image.png) -1px 0 no-repeat;
  text-indent: -99999px;
}


div#signupform {
  display: none;
  position: relative;
  top: 0px;
  left: -125px;
  width: 332px;
  height: 153px;
  background: transparent url(/.img/sign-up-expanded.png) 0px 0 no-repeat;
  text-indent: 2px;
  z-index: 3;
}

div#signupform div.close{
  width: 60px;
  height: 25px;
  background: transparent url(/.img/close-button.png) 5px 5px no-repeat;
  text-indent: -99999px;
  z-index: 5;
}

div#signupform form {
  padding: 0px 20px 0 0;
}

div#signupform p {
  font-size: 11px;
  text-align: right;
  color: #FFFFFF;
  line-height: 14px;
  margin-bottom: 7px;
}

div#signupform input {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  height: 14px;
  font-size: 11px;
}

div#signupform input:focus {  
  background-color: #ffe;
}


div#signupform input.submit {
  text-indent: -9999px;
  width: 74px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/.img/submit.png) no-repeat;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


div#news-item {
	background: transparent;
	margin-bottom: 40px;
	padding-left: 35px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #636363;
}

#news-item img{
    padding-bottom:6px;
}

#news-item h4{
    color: #636363;
}

div#news-item p {
	margin-top: 6px;
}

div#news-item a {
	color:#4D90B5; 
	font-size: 13px; 
	line-height: 16px;
	text-decoration:none;
}
div#news-item a:hover {
	text-decoration: underline;
}
div#news-item a.news-head {
	display: block;
    padding-top: 4px;
}