@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);
/*
--------------------------------------------------
JerryJacobsStylist.com GLOBAL STYLES
Last revised 21 August 2012
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

Custom royal blue #2E4C9B rgb(46,76,155)
Custom blue #5F6983 rgb(95,105,131)

Custom medium grey #7C7E7F rgb(124,126,127)
Custom light grey #D7D2D6 rgb(215,210,214)
Custom very light grey #ECEBEB rgb(236,235,235)

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #7C7E7F;
		color: rgb(124,126,127);  /* Custom medium grey */
		font-size: 100%; /* Use percentage to avoid bug in Win IE */
		font-family: "Asap", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center; /* horizontal centering in Win IE */
		background: transparent;
		}

/* Links */
a		{
		text-decoration: none;
		-moz-transition: .2s color linear;
		-webkit-transition: .2s color linear;
		transition: .2s color linear;
		}
a:link, a:visited {
		color: #7C7E7F;
		color: rgb(124,126,127);  /* Custom medium grey */
/* 
		border-bottom-color: #D7D2D6;
		border-bottom: thin solid rgb(215,210,214);
 */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover, a:active {
		color: #2E4C9B;
		color: rgb(46,76,155); /* Custom royal blue */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #7C7E7F;
		color: rgb(124,126,127); /* Custom medium grey */
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
		line-height: 1.5;
		margin: .75em 0;
		}
h1		{
		font-size: .75em;
		line-height: 2;
		text-align: center;
		margin: 2em 0 1em;
		}
h2, h3, h4 {
		font-size: .75em;
		line-height: 2;
		margin: 1em 0;
		}

p		{
		margin-bottom: .75em;
		}
blockquote {
		font-size: 75%;
		line-height: 2;
		margin: 1em;
		}
table th, table td {
		font-size: 75%;
		line-height: 2;
		margin: 0;
		padding: 0 2em 0 0;
		border: none;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

/* Forms */
form	{
		margin: 0;
		}
legend	{
		font-size: .75em;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 0 .5em;
		}
fieldset {
 		border: thin solid #D7D2D6; /* Custom light grey */
 		margin-bottom: .75em;
 		padding: .375em .75em .75em;
		-moz-border-radius: .25em;
 		border-radius: .25em;
		}
label	{
		cursor: pointer;
		}
input[type="text"] {
		color: #7C7E7F; /* Custom medium grey */
		vertical-align: middle;
		border: thin solid rgb(215,210,214); /* Custom very light grey */
		}
input[type="text"]:focus {
		background-color: rgb(215,210,214); /* Custom very light grey */
		}

pre, code {
		font-family: Monaco, "Courier New", Courier, monospace;
		}
abbr, acronym {
		letter-spacing: .1em;
		border-bottom: none;
		cursor: help;
		}
dfn		{
		border-bottom: thin solid #D7D2D6; /* Custom light grey */
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		position: relative;
		margin: 0 auto; /* standard CSS horizontal centering */
		background: transparent;
		line-height: 1.5;
		width: auto;
		min-width: 64em;
		position: relative;
		background: transparent;
		}
#container { /* grouping for banner + content + sidebar */
		line-height: 1.5;
		width: auto;
		min-width: 64em;
		position: relative;
		background: transparent;
		}

/* Banner -- identity */
#banner {
/* 
		width: 90.625%;
		padding: .75em 4.6875%;
 */
		width: 100%;
		position: relative;
		float: left;
		padding: .75em 0;
		background: transparent;
		}
#banner #logo a {
		width: 256px;
		height: 96px;
		display: block;
		margin: 0 auto;
		padding: 1em;
		border-bottom: none;
		background: transparent url(../images/logos/logo_jerry_jacobs.png) no-repeat center;
		}
#banner #logo a:hover {
		opacity: .5;
		-moz-opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
		filter: alpha(opacity=50);
		}
#banner #logo a span {
		display: none;
		}

/* Main content */
#content {
		width: 100%; /* 64em */
		position: relative;
		float: left;
		margin: .375em 0;
		background-color: #ECEBEB;
		background-color: rgb(236,235,235); /* Custom very light grey */
		background-color: transparent;
		}

/* Paragraph styles */
#content p {
		font-size: 75%;
		line-height: 2;
		margin: 0 25% 1em;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 44.140625%; /* 28.25em */
		width: 42.96875%; /* 27.5em */
		float: left;
		margin: 3.75em 2.34375% 0 4.6875%;
		background: transparent;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		width: 45.3125%; /* 29em */
		margin: 0 4.6875% 0 0;
		}
#content .column > p:first-child {
		margin-top: 5em;
		}
#content .column.right img {
		max-height: 21em; /* 336px */
		}

/* Image inset */
#content .inset {
	width: 100%;
	}
#content .inset > img {
	display: block;
	margin: 0 auto;
	}
#content .inset.left {
		float: left;
		margin-right: .75em;
		}
#content .inset.right {
		float: right;
		margin-left: .75em;
		}

#content a {
		font-weight: bold;
		}

/* Footer */
#footer {
/* 
		color: rgba(124,126,127,.75);
 */
		width: 100%;
		min-width: 64em;
		position: relative;
		float: left;
		clear: both;
		overflow: hidden;
		background: transparent;
		}
#footer ol {
		font-size: .6875em;
		line-height: 2.18181818181818;
		position: relative;
		left: 50%;
		float: left;
		clear: left;
		margin: 0;
		padding: 1.09090909090909em 0;
		list-style: none;
		background: transparent;
		}
#footer li {
		position: relative;
		right: 50%;
		float: left;
		margin: 0;
		padding: 0 .6em;
		background: transparent;
		}
#footer li.first {
		}
#footer li.last {
		background: none;
		}
#footer li.imprint { /* use for site-design credit */
		text-transform: lowercase;
		}
#footer li a {
		padding: 0;
		border-bottom: none;
		}
/* 
#footer li a:link, #footer li a:visited {
		color: rgba(124,126,127,.75);
		}
#footer li a:hover {
		color: purple;
		}
 */

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.display	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation */
#nav	{
		font-size: .75em;
		line-height: 2;
		width: 100%;
		position: relative;
		float: left;
		overflow: hidden;
		padding: 0 0 2em;
		background: transparent;
		}
#nav ol	{
		text-transform: uppercase;
		letter-spacing: .1em;
		position: relative;
		left: 50%;
		float: left;
		clear: left;
		margin: 0;
		padding: 0;
		list-style: none;
		background: transparent;
		}
#nav li {
		position: relative;
		right: 50%;
		float: left;
		margin: 0;
		padding: 0;
		background: transparent;
		}
#nav li a {
		font-weight: normal;
		text-align: center;
		display: block;
		padding: 0 1.5em;
		border: thin solid transparent;
		border-bottom: none;
		background: transparent;
		}
#nav li a:link, #nav li a:visited {
		}
#nav li a:hover, #nav li a:active {
		}
#nav li a span {
		display: none;
		}
#nav li.selected a {
		color: #7C7E7F !important;
		color: rgb(124,126,127) !important;  /* Custom medium grey */
		font-weight: bold;
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		}
.auto_center {
		width: 100%;
		position: relative;
		float: left;
		clear: both;
		overflow: hidden;
		}
.auto_center > div, .auto_center > ul, .auto_center > ol {
		position: relative;
		left: 50%;
		float: left;
		clear: left;
		}
.auto_center > div .object, .auto_center > ul li, .auto_center > ol li, .auto_center iframe {
		position: relative;
		float: left;
		right: 50%;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic, .comment {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		}
.small {
		font-size: small;
		}
.smaller {
		font-size: smaller;
		}
.caption {
		font-style: italic;
		font-size: .75em;
		line-height: 2;
		}
.posted {
		font-size: .75em;
		line-height: 2;
		margin-top: 2em;
		}
.posted span {
		text-transform: uppercase;
		letter-spacing: .1em;
		padding-right: .5em;
		}
.tags	{
		}
.tags span {
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
		cursor: help;
		}
.tags dfn {
		color: inherit;
		}

/* Links */
.heading {
		}
.heading:hover {
		border-bottom: none;
		}
a.img:link, a.img:visited, a.img:hover, a.img:active,
#sidebar a.img:link, #sidebar a.img:visited, #sidebar a.img:hover, #sidebar a.img:active {
		padding: 0 !important;
		border-bottom: none !important;
		background: none !important;
		}
.info	{
		cursor: help;
		}
.pdf	{
		padding-left: 1.5em;
		background: transparent url(../images/utility/icon_pdf.gif) no-repeat left;
		}
.rss	{
		padding-left: 2em;
		background: transparent url(../images/utility/icon_rss.png) no-repeat left;
		}
.tel	{
		padding-left: 3em;
		background: transparent url(../images/utility/icon_phone.png) no-repeat left 2px;
		}
.email	{
		padding: .2em 0 .2em 2em;
		border-bottom: none;
		background: transparent url(../images/utility/icon_mail.png) no-repeat left;
		}
.facebook {
		padding: .2em 0 .2em 2em;
		background: transparent url(../images/utility/icon_facebook.gif) no-repeat left;
		}
.twitter {
		padding: .2em 0 .2em 2em;
		border-bottom: none;
		background: transparent url(../images/utility/icon_twitter.png) no-repeat left;
		}

/* Lists */
/* N.B. May need to declare float value to make lists indent properly */
.square {
		margin: .75em 0 .75em 1.1em;
		list-style: square;
		}
.decimal {
		list-style-type: decimal;
		margin-left: 1.5em;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}

/* Forms */
input.field {
		line-height: 1;
		vertical-align: center;
		}
textarea#message {
		border: thin solid rgb(215,210,214); /* Custom very light grey */
		}

/* Calendars */
.calendar td {
		padding: 0;
		}
.calendar td.top {
		}
.calendar .calendarMonthLinks a {
		}
.calendar .calendarHeader {
		color: #FF4500; /* OrangeRed */
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.calendar .calendarDayHeading {
		color: #000080; /* Navy */
		font-weight: bold;
		text-align: center;
		}
.calendar .calendarCell {
		text-align:  right;
		vertical-align: middle;
		padding: 0 .5625em;
		}
.calendar .calendarCell a {
		font-weight: bold;
		}
.calendar .calendarToday {
		color: #FF4500; /* OrangeRed */
		font-weight: bold;
		}

/* Pagination */
.paginate .pagecount {
		font-size: smaller;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.paginate strong, paginate a {
		padding: 0 .75em;
		}

/*
--------------------------------------------------
JQUERY TOOLS STYLES
--------------------------------------------------
*/
/* Common components */
.navi	{
		}
.navi a, .slidetabs a {
		font-size: inherit;
		height: .375em;
		width: .375em;
		float: left;
		margin: 0 .25em;
		padding: 0;
		border: thin solid #C0C0C0; /* Silver */
		-moz-border-radius: 1em;
		border-radius: 1em;
		background-color: #EEE; /* Very light grey */
		}
.navi a:hover, .slidetabs a:hover {
		border-color: #696969; /* DimGray */
		background-color: #404048; /* Payne's grey */
		}
.navi a.active, .slidetabs a.current {
		border-color: #404048; /* Payne's grey */
		background-color: rgb(25,25,112);
		}
#gallery .actionButtons {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -2em;
		z-index: 10;
		float: left;
		background: transparent;
		}
.actionButtons button {
		font: small/1 "Montserrat", Verdana, sans-serif;
		text-align: center;
		text-transform: lowercase;
		padding: .25em 2.5em;
		padding: 0;
		border: none;
		cursor: pointer;
		background: transparent url(../images/utility/icon_arrows.png) no-repeat left;
		}
#gallery .actionButtons button.prev {
		float: left;
		padding-right: 0;
		}
#gallery .actionButtons button.next {
		float: right;
		padding-left: 0;
		}
.actionButtons a.arrow {
		height: 13px;
		width: 13px;
		padding: 0;
		border-bottom: none;
		background: transparent url(/images/utility/icon_arrows.png) no-repeat center bottom;
		}
.actionButtons a.arrow.prev {
		background: transparent url(/images/utility/icon_arrows.png) center top;
		}
.actionButtons a.arrow:hover, .actionButtons a.arrow:active {
		background-position: left bottom;
		}
.actionButtons a.arrow.prev:hover, .actionButtons a.arrow.prev:active {
		background-position: left top;
		}
.actionButtons a span {
		display: none;
		}

/* Basic tabs */
ul.tabs { /* root element for tabs  */
		margin: 0;
		padding: 0;
		background: transparent;
		}
.tabs li { /* single tab */
		list-style: none;
		display: inline;
		}
.tabs li:first-child {
		}
.tabs li a {
		font: .75em/2 "Asap", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-right: 7em;
		padding: 0;
		border-bottom: none;
		background: transparent;
		}
.tabs li a:link, .tabs li a:visited {
		color: rgb(215,210,214); /* Custom light grey */
		font-weight: normal;
		}
.tabs li a:hover, .tabs li a:active {
		color: rgb(46,76,155); /* Custom royal blue */
		}
.tabs li a.current, .tabs li a.current:hover, .tabs li.current a {
		color: rgb(124,126,127); /* Custom medium grey */
		font-weight: bold;
		}
.panes > div {
		display: none;		
		background-color: transparent;
		}

/* Slideshow tabs */
.slides { /* container for slides */
		position: relative;
		float: left;
		}
.slides > div { /* single slide */
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		}
.slides > div a {
		border-bottom: none;
		background: none;
		}

/* Accordion tabs */
.accordion { /* root element */
		}
.accordion h3 { /* accordion header */
		cursor:pointer;		
		}
.accordion h3 span {
		width: 7px;
		height: 9px;
		position: absolute;
		top: .75em;
		right: 1em;
		content: url(/images/utility/icon_link_down.gif);
		}
.accordion .pane { /* accordion pane */
		display: none;
		}
#sidebar .accordion .pane {
		padding-bottom: 1.14285714285em;
		}

/* Scrollable gallery */
.scroll { /* root element for single scroll */
		position: relative;
		float: left;
		overflow: hidden;
		}
.scroll .photos { /* root element for the scroll pics */
		/* set width at a very high number, e.g., 20000em */
		position: absolute;
		clear: both;
		}
.photos > div { /* single scroll item */
		float: left;
		cursor: pointer;
		/* Set width and height, use width !important */
		}
.scroll.active { /* possible settings for the active scroll */	
		}

/* Horizontal & vertical scrollables */
.scrollable {
		position: relative;
		overflow: hidden;
		}
.scrollable .items {  /* root element for multiple scroll */
		position: absolute;
		clear: both;
		/* Set high value for height */
		}
.scrollable.vertical .items {
		clear: none; /* floats not used */
		}
.scrollable .active { /* active item */
		position: relative;
		cursor: default;
		}
.scrollable .items > div {
		float: left;
		}
.scrollable.vertical .items > div {
		float: none;
		}
.disabled {
		visibility: hidden;		
		}
.next	{
		float: right;
		}

/* Tooltips */
.tooltip {
		color: #FFF; /* White */	
		display: none;
		padding: 1em;
		border: medium solid #FFF;
		-moz-border-radius: .5em;
		border-radius: .5em;
		-moz-box-shadow: 0 .25em .25em rgba(0,0,0,.33)
		-webkit-box-shadow: 0 .25em .25em rgba(0,0,0,.33)
		box-shadow: 0 .25em .25em rgba(0,0,0,.33)
		background: transparent url(/images/utility/black_arrow.png);
		background: rgba(0,0,0,.75);
		}

/*
--------------------------------------------------
MEDIA QUERIES
--------------------------------------------------
*/
/* High-resolution logo */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#banner #logo a {
        background: url(../images/logos/logo_jerry_jacobs_hi_res.png) no-repeat;
        background-size: 256px 96px;
    }
}