/*
Theme Name: Gordon Training
Author: Grandiz
Author URI: http://grandiz.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
*/

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #efede6 url(images/bg.png) repeat center 0; color: #333; font: 62.5%/1em "open sans", serif; margin: 0; text-align: center; }
button, input, select, textarea { font-family: "open sans", sans-serif; color: #333; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a {
    color: #0076B9; }
a:hover { color: #333; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
/*
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================


      s   t   u   d   i   o

      ___       ___  ________
     /\  \     /\  \/\   __  \
    /  \  \   /  \  \ \  \/\  \
    \   \  \__\__ \  \ \  \_\  \
     \   \   __  \ \  \ \_____  \
      \   \  \/\  \ \  \/    /\  \
       \   \  \_\  \ \  \___/  \  \
        \   \_______\ \__\  \   \__\
         \  /       / /  /   \  /  /
          \/_______/\/__/     \/__/



	Company:	Studio 619
	Author:		Troy Martz
	Version:	2011-07-04
	Contact:	troy@studio619.com
	Domain:		http://www.studio619.com


========================================================================== */

/* Typography
----------------------------------------*/

/* Margin */

h1, h2, h3, h4, h5, p { margin: .75em 15px .25em; }
li, dd { margin: .25em 15px .25em; }

/* Line Height */

h1, h2, h3 { line-height: 130%; }
h4, h5, p, li, dd { line-height: 140%; }

/* Letter Spacing */

h1 { letter-spacing: -2px; }
h2 { letter-spacing: -1px; }

/* Font Weight */

h1, h2, h3, h4, h5 { font-weight: bold; }

/* Font Size */

h1 { font-size: 30px; }
h2 { font-size: 22px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
p, li, dd, td, th { font-size: 13px; }


table { margin: 15px; }
table td { padding: 8px 10px; }
table td, table th { line-height: 130%; }


/* Grid ========================================================================== */

.container { margin: 10px auto; min-width: 320px; width: 90%; }

.container-cart { margin: 10px auto; width: 800px; }


.page { background: #fff; border: #bbb solid 1px; border-color: #ddd #bbb #aaa; border-radius: 7px; box-shadow: 0 3px 10px #bbb; clear: both; display: block; float: left; margin-bottom: 30px; padding: 0; text-align: left; width: 100%; }
header, .content-container, footer, .flex-container { background: transparent; clear: both; display: block; float: left; margin: 0; padding: 0; position: relative; width: 100%; }
.brand, .nav-main, .nav-categories, .extras, .search, .header, .content, .footer { margin: 0 10px; }

/* Header ========================================================================== */

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

.header { background: #fff; border-radius: 3px; margin-top: 10px; position: relative; }




.sub-header {
	background: #fff;display: block;height: 0px;margin: 10px;position: relative; }




body .pop { font-size: 13px;line-height: 130%;margin: 20px;text-align: left; }

/* Form
----------------------------------------*/

.prospects { clear: both;display: block;float: left;margin: 15px 0;width: 100%; }
.prospects fieldset { clear: both;display: block; }
.prospects fieldset legend { clear: both;display: block;float: left;font-size: 17px;font-weight: bold;letter-spacing: 0;line-height: 130%;margin: 15px 0 15px 15px; }
.prospects fieldset div { clear: both;display: block;float: left;margin-left: 40px; }
.prospects fieldset div label { clear: both;display: block;float: left;margin: 5px 0; }
.prospects fieldset div label .label { font-size: 13px; }
.prospects fieldset div.input label { }
.prospects fieldset div.input label .label { clear: none;display: block;float: left;padding-top: 4px;width: 70px; }
.prospects fieldset div.input label .text { clear: none;display: block;float: left; }
.prospects fieldset div.input label .text input { border: #ccc solid 1px;border-color: #777 #ccc #eee;border-radius: 3px;font-size: 13px;margin: 0 10px;padding: 3px;width: 150px; }
.prospects fieldset div.switch label { }
.prospects fieldset div.switch label .label { }
.prospects fieldset div.switch label .checkbox { padding-right: 5px; }
.prospects fieldset div.switch label .checkbox input { }
.prospects .button { clear: both;display: block;float: left;margin: 15px 0 10px 15px; }
.prospects .button a { background: #cde3ef;border-radius: 5px;font-size: 13px;font-weight: bold;margin-top: 20px;padding: 5px 10px;text-decoration: none; }
.prospects .button a:hover { background: #381b81;color: #fff; }

/* Brand
----------------------------------------*/

/*.brand { background: #fff; height: 110px; padding: 20px 0; }
.brand .logo { display: block; float: left; width: auto; }
.brand .logo a { display: block; padding: 0 15px; width: auto; }
.brand .logo a img { height: auto; max-width: 100%; }*/

.brand { background: #fff; height: 140px; padding: 0 0 5px 0; float: left; width: 300px; }
.brand .logo { display: block; float: left; width: auto; }
.brand .logo a { display: block; padding: 0 15px; width: auto; }
.brand .logo a img { height: auto; max-width: 100%; }


/* Social icons
----------------------------------------*/

/*
.social-icons { background: transparent; clear: both; display: block; float: left; padding: 0; position: relative; }
.social-icons dl { clear: both; display: block; float: left; margin-left: 15px; padding: 0; }
.social-icons dl dt { clear: both; display: block; float: left; font-weight: bold; font-size: 14px; padding: 0 15px 15px 0; width: 100%; }
.social-icons dl dd { border-radius: 8px; clear: none; display: block; float: left; height: 40px; margin: 0; padding: 0; width: 40px; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.social-icons dl dd:first-child { margin-left: -4px; }
.social-icons dl dd:hover { background-color: #fff; -moz-transition:0.1s; -ms-transition:0.1s; -o-transition:0.1s; -webkit-transition:0.1s; transition:0.1s; }
.social-icons dl dd a { background: url(images/social-icons.png) no-repeat 0 0; border: none; clear: none; display: block; float: left; height: 0; margin: 0; overflow: hidden; padding: 40px 4px 0 4px; width: 32px; }
.social-icons dl dd.google { margin-left: 10px; }
.social-icons dl dd.facebook a { background-position: 0 5px; }
.social-icons dl dd.linkedin { margin-left: -4px; }
.social-icons dl dd.linkedin a { background-position: -40px 5px; }
.social-icons dl dd.twitter a { background-position: -80px 5px; }
.social-icons dl dd.youtube a { background-position: -120px 5px; }
.social-icons dl dd.skype a { background-position: -160px 5px; }
.social-icons dl dd.rss a { background-position: -200px 5px; }
.social-icons dl dd.google a { background-position: -240px 5px; }

*/




.social { background: transparent; clear: both; display: block; float: left; padding: 0; position: relative; }
.social ul { clear: both; display: block; float: left; margin-left: 30px; padding: 0; }
.social ul li { border-radius: 8px; clear: none; cursor: pointer; display: block; float: left; height: 40px; margin: 0; padding: 0; width: 40px; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.social ul li b { background: url(https://www.gordontraining.com/wp-content/themes/gordon/images/social-icons-new.png) no-repeat 0 0; border: none; clear: none; display: block; float: left; height: 0; margin: 0; overflow: hidden; padding: 40px 80px 0 4px; width: 32px; }
.social ul li.twitter b { background-position: -80px 5px; }
.social ul li.facebook b { background-position: 0 5px; }
.social ul li.linkedin b { background-position: -40px 5px; }
.social ul li.youtube b { background-position: -120px 5px; }
.social ul li.rss b { background-position: -200px 5px; }
.social ul li.pinterest b { background-position: -240px 5px; }
.social ul li.googleplus b { background-position: -280px 5px; }




.social ul li ul { display: none; }
.social ul li:hover ul { background-color: #fff;border-radius: 3px;box-shadow: 0 2px 10px #999;clear: both;display: block;float: left;left: 20px;margin: 0;padding: 3px 0;position: absolute;top: 50px;width: 290px;z-index: 10000; }
.social ul li ul li { background-color: #fff;clear: both;cursor: default;display: block;float: left;height: auto;margin: 0;padding: 0;width: 290px; }
.social ul li ul li a { background-color: #fff;border-top: #b2cfe2 dotted 1px;clear: both;display: block;float: left;margin: 0;padding: 5px 10px;text-decoration: none;width: 270px; }
.social ul li ul li:first-child a { border: none; }
.social ul li:hover ul li a:hover { background-color: #cde3ef; }



/* Banner
----------------------------------------*/

.flex-container .flexslider { background: #ccc;margin: 10px; }

/* Footer
----------------------------------------*/

.anniversary { background: #fff; border-radius: 3px; margin: 0 10px; padding: 0 10px; position: relative; }
.anniversary p { margin: 0 auto;text-align: center; }
.anniversary p img { height: auto; max-width: 100%; }


.footer { background: #00558e; border-radius: 3px; margin: 10px; padding: 10px 10px 15px; position: relative; }
.footer p { color: #fff; text-align: center; }
.footer p a { color: #fff; padding: 0 5px; }


.footer-menu { width: 100%;height: 20px; }

#menu-footer {  margin: 0 auto;list-style: none;height: 20px;width: 260px;padding: 0; }
#menu-footer li { float: left;margin: 0 5px; }
#menu-footer li a { float: left;text-decoration: underline;color: #fff; }
.dual {
	background: #fff;
	clear: both;
	display: block;
	float: left;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}
.what-brings {
	clear: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.what-brings div {
	border: 3px solid #F90;
	margin: 0;
	padding: 10px 5px;
		
}
.who-is {
	clear: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	margin-top: -5px;
}
.who-is div {
	margin: 5px;
	padding: 10px 5px;	
}
.have-questions {
	clear: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.have-questions  div {
	margin: 0;
	padding: 10px 0 0;
}
.michelle {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.call {
	clear: both;
	display: block;
	float: left;
	margin-top: -20px;
	width: 100%;
}
.have-questions img {
	border: 5px solid #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.35);
	float: left;
	margin: 0 10px 10px 0;
}


@media (max-width: 820px) {


.home-banner .cols {
	display: table;
	width: 100%;
	min-width:inherit;
}
.home-banner .col {
	background: rgba(255,255,255,.25) url(/images/col-bg-gradient.png) repeat-x top center;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	min-height: inherit;
	padding: 0 0 5px 0;
	min-width: inherit;
	width: 100%;
}


.home-banner .banner-img {
	display: none;
}
.home-thumb {
	height: 40px;
	margin: 15px 10px 5px 15px;
	width: 40px;
}


	
}





.let-banner {
	background: url(/images/let-banner-bg2.png) no-repeat right -50px, url(/images/let-banner-bg1.png) repeat center top;

	clear: both;
	display: block;
	float: left;
	margin: 10px 10px 20px 10px;
	padding: 0;
	position: relative;
	box-shadow: 0 2px 10px rgba(0,0,0,.35);

}
.let-video {
	clear: none;
	float: left;
	display: block;
	width: 40%;
}




.let-video div {
	margin: 30px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.let-video div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.let-message {
	clear: none;
	float: right;
	display: block;
	width: 60%;	
}
.let-message div {
	margin: 20px;
}
.let-message h2 {
	color: #b73251;
	font-size: 32px;
	padding-top: 30px;
}
.let-message h4 {
	color: #00558e;
	font-size: 24px;
}
.let-message p {
	color: #00558e;
	font-weight: bold;
	margin-top: 20px;
}

@media (max-width: 1280px) {
	
.let-message {

}
.let-message div {
	margin: 20px;
}
.let-message h2 {
	font-size: 28px;
	padding-top: 24px;
}
.let-message h4 {
	font-size: 20px;
}
.let-message p {
	margin-top: 20px;
}	
	
}

@media (max-width: 1120px) {
	
.let-message {

}
.let-message div {
	margin: 20px;
}
.let-message h2 {
	font-size: 24px;
	padding-top: 24px;
}
.let-message h4 {
	font-size: 18px;
}
.let-message p {
	margin-top: 20px;
}	
	
}
@media (max-width: 960px) {
	
.let-message {

}
.let-message div {
	margin: 20px;
}
.let-message h2 {
	font-size: 19px;
	padding-top: 24px;
}
.let-message h4 {
	font-size: 14px;
}
.let-message p {
	margin-top: 20px;
}	
	
}





body .short { border-top: #ddd dotted 1px;height: 140px !important;	}


.crossSellTitle { font-size: 13px !important;margin: 5px 15px; }


/* Nav Articles */

.nav-articles { clear: none; display: block; float: left; margin: 0; padding: 0; width: 400px;}
.nav-articles h4 { clear: both; display: block; float: left; padding: 0; }
.nav-articles ul { clear: both; display: block; float: left; margin: 0; padding: 0; width: 90%; }
.nav-articles li { border-top: #ccc dotted 1px; clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; }
.nav-articles li:last-child { border-bottom: #ccc dotted 1px;}
.nav-articles li:hover { }
.nav-articles li a { display: block; float: left; margin: 0; padding: 0; text-decoration: none; width: 100%; }
.nav-articles li a:hover b { color: #000; text-decoration: underline; }
.nav-articles li a b { display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 15px; }
.nav-articles li b { display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 15px; }
.nav-articles li b a {display: block; float: left; margin: 0; padding: 0; text-decoration: none; /*width: 100%;*/ }
.nav-articles .blog-archives li b { display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 15px; color: #0076B9;}
.nav-articles .blog-archives li b a {display: block; float: left; margin: 0; padding: 0; text-decoration: none; /*width: 100%;*/ }
.nav-articles .blog-archives li b:hover {color: #000;}
.nav-articles .blog-authors li, .nav-articles .page-sub-menu li { display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 15px; color: #0076B9;}
.nav-articles .blog-authors li a, .nav-articles .page-sub-menu li a {display: block; float: left; margin: 0; padding: 0; text-decoration: none; /*width: 100%;*/ }
.nav-articles .blog-authors li a:hover b, .nav-articles .page-sub-menu li a:hover {color: #000;}



.nav-articles .articles li a b,
.nav-articles .blogs li a b { background: url(images/icon-article.png) no-repeat 15px 9px; padding: 10px 15px 10px 40px; }

/* Articles
----------------------------------------*/

.content { margin-top: 15px; }
.articles { clear: none; display: block; float: left; padding-bottom: 30px; }
.post .pic { border: #ccc solid 1px; border-color: #eee #ddd #bbb #ddd; box-shadow: 0 2px 8px #ccc; display: block; float: left; margin: 10px 20px 10px 15px; padding: 9px; max-width: 360px; }
.post .pic img { height: auto; max-width: 100%; }
.post { clear: both; display: block; float: left; position: relative; }
.post h2 { border-top: #ccc dotted 1px; padding-top: 15px; }
.post p { font-size: 13px; }
.post .details p { font-size: 11px; font-weight: bold; }
.post .details p a { text-decoration: none; }
.post .more a { font-weight: bold; }



.pic { border: #ccc solid 1px; border-color: #eee #ddd #bbb #ddd; box-shadow: 0 2px 8px #ccc; display: block; float: left; margin: 10px 20px 10px 15px; padding: 0 0 0 7px; max-width: 45%; }
.pic img { height: auto; max-width: 100%; }


/* Share Widgets */

.share { clear: both; display: block; float: left; margin: 0 0 0 15px; }
.share-button { clear: none; display: block; float: left; margin: 20px 10px 0 0; }
.share .facebook { margin-right: 0; }





/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after, .clear { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (max-width: 760px) {

.articles { clear: both; }
.post .pic { margin: 10px 15px; width: 90%; }
.post .pic img { height: auto; max-width: 100%; }
.post { clear: both; display: block; float: left; }
.post h2 { border-top: #ccc dotted 1px; padding-top: 15px; }
.post p { font-size: 13px; }
.post .details p { font-size: 11px; font-weight: bold; }
.post .details p a { text-decoration: none; }
.post .more a { font-weight: bold; }

.pic { border: #ccc solid 1px; border-color: #eee #ddd #bbb #ddd; box-shadow: 0 2px 8px #ccc; clear: none; display: block; float: left; margin: 10px 2.5% 10px 2.5%; padding: 9px; max-width: 325px; width: 325px; }
.pic img { height: auto; max-width: 100%; }

.rail-pod { box-shadow: 0 2px 10px #ddd;border: #ddd solid 1px;border-color: #eee #ddd #bbb;border-radius: 5px;clear: both;float: left;margin: 5px 0;padding: 10px 0;text-decoration: none;width: 99%; }
.rail-pod p.img { clear: none;float: left;margin: 2.5% 5%;width: 25%; }
.rail-pod p img { border: #ccc solid 1px;border-color: #eee #ddd #ccc;height: auto;max-width: 100%; }
.rail-pod div { clear: none;display: block;float: left;margin: 0;padding: 0;width: 65%; }
.rail-pod div p { clear: both;display: block; }
.rail-pod div dl { clear: both;display: block;margin: 0;padding: 0;position: relative; }
.rail-pod div dl dt { clear: both;display: block;float: left;margin: 15px 10px 10px;position: relative;text-decoration: none;width: 90%; }
.rail-pod div dl dt a { text-decoration: none; }
.rail-pod div dl dt a b { background: #cde3ef;border-radius: 5px;font-size: 13px;font-weight: bold;margin-top: 20px;padding: 5px 10px;text-decoration: none; }
.rail-pod div dl:hover dt a b { background: #381b81;color: #fff; }
.rail-pod div dl span { display: none; }
.rail-pod div dl:hover span { border: #381b81 solid 1px;border-radius: 3px;display: block;float: left;position: absolute;left: 0;top: 32px;width: 65%;z-index: 1000; }
.rail-pod div dl:hover span dd { color: #fff;clear: both;display: block;height: auto;margin: 0;padding: 0; }
.rail-pod div dl:hover span dd a { background: #cde3ef;clear: both;color: #0076B9;display: block;font-size: 11px;font-weight: bold;height: auto;margin: 0;padding: 5px 10px;text-decoration: none; }
.rail-pod div dl:hover span dd a:hover { background-color: #fff; }



body .short { border-top: #ddd dotted 1px;height: auto !important; }
body .short .product { border-top: #ddd dotted 1px;height: 80px !important; }



}


@media only screen and (min-width: 760px) {


.rail-pod { box-shadow: 0 2px 10px #ddd;border: #ddd solid 1px;border-color: #eee #ddd #bbb;border-radius: 5px;clear: both;float: left;margin: 5px 0;padding: 10px 0;text-decoration: none;width: 99%; }
.rail-pod p.img { clear: none;float: left;margin: 2.5% 5%;width: 25%; }
.rail-pod p img { border: #ccc solid 1px;border-color: #eee #ddd #ccc;height: auto;max-width: 100%; }
.rail-pod div { clear: none;display: block;float: left;margin: 0;padding: 0;width: 65%; }
.rail-pod div p { clear: both;display: block; }
.rail-pod div dl { clear: both;display: block;margin: 0;padding: 0;position: relative; }
.rail-pod div dl dt { clear: both;display: block;float: left;margin: 15px 10px 10px;position: relative;text-decoration: none;width: 90%; }
.rail-pod div dl dt a { text-decoration: none; }
.rail-pod div dl dt a b { background: #cde3ef;border-radius: 5px;font-size: 13px;font-weight: bold;margin-top: 20px;padding: 5px 10px;text-decoration: none; }
.rail-pod div dl:hover dt a b { background: #381b81;color: #fff; }
.rail-pod div dl span { display: none; }
.rail-pod div dl:hover span { border: #381b81 solid 1px;border-radius: 3px;display: block;float: left;position: absolute;right: 10px;top: 32px;width: 150%;z-index: 1000; }
.rail-pod div dl:hover span dd { color: #fff;clear: both;display: block;height: auto;margin: 0;padding: 0; }
.rail-pod div dl:hover span dd a { background: #cde3ef;clear: both;color: #0076B9;display: block;font-size: 11px;font-weight: bold;height: auto;margin: 0;padding: 5px 10px;text-decoration: none; }
.rail-pod div dl:hover span dd a:hover { background-color: #fff; }


/* banner */

.flex-container .flexslider { background: #ccc;margin: 10px; }



/* Social icons */

.social-icons { background: transparent; clear: both; display: block; float: left; padding: 0; position: absolute; right: 20px; top: 140px; }
.social-icons dl { clear: both; display: block; float: left; margin-left: 15px; padding: 0; }
.social-icons dl dt { clear: both; display: block; float: left; font-weight: bold; font-size: 14px; padding: 0 15px 15px 0; width: 100%; }
.social-icons dl dd { border-radius: 8px; clear: none; display: block; float: left; height: 40px; margin: 0; padding: 0; width: 40px; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.social-icons dl dd:first-child { margin-left: -4px; }
.social-icons dl dd:hover { background-color: #fff; -moz-transition:0.1s; -ms-transition:0.1s; -o-transition:0.1s; -webkit-transition:0.1s; transition:0.1s; }
.social-icons dl dd a { background: url(images/social-icons.png) no-repeat 0 0; border: none; clear: none; display: block; float: left; height: 0; margin: 0; overflow: hidden; padding: 40px 4px 0 4px; width: 32px; }
.social-icons dl dd.google { margin-left: 10px; }
.social-icons dl dd.facebook a { background-position: 0 5px; }
.social-icons dl dd.linkedin { margin-left: -4px; }
.social-icons dl dd.linkedin a { background-position: -40px 5px; }
.social-icons dl dd.twitter a { background-position: -80px 5px; }
.social-icons dl dd.youtube a { background-position: -120px 5px; }
.social-icons dl dd.skype a { background-position: -160px 5px; }
.social-icons dl dd.rss a { background-position: -200px 5px; }
.social-icons dl dd.google a { background-position: -240px 5px; }




.social  { background: transparent; clear: both; display: block; float: left; padding: 0; position: absolute; right: 20px; top: 140px; }



.container { max-width: 1220px; width: 90%; }
.shadow-right { background: url(images/divider-right-top.png) no-repeat 67.25% 0, url(images/divider-right-bottom.png) no-repeat 67.25% bottom, #fff url(images/divider-right.png) repeat-y 67.25% 0; }

/* Brand
----------------------------------------*/

.brand { background: #fff; margin-top: 50px; margin-bottom: 0; }


/* Search
----------------------------------------*/

.search { clear: both; display: block; float: left; height: 34px; margin: 3px 0; }
.search div { background: #fff; border: #ccc solid 1px; border-color: #777 #ccc #eee; border-radius: 3px; display: block; height: 32px; margin: 0 10px; padding: 0; position: relative; }
.search div label {}
.search input { border: none; font-size: 13px; padding: 7px 10px 5px; width: 82%; }
.search input:focus { border: none; outline: none; }
.search a { background: url(https://www.gordontraining.com/wp-content/themes/gordon/images/search-button-bg.png) no-repeat 0 0; display: block; height: 0; overflow: hidden; padding: 32px 0 0 0; position: absolute; right: 0; top: 0; width: 40px; }
.search a:hover { background-position: 0 -34px; }

/* Extras
----------------------------------------*/

.extras { clear: both; display: block; float: left; height: 30px; margin-top: 5px; margin-bottom: 5px; }
.extras p { clear: none; display: block; float: left; margin: 0; padding: 0; }
.extras .store a { display: block; padding: 10px 15px; }
.extras .cart a { background: url(images/cart-bg.png) no-repeat 0 center; display: block; padding: 10px 15px 10px 28px; }
.extras .phone { display: block; font-weight: bold; padding: 10px 15px; }

/* Main Navigation
----------------------------------------*/

.nav-main { border-radius: 3px; clear: both; display: block; float: left; margin: 10px -10px 0 10px; padding: 0; position: relative; width: 98.5%; z-index: 10; background: #00558e; }
.nav-main ul { height: 38px; margin: 0 10px; padding: 0; width: 100%;  }
.nav-main ul li { list-style-type: none; float: left; margin: 0; padding: 0; }
.nav-main ul li a { background: #00558e; border-bottom: #0076b9 solid 1px; color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
.nav-main ul li a:hover { background: #0076b9; }
.nav-main ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.nav-main > ul > li > a > span{ color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 10px 15px; text-decoration: none; }
.nav-main ul li a:hover span { color: #fff; }

/* Level 2 */

.nav-main ul li ul { display: none; }
.nav-main ul li:hover ul { background: #0076b9; box-shadow: 0 0 8px #555; display: block; margin: 0; padding: 0; position: absolute; top: 38px; width: 220px;	}
.nav-main ul li:hover ul li { border: none; margin: -1px 0 0 0; padding: 0; position: relative; width: 220px; }
.nav-main ul li:hover ul li a { border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 190px; }
.nav-main ul li:hover ul li:hover a { background-color: #0086c6; }

/* Level 3 */

.nav-main ul li ul li ul { display: none !important; }
.nav-main ul li:hover ul li:hover ul { background: #0076b9; box-shadow: 0 0 8px #555; display: block !important; float: left; left: 210px; margin: 0; padding: 0; position: absolute; top: 1px; width: 260px; z-index: 100; }
.nav-main ul li:hover ul li:hover ul li { border: none; margin: -1px 0 0 0; padding: 0; width: 260px; }
.nav-main ul li:hover ul li:hover ul li a { background: #0076b9; border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 230px; }
.nav-main ul li:hover ul li:hover ul li:hover a { background-color: #0086c6; }

/* Category Navigation
----------------------------------------*/

.nav-categories { clear: both; display: block; float: left; margin: 0; padding: 0; position: relative; width: 100%; z-index: 0; }
.nav-categories dl { background: #fff url(images/nav-categories-bg.png) repeat-x 0 bottom; height: 38px; margin: 0 10px; }
.nav-categories dl dd { clear: none; display: block; float: left; margin: 0; margin-right: 5px; padding: 0; width: auto; }
.nav-categories dl dd a { border: none !important; display: block; margin: 0; padding: 0; text-decoration: none; }
.nav-categories dl dd a:hover {}
.nav-categories dl dd a b { background: #b2cfe2; border: #b2cfe2 solid 1px; border-bottom-color: #97bcd5; border-top-right-radius: 3px; border-top-left-radius: 3px; clear: both; color: #0076b9; display: block; float: left; font-size: 13px; font-weight: bold; margin: 0; padding: 9px 14px; text-decoration: none; }
.nav-categories dl dd a:hover b { background: #cde3ef; color: #0076b9; }
.nav-categories dl dd.active a b { background: #fff; border-bottom-color: #fff; color: #555; }
.nav-categories dl dd.active a:hover b { background: #fff; border-bottom-color: #fff; color: #555; }

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

.articles { clear: none; margin-right: 2.5%; width: 62.5%; }
.nav-articles { clear: none; margin-left: 2.5%; width: 32.5%; }


.articles li {

}

}



/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

#searchform { clear: both;margin: 0.75em 15px 0.25em;font-size: 14px; }

#nav-below { clear: both;margin: 15px 0.25em; }

.nav-previous, .nav-next{
  display: block;float: left;margin: 15px 0.25em;height: 20px;font-size: 14px; }
.nav-next{
  float: right; }

/* =Comments
-------------------------------------------------------------- */
h3#comments-title { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }
#comments { clear: both;margin: 0.75em 15px 0.25em; }
#comments .navigation { padding: 0 0 18px 0; }

h2#comments-title{
    margin: 15px 0;  padding-top: 10px; }

h3#comments-title,
h3#reply-title { color: #000;font-size: 20px;font-weight: bold;margin-bottom: 0; }
h3#comments-title { padding: 24px 0; }
.commentlist { list-style: none;margin: 0;padding: 0; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7;line-height: 24px;margin: 0 0 24px 0;padding: 0 0 0 56px;position: relative; }
.commentlist li:last-child { border-bottom: none;margin-bottom: 0; }
#comments .comment-body ul,
#comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar {

}
.comment-author {
}
.comment-author cite { color: #000;font-style: normal;font-weight: bold; }
.comment-author .says { font-style: italic; }
.comment-meta { font-size: 12px;margin: 0 0 18px 0; }
.comment-meta a:link,
.comment-meta a:visited { color: #888;text-decoration: none; }
.comment-meta a:active,
.comment-meta a:hover { color: #ff4b33; }
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply { font-size: 12px;padding: 0 0 24px 0; }
.reply a,
a.comment-edit-link { color: #888; }
.reply a:hover,
a.comment-edit-link:hover { color: #ff4b33; }
.commentlist .children { list-style: none;margin: 0; }
.commentlist .children li { border: none;margin: 0; }
.nopassword,
.nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #e7e7e7;margin-bottom: 18px;padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888;display: block;font-size: 12px;line-height: 18px;margin: 0; }
#comments .pingback .url { font-size: 13px;font-style: italic; }

/* Comments form */
input[type=submit] { color: #333; }
#respond { border-top: 1px solid #e7e7e7;margin: 24px 0;overflow: hidden;position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px;font-weight: normal;line-height: 18px; }
#respond .requlred { color: #ff4b33;font-weight: bold; }
#respond label { color: #888;font-size: 12px; }
#respond input { margin: 0 0 9px;width: 98%; }
#respond textarea { width: 98%; }
#respond .form-allowed-tags { color: #888;font-size: 12px;line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { font-size: 14px;width: auto; }

.alignleft {
    float: left;  padding: 8px 8px 8px 0; }

.nav-articles .blogs li a b { background: url(images/icon-article.png) no-repeat 15px 9px; padding: 10px 15px 10px 40px; }
.nav-articles .books li a b { background: url(images/icon-book.png) no-repeat 15px 11px; padding: 10px 15px 10px 40px; }

.product img { max-height: 99px; }
#singlepage img { max-height: 200px }
.product .desc { height: 50px; }
#prod-descript { margin-left: 283px; }
#seclogos img { padding: 25px 0 0 50px; }
.checkout_cart img { height: 31px; width: 31px; }
.wpsc_product_name { width: 175px; }
#headercontent { width: 98.5%; position: relative; }
#headerright { float: right; width: 400px; }
#headerleft { float: left; }
.brand { margin-top: 0; }
#soclogos { width: 350px; position: absolute; top: -50px; right: 15px;  }
.search { position: absolute; top: 10px; width: 320px; right: 0; }
.extras { position: absolute; right: 5px; top: 50px; }
#product_2278_submit_button { display: none; }
.product-group .price, .product-group .wpsc_buy_button { margin-top: -15px!important; }
.product-group .desc { width: 200px!important; margin-left: -20px!important; }
#crossSellTitle { padding-left: 15px;  font-size: 14px; font-weight: bold; }
.wpcf7-response-output { font-size: 18px!important; font-weight: bold; padding-bottom: 20px; }
.pop { display: none; background-color: #B2CFE2; padding: 10px; width: 90%; }

/* Main Navigation
----------------------------------------*/
/*
.nav-main { border-radius: 3px; clear: both; display: block; float: left; margin: -190px 0 0 0; padding: 0; position: relative; width: 100%; z-index: 10; }
.nav-main dl { background: #00558e; margin: 0 10px; z-index: 20; }
.nav-main dl dd { clear: none; display: block; float: left; margin: 0; padding: 0; position: relative; width: auto; }
.nav-main dl dd a { background: #00558e; border-bottom: none; color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0 0 0 0; padding: 0; text-decoration: none; }
.nav-main dl dd a:hover { background: #0076b9; }
.nav-main dl dd:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.nav-main dl dd a b { color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 10px 15px; text-decoration: none; }
.nav-main dl dd a:hover b { color: #fff; }
*/

header .nav-main { border-radius: 3px; clear: both; display: block; float: left; margin: 10px 0 0 0; padding: 0; position: relative; width: 100%; z-index: 10; }
header .nav-main ul { background: #00558e; margin: 0 10px; z-index: 20; }
header .nav-main ul li { clear: none; display: block; float: left; margin: 0; padding: 0; position: relative; width: auto; }
header .nav-main ul li a { background: #00558e; border-bottom: none; color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0 0 0 0; padding: 0; text-decoration: none; }
header .nav-main ul li a:hover { background: #0076b9; }
header .nav-main ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
header .nav-main ul li a span { color: #b2cfe2; display: block; float: left; font-size: 13px; font-weight: bold; margin: 0; padding: 10px 15px; text-decoration: none; }
header .nav-main ul li a:hover span { color: #fff; }

/* Level 2 */
/*
.nav-main dl dd dl { display: none; }
.nav-main dl dd:hover dl { background: #0076b9; box-shadow: 0 0 8px #555; display: block; float: left; left: 0; margin: 0; padding: 0; position: absolute; top: 38px; width: 220px;	}
.nav-main dl dd:hover dl dd { border: none; margin: -1px 0 0 0; padding: 0; position: relative; width: 220px; }
.nav-main dl dd:hover dl dd a { border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 190px; }
.nav-main dl dd:hover dl dd:hover a { background-color: #0086c6; }
*/
header .nav-main ul li ul { display: none; }
header .nav-main ul li:hover ul { 
	background: transparent; 
	box-shadow: 0 0 8px #555; 
	clear: both; 
	display: block; 
	float: left; 
	height: auto;
	left: 0;
	list-style: none;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 38px; 
	width: 220px;
}
header .nav-main ul li:hover ul li { 
	clear: both; 
	display: block; 
	float: left; 
	border: none; 
	margin: -1px 0 0 0; 
	padding: 0; 
	position: relative; 
	width: 220px; 
}
header .nav-main ul li:hover ul li a { 
	border: #00558e solid 1px; 
	clear: both;
	display: block;
	float: left;
	color: #fff; 
	font-weight: normal; 
	padding: 0; 
	width: 220px;
}
header .nav-main ul li:hover ul li:hover a { background-color: #0086c6; }

/* Level 3 */
/*
.nav-main dl dd dl dd dl { display: none !important; }
.nav-main dl dd:hover dl dd:hover dl { background: #0076b9; box-shadow: 0 0 8px #555; display: block !important; float: left; left: 210px; margin: 0; padding: 0; position: absolute; top: 1px; width: 260px; z-index: 100; }
.nav-main dl dd:hover dl dd:hover dl dd { border: none; margin: -1px 0 0 0; padding: 0; width: 260px; }
.nav-main dl dd:hover dl dd:hover dl dd a { background: #0076b9; border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 230px; }
.nav-main dl dd:hover dl dd:hover dl dd:hover a { background-color: #0086c6; }
*/
header .nav-main ul li ul li ul { display: none !important; }
header .nav-main ul li:hover ul li:hover ul { background: #0076b9; box-shadow: 0 0 8px #555; display: block !important; float: left; left: 190px; margin: 0; padding: 0; position: absolute; top: 1px; width: 260px; z-index: 100; }
header .nav-main ul li:hover ul li:hover ul li { border: none; margin: -1px 0 0 0; padding: 0; width: 260px; }
header .nav-main ul li:hover ul li:hover ul li a { background: #0076b9; border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 0; width: 260px; }
header .nav-main ul li:hover ul li:hover ul li:hover a { background-color: #0086c6; }

}


@media (max-width: 820px) {
	
/* Main Navigation
----------------------------------------*/

header .nav-main { border-radius: 3px; clear: both; display: block; float: left; margin: 10px 0 0 0; padding: 0; position: relative; width: 100%; z-index: 10; }
header .nav-main ul { height: 38px; margin: 0 10px; padding: 0;}
header .nav-main ul li { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; }
header .nav-main ul li a { background: #00558e; border-bottom: #0076b9 solid 1px; color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
header .nav-main ul li a:hover { background: #0076b9; }
header .nav-main > ul > li > a > span { color: #b2cfe2; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 10px 15px; text-decoration: none; }
header .nav-main ul li a:hover span { color: #fff; }

/* Level 2 */

header .nav-main ul li ul { display: none;	}
/* .nav-main ul li:hover ul { background: #0076b9; box-shadow: 0 0 8px #555; display: block; float: left; left: 0; margin: 0; padding: 0; position: absolute; top: 34px; width: 220px; } */
header .nav-main ul li:hover ul li { border: none; margin: -1px 0 0 0; padding: 0; position: relative; width: 220px; }
header .nav-main ul li:hover ul li a { border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 190px; }
header .nav-main ul li:hover ul li:hover a { background-color: #0086c6; }

/* Level 3 */

header .nav-main ul li ul li ul { display: none !important; }
header .nav-main ul li:hover ul li:hover ul { background: #0076b9; box-shadow: 0 0 8px #555; display: block !important; float: left; left: 210px; margin: 0; padding: 0; position: absolute; top: 1px; width: 260px; z-index: 100; }
header .nav-main ul li:hover ul li:hover ul li { border: none; margin: -1px 0 0 0; padding: 0; width: 260px; }
header .nav-main ul li:hover ul li:hover ul li a { background: #0076b9; border: #00558e solid 1px; color: #fff; font-weight: normal; padding: 10px 15px; width: 230px; }
header .nav-main ul li:hover ul li:hover ul li:hover a { background-color: #0086c6; }
	
}

#bannervid { color: #FFB00B; margin-left: 8px; }.closure { color: #ff0000; font-size: 14px; line-height: 16px; font-weight: bold; }
@media (max-width: 980px) {
.post { width: 410px; }
}
.articles .post { width: 100%; }
#tophomelogos{
    width: 100%;
}

div.photosrow {
    width: 100%;
    zoom:1;
	margin: 0 auto 0 auto;
	font-size: 14px;
}

div.photosrow:before, div.photosrow:after {
    content:"";
    display:table;
}
div.photosrow:after {
    clear:both;
}

div.photosrow .photoscolumn {
	display: inline;
	text-align: center;
}

#tophomelogos img{
    width: auto;
    height: 55px; 
}
.flex-container{ margin-bottom: 20px; }
table { width: 100%!important; }