html {
	background: #939598 url('http://joby.com/img/global/background_body.png');
}
* {
  margin: 0;
  padding: 0;
}
body {
  font: 13px/1.231 'Lucida Grande', 'Lucida Sans Unicode', arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}
select, input, button, textarea { font: 99% 'Lucida Grande', 'Lucida Sans Unicode', arial, helvetica, clean, sans-serif; }
table {
  font-size: inherit;
  font: 100%;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}
.col_split_edge {
  margin: 5px;
  padding: 5px;
}
.black { color: #111111; }
.dk_gray { color: #808080; }
.gray { color: #adadad; }
.lt_gray { color: #fafafa; }
.red { color: #ff3318; }
.orange { color: #ff8600; }
.blue { color: #007cba; }
.dull_blue { color: #0f657f; }
.border-radius {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.border-radius-bottom {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.border-radius-top {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.box-shadow {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.hidden { display: none; }
.rounded_box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  margin: 5px;
  padding: 5px;
  background: #ffffff;
}
.rounded_box .header_bar {
  margin: -5px -5px 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 1em 5px;
  background: #adadad;
  background: -moz-linear-gradient(top, #ffffff, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
}
img { border: 0; }
a {
  text-decoration: none;
  color: #007cba;
}
a:visited { color: #0f657f; }
a:active { color: #0f657f; }
a:hover { text-decoration: underline; }
.gray a {
  color: #adadad;
  text-decoration: none;
}
h2 {
  font-weight: normal;
  font-size: 131%;
  margin: 1em 0;
}
p { margin: 0 0 1em; }
sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup { bottom: 1ex; }
sub { top: 0.5ex; }
hr {
  color: #adadad;
  background-color: #adadad;
  height: 1px;
  border: 0;
  clear: both;
}
blockquote {
  padding-left: 1em;
  border-left: 1px solid #adadad;
}
small, .small { font-size: 85%; }
.xsmall { font-size: 70%; }
.big { font-size: 150%; }
.aligncenter { text-align: center !important; }
.alignright { text-align: right !important; }
.alignleft { text-align: left !important; }
.hlist li {
  display: inline;
  margin-right: 1em;
}
.hlist a.active { font-weight: bold; }
.hlist a:hover { text-decoration: none; }
.breadcrumbs {
  padding: 1em;
  background: #fafafa;
}
.breadcrumbs li { margin-right: 0; }
.vlist li { margin-bottom: 0.33em; }
.vlist li.active a {
  font-weight: bold;
  color: #808080;
  cursor: default;
}
span.speaking {
  text-align: left;
  font-size: 85%;
  display: block;
}
.speaking strong {
  display: block;
  font-weight: normal;
  font-size: 135%;
}
.message {
  background: #adadad;
  background: -moz-linear-gradient(top, #111111, #808080);
  background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#808080));
  color: #ffffff;
  padding: 10px;
}
.error-message {
  background: #adadad;
  background: -moz-linear-gradient(top, #111111, #808080);
  background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#808080));
  color: #ffffff;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
  margin: 5px 0;
}
form input[type=text] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #adadad;
  padding: 5px;
}
form .text input {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #adadad;
  padding: 5px;
}
form .password input {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #adadad;
  padding: 5px;
}
form textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #adadad;
  padding: 5px;
}
.input {
  margin-bottom: 1em;
  position: relative;
}
.text input { width: 360px; }
textarea { width: 360px; }
.text input { font-size: 131%; }
label {
  display: block;
  color: #808080;
  padding-bottom: 0.25em;
}
.checkbox { padding-bottom: 0.25em; }
.checkbox label {
  display: inline;
  padding-left: 0.5em;
  color: #111111;
}

/************* header ****************/

.header {
	float: left;
	height: auto;
	width: 960px;
}

/* Main Nav */


.nav-main {
	float: left;
	width: 960px;
	height: auto;
	background: url('http://joby.com/img/global/background_navigation_main.png') no-repeat top right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style: none;
}

.nav-main ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-main li {
	float: left;
}

.nav-main li a {
	padding: 0 18px;
	background: url('http://joby.com/img/global/background_navigation_main-item.png') no-repeat top right;
	height: 41px;
	line-height: 41px;
	display: block;
}

	.nav-main li span.speaking,
	.nav-main li .speaking strong {
		display: inline;
		font-size: 14px;
		text-align: left;
	}

.nav-main li.cart_search {
	float: right;
	font-family: Arial, Helvetica;
	font-size: 12px;
	width: 228px;
	height: 41px;
	overflow: hidden;
}

.nav-main li.cart_search a {
	background: url('http://joby.com/img/global/icons/icon_cart.png') no-repeat 0 13px;
	padding: 0 0 0 22px;
	float: left;
}

.nav-main li.cart_search form {
	margin: 0;
	padding: 13px 18px 0 18px;
	background: none;
	float: left;
}

	.nav-main li.cart_search form input[type=text] {
		padding-left: 6px;
		border: none;
		height: 18px;
		background: #6D6E71 !important;
		color: #FFF;
	}
	
	.nav-main li.cart_search form input[type=submit] {
		border: none;
		background: #6C6C71;
		color: #FFF;
	}


.cart .count {
	/*
	background: url('/img/base/cart.png') no-repeat bottom left;
	width: 30px;
	height: 24px;
	display: block;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	*/
}

ul.dropmenu li a {
	display: block;
	padding: .75em;
	background: url('http://joby.com/img/global/background_navigation_main.png') no-repeat top right;
}

.nav-main li h1 {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 41px;
	text-indent: -9999px;
}

	.nav-main li h1 a {
		display: block;
		background: url('http://joby.com/img/global/logo_joby.png') no-repeat;
		width: 160px;
		height: 41px;
		padding: 0;
		text-decoration: none;
	}

.nav-main a,
.nav-main a:visited {
	color: #FFF;
	text-decoration: none;
}

.nav-main a:hover {
	text-decoration: none;
}


li.dropmenu:hover a,
li.dropmenu.hover a,
ul.dropmenu a {
	color: #3a3a3a !important;
	background: #cbc9c9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

/*drop down menu*/
li.dropmenu:hover ul.dropmenu,
li.dropmenu.hover ul.dropmenu {
	display: block !important;
}

li.dropmenu:hover a,
li.dropmenu.hover a,
ul.dropmenu a {
	background: #000 !important;
	color: #FFF !important;
}

li.dropmenu:hover h1 a,
li.dropmenu.hover h1 a,
ul.dropmenu h1 a,
{
	background: transparent url('/img/global/logo_joby.png') no-repeat !important;
}

ul.dropmenu {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 250px;
	background: #000 !important;
	padding-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}

ul.dropmenu li {
	float: none !important;
	margin: 0 !important;
}

ul.dropmenu li a {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 0 18px !important;
	margin: 0 !important;
	display: block;
}

.nav-main ul.dropmenu li a:hover,
.nav-main ul.dropmenu li a.hover {
	background: #6D6E71 !important;
	color: #FFF !important;
}

.nav-main #nav-main-gorillapod ul.dropmenu li a:hover,
.nav-main #nav-main-gorillapod ul.dropmenu li.active a {
	background: #00AED8 !important;
	color: #FFF !important;
}

.nav-main #nav-main-gorillamobile ul.dropmenu li a:hover,
.nav-main #nav-main-gorillamobile ul.dropmenu li.active a {
	background: #E2D715 !important;
	color: #FFF !important;
}

.nav-main #nav-main-gorillatorch ul.dropmenu li a:hover,
.nav-main #nav-main-gorillatorch ul.dropmenu li.active a {
	background: #FF383A !important;
	color: #FFF !important;
}



html {
  color: #111111;
}
.frame {
  width: 960px;
  margin: 0 auto;
}
.content {
  clear: both;
  position: relative;
}
* html .content { height: 1%; }
.page {
  position: relative;
  background: #ffffff;
  width: 960px;
}

/************ Footer ***************/
.footer {
	margin: 0;
	padding: 18px;
	font-size: 12px;
	font-family: Arial, Helvetica;
	color: #414042;
	width: 924px;
	background: #FFF;
	float: left;
}

	.footer ul {
		list-style: none;
	}
	
		.footer ul li {
			float: left;
			margin: 0 8px 0 0;
			padding: 0 8px 0 0;
			border-right: 1px #414042 solid;
		}
		
		.footer ul li.footer_secondlast_child { border: none; }
		
		.footer ul li.footer_last_child {
			border: none;
			margin: 0;
			padding: 0;
			float: right;
		}
		
			.footer ul li a {
				color: #414042;
			}
			
.shiny_list_bar {
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#adadad));
  clear: both;
  padding: 5px 5px 6.66666666666667px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  position: relative;
}
.shiny_list_bar .right {
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.shiny_list_bar li.active a {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #adadad;
  background: -moz-linear-gradient(top, #111111, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#adadad));
  color: #ffffff;
  box-shadow: 0 1px 1px #ffffff;
  -moz-box-shadow: 0 1px 1px #ffffff;
  -webkit-box-shadow: 0 1px 1px #ffffff;
  padding: 0.15em 0.5em;
}
.sub_nav_bar {
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#adadad));
  clear: both;
  padding: 5px 5px 6.66666666666667px;
  position: relative;
  font-size: 130%;
}
.sub_nav_bar .right {
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.sub_nav_bar li {
  margin: 0;
  padding: 5px 10px 6.66666666666667px;
}
.sub_nav_bar li.upload { background: url(/img/base/orange-button.gif) repeat-x center; }
.sub_nav_bar li a.upload {
  background: url(/img/base/upload-icon-white.png) left center no-repeat;
  padding-left: 17px;
}
.sub_nav_bar li a { color: #111111; }
.sub_nav_bar li.active a { color: #ffffff; }
.sub_nav_bar li.active {
  background: #adadad;
  background: -moz-linear-gradient(top, #adadad, #808080);
  background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#808080));
}
.tabs_list li {
  float: left;
  background: #d5d5d5;
  margin-right: 5px;
  border: 1px solid #808080;
  border-bottom: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.tabs_list li a {
  font-size: 125%;
  padding: 0.25em 0.5em;
  display: block;
  color: #111111;
}
.tabs_list li.active {
  background: #ffffff;
  padding-bottom: 1px;
}
.button {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  border: 0;
  border-top: 1px solid #dfdfdf;
  background: #adadad;
  background: -moz-linear-gradient(top, #e6e6e6, #999999);
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#999999));
  color: #111111 !important;
  padding: 0.25em 1em 0.5em;
  margin: 0.25em 0;
  text-decoration: none;
  text-shadow: 0 1px 0 #fafafa;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
}
.button:active {
  background: #adadad;
  background: -moz-linear-gradient(top, #eeeeee, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#adadad));
}
.button.active {
  background: #adadad;
  background: -moz-linear-gradient(top, #eeeeee, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#adadad));
}
.button:hover {
  background: #adadad;
  background: -moz-linear-gradient(top, #eeeeee, #adadad);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#adadad));
}
.button:hover { text-decoration: none; }
.orange_button {
  border: 0;
  background: #ff8600;
  background: -moz-linear-gradient(top, #ff8600, #ff2000);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8600), to(#ff2000));
  color: #ffffff !important;
  text-shadow: 0 -1px 0 #111111;
}
.orange_button:active {
  background: #ff8600;
  background: -moz-linear-gradient(top, #ff5300, #cc2000);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5300), to(#cc2000));
}
.orange_button:hover {
  background: #ff8600;
  background: -moz-linear-gradient(top, #ff5300, #cc2000);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5300), to(#cc2000));
}
.flat_button {
  background: #cccccc;
  background: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  border: 1px solid #adadad;
}
.button .inset {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #fafafa;
  padding: 0.1em 0.5em;
  font-size: 85%;
  text-shadow: none;
}
#around-the-world-logo {
  background: url(/img/world/in-the-wild.png) no-repeat center;
  width: 351px;
  height: 83px;
  text-indent: -999em;
  display: block;
  padding: 10px 5px;
  float: left;
}
.start_sharing a {
  background: url(/img/world/start-sharing2.png) no-repeat;
  text-indent: -5000em;
  width: 219px;
  height: 55px;
  position: absolute;
  right: 40px;
  top: 45px;
}
.dad_in_his_natural_habitat a {
  background: url(http://www.joby.com/img/dad/dad-sign.png) no-repeat;
  text-indent: -5000em;
  width: 173px;
  height: 99px;
  position: absolute;
  right: 13px;
  top: 4px;
}
.candidsummer a {
  background: url(http://www.joby.com/img/candidsummer/candid-top.png) no-repeat;
  text-indent: -5000em;
  width: 306px;
  height: 103px;
  position: absolute;
  right: 0;
  top: 0;
}
.gallery_page {
  background: #c5c5c3 url(/img/world/world-background2-fade.jpg) top repeat-x;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.gallery_page .gallery_user { float: left; }
.gallery_page .share_box {
  text-align: right !important;
  padding: 10px;
}
.gallery_page .half {
  width: 480px;
  float: left;
}
.gallery_page .pictureform .map {
  width: 420px;
  margin: 0;
}
.gallery_page #map_canvas { height: 310px; }
.gallery_page .pictureframe {
  clear: left;
  width: 460px;
  float: left;
}
.gallery_page .pictureform {
  clear: left;
  width: 460px;
  float: left;
}
.gallery_page .pictureframe .picture { text-align: center !important; }
.gallery_page .pictureform { width: 940px; }
.gallery_page .pictureform .half {
  float: left;
  width: 460px;
}
.gallery_page .thumbs .paging { float: left; }
.gallery_page .thumbs .paging span {
  padding: 0.25em 0.25em;
  font-size: 150%;
}
.gallery_page .thumbs .paging .current {
  font-weight: bold;
  background: none;
}
.gallery_page .thumbs .thumb {
  width: 140px;
  float: left;
  margin: 5px;
}
.gallery_page .thumbs .thumb a {
  display: block;
  text-align: center;
  vertical-align: middle;
  height: 96px;
  background: #fafafa;
}
.gallery_page .thumbs .thumb a img { display: block; }
.gallery_page .thumbs .current { background: #ff8600; }
.gallery_page .miniprofile {
  width: 140px;
  float: left;
}
.gallery_page .story {
  float: left;
  width: 300px;
}
.gallery_page .story .meta { font-size: 85%; }