/* Guidebook Corp v2.1.0.1 */
/* Written by Peter Lada of Proxima Labs & Guidebook, Inc*/
/* peter@proximalabs.com // plada@guidebook.com */
/* Updated 2/3/2012 */
/* Requires the YUI reset and grid css libraries */

@import url(http://fonts.googleapis.com/css?family=Varela);
@import url(http://fonts.googleapis.com/css?family=Varela);
@font-face {
    font-family: 'MetaBlack';
    src: url('http://mozcom-cdn.mozilla.net/img/fonts/MetaWebPro-Black.eot');
    src: url('http://mozcom-cdn.mozilla.net/img/fonts/MetaWebPro-Black.woff') format('woff');
    font-weight: bold;
}

/* Structure
-----------------------------------------------------------------------------------------------------------*/ 
body, html{
	margin:0;
	padding:0;
	background:#fff;
	font-family:/*"proxima nova", */ "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
}
#container{
	width:100%;
	height:100%;
	position:relative;
	text-align:left;
	z-index:10;
}

.content-block{
	width:100%;
	margin:0;
	position:relative;
}

.content{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:40px 0;
}

/* Globals
-----------------------------------------------------------------------------------------------------------*/ 

.clearfix:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}
.light{
	font-weight: normal !important;
}

.p0{
	padding:0 !important;
}
.p10{
	padding:10px;
}
.m10{
	margin:10px !important;
}
.m20{
	margin: 20px !important;
}
.p20{
	padding:20px !important;
}
.pt10{
	padding-top:10px !important;
}
.pb10{
	padding-bottom:10px !important;
}
.pt20{
	padding-top:20px !important;
}
.pt30{
	padding-top:30px !important;
}
.pb20{
	padding-bottom:20px !important;
}
.pb0{
	padding-bottom:0 !important;
}
.pt0{
	padding-top:0 !important;
}
.mr0{
	margin-right: 0 !important;
}
.pr0{
	padding-right:0 !important;
}
.mb10{
	margin-bottom:10px !important;
}
.ml10{
	margin-left:10px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt0{
	margin-top:0 !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb0{
	margin-bottom:0 !important;
}
.mt20{
	margin-top:20px !important;
}
.ml20{
	margin-left:20px !important;
}
.mr20{
	margin-right:20px !important;
}
.mr10{
	margin-right:10px !important;
}
.pl0{
	padding-left:0 !important;
}
.ml0{
	margin-left:0 !important;
}
.rel{
	position:relative;
}
.small-text{
	font-size:12px;
	color:#777 !important;
}
.tiny-text{
	font-size:11px;
	color:#999 !important;
}
.micro-text{
	font-size:10px;
	color:#999 !important;
}
.ar{
	text-align: right;
}
.ac{
	text-align:center;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.top-rule{
	border-top:1px solid #eee;
}

.right-rule{
	-webkit-box-shadow:inset -1px 0 0 #eee;
	-moz-box-shadow:inset -1px 0 0 #eee;
	box-shadow:inset -1px 0 0 #eee;
}
.light-text{
	color:#ccc !important;
}
strong{
	font-weight:bold;
}

.hidden{
	display:none !important;
}

.code{
	width: 100%;
	height: 82px;
	border-color: #CCC;
	padding: 5px;
	font-size: 14px;
	color: #666;
	font-family: "Courier New", Courier, monospace;
	position: relative;
	left: -10px;
	border: 1px solid #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-radius:5px;
}

.shadow.subtle{
	box-shadow:0 1px 2px rgba(0,0,0,.05);
	border-bottom:1px solid #ddd;
}


/* Quotes
-----------------------------------------------------------------------------------------------------------*/ 

.item .quote{
	font-family:Georgia;
	font-size:18px;
	line-height:1.4em;
	-webkit-font-smoothing:antialiased;
}

.quote .sign-off{
	font-family: /*"proxima nova", */"Helvetica", Arial, sans-serif;
	font-size:11px;
}

/* Item Structure
-----------------------------------------------------------------------------------------------------------*/ 

.item{
	padding:10px;
	margin-bottom:20px;
}
.item.last-item, .item .item.last-item{
	margin-bottom:0 !important;
}
.item-inner{
}

.item h2,
.item h3,
.item h4,
.item h5{
	padding:20px;
	-webkit-font-smoothing:antialiased;
}
.item p{
	padding:0 20px 20px 20px;
	line-height:22px;
	-webkit-font-smoothing:antialiased;
}

.item ul,
.item ol{
	padding:0 20px 20px 20px;
	line-height:20px;
}

.item ul.bulleted li{
	list-style-image: url(../img/bullet-standard.png);
	margin-left:20px;
	padding-left:3px;
	margin-bottom:5px;
}

.item ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

.item ul li,
.item ol li{
	line-height:22px;
}

.item .item{
	margin: 0 0 20px 0 !important;
}

.item .first-el{
	padding-top:20px;
}

.item .item-footer-button{
	clear:both;
	padding-top:10px;
}

/* YUI Additions
-----------------------------------------------------------------------------------------------------------*/ 
.yui-g.exact .yui-u{
	width:50%;
	margin:0;

}
.yui-gb.exact .yui-u{
	width:33.2%;
	margin:0;
}

.yui-gx .yui-u{
	width:25% !important;
	float:left;
}

.exact .yui-u{
	margin:0 !important;
	padding:0 !important;
}

/* Content Block Styles
-----------------------------------------------------------------------------------------------------------*/ 

.content-blue{
	background:#298dca;
}

.content-white{
	background:transparent;
}

.content-gray{
	background:#f5f5f5;
	border-bottom:1px solid #eee;
}

.content-footer{
	background:#444 url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png) left top repeat;
	box-shadow:inset 0 10px 10px #333, 0 -1px 0 rgba(255,255,255,.3);
	-moz-box-shadow:inset 0 10px 10px #333, 0 -1px 0 rgba(255,255,255,.3);
	-webkit-box-shadow:inset 0 10px 10px #333, 0 -1px 0 rgba(255,255,255,.3);
}
.content-footer .teeth{
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:50px;
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/teeth.png) left top repeat-x;
	
}
.content-zero{
	z-index:9999;
}

.content-zero .content{
	padding:0 !important;
}

.content-footer .top-rule{
	border-top-color:#333;
	box-shadow:inset 0 1px 0px #555;
	-moz-box-shadow:inset 0 1px 0px #555;
	-webkit-box-shadow:inset 0 1px 0px #555;
}

.content-divider{
	height:5px;
	box-shadow:inset 0 0px 2px rgba(0,0,0,.05);
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	background:#f5f5f5 url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png) left top repeat;
}


/* Columns
-----------------------------------------------------------------------------------------------------------*/ 

.right-column{
	float:right;
}

.left-column{
	float:left;
	border-right:1px solid #eee;
}
.left-column .item{
	margin-right:20px;
}
.right-column .item{
	margin-left:20px;
}
.exact .left-column .item,
.exact .right-column .item{
	margin:0;
}

.columns-a,
.columns-ab
.columns-b,
.columns-c,
.columns-e{
	position: relative;
}
.columns-a .left-column{
	width:66.6%;
}
.columns-ab .left-column{
	width:33.3%;
}
.columns-ab .right-column{
	width:66.6%;
}

.columns-a .right-column{
	width:33.3%;
	float:none;
	position:absolute;
	right:0;
	top:0;
}

.columns-b .left-column{
	width:50%;
}
.columns-b .right-column{
	width:50%;
	float:none;
	position:absolute;
	right:0;
	top:0;
}
.columns-c .left-column{
	width:33.3%;
	float:none;
	position:absolute;
	left:0;
	top:0;
}
.columns-c .right-column{
	width:66.6%;
}
.columns-d .left-column{
	width:19.9%;
}
.columns-d .right-column{
	width:80%;
}

.columns-e .right-column{
	width:33%;
	position:relative;
	float:left;
	border-left:1px solid #eee;
}
.columns-e .left-colum{
	width:33%;
	position:relative;
	float:left;
}

.columns-e .col{
	width:33%;
	position:relative;
	float:left;
}

/* Docked Content
-----------------------------------------------------------------------------------------------------------*/

.docked{
	position:absolute;
	width:260px;
} 
.docked.top{
	top:0;
}
.docked.right{
	right:0;
}
.docked.full{
	top:0;
	bottom:0;
}

/* Item Styles
-----------------------------------------------------------------------------------------------------------*/ 

.item p, .item ul, .item ul li{
	color:#666;
	-webkit-font-smoothing:antialiased;
	font-weight:normal;
}

.item a{
	color:#b9e5ff;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 100ms;
}

.item h3,
.item h4,
.item h5{
	color:#555;
	font-size:24px;
	font-family: 'Varela', "Helvetica Neue", "Helvetica", Arial, sans-serif;
	letter-spacing: -1px;
	zoom:1;
}
.item h2{
	font-family: 'Varela', "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size:32px;
	letter-spacing: -1px;
	font-weight:bold;
	color:#444;
	zoom:1;
}
.item h4{
	font-size:18px;
}
.item h5{
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	color:#3597d1;
}
.item{
	zoom:1;
}
.item-inner{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}

.item .vertical-divide{
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#fafafa;
}
.divide-top{
	border-top:1px solid #eee;
}
.item .divide-top{
	padding-top:20px;
}

/* White*/

.item-white{
	
}

.item-white .item-inner{
	
}

.item-white a{
	color:#42a0d9;
}
.item-white a:hover{
	color:#2a7fb2;
}

/* White with Grid */

.item-white-grid{
	background:white url(../img/item-white-grid-bgd.png) left top repeat;
	border:1px solid #c8daf1;
	box-shadow:inset 0 3px 3px white;
}
.item-white-grid p, 
.item .item-white-grid p{
	color:#444;
}

.item-white-grid h3{
	color:#999;
}

.item-white-grid .item-inner{
	background:white;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.15);
	box-shadow:0 0 5px rgba(66,160,217,.2);
	border:1px solid #d5d5d5;
}
.item-white-grid a{
	color:#42a0d9;
}
.item-white-grid a:hover{
	color:#2a7fb2;
}

/* Gray texture */

.item-gray-texture{
	background:#444 url(../img/gray-pattern-bgd.png) left top repeat;
	-webkit-border-radius:5px;
	-webkit-box-shadow:inset 0 0 40px #49494e;
	-moz-border-radius:5px;
	-moz-box-shadow:inset 0 0 40px #49494e;
	border-radius:5px;
	box-shadow:inset 0 0 40px #49494e;
}

.item-gray-texture p, .item-gray-texture h3{
	color:white;
	text-shadow:0 1px 2px #49494e;
}

.item-gray-texture .l-divide{
	border-left:1px solid #ccc;
}

.item-gray-texture .r-divide{
	border-right:1px solid #8a8a90;
	-webkit-box-shadow:inset -1px 0 0 #40424b;
	-moz-box-shadow:inset -1px 0 0 #40424b;
	box-shadow:inset -1px 0 0 #40424b;
}
.item-gray-texture h2,
.item-gray-texture h3,
.item-gray-texture h4,
.item-gray-texture h5{
	color:white;
}

.item-gray-texture a{
	color:#eee;
	display: inline-block;
	text-decoration: none;
	background-color:#5b5c65;
	padding:0 8px;
	margin-bottom:2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.item-gray-texture a:hover, .item-gray-texture a:active{
	background-color:#eee;
	color:#3393d0;
	text-shadow:none;
}
.quote .sign-off a{
	background-color:transparent;
	padding:0;
}
.quote .sign-off a:hover{
	color:#fff;
	text-decoration: underline;
	text-shadow:0 1px 2px #49494e;
}

/* Gray */

.item-gray{
	background:#f5f5f5;
}

.item-gray h2{
	color:#666;
	text-shadow:0 1px 0 white;
}

.item-gray a{
	color:#42a0d9;
}
.item-gray .top-rule{
	border-top-color:#ddd;
}

/* Blue */

.item-blue{
	background:#42A0D9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.content-blue .item-blue{
	background:rgba(255,255,255,.1);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.item-blue h2,
.item-blue h3,
.item-blue h4,
.item-blue h5{
	color:#b9e5ff;
}
.item-blue h2{
	color:white;
}
.item-blue .small-text{
	color:#b9e5ff !important;
}
.item-blue p{
	color:white;
}

.item-blue ul.bulleted li{
	color:white;
	list-style-image: url(../img/bullet-blue.png);
}

/* Blue with Grid */

.item-blue-grid{
	background:#1d79b2 url(../img/item-blue-grid.png) left top repeat;
}
.item-blue-grid .item-inner{
	background:white;
}
.item-blue-grid h3{
	color:#3597d1;
}

/* Dark Item */

.item-dark p{
	background-color:rgba(0,0,0,.4);
	color:white;
	text-shadow:0 2px 2px rgba(0,0,0,1);
}
.item-dark h2{
	color:white;
	text-shadow:0 1px 0 rgba(0,0,0,.8);
}

/* Footer Item */

.content-footer .item h3,
.content-footer .item h4,
.content-footer .item h5{
	color:#fff;
}

.content-footer .item p{
	color:white;
}

.content-footer .item a{
	color:#999;
	-webkit-font-smoothing:antialiased;
}

.content-footer .item a:hover{
	color:white;
}

/* Image Grid
-----------------------------------------------------------------------------------------------------------*/ 
.gui-image-grid{

}
.gui-image-grid .gui-image-grid-item{
	float:left;
	display:inline;
	margin-right:10px;
}
.gui-image-grid .gui-image-grid-item.block-link a,
.gui-image-grid .gui-image-grid-item.inline-link .holder{
	display:block;
	padding:10px;
	border:1px solid transparent;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	opacity:.85;
}
.gui-image-grid.tight .gui-image-grid-item.block-link a,
.gui-image-grid.tight .gui-image-grid-item.inline-link .holder{
	padding:2px;
	position:relative;
}
.gui-image-grid.tight .gui-image-grid-item,
.gui-image-grid.tight .gui-image-grid-item{
	margin-right:3px;
	margin-bottom:3px;
}
.gui-image-grid .gui-image-grid-item.inline-link .holder:hover{
	opacity:1;
}
.gui-image-grid .gui-image-grid-item a:hover{
	opacity:1;
}
.gui-image-grid .gui-image-grid-item a:hover img,
.gui-image-grid .gui-image-grid-item div.holder:hover img{
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
	box-shadow:0 1px 3px rgba(0,0,0,.4);
}

.gui-image-grid .gui-image-grid-item a img,
.gui-image-grid .gui-image-grid-item div.holder img{
	border:3px solid white;
	padding:1px;
	display:block;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.gui-image-grid .gui-image-grid-item label{
	display:block;
	padding:10px 5px 5px 5px;
	text-align: center;
}
.gui-image-grid .gui-image-grid-item label a{
	color:#42a0d9;
}

/* Photos
-----------------------------------------------------------------------------------------------------------*/ 

.photo-holder{
	overflow:hidden;
	position: relative;
}
.photo-holder img{
	width:100%;
	display:block;
	-webkit-border-radius:2px;
}
.photo-caption,
.photo-caption p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#ddd;
	text-shadow:0 -1px 0 black;
}
.photo-caption{
	background:#444;
	background-color:rgba(0,0,0,.7);
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	font-weight:bold;
	border-top:1px solid rgba(0,0,0,1);
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
}
.photo-loading{
	text-align: center;
	font-size:28px;
	text-indent: -9999em;
	margin-top:50px;
	background:transparent url(../img/gb-load.gif) center center no-repeat;
}

/* Numbered Ordered List
-----------------------------------------------------------------------------------------------------------*/ 
ol.numbered li{
	list-style-type: none;
	padding-left:30px;
	position: relative;
	margin-bottom:10px;
}
ol.numbered li span{
	position: absolute;
	left:0;
	top:0;
	display: block;
	padding:0px 5px;
	background-color:#aaa;
	color:white;
	font-weight:bold;
	font-size:18px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
ol.numbered li span.sm{
	font-size:12px;
}

/* Guidebot images
-----------------------------------------------------------------------------------------------------------*/ 

.leaning-guidebot{
	background:transparent url(../img/leaning-guidebot.png) left no-repeat;
	width:209px;
	height:272px;
}


/* List Styles
-----------------------------------------------------------------------------------------------------------*/ 

.checked-list li{
	background:transparent url(../img/check-blue-small.png) left no-repeat;
	padding-left:30px;
}

.bulleted-list li{
	list-style-type: disc;
	list-style-position: inherit;
	margin-left:20px;
}

/* Header
-----------------------------------------------------------------------------------------------------------*/ 

#header{
	padding-left:30px;
}

#bar, #bar.sticky{
	height:7px;
	background:transparent url(../img/guidebook-bar-dark.png) left top repeat-x;
	overflow:hidden;
}
#bar.sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 9000;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.35);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.35);
	box-shadow:0 0 3px rgba(0,0,0,.35);
}
.bar-segment{
	background:transparent url(../img/guidebook-bar-dark.png) left top repeat-x;
	height:7px;
	width:5%;
	float:left;
}
.bar-segment.light{
	background:transparent url(../img/guidebook-bar-light.png) left top repeat-x;
}

#logo{
	float:left;
}


#logo h1{
	background:transparent url(../img/guidebook-logo.png) left center no-repeat;
	width:208px;
	height:60px;
	text-indent:-9999px;
	cursor: pointer;
}

#header #sign-up{
	position:absolute;
	right:0px;
	margin-top:10px;
	font-size:16px;
	font-weight:normal !important;
}

#header #sign-up a{
	background-position: left top !important;
}


.arrow-link{
	background:transparent url(../img/arrow-link-icon.png) right 2px no-repeat;
	padding-right:15px;
	text-decoration:none;
	color:#42a0d9 !important;
}
.arrow-link:hover{
	background-position:right 2px;
	padding-right:18px;
	color:#358bc0 !important;
}


/* Global Nav */

#global-nav{
	float:left;
	position: relative;
	height:60px;
	margin-left:87px;
	z-index: 10;
}
#global-nav ul{
	position:relative;
	top:50%;
	margin-top:-19px;
}
#global-nav ul li{
	float:left;
	margin-right:20px;
	position: relative;
}
#global-nav ul li a,
#header #sign-up a{
	color:#686868;
	font-size:15px;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid transparent;
	font-family: 'Varela', "Helvetica Neue", "Helvetica", Arial, sans-serif;
	background-position: left -44px;
	-webkit-font-smoothing:antialiased;
	-webkit-transition: ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 70ms;
}
#global-nav ul li a span{
	color:#555;
}

#global-nav ul li a:active{
	color:#222;
	-webkit-box-shadow:inset 0 1px 5px #e5e5e5, 0 0 5px #fff;
	-moz-box-shadow:inset 0 1px 5px #e5e5e5, 0 0 5px #fff;
	box-shadow:inset 0 1px 5px #e5e5e5, 0 0 5px #fff;
	border:1px solid #ddd;
	text-shadow:0 1px 0 #fff;
	zoom:1;
}

#global-nav ul li.selected a, 
#global-nav ul li.selected a:hover{
	background: #e5e5e5 url(../img/button_backgrounds.png) left -44px repeat-x;
	color:#222;
	-webkit-box-shadow:inset 0 1px 5px #ccc, 0 0 5px #fff;
	-moz-box-shadow:inset 0 1px 5px #ccc, 0 0 5px #fff;
	box-shadow:inset 0 1px 5px #ccc, 0 0 5px #fff;
	border:1px solid #c5c5c5;
	text-shadow:0 1px 0 #fff;
	zoom:1;
}
#global-nav ul li a:hover{
	color:#222;
	border:1px solid #ddd;
	border-top-color:#ccc;
	background:#f5f5f5;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.07), 0 1px 0px white;
	text-shadow:0 1px 1px white;
}

/* Left Navigation
-----------------------------------------------------------------------------------------------------------*/

.left-nav ul{
	padding:0;
	margin:0;
}
.left-nav ul li a{
	display:block;
	padding:10px 10px 10px 30px;
	color:#666;
	border-bottom:1px solid #ddd;
	text-decoration: none;
}
.left-nav ul li a:hover{
	background-color: #f9f9f9;
}
.left-nav ul li.selected a{
	font-weight:bold;
	background:#3393d1 url(../img/table-row-arrow-white.png) right no-repeat;
	color:white;
	margin-right:-1px;
	text-shadow:0 1px 0 #2177ae;
	padding-right:25px;
	-webkit-box-shadow:inset 0 1px 2px #2177ae;
	-moz-box-shadow:inset 0 1px 2px #2177ae;
	box-shadow:inset 0 1px 2px #2177ae;
}

/* Loader
-----------------------------------------------------------------------------------------------------------*/ 
.gb-load{
	background:transparent url(../img/gb-load.gif) 1px center no-repeat;
	padding-left:27px;
	overflow:visible;
}
.gb-loader{
	background:transparent url(../img/gb-load.gif) 1px center no-repeat;
	height:10px;
	overflow: visible;
}

/* Segmented Picker
-----------------------------------------------------------------------------------------------------------*/

.gui-segmented-picker{
	display:inline-block;
	position: relative;
}
.gui-segmented-picker a{
	display:block;
	float:left;
	background-color:white;
	padding:10px 15px;
	border:1px solid #ccc;
	border-right:1px solid #ddd;
	text-decoration: none;
	font-weight: bold;
	border-left:none;
	color:#666;
}
.gui-segmented-picker a:hover{
	color:black;
	background-color:#fffef5;
	-webkit-box-shadow:inset 0 0 5px #f9f5d3;
	-moz-box-shadow:inset 0 0 5px #f9f5d3;
	box-shadow:inset 0 0 5px #f9f5d3;
}
.gui-segmented-picker a.last{
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
.gui-segmented-picker a.first{
	border-left:1px solid #ccc;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
.gui-segmented-picker a.selected{
	background:#666;
	color:white;
	text-shadow:0 1px 0 #444;
	-webkit-box-shadow:inset 0 0 2px #444;
	-moz-box-shadow:inset 0 0 2px #444;
	box-shadow:inset 0 0 2px #444;
	border-color:#444 !important;
}


/* Image Nav
-----------------------------------------------------------------------------------------------------------*/

.image-nav{
	padding:0 20px;
	text-align:center;
}
.image-nav-inner{
	display:inline-block;
}
.image-nav a{
	float:left;
	display:block;
	text-align: center;
	padding:10px 0;
	border-right:1px solid #eee;
	cursor:pointer;
	text-decoration: none;
	position:relative;
}
.image-nav a:hover{
	background-color:#fffef5;
	-webkit-box-shadow:inset 0 0 5px #f9f5d3;
	-moz-box-shadow:inset 0 0 5px #f9f5d3;
	box-shadow:inset 0 0 5px #f9f5d3;
}
.image-nav a span{
	display:block;
	color:#666;
	font-weight:bold;	
}
.image-nav a img{
	height:45px;
	margin-bottom:10px;
}
.image-nav a.last{
	border-right:none;
}

.image-nav .new{
	position:absolute;
	top:0;
	right:3px;
	background:transparent url(../img/new-badge-small.png) left no-repeat;
	width:38px;
	height:23px;
	display:block;
}


/* Sticky Image Nav */

.image-nav.sticky{
	position:fixed;
	top:7px;
	width:1000px;
	left:50%;
	margin-left:-500px;
	z-index:9000;
	background-color:white;
	border:1px solid #ddd;
	border-bottom-color:#ccc;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	-webkit-box-shadow:0 2px 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 2px 1px rgba(0,0,0,.1);
	box-shadow:0 2px 1px rgba(0,0,0,.1);
	margin-bottom:0 !important;
}

/* Sub Navigation
-----------------------------------------------------------------------------------------------------------*/ 

#sub-nav{
	padding-top:0;
	padding-bottom:0;
	top:-23px;
	background: #f9f9f9;
	background-image: url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png), -webkit-gradient(linear, left top, left bottom, 
	 from(	 #fff), 
	 to(	 #f9f9f9));
	background-image: -moz-linear-gradient(-90deg,
	 #fff,
	 #f9f9f9);
	border:1px solid #ccc;
	border-radius: 3px;
	zoom:1;
	position: absolute;
	left:0;
	right:0;
	z-index:11;
}
#sub-nav ul{
	margin:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:-1px;
	zoom:1;
}
#sub-nav ul li{
	display:block;
	float:left;
	margin-right:30px;
}
#sub-nav ul li a{
	padding:10px 0;
	display:block;
	color:#888;
	text-decoration:none;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 100ms;
	border-bottom:1px solid #ccc;
	text-shadow:0 1px 0 white;
	-webkit-font-smoothing:antialiased;
}
#sub-nav ul li a:hover{
	color:#444;
	border-bottom-color:#ccc;
}
#sub-nav ul li.selected a{
	background-color:transparent;
	color:#444;
	font-weight:bold;
	border-bottom-color: #444;

	 
}

#sub-nav span.arrow{
	display:block;
	width:22px;
	height:11px;
	position:absolute;
	background:transparent url(../img/sub-nav-arrow.png) left no-repeat;
	top:-11px;
}

#sub-nav.dark span.arrow{
	background-image:url(../img/sub-nav-arrow-dark.png);
}
#sub-nav.dark span.arrow.light{
	background-image:url(../img/sub-nav-arrow-light-gray.png);
}
#sub-nav.dark{
	background-image: url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png), -webkit-gradient(linear, left top, left bottom, 
	 from(	 #ddd), 
	 to(	 #ccc));
	background-color:#ddd;
	background-image: url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png), -moz-linear-gradient(-90deg,
	 #ddd,
	 #ccc);
	border-color:#ccc;
	border-bottom-color:#bbb;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
	box-shadow:0 1px 1px rgba(0,0,0,.1);
}
#sub-nav.dark ul li a{
	color:#666;
	border-bottom-color:transparent;
	text-shadow: 0 1px 0 #eee;
	padding:5px 10px;
	margin-top:5px;
	margin-bottom:5px;
}
#sub-nav.dark ul li.first,
#sub-nav.dark ul li.first a{
	margin-left:0;
	padding-left:0;
}
#sub-nav.dark ul li{
	margin-right:10px;
}
#sub-nav.dark ul li.selected a{
	color:#333;
	background:#bbb;
	border-bottom-color:transparent;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-shadow:0 1px 0 #d5d5d5;
	box-shadow:inset 0 1px 0 #aaa, 0 1px 0 rgba(255,255,255,.2);
}
#sub-nav.dark ul li.first.selected a{
	padding-left:10px;
}
#sub-nav.dark ul li a:hover{
	color:#111;
}

/* Member Box
-----------------------------------------------------------------------------------------------------------*/ 

#top-pane{
	z-index:10000;
}

#member-box{
	display:inline-block;
	zoom:1;
	position:absolute;
	top:0;
	right:0;
	left: auto;
	text-align: right;
}
#member-box-content{
	background-color:white;
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	padding:10px;
	display:none;
	text-align: left;
}

#member-box-trigger{
	display:inline-block;
}
#member-box-trigger a{
	display:block;
	padding:5px 10px;
	color:#666;
	text-decoration:none;
	font-size:11px;
	font-weight: bold;
	border:1px solid #ccc;
	border-top:0;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	opacity:.5;
	background: white url(../img/member-box-arrow.png) 5px 5px no-repeat;
	padding-left:20px;
}
#member-box-trigger a:hover{
	opacity:1;
}

#member-box.open{
	z-index:10001;
}
#member-box.open #member-box-content{
	display:block;
	position:relative;
	top:-1px;
	z-index:10000;
	-webkit-border-radius: 3px 0 3px 3px;
	-moz-border-radius: 3px 0 3px 3px;
	border-radius: 3px 0 3px 3px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
	box-shadow:0 1px 1px rgba(0,0,0,.1);
	zoom:1;
}
#member-box.open #member-box-trigger{

}
#member-box.open #member-box-trigger a{
	border-bottom-color:#666;
	background: #666 url(../img/member-box-arrow.png) 5px -26px no-repeat;
	color:white;
	opacity:1;
	-webkit-border-radius:0 0 0 0;
	-moz-border-radius:0 0 0 0;
	border-radius:0 0 0 0;
}

#member-box-content .button-holder{
	background-color:#f5f5f5;
	margin:10px -10px -10px -10px;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	display:block;
	zoom:1;
}
#member-box-content a{
	color:#666;
}
#member-box-content .button-holder a.button.last{
	margin-right:0;
}
#member-box-content .button-holder a.button{
	margin-right:5px;
}

#member-box table{
	width:200px !important;
}
#member-box .label{
	width:20%;
}
#member-box .field{
	width:80%;
}
#member-box .field input{

}

#forgot a{
	font-size:10px;
}

.dark-shadow{
	box-shadow:0 2px 2px rgba(0,0,0,.2), inset 0 -1px 0px rgba(255,255,255,.3) !important;
}


/* Gradients
-----------------------------------------------------------------------------------------------------------*/

.light-gradient{
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#fafafa), color-stop(80%, white));
	background-image: -moz-linear-gradient(top, #fff, #fff 90%, #fafafa 100%); 
	box-shadow:inset 0 -1px 1px white;
	border-bottom:1px solid rgba(0,0,0,.1);
}

.med-gradient{
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f5f5f5));
	background: -moz-linear-gradient(top, #fff, #f5f5f5 100%); 
	box-shadow:inset 0 -1px 1px white;
	border-bottom:1px solid rgba(0,0,0,.1);
}


/* Input Styles
-----------------------------------------------------------------------------------------------------------*/

input,
textarea{
	font-size:15px;
	background-color:white;
	border:1px solid #ccc;
	padding:3px;
	outline:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	zoom:1;
	font-family: /*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif;
}
input:focus,
textarea:focus{
	border-color:#aaa;
	background-color:#fffef5;
	-webkit-box-shadow:inset 0 0 5px #f9f5d3, 0 1px 1px rgba(0,0,0,.08);
	-moz-box-shadow:inset 0 0 5px #f9f5d3, 0 1px 1px rgba(0,0,0,.08);
	box-shadow:inset 0 0 5px #f9f5d3, 0 1px 1px rgba(0,0,0,.08);
}

select{
	font-size:12px;
}

label{
	font-size:12px;
	color:#666;
}

.form-table, .form-table table{
	zoom:1;
	width:auto;
	overflow:visible;
}

.form-table tr td{
	padding:3px 8px 3px 0;
}
.form-table input,
.form-table textarea{
	width:100%;
}
.form-table textarea{
	height:100px;
}
.form-table td.label{
	text-align:right;
}
.form-table td.submit{
	text-align:right;
	padding-right:0;
}
.form-table.large label{
	font-size:14px;
	display: block;
	margin-top: 5px;
	font-weight:bold;
}
.form-table.large{
	width:70%;
}
.form-table.large td.label{
	width:20%;
}
.form-table.large input{
	padding:5px;
	width:400px;
	font-size:14px;
}
.form-table.large textarea{
	font-size:14px;
	padding:5px;
	width:500px;
}
.form-table.large td{
	padding-bottom:20px;
	vertical-align: top;
}

input.placeholder,
textarea.placeholder{
	color:#aaa;
}

.error{
	color:red !Important;
}

input.split{
	width:200px !important;
}

.form-split input{
	width:190px !important;
}
.form-split.right input{
	float:right;
}

.form-split{
	float:left;
	width:205px;
	position:relative;
}


/* Social Buttons
-----------------------------------------------------------------------------------------------------------*/ 

.social-buttons{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	padding-top:12px;
	padding-left:20px;
}
#sub-nav.dark .social-buttons{
	background: #e7e7e7;
	background:rgba(255,255,255,.3);
	border-left:1px solid #d5d5d5;
}
.twitter-follow-button{
	
}

/* Sprite Image
-----------------------------------------------------------------------------------------------------------*/ 

i.sprite{
	display:inline-block;
	text-indent:-9999px;
	zoom:1;
	float:left;
}

i.partners{
	background:transparent url(../img/partners/partners_sprite.png) left top no-repeat;
}
i.partners.pax{
	background-position: left -133px;
	width:85px;
	height:50px;
	position: relative;
	top:3px;
}
i.partners.ubuntu{
	width:120px;
	height:35px;
	background-position: left -39px;
	position:relative;
	top:8px;
}
i.partners.wired{
	width:133px;
	height:27px;
	background-position: left top;
	position: relative;
	top:8px;
}
i.partners.mit{
	width:134px;
	height:33px;
	background-position: left -194px;
	position: relative;
	top:7px;
}
i.partners.usc{
	width:75px;
	height:44px;
	background-position: -6px -85px;
}
i.partners.fb{
	width:134px;
	height:45px;
	background-position: left -295px;
}
i.partners.github{
	width:83px;
	height:40px;
	background-position: left -245px;
}
i.partners.amex{
	width:46px;
	height:44px;
	background-position: left -493px;
}
i.partners.fanexpo{
	width:117px;
	height:44px;
	background-position: left -352px;
}
i.partners.pycon{
	width:107px;
	height:44px;
	background-position: left -440px;
}
i.partners.gamestop{
	width:119px;
	height:29px;
	background-position: left -402px;
	position: relative;
	top:8px;
}
i.partners.creighton{
	width:103px;
	height:44px;
	background-position: left -548px;
}



/* Hero
-----------------------------------------------------------------------------------------------------------*/ 

#hero{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}
#hero .tagline{
	
}
#hero .tagline p{
	line-height:1.2em;
}

.item-hero{
	position:relative;
}

.item-hero .border{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:5px;
	border:1px solid rgba(0,0,0,.2);
}

/* Hero 1 */

#hero .hero-1{
	background:#3393d0 url(../img/heroes/home-hero.png) center center no-repeat;
	min-height:350px;
	zoom:1;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
}
#hero .hero-1 .tagline{
	font-size:2.3em;
	width:360px;
	position:absolute;
	top:20px;
	font-family: 'Varela', sans-serif;
	line-height:1.2em !important;
	text-shadow:0 1px 2px #1a72a8;
	letter-spacing: -1px;
}
#hero .hero-1 .tagline .highlight{
	color:#b9e5ff;
	text-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
}
.hero-button,
.button-large{
	font-size:20px !important;
	-webkit-box-shadow: 0 1px 2px #1a72a8;
	-moz-box-shadow: 0 1px 2px #1a72a8;
	box-shadow: 0 1px 2px #1a72a8;
	font-weight:normal !important;
	padding:5px 15px !important;
	background-position: left -352px !important;
}
.button-large{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.hero-button.button-yellow,
.button-large.button-yellow{
	background-position: top left !important;
	border-radius:5px;
	border-width:4px;
	box-shadow:0 2px 2px rgba(0,0,0,.2) !important;
	position:relative;
	top:10px;
	border-color:#faf396;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f8eb64), to(#efd048));
	background-image: -moz-linear-gradient(top, #f8eb64, #efd048);
}
.hero-button.button-yellow .arrow,
.button-large.button-yellow .arrow{
	font-family: 'times new roman' !important;
	font-size: .8em !important;
	line-height: 0;
	display: inline;
	margin-bottom: 9px;
	margin-left: 5px;
	color: #B67800;
}
.hero-button.button-yellow:hover{
	border-color:rgba(255,255,255,.5);
}
.hero-button.button-yellow:active{
	box-shadow:inset 0 5px 5px rgba(0,0,0,.05) !important;
	top:11px;
}

.item-hero{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.item-hero h2.dark{
	background:transparent url(../img/heroes/dark-pixel.png) left top repeat;
	color:white;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:200px;
	margin-bottom:-10px;
	text-shadow:0 2px 0 rgba(0,0,0,.2);
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-top:1px solid rgba(0,0,0,.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}

.hero-1 .hero-button{
	-webkit-box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
	-moz-box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
	box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
}

/* Hero 2 */

#hero .hero-2{
	background: #444 url(../img/heroes/search.png) 370px -20px no-repeat;
	min-height:350px;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.8), 0 2px 1px rgba(0,0,0,.2) !important;
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.8), 0 2px 1px rgba(0,0,0,.2) !important;
	box-shadow:inset 0 0 1px rgba(0,0,0,.8), 0 2px 1px rgba(0,0,0,.2) !important;
	zoom:1;
}
#hero .hero-2 .tagline{
	font-size:2.13em;
	width:450px;
	position:relative;
	top:-10px;
	font-family: 'Varela', sans-serif;
	line-height:1.2em;
	text-shadow:0 1px 2px #000;
	letter-spacing: -1px;
}
#hero .hero-2 h2{
	font-size:60px;
	line-height: 70px;
	font-weight:normal;
}

#hero .hero-2 .hero-button{
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#hero .hero-2 p{
	color:#ccc;
	margin-bottom:20px;
}

#hero .sub-button a,
.home-full .sub-button a{
	color:#004672;
	text-shadow:0 1px 0 rgba(255,255,255,.2);
	text-decoration:none;
	font-family:/*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif;
}
#hero .sub-button a:hover,
.home-full .sub-button a:hover{
	text-decoration:underline;
}

/* Hero 3 */

#hero .hero-3{
	background:#3393d0 url(../img/heroes/home-hero-2.png) 0px -50px no-repeat;
	min-height:500px;
	zoom:1;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
}

.hero-3 .hero-button{
	-webkit-box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
	-moz-box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
	box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
}
#hero .hero-3 .tagline{
	font-size:4em;
	width:500px;
	position:absolute;
	top:35px;
	font-family: 'Varela', "Helvetica", sans-serif;
	line-height:1.2em !important;
	text-shadow:0 1px 2px #1a72a8;
	letter-spacing: -1px;
}
#hero .hero-3 .tagline .hero-button{
	line-height:1.5em;
}
#hero .hero-3 .tagline .highlight{
	color:#6fd9f9;
}

/* Events */

.hero-events{
	background:#3393d0 url(../img/heroes/events-hero.png) center -30px no-repeat;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5);
	box-shadow:inset 0 0 10px rgba(0,0,0,.5);
}

/* Anime */

.hero-anime{
	background:white url(../img/heroes/anime_hero.png) center -20px no-repeat;
}

/* Academic */

.hero-academic{
	background:white url(../img/heroes/academic-hero.png) center -20px no-repeat;
}

/* Conventions */

.hero-conventions{
	background:white url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/events/conventions/images/background.png) center -20px no-repeat;
	background-size:110% 110%;
	padding-bottom:0;
	margin-top:-25px;
	position:relative;
	box-shadow: 0 0 1px rgba(0,0,0,.8), 0 2px 2px rgba(0,0,0,.2), inset 0 10px 2px rgba(0,0,0,.2), inset 0 7px 0px rgba(0,0,0,.12) !important;
	overflow:hidden;
	border-radius:0 0 5px 5px;
	width:978px;
	margin-left:1px;
}
.hero-conventions .item-inner{
	margin:0;
	padding:0;
}
.hero-conventions img{
	display:block;
	padding:20px 20px 0 20px;
	-webkit-transition-property: -webkit-transform,opacity;
	-moz-transition-property: -moz-transform,opacity;
	-webkit-transition-duration: 700ms,400ms;
	-moz-transition-duration: 700ms,400ms;
	position:relative;
	bottom:-20px;
	opacity:0;
}

.hero-conventions img.in{
	opacity: 1;
	-webkit-transform: translate(0px, -20px);
	-moz-transform: translate(0px, -20px);
}


.hero-conventions .bubble{
	position:absolute;
	background-color:#42a0d9;
	left:450px;
	right:40px;
	top:40px;
	border-radius:5px;
	box-shadow:0 3px 3px rgba(0,0,0,.2), 0 1px 1px	 rgba(0,0,0,.3);
}
.hero-conventions .bubble .stem{
	width:52px;
	height:56px;
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/events/conventions/images/stem.png) left top no-repeat;
	position:absolute;
	left:-52px;
	top:50px;
}
.hero-conventions .bubble p{
	color:white;
	font-size:2.5em;
	font-weight:bold;
	line-height:1.2;
	font-family: 'Varela', "Helvetica", sans-serif;
	padding:30px 30px 0 50px;
}
.hero-conventions .bubble h5{
	padding:20px 30px 30px 50px;
}

/* Comm center */

.hero-cc{
	background:white url(../img/heroes/community_hero.png) center -20px no-repeat;
}

/* Comm center */

.hero-usc{
	background:white url(../img/heroes/usc-hero.png) center -20px no-repeat;
}

.hero-orientations{
	background:white url(../img/heroes/orientation.png) -80px -50px no-repeat;
}

.hero-academic-events{
	background:white url(../img/heroes/academic-events.png) -90px -50px no-repeat;
}

.hero-academic-events .item-inner{
	padding-left:0;
	padding-right:250px;
	position:relative;
	z-index:10;
}
.hero-academic-events .item-inner ul{
	list-style:disc !important;
	margin-left:20px;
	background-color:rgba(0,0,0,.5);
	padding:20px 20px 20px 30px;
	display:inline-block;
	border-radius:5px;
	margin-bottom:20px;
}
.hero-academic-events .item-inner ul li{
	color:white;
	font-size:16px;
	list-style:disc !important;
	text-shadow:0 1px 3px rgba(0,0,0,.7);
}
.hero-academic-events h2{
	text-align:left;
	color:white;
	text-shadow:0 1px 3px rgba(0,0,0,.7);
	font-size:24px !important;
}

.hero-orientations .item-inner{
	padding-left:250px;
	position:relative;
	z-index:10;
}

.hero-orientations h2{
	text-align:left;
	color:white;
	text-shadow:0 1px 1px rgba(0,0,0,.5);
}

.hero-orientations a.button{
	margin-left:20px;
}

/* Company */

.hero-company{
	background:white url(../img/heroes/company-1.jpg) center -20px no-repeat;
	height:520px;
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
	box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
}

.hero-company-2{
	background:white url(../img/heroes/company-2.jpg) center -80px no-repeat;
}
.hero-company-3{
	background:white url(../img/heroes/company-3.jpg) center -100px no-repeat;
}
.hero-company-4{
	background:white url(../img/heroes/company-4.jpg) center -100px no-repeat;
}
.hero-company-5{
	background:white url(../img/heroes/company-5.jpg) center center no-repeat;
}

/* Hero with Dock */

#hero.with-dock,
.hero.with-dock{
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
#hero.with-dock .item,
.hero.with-dock .item{
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	margin-bottom:0;
}

.hero-docked{
	border-radius:0 0 5px 5px;
	background-color:#eee;
	margin-bottom:20px;
}


/* Full Screen Hero */

.hero.full-screen{
	width:100%;
	height:400px;
	background-color:#edf5ff;
	margin-top:-41px;
	position:relative;
	overflow:hidden;
	zoom:1;
}

.hero.full-screen .border-top,
.hero.full-screen .border-bottom{
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:1px;
	background-color:rgba(0,0,0,.1);
	z-index:10;
}
.hero.full-screen .border-bottom{
	top:auto;
	bottom:0;
}

.hero.full-screen .call-out{
	float:right;
	margin-right:200px;
	margin-top:100px;
	width:575px;
	z-index:11;
}

.hero.full-screen .call-out .call-out-links{
	background-color:rgba(0,0,0,.6);
	padding:10px;
	border-radius:5px;
	margin-top:10px;
	color:#ccc;
	text-shadow:0 1px 1px rgba(0,0,0,.5);
	display:block;
	display:inline-block;
}

.hero.full-screen .call-out .call-out-links a{
	color:#eee;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #eee;
	border-bottom-color:rgba(255,255,255,.5);
}
.hero.full-screen .call-out .call-out-links a:hover{
	color:white;
}

.hero.full-screen h2{
	font-size:2.7em;
	font-weight:bold;
	color:white;
	text-shadow:0 2px 2px rgba(0,0,0,.5);
	font-family: 'Varela', sans-serif;
}

.hero.full-screen h3{
	font-size:1.4em;

	color:white;
	line-height:1.3;
	text-shadow:0 2px 2px rgba(0,0,0,.5);
	font-weight:normal;
}

/* Schools Full Screen */

.edu-full{
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/heroes/schools-full.png) -40px -150px no-repeat;
	position:absolute;
	width:1275px;
	top:0;
	bottom:0;
	left:50%;
	margin-left:-637px;
	box-shadow:inset 0 0 5px rgba(0,0,0,.3);
}

.edu-full .phone{
	position:relative;
	bottom:-50px;
	left:50px;
	width:441px;
	opacity:1;
	-webkit-transition-property: -webkit-transform,opacity;
	-moz-transition-property: -moz-transform,opacity;
	-webkit-transition-duration: 700ms,400ms;
	-moz-transition-duration: 700ms,400ms;
}

.edu-full .phone.in{
	opacity: 1;
	-webkit-transform: translate(20px, 0px);
	-moz-transform: translate(20px, 0px);
}

.edu-section .edu-section-icon{
	opacity:.6;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-webkit-transition-duration: 200ms, 200ms;
	-moz-transition-duration: 200ms, 200ms;
	-webkit-transform:scale(.97);
	-moz-transform:scale(.97);
}

.edu-section:hover .edu-section-icon{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
}


/* Enterprise full screen */

.ent-full{
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/enterprise/images/enterprise-hero.png) 0 -40px no-repeat;
	position:absolute;
	width:1275px;
	top:0;
	bottom:0;
	left:50%;
	margin-left:-637px;
	box-shadow:inset 0 0 5px rgba(0,0,0,.3);
}

.ent-full .phone{
	position:relative;
	bottom:-50px;
	left:60px;
	width:441px;
	opacity:1;
	-webkit-transition-property: -webkit-transform,opacity;
	-moz-transition-property: -moz-transform,opacity;
	-webkit-transition-duration: 700ms,400ms;
	-moz-transition-duration: 700ms,400ms;
}
.ent-full .phone.in{
	-webkit-transform: translate(20px, 0px);
	-moz-transform: translate(20px, 0px);
}

.ent-full .call-out{
	background:rgba(255,255,255,.3);
	padding:30px;
	margin-right:150px !important;
	border-radius:5px;
	margin-top:80px !important;
	box-shadow:0 0 20px rgba(0,0,0,.1);
}

.hero.full-screen .ent-full h2{
	color:#222;
	text-shadow:0 1px 1px rgba(255,255,255, .5);
}
.hero.full-screen .ent-full h3{
	color:#444;
	text-shadow:0 1px 1px rgba(255,255,255, .5);
}

/* Home Fullscreen 2.0 */

.home-full{
	background:#3393D0 url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/home/images/hero-back.png) left top repeat;
	background-size:100% 100%;
	position:absolute;
	width:100%;
	top:0;
	bottom:0;
}

.home-full .tagline{
	font-size: 4em;
	width: 500px;
	position: absolute;
	top:60px;
	left:500px;
	font-family: 'Varela', "Helvetica", sans-serif;
	line-height: 1.2em !important;
	text-shadow: 0 1px 2px #1A72A8;
	letter-spacing: -1px;
	color:white;
	z-index:10;
}

.home-full .tagline p{
	opacity:0;
}

.home-full .tagline .highlight,
.test-div{
	color: #6FD9F9;
	font-family: 'Varela', "Helvetica", sans-serif;
	line-height: 1.2em !important;
	text-shadow: 0 1px 2px #1A72A8;
	letter-spacing: -1px;
	-webkit-transition-property: width;
	-webkit-transition-duration: 700ms;
	-moz-transition-property: width;
	-moz-transition-duration: 700ms;
	display:inline-block;
}
.home-full .hero-content{
	width:1000px;
	position:relative;
	margin:0 auto;
}
.test-div{
	display:none;
	font-size: 4em;
}

.home-full .hero-button{
	-webkit-box-shadow: 0 1px 2px #1A72A8, 0 0 25px rgba(255, 215, 9, .5);
	-moz-box-shadow: 0 1px 2px #1a72a8, 0 0 25px rgba(255,215,9,.5);
	box-shadow: 0 1px 2px #1A72A8, 0 0 25px rgba(255, 215, 9, .5);
	line-height: 1.5em;
	font-size: .5em !important;
}

.home-full img{
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-moz-backface-visibility: hidden;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-ms-backface-visibility: hidden;
	-o-animation-duration: .8s;
	-o-animation-delay: .1s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	-o-backface-visibility: hidden;
	animation-duration: .8s;
	animation-delay: .1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	backface-visibility: hidden;
}
.home-full p{
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-moz-backface-visibility: hidden;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-ms-backface-visibility: hidden;
	-o-animation-duration: .8s;
	-o-animation-delay: .1s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	-o-backface-visibility: hidden;
	animation-duration: .8s;
	animation-delay: .1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	backface-visibility: hidden;
}

#home-phone{
	position:absolute;
	top:20px;
	left:100px;
	z-index:1;
}
#home-phone img{
	position:absolute;
	left:0;
	top:0;
}

#home-phone #iphone-2{
	top:-50px;
}

#home-phone-android #android-2{
	top:-100px;
}
#home-phone #iphone-3{
	top:-100px;
}

#home-phone-android #android-3{
	top:-200px;
}

#home-phone-android{
	position:absolute;
	left:-150px;
	top:40px;
}
#home-phone-android img{
	position:absolute;
	left:0;
	top:0;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-delay: .4s;
}

.home-full .phone img{
	opacity:0;
}
.hero.home .border-bottom{
	box-shadow: 0 0px 3px rgba(0, 0, 0, .2);
}


/* Generic Animations
-----------------------------------------------------------------------------------------------------------*/

.slide-from-left{
	-webkit-animation-name: slideFromLeft;
	-moz-animation-name: slideFromLeft;
	-ms-animation-name: slideFromLeft;
	-o-animation-name: slideFromLeft;
	animation-name: slideFromLeft;
}
@-webkit-keyframes slideFromLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px) translateY(10px) rotate(-2deg);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0deg);
	}
}

@-moz-keyframes slideFromLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px) translateY(10px) rotate(-2deg);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0) rotate(0deg);
	}
}

@-ms-keyframes slideFromLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px) translateY(10px) rotate(-2deg);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0) rotate(0deg);
	}
}

@-o-keyframes slideFromLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px) translateY(10px) rotate(-2deg);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0) rotate(0deg);
	}
}

@keyframes slideFromLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px) translateY(10px) rotate(-2deg);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0) rotate(0deg);
	}
}


.slide-from-left-top{
	-webkit-animation-name: slideFromLeftTop;
	-moz-animation-name: slideFromLeftTop;
	-ms-animation-name: slideFromLeftTop;
	-o-animation-name: slideFromLeftTop;
	animation-name: slideFromLeftTop;
}
@-webkit-keyframes slideFromLeftTop {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px) translateY(-10px) rotate(3deg);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(1deg);
	}
}

@-moz-keyframes slideFromLeftTop {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px) translateY(-10px) rotate(-3deg);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0) rotate(1deg);
	}
}

@-ms-keyframes slideFromLeftTop {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px) translateY(-10px) rotate(-3deg);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0) rotate(1deg);
	}
}

@-o-keyframes slideFromLeftTop {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px) translateY(-10px) rotate(-3deg);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0) rotate(1deg);
	}
}

@keyframes slideFromLeftTop {
	0% {
		opacity: 0;
		transform: translateX(-100px) translateY(-10px) rotate(-3deg);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0) rotate(1deg);
	}
}


.slide-out-right{
	-webkit-animation-name: slideOutRight;
	-moz-animation-name: slideOutRight;
	-ms-animation-name: slideOutRight;
	-o-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}
	
	50%{
		opacity:0;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(100px) rotate(0deg) translateY(-10px);
	}
}

@-moz-keyframes slideOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}
	
	50%{
		opacity:0;
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(100px) rotate(0deg) translateY(-10px);
	}
}

@-ms-keyframes slideOutRight {
	0% {
		opacity: 1;
		-ms-transform: translateX(0px) rotate(0deg);
	}
	
	50%{
		opacity:0;
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(100px) rotate(0deg) translateY(-10px);
	}
}

@-o-keyframes slideOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}
	
	50%{
		opacity:0;
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(100px) rotate(0deg) translateY(-10px);
	}
}

@keyframes slideOutRight {
	0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}
	
	50%{
		opacity:0;
	}
	
	100% {
		opacity: 0;
		transform: translateX(100px) rotate(0deg) translateY(-10px);
	}
}


.fade-in{
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.98);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.98);
	}
	
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-transform: scale(.98);
	}
	
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
		-o-transform: scale(.98);
	}
	
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: scale(.98);
	}
	
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* Banners
-----------------------------------------------------------------------------------------------------------*/

.banner{
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/banner-bgd.png) left top repeat;
	padding:20px;
	border-radius:5px;
	display:block;
	text-decoration:none;
}

.banner h3{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:5px;
}


/* White Paper */

.banner.white-paper{
	box-shadow:inset 0 0 5px rgba(24, 88, 15, .75);
}
.banner.white-paper:hover{
	box-shadow:inset 0 0 10px rgba(0, 0, 0, .5);
}
.banner.white-paper:hover h3{
	text-decoration:underline;
}


.banner.white-paper .icon{
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/white-paper-icon.png) left top no-repeat;
	width:89px;
	height:86px;
	float:left;
	margin-right:20px;
}

.banner.white-paper h3{
	color:white;
	text-shadow:0 1px 1px #218717;
	-webkit-font-smoothing:antialiased;
}
.banner.white-paper p{
	color:#d3ffcb;
	-webkit-font-smoothing:antialiased;
}




/* GBUI Alert
-----------------------------------------------------------------------------------------------------------*/ 

.gui-alert{
	position:fixed;
	z-index:9999;
	background-color:#444;
	color:white;
	width:400px;
	top:0;
	left:50%;
	margin-left:-200px;
	font-size:24px;
	font-weight:bold;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	top:400px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);
	box-shadow:0 2px 3px rgba(0,0,0,.2);
	border:5px solid white;
	text-shadow:0 0 1px black;
}
.gui-alert p{
	padding:50px;
}

/* Rotating content with paging
-----------------------------------------------------------------------------------------------------------*/ 

.item-rotate{
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
}
#hero{
	position:relative;
}

.paging-navigation{
	position:absolute;
	bottom: 20px;
	right: 10px;
}
.paging-navigation a{
	display:block;
	float:left;
	background-color:white;
	padding:0px 10px;
	border:1px solid #ccc;
	border-left:0;
	border-right:1px solid #ddd;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
	box-shadow:0 1px 1px rgba(0,0,0,.1);
	font-size:18px;
	color:#ccc;
	cursor:pointer;
}
.paging-navigation a:hover{
	background-color:#fffef5;
	-webkit-box-shadow:inset 0 0 5px #f9f5d3;
	color:#333;
}
.paging-navigation a.selected, .paging-navgiation a.selected:hover{
	color:#333;
	background-color:white;
	cursor: default;
}
.paging-navigation a:first-child{
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border-left:1px solid #ccc;
}
.paging-navigation a:last-child{
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border-right-color:#ccc;
}

/* Buttons
-----------------------------------------------------------------------------------------------------------*/ 

.button{
	background: #70a135 url(../img/button_backgrounds.png) left -87px repeat-x;
	border:1px solid #6fa135;
	text-shadow: 0 -1px 0 #5a8626;
	color: white !important;
	padding:10px 15px;
	font-size:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	font-weight:bold;
	display: inline-block;
	-webkit-transition: none !important;
	cursor: pointer;
	line-height:1.2;
}
.button-small{
	font-size:13px;
	padding:5px 8px;
}

.button:hover{
	background: #89c148;
	background-image: none;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.15);
	box-shadow:0 1px 2px rgba(0,0,0,.15);
	border-color: #6ca32a;
}

.button-gray{
	background: #e5e5e5 url(../img/button_backgrounds.png) left -44px repeat-x;
	text-shadow:0 1px 0 #fff;
	color:#666 !important;
	border:1px solid #ccc; 
}

.button-gray:hover{	
	background-image: none;
	background:#eee;
	border-color:#bbb;
}


.button-blue,
.button-blue[disabled]{
	color: white;
	text-shadow: 0 -1px 0 #2e88bf;
	border-color: #3F9AD1;
	background: #64a1d9 url(../img/button_backgrounds.png) left top repeat-x;
	cursor: pointer;
}

.button-blue:hover{
	background-image:none;
	background-color:#69bcee;
	color:white;
	border-color:#3F9AD1;
}

.button-yellow{
	color: #333 !important;
	text-shadow: 0 1px 0 #ffeb63 !important;
	border-color: #ffb129;
	background: #efd048 url(../img/button_backgrounds.png) left -131px repeat-x;
	cursor: pointer;
}
.button-yellow:hover{
	background: #ffed65;
	background-image: none;
	border-color: #ffb129;
}

.button-holder .button{
	margin-right:5px;
}


.button-small-white{
	padding:5px;
	color:#222 !important;
	background: white;
	font-size:11px !important;
	font-weight:bold;
	border:1px solid #ccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
	box-shadow:0 1px 1px rgba(0,0,0,.1);
	opacity:.7;
	display:inline-block;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family:/*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif !important;
	letter-spacing:0 !important;
}
.button-small-white .arrow{
	color:#999;
	font-family:"Times New Roman";
}
.button-small-white:hover{
	opacity:1;
	background-color:#f9f9f9;
}

.wide-button{
	display:block;
	background-color:#f9f9f9;
	color:#666;
	text-decoration:none;
	font-size:24px;
	margin-top:10px;
	padding:20px;
	text-align: center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ddd;
	font-weight:bold;
}
.wide-button:hover{
	background-color:#eee;
	color:#333;
	border-color:#ccc;
}

.button[disabled],
.button[disabled]:hover,
.button.disabled{
	opacity:.5;
	cursor: default;
}

.button-blue.disabled{
	color:white !important;
}

.button .arrow{
	font-family:"Times New Roman";
	font-weight:bold;
	margin-left:5px;
	font-size:12px;
}

/* Light Blue Button */

.button.light-blue{
	background-color:#65bde9;
	background-image:none;
	border-color:#2e88bf;
	text-shadow:0 1px 0 #2e88bf;
	box-shadow:inset 0 1px 1px rgba(255,255,255,.2);
}

.button.light-blue:hover{
	box-shadow:inset 0 1px 1px rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);
	background-color:#7fcaf0;
}



/* Focus Images
-----------------------------------------------------------------------------------------------------------*/ 

.focus-image{
	min-height:100px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0 20px 20px 20px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.focus-image.eccc{
	background: transparent url(../img/case-studies/eccc/sidebar.png) -5px -20px no-repeat;
}

.focus-image.usc{
	background: transparent url(../img/case-studies/usc/sidebar.png) -5px -20px no-repeat;
}

.focus-image.jcc{
	background: transparent url(../img/case-studies/jcc/sidebar.png) -5px -45px no-repeat;
	min-height:150px;
}

.focus-image.creighton{
	background:white url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/edu/images/creighton-logo.png) center center no-repeat;
	min-height:100px;
}
.focus-image.mit{
	background:white url(//s3.amazonaws.com/media.guidebook.com/static/corp/segments/edu/images/mit-logo.png) center center no-repeat;
	min-height:100px;
}

/* Tabs
-----------------------------------------------------------------------------------------------------------*/ 
.gui-tabs-holder{
	position: relative;
}
.vertical .gui-tab-navigation, 
.horizontal .gui-tab-navigation{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	border-right:1px solid #ddd;
	width:25%;
	background:#eee;
	background: -webkit-gradient(linear, left top, right top, from(#eee), to(#e5e5e5), color-stop(90%, #eee));
	background-image: -moz-linear-gradient(left, #eee, #eee 90%, #e5e5e5 100%); 
}

.vertical .gui-tab, .vertical .gui-tab-heading{
	padding:10px 25px 10px 30px;
	color:#666;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	-webkit-font-smoothing:antialiased;
}
.vertical .gui-tab-heading,
.horizontal .gui-tab-heading{
	text-transform: uppercase;
	font-size:12px;
	color:#999;
	cursor:default;
	font-family: 'Varela', sans-serif;
	padding-left:30px;
	-webkit-font-smoothing:antialiased;
}
.vertical .gui-tab.selected{
	font-weight:bold;
	background:#42a0d9 url(../img/table-row-arrow-white.png) right no-repeat;
	color:white;
	margin-right:-1px;
	text-shadow:0 1px 0 #2177ae;
	padding-right:25px;
	-webkit-box-shadow:inset 0 1px 2px #2177ae;
	-moz-box-shadow:inset 0 1px 2px #2177ae;
	box-shadow:inset 0 1px 2px #2177ae;
}
.vertical .gui-tab-container{
	margin-left:26%;
}

.horizontal .gui-tab-navigation{
	position:relative;
	border-bottom:1px solid #ddd;
	border-right:none;
	width:auto;
	background:#eee;
	background: -webkit-gradient(linear, left top, left bottom , from(#eee), to(#e5e5e5), color-stop(90%, #eee));
	background: -moz-linear-gradient(top, #6CBBEB, #51ABE2);
	padding-left:20px;
	margin-top:-10px;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:10px;
}

.horizontal .gui-tab, .horizontal .gui-tab-heading{
	color:#666;
	cursor:pointer;
	float:left;
	padding:15px;
	border-right:1px solid #ddd;
	display:block;
	-webkit-font-smoothing:antialiased;
}
.gui-tab:hover{
	background-color:rgba(255,255,255,.45);
}
.horizontal .gui-tab-heading{
	color:#999;
	position:relative;
	top:1px;
}
.horizontal .gui-tab.selected{
	font-weight:bold;
	background:#3393d1;
	color:white;
	text-shadow:0 1px 0 #2177ae;
	padding-left:15px;
	margin-bottom:-1px;
}
.horizontal .gui-tab-heading,
.vertical .gui-tab-heading{
	cursor:default;
}


/* @theme White Grid */

.theme-white-grid{
	border-radius:5px;
}

.theme-white-grid .gui-tab-navigation{
	border:none;
	background:white;
	bottom:auto;
	border:1px solid rgba(0,0,0,.1);
	background-image:none;
	margin:10px;
	border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,.07);
}

.ie8 .theme-white-grid .gui-tab-navigation{
	border:1px solid #ccc;
}

.theme-white-grid .gui-tab,
.theme-white-grid .gui-tab-heading{
	background-color:transparent;
	border:none;
	
}	

.theme-white-grid .gui-tab-container{
	margin-left:27.8%;
	background:none;
	border:none !important;
	box-shadow:none;
}

.theme-white-grid .gui-tab:last-child{
	border-radius:0 0 5px 5px;
}

.theme-white-grid .gui-tab.selected{
	background-color:#777;
	text-shadow:0 1px 1px #555;
	background-image: url(//s3.amazonaws.com/media.guidebook.com/static/images/noise.png), -webkit-gradient(linear, left top, left bottom, 
	 from(	 #777), 
	 to(	 #555));
	background-image: -moz-linear-gradient(-90deg,
	 #777,
	 #555);
	box-shadow:inset 0 0 5px rgba(0,0,0,.5);
}

/* @theme segmented picker

/* Segmented Picker
-----------------------------------------------------------------------------------------------------------*/

.theme-segmented-picker .gui-tab-navigation{
	border:none;
	background:transparent;
	background-image:none;
}

.theme-segmented-picker .gui-tab,
.theme-segmented-picker .gui-tab-heading{
	border:none;
}

.theme-segmented-picker .gui-tab{
	background-color:white;
	padding:10px 15px;
	border:1px solid #ccc;
	border-right:1px solid #ddd;
	text-decoration: none;
	font-weight: bold;
	border-left:none;
	color:#666;
}

.theme-segmented-picker .gui-tab.selected,
.theme-segmented-picker .gui-tab.selected:hover{
	background:#666;
	color:white;
	text-shadow:0 1px 0 #444;
	-webkit-box-shadow:inset 0 0 2px #444;
	-moz-box-shadow:inset 0 0 2px #444;
	box-shadow:inset 0 0 2px #444;
	border-color:#444 !important;
}

.theme-segmented-picker .gui-tab:first-child{
	border-left:1px solid #ccc;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
.theme-segmented-picker .gui-tab:nth-child(2n){
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
.theme-segmented-picker .gui-tab:hover{
	color:black;
	background-color:#fffef5;
	-webkit-box-shadow:inset 0 0 5px #f9f5d3;
	-moz-box-shadow:inset 0 0 5px #f9f5d3;
	box-shadow:inset 0 0 5px #f9f5d3;
}


/* Faded Tabs */

.fade-tabs .gui-tab-container{
	display:block !important;
	clear:both !important;
	position:absolute;
	opacity:0;
	z-index:10;
}

.fade-tabs .gui-tab-container.selected{
	opacity:1;
	z-index:11;
	-webkit-transition-property: opacity;
	-moz-transition-property:opacity;
	-webkit-transition-duration: 800ms;
	-moz-transition-duration: 800ms;
}
.fade-tabs .gui-tab-container.selected img{
	-webkit-transition-property: -webkit-transform,opacity;
	-moz-transition-property: -moz-transform,opacity;
	-webkit-transition-duration: 800ms,700ms;
	-moz-transition-duration: 800ms,700ms;
	opacity: 1;
	-webkit-transform: translate(-20px, 0px);
	-moz-transform: translate(-20px, 0px);
}	

.ie8 .fade-tabs .gui-tab-container{
	display:none !important;
}

.ie8 .fade-tabs .gui-tab-container.selected{
	display:block !important;
}


/* Overlay
-----------------------------------------------------------------------------------------------------------*/ 

.overlay{
	z-index:9999;
	position:fixed;
	width:800px;
	min-height: 100px;
	background-color:#fff;
	top:100px;
	left:50%;
	margin-left:-400px;
	-webkit-box-shadow:0 0 1px rgba(0, 0, 0, .7), 0 1px 5px 3px rgba(0, 0, 0, .2), 0 5px 4px -3px rgba(0, 0, 0, .06);
	-moz-box-shadow:0 0 1px rgba(0, 0, 0, .7), 0 1px 5px 3px rgba(0, 0, 0, .2), 0 5px 4px -3px rgba(0, 0, 0, .06);
	box-shadow:0 0 1px rgba(0, 0, 0, .7), 0 1px 5px 3px rgba(0, 0, 0, .2), 0 5px 4px -3px rgba(0, 0, 0, .06);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:5px solid #fff;
	zoom:1;
	text-align:left;
	-webkit-transition: ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 150ms;
	-moz-transition: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: 150ms;
	opacity:0;
}
.overlay .button-holder{
	padding:10px 10px;
	margin:10px -5px -5px -5px;
	border-top:1px solid #ddd;
	background-color:#f5f5f5;
	-webkit-box-shadow:inset 0 1px 4px #e5e5e5;
	-moz-box-shadow:inset 0 1px 4px #e5e5e5;
	box-shadow:inset 0 1px 4px #e5e5e5;
	zoom:1;
}
.overlay.modal{
	top:50px;
	bottom:0;
	height:auto;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.overlay.modal .button-holder{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.overlay .scroll-container{
	overflow:auto;
}
.overlay.modal .scroll-container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.scroll-container.bb{
	bottom:55px !important;
}
.overlay .button-holder.top{
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	margin-top:-5px;
	margin-bottom:5px;
	border-bottom:1px solid #e5e5e5;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-top:none;
}
.overlay .button-holder.bottom{
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	margin-top:5px;
}
#expose-mask{
	background-color:#222;
	z-index:9998;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	zoom:1;
}

#gbui-expose-mask{
	-webkit-transition: ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 150ms;
	-moz-transition: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: 150ms;
	opacity:0;
}

.overlay .loading{
	text-align: center;
	font-size: 1.5em;
	margin-top:40px;
	color:#666;
}

.overlay .close-button{
	position: absolute;
	width:50px;
	height:54px;
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/close-overlay.png) left top no-repeat;
	z-index:9999;
	text-indent:-999em;
	right:-25px;
	top:-25px;
	cursor:pointer;

}
.overlay .close-button a{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:none;
	box-shadow:none;
	background-color:transparent;
}
.overlay .close-button:hover{

}

.overlay .bar{
	height:7px;
	background:transparent url(../img/guidebook-bar.png) left top repeat-x;
}

.overlay .overlay-header h2{
	font-family: /*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size:24px;
	letter-spacing: -1px;
	font-weight:bold;
	color:#666;
	background-color:#f5f5f5;
	padding:20px;
}

/* Overlay Loading Bar */

.loading-bar{
	padding:10px;
	color:white;
	text-align: center;
	background:transparent url(../img/guidebook-bar.png) left top repeat;
	display:none;
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.1);
	font-weight:bold;
	text-shadow: 0 2px 2px rgba(0,0,0,.1);
	font-size:18px;
	position: relative;
	z-index:10001;
}
.loading-bar .loading-flash{
	background-color:white;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:none;
}


/* Phone Overlay */

.overlay.phone{
	width:500px;
	margin-left:-50px;
}

.overlay.phone .phoneshot.iphone,
.overlay.phone .phoneshot.nexus{
	position:absolute;
	left:-420px;
	top:-20px;
	width:auto;
	height:auto;
	width:364px;
}

.overlay.phone .phoneshot.iphone .shine,
.overlay.phone .phoneshot.nexus .shine{
	width:122px;
	height:379px;
	background:transparent url(../img/phoneshot-iphone-shine.png) left no-repeat;
	position:absolute;
	right:32px;
	top:128px;
	z-index:9999;
}
.overlay.phone .phoneshot.iphone .screen,
.overlay.phone .phoneshot.nexus .screen{
	width:295px;
	height:442px;
	display:block;
	position: absolute;
	left:36px;
	top:128px;
	z-index:9998;
}
.overlay.phone .phoneshot.nexus .screen{
	width:294px;
	height:492px;
	left:34px;
	top:106px;
}

.overlay.phone .phoneshot.nexus .shine{
	background-image:url(../img/phoneshot-nexus-shine.png) !important;
	left:121px;
	top:106px;
	width:208px;
	height:493px;
}

.overlay-arrow{
	width:19px;
	height:37px;
	background:transparent url(../img/overlay-arrow-left.png) left no-repeat;
	position:absolute;
	left:-24px;
	top:20px;
	zoom:1;
}

.overlay .button-holder #paging{
	position:absolute;
	width:500px;
	bottom:13px;
	right:13px;
}
.overlay .button-holder #paging .paging-navigation{
	bottom:0;
	right:0;
}


/* Screenshot Widget
-----------------------------------------------------------------------------------------------------------*/ 

.screenshot{
	display:inline-block;
	overflow:hidden;
	width:230px;
	height:300px;
	margin:20px;
	text-align:center;
	-webkit-box-shadow:0 1px 5px #ccc;
	-moz-box-shadow:0 1px 5px #ccc;
	box-shadow:0 1px 5px #ccc;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding-top:20px;
	position:relative;
	background-color:white;
}
.screenshot img{
	opacity:.9;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 100ms;
}
.screenshot:hover img{
	opacity:1;
	position:relative;
	top:-4px;
}
.screenshot .zoom{
	position:absolute;
	bottom:10px;
	left:10px;
	background:#fff url(../img/zoom-13.png) 5px no-repeat;
	padding:5px;
	padding-left:25px;
	color:#222;
	z-index:999;
	font-size:11px;
	font-weight:bold;
	-webkit-box-shadow:0 0 1px #333;
	-moz-box-shadow:0 0 1px #333;
	box-shadow:0 0 1px #333;
	opacity:.7;
	display:block;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.screenshot:hover .zoom{
	opacity:.9;
}
.screenshot .zoom:hover{
	opacity:1;
}
.screenshot.full{
	padding-top:0;
}

.screenshot.small{
	height:auto;
	width:auto;
	padding-top:0;
}
.screenshot.small img{
	display:block;
	margin:10px;
}
.screenshot.small img:hover{
	top:0;
}

.screenshot.cutoff{
	width:auto;
	height:auto;
	margin:20px;
	text-align:center;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	position:relative;
	background-color:white;
	border-bottom:1px solid #ccc;
	padding-top:20px;
}
.screenshot.cutoff img{
	margin: 0 20px;
}


/* Callouts
-----------------------------------------------------------------------------------------------------------*/ 

.callout{
	padding:20px;
	background-color:#fbfbfb;
	border:1px dashed #eee;
	-webkit-border-radius:5px;
}

/* Home Page
-----------------------------------------------------------------------------------------------------------*/ 

/* Testimonials */

.testimonial{
	min-height:400px;
}
.testimonial a{
	color:#666;
}

.testimonial .partner-logo{
	padding:5px;
}

.partner-logo.usc{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
	box-shadow:0 2px 2px rgba(0,0,0,.2);
}

.item-blue .partner-logo{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:5px solid white;
	-webkit-box-shadow:inset 0 7px 2px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0 7px 2px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.2);
	box-shadow:inset 0 7px 2px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.2);
}

/* Partners */


#partners{
	width:100%;
	position:relative;
	height:150px;
	overflow:hidden;
	padding:0;
	margin:0;
	margin-top:-105px;
}

#partners .item-inner{
	position:absolute;
	left:0;
	right:0;
	top:25px;
	bottom:0;
	text-align:center;
}

#partners #partner-list{
	width:1600px;
	position:absolute;
	left:50%;
	padding:0;
	margin:0;
	margin-left:-800px;
}

#partners img,
#partners i{
	margin-right:27px;
	opacity:.6;
}
#partners img:hover, 
#partners i:hover{
	opacity:1;
}
#partners img.last,
#partners i.last{
	margin-right:0;
}

#partners span.ac{
	border-top:1px solid #eee;
	box-shadow:inset 0 1px 0 white;
	margin:0 500px;
	position:relative;
	top:10px;
}
#partners span.ac strong{
	display:inline-block;
	background-color:white;
	position:relative;
	top:-12px;
	padding:0 10px;
}

.partner-shade{
	width:100%;
	position:relative;
	height:105px;
	z-index:10;
	top:30px;
}

.partner-shade .left{
	width:165px;
	height:105px;
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/partners/partner-shade-left.png);
	position:absolute;
	left:0;
	top:0;
}
.partner-shade .right{
	width:165px;
	height:105px;
	background:transparent url(//s3.amazonaws.com/media.guidebook.com/static/corp/img/partners/partner-shade-right.png);
	position:absolute;
	right:0;
	top:0;
}


/* Features
-----------------------------------------------------------------------------------------------------------*/

.feature{
	padding:30px;
	position:relative;
}

.item-gray.bordered{
	-webkit-box-shadow:inset 0 -1px 3px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 -1px 3px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.1);
	box-shadow:inset 0 -1px 3px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.1);
}

.feature .new-flag{
	display:block;
	width:133px;
	height:55px;
	position:absolute;
	top:20px;
	right:-3px;
	background:transparent url(../img/new-flag.png) left no-repeat;
}

.feature .button{
	font-size:1.5em;
}

.feature-schedule{
	background-image:url(../img/features/feature-schedule.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:600px;
	padding-bottom:50px;
}
.feature-twitter{
	background-image:url(../img/features/feature-twitter.png);
	background-position: 600px top;
	background-repeat: no-repeat;
	padding-right:370px;
	padding-bottom:120px;
}

.feature-photos{
	background-image:url(../img/features/feature-photos.png);
	background-position: 20px 70px;
	background-repeat: no-repeat;
	padding-left:550px;
	padding-bottom:200px;
	border-top:1px dashed #e5e5e5;
	padding-top:70px;
}

.feature-maps{

}

.feature-feedback{
	background-image:url(../img/features/feature-feedback-bubbles.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:580px;
	padding-bottom:200px;
	padding-right:50px;
	padding-top:50px;
}

.feature-exhibs{
	background-image:url(../img/features/feature-exhibs.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:370px;
	padding-bottom:120px;
}

.feature-sponsors{
	background-image:url(../img/features/feature-sponsor.png);
	background-position: 400px 40px;
	background-repeat: no-repeat;
	padding-right:600px;
	padding-bottom:80px;
}

.feature-lists{
	background-image:url(../img/features/feature-list.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:560px;
	padding-bottom:80px;
}

.feature-todo{
	background-image:url(../img/features/features-todo.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right:450px;
	padding-bottom:120px;
}
.feature-update{
	background-image:url(../img/features/feature-update.png);
	background-position: 680px 20px;
	background-repeat: no-repeat;
	padding-right:350px;
	padding-bottom:150px;
}
.feature-search{
	background-image:url(../img/features/feature-search.png);
	background-position: right 50px;
	background-repeat: no-repeat;
	padding-right:600px;
	padding-bottom:120px;
	padding-top:50px;
	border-top: 1px dashed #E5E5E5;
}
.feature-tickets{
	background-image:url(../img/features/feature-tickets.png);
	background-position: 30px 50px;
	background-repeat: no-repeat;
	padding-left:350px;
	padding-bottom:120px;
	padding-top:50px;
	border-top: 1px dashed #E5E5E5;
}
.feature-build{
	background-image:url(../img/features/feature-build.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:550px;
	padding-bottom:230px;
}

.feature-import{
	background-image:url(../img/features/feature-import.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:550px;
	padding-bottom:200px;
}

.feature-preview{
	background-image:url(../img/features/feature-preview.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:360px;
	padding-bottom:180px;
}

.feature-editors{
	background-image:url(../img/features/feature-editors.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right:400px;
	padding-bottom:200px;
}

.feature-custom{
	background-image:url(../img/features/feature-custom.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:550px;
	padding-bottom:265px;
}

.feature-drag{
	background-image:url(../img/features/feature-drag.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:550px;
	padding-bottom:250px;
}

.feature-update-gears{
	background-image:url(../img/features/feature-update-2.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding-left:550px;
	padding-bottom:205px;
}

/* Plans
-----------------------------------------------------------------------------------------------------------*/

#plans{
	position:relative;
	overflow:visible;
}

#plans #plans-bgd{
	position:absolute;
	top:-70px;
	left:-40px;
	z-index:10;
}
/*
.plan-image{
	background-color:#2b8bc5;
	height:160px;
}
#standard-plan .plan-image{
	background: #41a0d9 url(../img/plan-standard-badge.png) center 21px no-repeat;
}
#plus-plan .plan-image{
	background: #2b8bc5 url(../img/plan-plus-badge.png) center center no-repeat;
}
#premium-plan .plan-image{
	background: #41a0d9 url(../img/plan-premium-badge.png) center center no-repeat;
}
*/
.plan-image{
	position: relative;
	z-index: 11;
	height:160px;
}
#standard-plan .plan-image{
	height:160px;
}
#plans .yui-u{
	margin:0;
	padding:0;
	width:33.3%;
	position: relative;
	z-index: 11;
}

#standard-plan .plan-image{
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}

#premium-plan .plan-image{
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}

#plus-plan .plan-contents{
	background-color:#f7f7f7 !important;
}

#plans .price{
	font-family:Georgia, serif;
	font-size:18px;
	right:10px;
	position:absolute;
	top:25px;
}
#plans .price .old{
	color:#aaa;
	text-decoration:line-through;
	text-shadow:none;
}
#plans .price .new{
	background-color:#fffdc3;
	color:#333;
}
#plans .plan-name{
	display:block;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	position:relative;
}
#plans .plan-contents{
	border-bottom:1px solid #ddd;
	padding-top:20px;
}
#plans .plan-contents li{
	list-style:none;
	margin:0;
	padding:5px 0;
	list-style-image:none;
	-webkit-font-smoothing:antialiased;
}
#plans .plan-contents li.in{
	background:transparent url(../img/check-blue-small.png) left no-repeat;
	padding-left:30px;
}
#plans .plan-contents li.out{
	background:transparent url(../img/check-empty.png) 3px 50% no-repeat;
	padding-left:30px;
	color:#999;
}
#plans .plan-contents li.bold{
	font-weight:bold;
	font-size:16px;
}

.plan-contents-full{
	display:none;
}

.question{
	display:inline-block;
	zoom:1;
	padding:2px 4px;
	font-family: Tahoma;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-weight:bold;
	font-size:12px;
	background-color:#666;
	color:White;	
	line-height:normal !important;
	cursor: help;
}
.question:hover{
	background-color:#444;
}

/* Team
-----------------------------------------------------------------------------------------------------------*/

.headshot{
	display:block;
	min-height:200px;
	background: transparent url(../img/pete-lada.png) top left no-repeat;
	text-indent:-9999em;
}
.headshot.kevin{
	background:transparent url(../img/kevin-wood.png) left top no-repeat;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,.25);
	box-shadow:inset 0 0 5px rgba(0,0,0,.25);
}

.headshot.jeff{
	background:transparent url(../img/jeff-lewis.png) left top no-repeat;
}

.headshot.first{
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}

.headshot.last{
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

.founder:hover .headshot{
	-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,.25);
	-moz-box-shadow:inset 0 0 15px rgba(0,0,0,.25);
	box-shadow:inset 0 0 15px rgba(0,0,0,.25);
}

.photo-container{
	float:left;
	margin:20px;
	margin-top:0;
	overflow:hidden;
	border-radius:3px;
}
.photo-container .photo{
	position:relative;
	border-radius:3px;
}
.photo-container img{
	display:block;
	border-radius:3px;
}
.photo-container .cover{
	border:1px solid rgba(0,0,0,.1);
	box-shadow:inset 0 0 1px rgba(0,0,0,.1);
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	border-radius:3px;
}

.photo-container h6{
	font-weight:bold;
	margin:10px;
}
.photo-container h6 span{
	font-weight:normal;
	color:#666;
	font-style:italic;
}


/* Company
-----------------------------------------------------------------------------------------------------------*/

a.map{
	display:block;
	height:150px;
	background:transparent url(http://maps.google.com/maps/api/staticmap?zoom=15&size=512x150&maptype=roadmap&markers=color:red|299%20S.%20California%20Avenue,%20Suite%20301,%20Palo%20Alto,%20CA%2094306&sensor=false) -100px top no-repeat;
	margin:-10px -10px 0 -10px;
	border-bottom:1px solid #ccc;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
a.map:hover{
	-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,.25);
	-moz-box-shadow:inset 0 0 15px rgba(0,0,0,.25);
	box-shadow:inset 0 0 15px rgba(0,0,0,.25);
	border-bottom-color:#aaa;
}

/* Get it / Download
-----------------------------------------------------------------------------------------------------------*/

.get-it-phone{
	display:block;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.get-it-phone img{
	height:200px;
	margin:10px 0;
}
.get-it-phone span{
	display: block;
	margin-top:20px;
	color:#666;
	text-align: none;
	padding-bottom:10px;
}
.get-it-phone:hover{
	background-color:#eee;
}
.get-it-phone:hover span{
	color:#333;
}

/* Brush styles
-----------------------------------------------------------------------------------------------------------*/

/*.brush-short-1{
	background:transparent url(../img/brush-short.png) left top no-repeat;
}
.brush-med-1{
	background:transparent url(../img/brush-med.png) left 10px no-repeat;
}*/

/* Sign up
-----------------------------------------------------------------------------------------------------------*/

#sign-up-options{
	margin:30px 40px 0 40px;
}

#sign-up-options .yui-u{
	text-align: center;
}
#sign-up-options a.option{
	font-size:2.3em;
	font-weight:bold;
	color:white;
	background-color:#666;
	display: block;
	padding:40px;
	margin-bottom:40px;
	text-decoration: none;
	text-shadow:0 1px 1px #444;
}
#sign-up-options a.first{
	-webkit-border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
#sign-up-options a.last{
	-webkit-border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
	border-left:1px solid #444;
	margin-left:-1px;
}
#sign-up-options a:hover{
	background-color:#555;
	-webkit-box-shadow:inset 0 0 30px #333;
	-moz-box-shadow:inset 0 0 30px #333;
	box-shadow:inset 0 0 30px #333;
}

#options h4{
	text-align: center;
	font-size:2.3em;
	color:#999;
}

#branching-path{
	text-align: center;
}

.error{
	font-size:11px;
	padding-top:3px;
	padding-left:3px;
}
.errorlist{
	margin:0;
	padding-left:0 !important;
}
.errorlist li{
	color:red !important;
}
.form-error{
	border-color:red !important;
}

.error ul li{
	color:red;
	font-size:11px;	
	list-style-image: url(../img/bullet-standard.png);
	margin-left:20px;
	padding-left:3px;
	margin-bottom:5px;
}


/* Individual Guide Landing Pages
-----------------------------------------------------------------------------------------------------------*/


/* Short Header */

#header.short h1{
	background-image:url(../img/guidebook-logo-small.png);
	width:120px;
}
#header.short #global-nav ul{
	margin-top:-13px;
}
#header.short #global-nav ul li a{
	font-size:1em;
	font-family:/*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif;
}
#header.short #sign-up{
	top:5px;
}
#header.short #sign-up a{
	font-size:.8em !important;
	font-family:/*"proxima nova", */"Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* Landing page */

.guide-landing .main-image{
	height:240px;
	background-repeat:no-repeat;
	background-position:top left;
	border-radius:5px;
	position:relative;
	box-shadow:inset 0 0 1px rgba(0,0,0,.7), 0 2px 1px rgba(0,0,0,.2) !important;
}

.guide-landing .step{
	color:#999;
	font-weight:bold;
}

.guide-landing .main-image .image-callout{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	background-color:rgba(0,0,0,.3);
	border-top:1px solid rgba(0,0,0,.4);
	height:50px;
	border-radius:0 0 5px 5px;
}

.guide-landing #map{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:48%;
	border:1px solid #ccc;
}

.guide-landing .phone{
	width:393px;
	height:529px;
	position:absolute;
	background:transparent url(../img/landing-phones.png) left top no-repeat;
}

.guide-landing .phone .icon{
	width:55px;
	height:45px;
	overflow:hidden;
	position:absolute;
	top:148px;
	left:26px;
}
.guide-landing .phone .icon img{
	display:block;
	width:100%;
	height:100%;
}

.guide-landing .subtext{
	font-size:10px;
	display:block;
	color:#aaa;
}

.guide-landing .phone h1{
	position:absolute;
	top:148px;
	left:85px;
	font-size:14px;
	color:white;
	font-weight:bold;
	margin:0;
	padding:0;
	width:160px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.guide-landing .phone h2{
	font-size:10px;
	top:165px;
	left:85px;
	color:#7dbce2;
	position:absolute;
	font-weight:normal;
	padding:0;
	margin:0;
	font-family:arial;
}
.guide-landing .phone .menu{
	position:absolute;
	left:27px;
	right:22px;
	top:200px;
	max-height:218px;
	background-color:white;
}
.guide-landing .phone .menu tr{
	height:72px;
}
.guide-landing .phone .menu tr td{
	text-align:center;
	width:73px;
}
.guide-landing .phone .menu .menu-icon{
	width:40px;
	text-align:center;
	position:relative;
	left:-2px;
}
.guide-landing .phone .menu label{
	display:block;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:73px;
	
}

.guide-landing .phones{
	position:relative;
	left:-10px;
}


.guide-landing .like-box{
	position:relative;
	top:15px;
}

.guide-landing iframe{
	float:right;
}

.guide-landing .fb-like{
	position:relative;
	top:0;
	left:20px;
	float:left;
}

.guide-landing #disqus_thread{
	margin-right:20px;
}

#disqus_thread a{
	color:#333;
}

#disqus_thread #dsq-subscribe{
	display:none;
}

.dsq-brlink{
	color:#666 !important;
	float:right;
	margin-right:20px;
}




/* IE7/8 Styles
-----------------------------------------------------------------------------------------------------------*/

.ie8 .feature.bordered{
	border-bottom:1px solid #ccc !important;
}

.ie8 #sub-nav.dark ul li.selected a{
	background-color:#bbb !important;
}

.ie8 .overlay .close-button{
	top:-100px;
}

.ie8 .hero.full-screen .call-out .call-out-links{
	background-color:#333;
	zoom:1;
}
.ie8 .overlay .close-button{
	top:-20px;
}

.ie8 .home-full{
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/__static__url__/corp/segments/home/images/hero-back.png',sizingMethod='scale')";
}

.ie8 .home-full .tagline p{
	opacity:1 !important;
	display:block !important;
}

.ie8 .home-full img{
	display:none !important;
}

.ie8 .home-full img.main{
	display:block !important;
}