/* 
FILENAME: globals_grid.css
DESCRIPTION: This stylesheet serves global declarations to all Onehub.com assets
AUTHORS: Matthew Anderson -> manderson@onehub.com & Michael Tierney -> mtierney@onehub.com
LAST MODIFIED DATE: 04.07.2009
*/

/* =GRID OVERRIDE */
/*  Grid is inactive when entire section is commented */
/*
body {
  background: #fff url("/images/16_col.png") center top repeat-y !important;
}

#gutter, #navigation, #wrapper, #banner, #content, #container, #bg_social, #bg_footer {
  background: none !important;
}
*/
/* =BASE */



#mlogo
{

	margin: auto;
	padding: 0px;
display: block;

background-color: transparent;

background-image: url(../images/logo.png);
background-position: 0% 10%;


background-repeat: no-repeat;

background-attachment: scroll;

width: 940px;

height: 100px;

border-top-width: 0pt;

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}

body {
  background: #191919;
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
	color: #444;
}

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
}

a:link {
  color: #4a9cd0;
}

a:visited {
  color: #444444;
}

a:hover {
color: #4a9cd0;
}

a:link.tool_tip, a:visited.tool_tip {
  border-bottom: 1px dted #6b8d94;
}

a, strong, b { /* Straightens out OS X font rendering */
  line-height: 19px;
}

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

.hidden {
  display: none;
}

/* =GRID =MODIFIERS */

.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

/* TODO: Ask Matt about form :after vs form:after */
form :after{clear:both;content:'.';display:block;visibility:hidden;height:0}
form {display:inline-block}
* html form {height:1%}
form {display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.right {
  float: right;
}

.clearall {
  clear: both;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

/* =GUTTER */

#gutter {
  background: #ad1a1a url(../images/topbg.png) bottom left repeat-x;
}

#gutter #logo {
  margin: 20px 10px;
}

#gutter #logo a img {
  display: block;
}

#fname {
  display: inline;
    margin-top: 35px;
  font-size: .75em;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #91ce9b;
}
#finfo {
  display: inline;
  margin-top: 35px;
  margin-left: 700px;
  font-size: .75em;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #91ce9b;
}

#gutter #logo a {
    display: block;
    background: transparent url(../images/logo_onehub_rev154x40.png) no-repeat; 
    width: 154px;
    height: 40px;
    border: 0;
}   

#gutter #logo a img {
    display: block;
    width: 0;
}

#gutter #login em.label {
  margin-top: 35px;
  font-size: .75em;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #91ce9b;
}

#gutter #login ul {
  position: relative;
  margin-top: 5px;
}

#gutter #login ul li {
  padding-top: 5px;
}

#gutter #login ul li label {
  display: block;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

#gutter #login ul li  {
  background: #444;
  width: 148px;
  border: 1px solid #444;
  color: #d4d4d4;
}

#gutter #login ul li {
  background: #fff;
  border: 1px solid #91ce9b;
  color: #444;
}

#gutter #login ul li em.helper {
  position: absolute;
  top: 5px;
  right: 120px;
  font-size: .75em;
  font-style: normal;
}

#gutter #login ul li em.helper a {
  border: 0;
  color: #a1dbe6;
}

#gutter #login ul li em.helper a:hover {
  background: #a1dbe6;
  border: 0;
  color: #191919;
}

#gutter .buttons {
  clear: none;
  margin: 20px 0 0 0;
}

#gutter .buttons button {
  float: none;
}

/* =NAVIGATION */

#navigation {
  background: url(../images/bg_navigation.png) bottom center repeat-x;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
padding-top: 8px;
}

/* =MENU =PRIMARY */

	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		height:41px;
		list-style:none;
		margin: 0 auto;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../menu.png) no-repeat scroll top left;
		display:block;
		height:39px;
		position:relative;
		top:0;
		left:0px;	
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.magazin {
		width:80px;
		background-position:0px 0px;
	}
	
		/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.magazinc {
			
		width:80px;
        background-position:0px -41px;
	}
	
	/* Specify width and background position attributes specifically for the class: "noviteti" */
	ul#menu li a.noviteti {
		width:140px;
		background-position:-80px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "maxpower" */
	ul#menu li a.maxpower {
		width:137px;
		background-position:-220px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "maxpower" */
	ul#menu li a.topcars {
		width:100px;
		background-position:-357px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "tuning" */
	ul#menu li a.tuning {
		width:79px;
		background-position:-457px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "motorcikli" */
	ul#menu li a.motorcikli {
		width:150px;
		background-position:-536px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "video" */
	ul#menu li a.video {
		width:46px;
		background-position:-686px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "video" */
	ul#menu li a.maxbabes {
		width:87px;
		background-position:-732px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "video" */
	ul#menu li a.shop {
		width:101px;
		background-position:-819px 0px;
	}
	

	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
	background:url(../menu.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:39px;
	width:100%;
	z-index:100;
	}
	
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.magazin span {
		background-position:0px -39px;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.magazinc span {

		background-position:0px -0px;
	}
	
	/* Shift background position on hover for the class: "moviteti" */
	ul#menu li a.noviteti span {
		background-position:-80px -39px;
	}
	
		/* Shift background position on hover for the class: "maxpower" */
	ul#menu li a.maxpower span {
		background-position:-220px -39px;
	}
	
	/* Shift background position on hover for the class: "topcars" */
	ul#menu li a.topcars span {
		background-position:-357px -39px;
	}
	
	/* Shift background position on hover for the class: "tuning" */
	ul#menu li a.tuning span {
		background-position:-457px -39px;
	}
	
	/* Shift background position on hover for the class: "motorcikli" */
	ul#menu li a.motorcikli span {
		background-position:-536px -39px;
	}
	
	/* Shift background position on hover for the class: "video" */
	ul#menu li a.video span {
		background-position:-686px -39px;
	}
	
	/* Shift background position on hover for the class: "video" */
	ul#menu li a.maxbabes span {
		background-position:-732px -39px;
	}
	
		/* Shift background position on hover for the class: "video" */
	ul#menu li a.shop span {
		background-position:-819px -39px;
	}
	
	
	#menuholder {
	width: 940px;
	margin: auto;
	padding: 0px;
}
	

/* =NEXT =STEPS */

#next_steps {
  margin: 40px 9px 0;
  border: 1px solid #ddd;
  font-size: 0.9em;
  border-radius: 9px;
  background-color: #f6f6f6;
}

#next_steps { /* Safari */
  -webkit-border-radius: 9px;
}

#next_steps, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 9px;
}

#next_steps ul { padding: 10px; }

#next_steps a {
  display: block;
  padding-left: 22px;
}

#next_steps ul li span {
  display: block;
  padding-left: 22px;
}

#next_steps a, #next_steps span {
  font-weight: bold;
  background: transparent none no-repeat left center;
}

#next_steps a:hover { color: #444 }
#next_steps #learn a { background-image: url(../images/info.png) }
#next_steps #learn a:hover { background-image: url(../images/icons/info_hover.png) }
#next_steps #signup a { background-image: url(../images/arrow.png) }
#next_steps #signup a:hover { background-image: url(../images/icons/arrow_hover.png) }
#next_steps #call span { background-image: url(../images/phone.png) }

/* =LAYOUT */

#wrapper {
  background: #fff url(../images/bg_content.png) top center repeat-x;
}

.home #wrapper {
  padding-top: 20px;
}

.tour #wrapper { /* Blackouts */
  background: #000;
}

#header {
	position: relative;
	margin: 0 10px;
}

#highlight {
  position: absolute;
  top: 60px;
  right: 0;
}

/* =HEADINGS */

h1, h2 {
  letter-spacing: -.05em;
  line-height: 40px;
}

h1 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: bold;
  color: #000;
}

h2 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: normal;
  color: #666;
}

h3 {
  margin-bottom: 20px;
  font-size: 18px;
  color: #59892f;
}

h3.section, .blog_post .copy h4, h4.section {
  clear: both;
  margin: 0 0 20px 0;
  padding: 9px 0 10px 0;
  border-top: 1px solid #eee;
  font-size: .75em;
  text-transform: uppercase;
  color: #888;
}

h4, h5 {
  font-size: 1em;
  color: #3f5c26;
}

h3 span, h4 span, h5 span {
  font-weight: normal;
}


/* =LISTS */
.odd {
  background-color: #efefef;
}

/* =CONTENT */

hr {
  clear: both;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #eee;
}

q, .pullquote {
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  color: #666;
}

cite {
  display: block;
  font-style: normal;
  font-weight: bold;
}

cite span {
  font-weight: normal;
}

#content p {
  margin-bottom: 10px;
  line-height: 13pt;
}

.bulleted li {
  margin-left: 1em;
  list-style-type: disc;
}

.newsletter .bulleted {
  margin-bottom: 20px;
}

.numbered li {
  margin-left: 20px;
  list-style-type: decimal;
}

.download {
  padding-left: 20px;
  background: transparent url(../images/download_16x16.png) left center no-repeat;
}

a.download:hover, a.download:active {
  background-image: url(../images/download_16x16.png);
  background-position: left center;
  background-repeat: no-repeat;
}

/* =BANNER */

#banner {
  background: #86c340 url(../images/bg_banner.png) top center repeat-x;
  border-top: 1px solid #6cbd92;
  border-bottom: 1px solid #78af39;
}

#banner #navigation_dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 9999;
}

#banner #navigation_dots #dots {
  width: 60px;
  margin: 0 auto;
}

#banner #navigation_dots #dots a {
  display: block;
  float: left;
  background: url(../images/banner_dot.png) 0 0 no-repeat;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  text-indent: -9999px;
}

#banner #navigation_dots #dots a.selected {
  background-position: 0 -10px;
}

#banner #slideshow {
  margin: 0 0 0 0;
}

#banner #slideshow a img {
  width: 940px;
  height: 300px;
}

#banner #corners span {
  position: absolute;
  z-index: 9998;
  display: block;
  background-image: url(../images/banner_corners.png);
  background-repeat: none;
  width: 10px;
  height: 10px;
}

#banner #corners .top_left {
  top: 0;
  left: 0;
  background-position: top left;
}

#banner #corners .top_right {
  top: 0;
  right: 0;
  background-position: top right;
}

#banner #corners .bottom_right {
  bottom: 0;
  right: 0;
  background-position: bottom right;
}

#banner #corners .bottom_left {
  bottom: 0;
  left: 0;
  background-position: bottom left;
}

/* =BOXES */

#boxes {
  background: #fff url(../images/bg_boxes.png) bottom center repeat-x;
  width: 938px;
  margin: 20px auto;
  border: 1px solid #d4d4d4;
}

#boxes { /* Safari */
  -webkit-border-radius: 10px;
}

#boxes, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 10px;
}

#boxes ul {
  overflow: hidden;
}

#boxes ul li {
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 148px;
  margin: 0;
}

#boxes ul li.grid_5 {
  width: 289px;
}

#boxes ul li.grid_6 {
  width: 358px;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

#boxes ul li#box_case_study {
  background-image: url(../images/bg_box_case_study.png);
}

#boxes ul li#box_trial {
  background-image: url(../images/bg_box_trial.png);
}

#boxes ul li#box_product_demo {
  background-image: url(../images/bg_box_product_demo.png);
}

#boxes ul li a {
  display: block;
  height: 150px;
  padding-top: 10px;
  font-weight: normal;
}

#boxes ul li a:hover {
  background: none;
}

#boxes ul li a h2 {
  margin: 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  color: #444;
}

#boxes ul li a p {
  font-size: 13px;
  letter-spacing: 0;
  color: #666;
}

/* =HOME */

#banner .container_16 {
  position: relative;
  background-image: url(../images/bg_box_product_demo.png);
}

.home #banner {
  overflow: hidden;
  position: relative;
  background: #426e64;
  width: 940px;
  height: 300px;
  border: 0;
}
/*
#banner .pitch {
  display: block;
  margin: 40px 0 20px 0;
  letter-spacing: -.05em;
  line-height: 40px;
  font-size: 40px;
  color: #fff;
}

#banner h1 {
  margin: 0 0 20px 0;
  font-size: 30px;
  font-weight: normal;
  color: #304812;
}
*/
#banner h2 {
  color: #304812;
  font-size: 30px;
}

#banner p {
  color: #304812;
}

#banner label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  color: #304812;
}

#banner input {
  background: #e2f1cf;
  width: 208px;
  border: 1px solid #649636;
}

#banner input:focus {
  background: #fff;
  border: 1px solid #649636;
}

#banner .buttons {
  margin-top: 10px;
  margin-bottom: 40px;
}

#banner .buttons button:hover, #banner .buttons a.button:hover, #banner .buttons a.button:active {
  border: 1px solid #304812;
}

#hero {
  position: absolute;
  top: 60px;
  left: 0;
}

#hero a:hover {
  background: none;
}

.home #boxes li {
  text-align: center;
}

.home #header h2 {
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  color: #000;
}

.home #header p {
	font-size: 13px;
	color: #666;
}

.home #feature_preview li {
  margin: 0 0 20px 0;
}

.home #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 30px;
  font-size: 13px;
}

.home #feature_preview li#feature_powerful_collaboration {
  background: url(../images/tools_20x20.png) no-repeat;
}

.home #feature_preview li#feature_easy_document_management {
  background: url(../images/documents-blue_20x20.png) no-repeat;
}

.home #feature_preview li#feature_more_productive_teams {
  background: url(../images/tip_20x20.png) no-repeat;
}

.home hr {
  width: 940px;
  margin: 0 auto 19px auto;
}

#testimonials {
  position: relative; /* Brings to front */
  margin-top: 30px;
}

#testimonials h3 a:link {
  color: #59892f;
}

#testimonials h3 a:hover {
  background: #59892f;
  color: #fff;
}

#testimonials blockquote {
  margin-top: 20px;
}

#testimonials blockquote cite,
#testimonials blockquote em,
#testimonials blockquote span {
  float: left;
  margin-right: 4px;
}

#testimonials blockquote .who {
  padding: 10px 0;
}

blockquote cite {
  margin-bottom: 20px;
}

blockquote em {
  font-weight: normal;
  font-style: normal;
  color: #b4b4b4;
}

#testimonials blockquote span#readwriteweb {
  display: block;
  width: 142px;
  height: 20px;
  background: url(../images/readwriteweb.png);
  text-indent: -9999px;
}

.home #blog_highlights .featured_2,
.home #blog_highlights .featured_3 {
  margin-right: 0;
}

/* =TOUR */

#theatre {
  clear: both;
  background: #000;
/*  margin-top: 20px;*/
  margin-bottom: 20px;
  padding: 20px 0;
}

#theatre .movie {
  width: 640px;
  margin: 0 auto;
  text-align: center;
}

#more_videos p {
  margin-bottom: 20px;
}

.tour #more_videos h3.section {
  border-top: 1px solid #59892f;
  color: #59892f;
}

.tour #more_videos h4 a:link, .tour #more_videos h4 a:visited {
  color: #304812;
}

.tour #more_videos h4 a:hover, .tour #more_videos h4 a:active {
  background-color: #304812;
  color: #fff;
}

/* =TOUR =SCREENCAST =NEXT =STEPS */
.tour #next_steps, .screencast #next_steps {
  /* Override the grid for this one instance. */
  width: 940px;
  padding: 0 0 10px 0;
  margin: 5px 0;
  
  /* Resetting the defaults from the real Next Steps box */
  border: 0 none;
  background-color: transparent;
  /* Reset the rounded corners to prevent any issues  that may occur as a result of this. */
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.tour #next_steps ul, .screencast #next_steps ul {
  width: 51%;
  margin: auto;
}

.tour #next_steps ul li, .screencast #next_steps ul li {
  margin: 0 20px 0 0;
  display: block;
  float: left;
  text-transform: uppercase;
  font-size: 0.8em;
}

.tour #next_steps #call, .screencast #next_steps #call {
  margin-right: 0;
}

.tour #next_steps a, .screencast #next_steps a {
  color: #304812;
}

.tour #next_steps a:hover, .tour #next_steps #call span, .screencast #next_steps a:hover, .screencast #next_steps #call span {
  color: #3a6c4b;
}

.tour #next_steps li#learn a:hover, .screencast #next_steps li#learn a:hover {
  background-image: url(../images/info_hover_alt.png);
}

.tour #next_steps li#signup a:hover, .screencast #next_steps li#signup a:hover {
  background-image: url(../images/arrow_hover_alt.png);
}

/* =FEATURES =OVERVIEW */

#explore_userhome a, #explore_hub a {
  width: 460px;
  height: 500px;
  display: block;
  text-indent: -9999px;
}

#explore_hub a {
  background: transparent url(../images/hub_jump.png) left top no-repeat;
}

#explore_userhome a {
  background: transparent url(../images/user_home_jump.png) left top no-repeat;
}

#explore_userhome a:hover, #explore_hub a:hover {
  text-indent: 0;
}

#explore_userhome a:hover span, #explore_hub a:hover span {
  width: 270px;
  margin: 180px 0px 0px 95px;
  padding: 5px;
  display: inline-block;
  border-radius: 14px;
  opacity: .8;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #6B8d94;
}

#explore_userhome a:hover span, #explore_hub a:hover span { /* Safari 3 */
  -webkit-border-radius: 14px;
}

#explore_userhome a:hover span, #explore_hub a:hover span, x:-moz-any-link span, x:default span { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#explore-userhome-description {
  text-align: right;
}

#explore-hub-description img, #explore-userhome-description img {
  margin-top: 5px;
  border: 5px solid #eee;
}

#explore-hub-description a.thumbnail:hover, #explore-userhome-description a.thumbnail:hover {
  background-color: transparent;
}

.features_index .explore_container #hub, .features_index .explore_container #user_home {
  margin-top: 20px;
}

.features #features {
  margin-top: 40px;
}

.features #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 60px;
}

.features #feature_preview li p {
  padding-left: 60px;
  font-size: .925em;
}

.features #features .buttons {
  clear: both;
}

.features #features .buttons {
  margin-bottom: 0;
}

.features_index #feature_preview li#feature_customize {
  margin-left: 0;
}

.features_index #feature_preview li#feature_share_files {
  margin-right: 0;
}

.features #feature_preview li#feature_customize {
  background: url(../images/Tools.png) no-repeat;
}

.features #feature_preview li#feature_share_videos {
  background: url(../images/Video.png) no-repeat;
}

.features #feature_preview li#feature_collaborate {
  background: url(../images/iChat.png) no-repeat;
}

.features #feature_preview li#feature_share_files {
  background: url(../images/Misc-Box.png) no-repeat;
}

#hub, #user_home {
  position: relative;
/*  padding-bottom: 40px;*/
}

#hub .description, #user_home .description {
  position: absolute;
  left: 0;
  top: 420px;
}

/* =FEATURES =ANATOMY */

#anatomy-bottom-nav h3 {
  font-size: 1.1em;
  font-weight: bold;
}

#anatomy-bottom-nav h3, #anatomy-bottom-nav h3 a {
  color:#000;
}

#anatomy-bottom-nav .right h3 {
  margin-bottom: 18px;
}

#content p.anatomy-blurb {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* =FEATURES =DETAILS */
/*
.features_details #features-jump {
  margin-bottom: -20px;
  clear: both;
}

.features_details #features-jump ul {
  padding: 10px;
  overflow: hidden;
  border: 1px solid #cfe7b3;
  background-color: #e7f3d9;
}

.features_details #features-jump li {
  width: 480px;
  float: left;
}

.features_details #features-jump li.odd {
  width: 400px;
}
*/
.features_details #features-list img {
  margin-top: 5px;
  border: 5px solid #eee;
}

.features_details #features-list ul li#comprehensive_hub_management img {
  margin-bottom: 20px;
}

.features_details #features-list {
  clear: both;
/*  padding-top: 60px;*/
}

.features_details #feature-list li {
  clear: both;
}

/* TODO: I'm listing all of the parent LI elements right now; it's dirty, but it keeps the grid in-tact while not affecting children elements */
.features_details #features-list ul li#onehub_widgets {
  /* No declaration, just want it in the list so that we don't forget about it. */
}

/*.features_details #features-list ul li#branding_and_customization,
.features_details #features-list ul li#share_with_others,
.features_details #features-list ul li#notifications,
.features_details #features-list ul li#email_integration,
.features_details #features-list ul li#enterprise_search,
.features_details #features-list ul li#quickhub_file_sharing_and_receiving,
.features_details #features-list ul li#comprehensive_hub_management,
.features_details #features-list ul li#security {
  margin: 20px 0;
}*/

.features_details #features-list ul li {
  margin-bottom: 20px;
}

/*.features_details #features-list ul li#onehub_widgets ul li {
  margin-bottom: 20px;
}*/

/*.features_details a.top {
  margin-top: 20px;
}*/


#produc {
	display:table;
	margin:left;
	padding: 0;
	margin: 0;
}

#produc2 td th p { 
	padding: 0;
	margin: 0;
    border-top: 0;
	border-top: 0;
	border-left: 0;

}

/* =SUPPORT */

/*.support #highlight {
  position: static;
  margin-top: 20px;
}

.support .message {
  width: 730px;
}

#phone_number {
  white-space: nowrap;
}
*/
#help {
  font-size: .75em;
  text-transform: uppercase;
  text-align: right;
}

#help a {
  display: block;
  background: url(../images/help.png) right center no-repeat;
  padding-right: 50px;
  border: 0;
  line-height: 40px;
  color: #b4b4b4;
}

#help a:hover {
  background-image: url(../images/help_hover.png);
  color: #e15a38;
}

.three-bigbuttons {
  overflow: hidden;
  margin-bottom: 20px;
}

.three-bigbuttons .bigbutton {
  float: left;
  margin: 15px 20px 15px 0;
  width: 300px;
  cursor: pointer;
}
.three-bigbuttons .bigbutton a {
  background-color: #eee;
  background-position: 245px 50%;
  background-repeat: no-repeat;
  float: left;
  width: 260px;
  padding: 20px;
  line-height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.three-bigbuttons .last {
  float: right;
  margin-right: 0;
}

.three-bigbuttons .bigbutton-newissue a { background-image: url(../images/bigbtnicon-newissue.gif); }
.three-bigbuttons .bigbutton-discussions a { background-image: url(../images/bigbtnicon-requests.gif); }
.three-bigbuttons .bigbutton-knowledgebase a { background-image: url(../images/bigbtnicon-discussions.gif); }

.bigbutton h2 {
  margin: 0;
  font-size: 11px;
}

.bigbutton h2 a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0;
}

.bigbutton h2 a {
  color: #59892f;
}

.bigbutton h2 a:hover {
  color: #444;
}

.bigbutton p {
  margin: 0;
  color: #666;
}

.screencasts li.alpha {
  clear: left;
}

.screencasts .thumbnail a {
  display: block;
  background: #e7f3d9;
  padding: 5px 5px 4px 5px;
  border-bottom: 1px solid #cfe7b3;
}

.screencasts .thumbnail a:hover {
  background: #59892f;
}

.screencasts .thumbnail img {
  display: block;
}

.screencasts p {
  font-size: .925em;
}

.screencast #banner .buttons {
  clear: both;
  margin-bottom: 20px;
}

/* =BLOG */

.blog #next_steps {
  margin-bottom: 70px;
}

#rss {
  font-size: .75em;
  text-transform: uppercase;
  text-align: right;
}

#rss a {
  display: block;
  background: url(../images/feed_icon.png) center right no-repeat;
  padding-right: 40px;
  border: 0;
  line-height: 40px;
  color: #b4b4b4;
}

#rss a:hover {
  background-image: url(../images/feed_icon_hover.png);
  color: #ff6600;
}

.blog #blog_highlights .featured_1 {
  margin-left: 0;
}

.blog #blog_highlights .featured_3 {
  margin-right: 0;
}

#posts .post {
  clear: both;
  margin-bottom: 20px;
}

#posts .post .comments {
  background: url(../images/comment.png) left 2px no-repeat;
  padding-left: 20px;
  font-size: .925em;
}

#posts .post .comments a:link {
  font-weight: normal;
  color: #888;
}

#posts .post .comments a:hover {
  color: #fff;
}

#posts .post h6 a:link {
  color: #59892f;
}

#posts .post h6 a:hover {
  background: #59892f;
  color: #fff;
}

#posts .post .summary {
  font-size: .925em;
}

#intro {
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  color: #888;
}

.blog #signup_4 p {
  font-size: .923em;
}

#digg #digg-widget-container {
  font-size: .925em;
}

#digg #digg-widget-container .digg-count {
  display: none;
}

#digg #digg-widget-container ul {
  margin-left: 1em;
}

#digg #digg-widget-container ul li {
  list-style-type: disc;
}

#digg #digg-widget-container ul li a:link,
#digg #digg-widget-container ul li a:visited {
  font-weight: bold;
  text-decoration: none;
}

#digg #digg-widget-container ul li a:link {
  color: #6b8d94;
}

#digg #digg-widget-container ul li a:visited {
  color: #666;
}

#digg #digg-widget-container ul li a:hover,
#digg #digg-widget-container ul li a:active {
  background: #6b8d94;
  border-color: #6b8d94;
  color: #fff;
}




/* =MESSAGING */

.message {
  position: relative;
	margin-bottom: 20px;
	padding: 20px;
}

.grid_12.message {
  width: 660px;
}


.containermat {
  display: table;
}

.rowm {
  display: table-row;
}

.cellm {
  display: table-cell;
  width: 200px;
  height: 150px;
  border: 1px solid #b7b7b7;
  padding-top:0px;
  padding-left:5px;
  background-color: transparent;
  border-collapse: collapse;
  

background-image: url(../images/pbk.png);

background-position: 5% 0%;

background-repeat: no-repeat;

background-attachment: scroll;
}

img.ppage{
padding-top:6px;
    float: left; 
    margin: 4px; 
	display:inline;
}

.cellbb {
position:relative;
height:25px;
float: right; 
width: 100%;
font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;

}

.cellt {
font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
}
.cellbc {
margin-top:20px;
margin-bottom:0px;
padding:0px;
font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
}

.homeremovals {
width: 860px;
padding-top:20px;
padding-bottom:20px;
padding-right:40px;
padding-left:40px;
background-image: url(../images/content_bg.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
margin-top: 0px;
}

.homeremovalsco {
width: 860px;
padding-top:20px;
padding-bottom:20px;
padding-right:40px;
padding-left:40px;
margin-top: 0px;
}

.homeremovalsb {
width: 860px;
padding-top:20px;
padding-bottom:20px;
padding-right:40px;
padding-left:40px;
background-image: url(../images/booking.png);
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right;
margin-top: 0px;
}

.homeremovalsc {
width: 650px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
margin-top: 0px;
}

.homeremovals2 {
width: 860px;
padding-top:px;
padding-bottom:px;
padding-right:40px;
padding-left:40px;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
margin-top: 0px;
}

.fq2 {
width: 860px;
padding-top:px;
padding-bottom:px;
padding-right:0px;
padding-left:0px;
background-image: url(../images/bluebox-top.png);
background-repeat: no-repeat;
background-position: center;
background-position: center top;
margin-top: 0px;
}

.fquote {
width: 860px;
padding-top:px;
padding-bottom:px;
padding-right:80px;
padding-left:80px;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
margin-top: 0px;
}

.homeremovals3 {
width: 700px;
padding-top:px;
padding-bottom:px;
padding-right:40px;
padding-left:40px;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
margin-top: 0px;
margin-left: 44px;
}

.contact1 {
width: 780px;
height: 600px;
padding-top:px;
padding-bottom:px;
background-image: url(../images/contactusbk.png);
background-repeat: no-repeat;
background-position: center;
margin-top: 0px;
margin-left: 44px;
}

#contactt {
padding-right:100px;
padding-left:120px;
}

.hr1 {
  background-image: url(../images/hbk.png);
  background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left;
  margin: 0;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0;
  width: 900px;
  color: #444;
  font-weight: bold; 
}

img.hLeft { 
    float: left; 
    margin: 4px; 
	display:inline;
}


img.hLeftt { 
    float: left; 
	display:inline;
	margin-right: 4px;
}

img.hright { 
    float: right; 
    margin: 4px; 
	display:inline;

}


#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
	text-align: right;
}

#mytable th {
	font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
	color: #4f6b72;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #b7b7b7;
	background: none;
}

#mytable td {
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #b7b7b7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
}

#mytable th.specalt {
	border-left: 1px solid #b7b7b7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: 13px Cambria, Georgia, Times, 'Times New Roman', serif;
	color: #797268;
}

/* =SHARED */

#signup_4 h2 {
  margin: 0;
}

#signup_16 {
/*  background: #e7f3d9 url(../images/elect.png) no-repeat 10px 50%;*/
  background-color: #e7f3d9;
  width: 900px;
  margin: 40px 10px;
  padding: 20px;
  text-align: center;
}

#signup_16 h3 {
  margin: 0;
  color: #b6db8c;
}

#signup_16 h3 a:link {
  color: #59892f;
}

#signup_16 h3 a:hover {
  background-color: #59892f;
  color: #fff;
}

#featured_logos {
  overflow: hidden;
}

#featured_logos li {
  float: left;
  margin-bottom: 40px;
}

#featured_logos li.alpha {
  clear: left;
}

#featured_logos li img {
  display: block;
  margin: 0 auto;
}

#blog_highlights {
  margin-bottom: 20px;
}

#blog_highlights .thumbnail {
  display: block;
  background: #e7f3d9;
  padding: 5px 5px 4px 5px;
  border-bottom: 1px solid #cfe7b3;
}

#blog_highlights .thumbnail:hover {
  background: #59892f;
}

#blog_highlights .thumbnail img {
  display: block;
}

#blog_highlights h5 {
  margin-top: 20px;
}

#twitter {
  background: transparent url(../images/twitter_bird.png) top right no-repeat;
  margin-bottom: 20px;
}

#twitter .tweet {
  margin-bottom: 20px;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  color: #888;
}

#twitter p {
	margin-bottom: 0;
}

/* =FOOTER */

#bg_footer {
	background: #191919;
	vertical-align: bottom;
}

#footer {
  padding: 0px 0;
  font-size: .925em;
  color: #666;
}

#footer hr {
  display: none;
}

#footer h3 {
  margin-bottom: 20px;
  font-size: 18px;
  color: #59892f;
}

#footer ul.suggestions {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #333;
}

#footer ul.suggestions li a {
  border-bottom: 0;
  font-weight: normal;
}

#footer ul.suggestions li a:link {
  color: #e2f1cf;
}

#footer ul.suggestions li a:visited {
  color: #7a8a67;
}

#footer ul.suggestions li a:hover, #footer ul.suggestions li a:active {
  background-color: #e2f1cf;
  color: #191919;
}

#footer ul.suggestions li.support {
  margin-top: 20px;
  font-weight: bold;
}

#footer ul.suggestions li.support em {
  font-weight: bold;
  font-style: normal;
  color: #7a8a67;
}

#footer ul.suggestions li em.support,
#footer ul.suggestions li em.support a {
  font-weight: bold;
  font-style: normal;
  color: #7a8a67;
}

#footer #runner {
  clear: both;
  margin-top: 20px;
  padding-top: 19px;
  border-top: 1px solid #444;
  color: #444;
}

#footer #runner .sitemap_primary,
#footer #runner .sitemap_secondary,
#footer #runner p {
  text-align: right;
}

#footer #runner .sitemap_primary li,
#footer #runner .sitemap_secondary li {
  display: inline;
  margin-left: 20px;
}

#footer #runner .sitemap_primary li a {
  font-weight: normal;  
}

#footer #runner #watermark {
  padding: 7px 0;
  width: auto;
}


#footer #runner #watermark img {
  display: block;
}

/* =BUTTONS =BASE */
/* Abstracted from the Wufoo implementation - thanks guys! */
/* http://particletree.com/features/rediscovering-the-button-element/ */

.buttons {
  clear: both;
	overflow: hidden; /* Float clearing for good browsers */
	margin-bottom: 30px;
	margin-left:0px;
	font-size: .785em;
}


.buttonsb {
  clear: both;
	overflow: hidden; /* Float clearing for good browsers */
	margin-bottom: 30px;
	margin-left:680px;
	font-size: .785em;
}

.buttons a.button, .buttons button {
  display: block;
  background: #e2e2e2;
  margin-bottom: 0;
  border: 1px solid #e2e2e2;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #646464;
  cursor: pointer;
  padding: 4px 10px 5px 10px; /* Links */
  white-space: nowrap;
  text-align: center;
}

.buttonsb a.buttonb, .buttonsb buttonb {
  display: block;
  background: #e2e2e2;
  margin-bottom: 0;
  border: 1px solid #e2e2e2;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #646464;
  cursor: pointer;
  padding: 4px 10px 5px 10px; /* Links */
  white-space: nowrap;
  text-align: center;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.fancy {
	background: url("../shadow2.png");
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url("../shadow2-reverse.png");
}


.buttons button {
  width: auto;
  overflow: visible;
  padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
  line-height: 16px; /* Safari 3 */
}

.buttonsb buttonb {
  width: auto;
  overflow: visible;
  padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
  line-height: 16px; /* Safari 3 */
}

.buttons button[type] {
  padding: 5px 10px 5px 7px; /* Firefox */
  line-height: 20px; /* Safari */
}

.buttonsb buttonb[type] {
  padding: 5px 10px 5px 7px; /* Firefox */
  line-height: 20px; /* Safari */
}

*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}

*:first-child+html buttonb[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
}

.buttonsb buttonb img, .buttonsb a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
}

/* =BUTTONS =TWEAKS */

.buttons button, .buttons a.button { /* Safari */
  -webkit-border-radius: 14px;
}

.buttons a.button, .buttons button, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

.buttonsb buttonb, .buttonsb a.buttonb { /* Safari */
  -webkit-border-radius: 14px;
}

.buttonsb a.buttonb, .buttonsb buttonb, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}
/* =BUTTONS =STANDARD */

.buttons button:hover, .buttons a.button:hover, .buttons a.button:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}
.buttonsb buttonb:hover, .buttonsb a.buttonb:hover, .buttonsb a.buttonb:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =REVERSE */

button.reverse, .buttons a.reverse {
  background: #507526;
  border: 1px solid #507526;
  color: #fff;
}

.buttons a.reverse:hover, button.reverse:hover, .buttons a.reverse:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

buttonb.reverse, .buttonsb a.reverse {
  background: #507526;
  border: 1px solid #507526;
  color: #fff;
}

.buttonsb a.reverseb:hover, buttonb.reverse:hover, .buttonsb a.reverse:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =FLAT */

.buttons button.flat, .buttons a.flat {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}

.buttons button.flat:hover, .buttons a.flat:hover {
  background: #6b8d94;
  border: 1px solid #6b8d94;
  color: #fff;
}

.buttonsb button.flat, .buttonsb a.flat {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}

.buttonsb buttonb.flat:hover, .buttonsb a.flat:hover {
  background: #6b8d94;
  border: 1px solid #6b8d94;
  color: #fff;
}



/* =SOLUTIONS */
.solutions #splash_image {
  position: absolute;
  top: 40px;
  right: 0;
}

.solutions #callout h1 {
  margin-bottom: 20px;
  font-weight: bold;
}

.solutions #content {
  padding-top: 40px;
  position: relative;
  z-index: 10;
}

.solutions #content .buttons {
  clear: none;
}

.solutions .copy h3 {
  padding-top: 13px;
}
.solutions .copy p.grid_12, .solutions .copy ul {
  font-size: .925em;
}

.solutions #details_list li {
  margin-bottom: 20px;
}

.solutions #details_list li.alpha { /* makes sure that if there are differing heights we don't have a broken layout */
  clear: left;
}

/* =SOLUTIONS =NAVIGATION */
.solutions #sidebar .buttons {
  margin-bottom: 23px;
}

.solutions .navigation {
  margin-bottom: 20px;
}

.solutions .navigation a:link, .solutions .navigation a:visited {
  display: block;
  font-weight: normal;
  font-size: 0.925em;
  border-bottom: 1px solid #eee;
}

.solutions .navigation a:hover, .solutions .navigation a:active {
  color: #222;
  border-bottom-color: #666;
  background-color: transparent;
}

/* =WEBCAST */
.webcast h1, .reminders h1 {
  margin-bottom: 20px;
}

.webcast #details, .reminders #details, .newsletter #webcast_details {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
}

.webcast #content img, .reminders #content img {
  margin-bottom: 30px;
}

.webcast #details strong, .reminders #details strong, .newsletter #webcast_details strong {
  width: 17%;
  display: inline-block;
}

.webcast #details em, .reminders #details em, .newsletter #webcast_details em {
  margin-top: 10px;
  display: block;
  font-family: Cambria,Georgia,Times,'Times New Roman',serif;
  font-size: .95em;
}

.webcast.thanks #copy {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* =REMINDERS */
.reminders #content ul, .reminders #content ol {
  margin-bottom: 20px;
}

/* =MEDIA =KIT */
.media_kit #logos img, .media_kit #screenshots img {
  border: 5px solid #e2f1cf;
  background-color: #e2f1cf;
}

.media_kit #logos ul, .media_kit #screenshots ul {
  overflow: hidden;
  width: 100%;
}

.media_kit #logos li, .media_kit #screenshots li {
  width: 33.3%;
  overflow: hidden;
  float: left;
}

.media_kit #screenshots li, .media_kit #logos li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.media_kit #logos, .media_kit #screenshots, .media_kit #tour, .media_kit #documents {
  margin-bottom: 40px;
}

.media_kit h3.section, .media_kit h4.section {
  margin-bottom: 0px;
}

.media_kit #media_kit_download {
  width: 220px;
  margin: 0 auto;
  padding-left: 20px;
  background-image: url(../images/hdd-down.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}