/*   
Theme Name: JGSC Group Theme
Theme URI: http://JGSCgroup.com
Description: Custom WordPress Theme	
Author: Wayne Goodman	
Author URI: http://www.waynegoodman.com
Version: 1
*/


.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
p { margin:0px 0px 11px 0px}
h1 { font-size:22px; line-height:24px; margin: 0px 0px 14px 0px; color:#003566; font-weight:600}
h2 { font-size: 19px; line-height:21px; margin: 0px 0px 11px 0px;  color:#003566; font-weight:600}
h3 { font-size: 17px; line-height:19px; margin: 0px 0px 8px 0px;  color:#889dc4; font-weight:600}
h4 { font-size: 16px; line-height:17px; margin: 0px 0px 8px 0px; color:#889dc4; font-weight:600}
h5 { font-size: 15px; line-height:17px; margin: 0px 0px 8px 0px; color:#889dc4; font-weight:600}
h6 { font-size: 14px; line-height:16px; margin: 0px 0px 8px 0px; color:#889dc4; font-weight:600}
html,
body { height:100%; font-family: 'Helvetica Neue', Verdana, Geneva, sans-serif; background:#eaeaeb;}

.preHead { color:#889dc4; font-style:italic;  font-size:17px; line-height:18px }

strong { font-weight:bold}

#leftCol ul li { margin:0 0 10px 32px; list-style:square inside;   padding-left:11px;  text-indent: -1em;}
ul.osc-res-nav li { text-indent: 0 !important;}
#wrapper { width:92%; max-width:994px; height:auto; min-height:88%; background:#fff; margin:0px auto; padding:1% 15px 6% 0; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; position:relative; overflow:hidden}
#logo { float:left; margin:14px 0px 9px 20px}
#container { width:92%; max-width:994px; height:auto; min-height:100%; background:#eaeaeb; margin:0px auto; padding:0px 15px 72px 15px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; position:relative}
#logo { float:left; margin:11px 0px 9px 20px}
#homeFeature { float:left; width:622px; margin:7px 0px 7px 21px; position:relative}
.featureCaption h1{  font-size:22px !important; line-height:23px;  position:absolute; bottom:32px; right:22px; color:#fff; text-shadow: 0px 0px 5px #000 }
.featureCaption h1 a { text-decoration:none; color:#fff; }
.featureCaption h1 a:hover {color:#95cee7}
#homeFeature img { float:left; height:auto; border:4px solid #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888;}
.bannersH { width:300px; float:left; margin:6px 0px 6px 22px; position:relative}
.bannersH img { border:4px solid #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }

.recruitLogo {margin:11px 11px 4px 0px}
.recruitLogo img { max-width:288px }

.secAside { width:284px; min-height:88px;  margin:0px 0px 24px 1px; position:relative;  border:4px solid #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; background:#fff; font-size:.8em; line-height:1.4em; padding:0px; /*background:#eaeaeb*/ background-color:#fff}
.secAside img { max-width: 295px; height:auto; margin:0px; padding:0; margin-bottom:-2px !important  }
.secAside p img { max-width: 258px; height:auto;  }
.secAside p{ margin:8px 14px 8px 14px}
.secAside h1, .secAside h2, .secAside h3,  .secAside h4, .secAside h5, .secAside h6 { margin:11px 14px 4px 14px}

.rightCol { float:left; width:294px; margin:24px 0 0 30px }
.rightCol .content { margin:24px 0px 9px 26px; font-size:.8em; line-height:1.4em; width:100%}

.rightCol .content img { width:100%; height:auto}

.clearIt { clear:both; height:0px }

#leftCol { float:left; /*width:622px;*/ width:616px;/* min-height:370px;*/min-height:300px; background:#fff; margin:9px 10px 7px 0px;  padding:10px 2px 0px 21px; font-size:13px; line-height:19px}
#leftCol img { max-width:100%; height:auto }



/*  navigation ----------------- */

#topNav { width:952px; height:40px;/* background:url(images/topNavSprite.png);*/ margin:0px 21px 10px 21px; -moz-box-shadow:3px 2px 4px 0px #888;  -webkit-box-shadow: 3px 2px 4px 0px #888;  box-shadow: 3px 2px 4px 0px #888; text-align:center; padding:0; background:#003468}

#topNav ul { display:inline; list-style:none; margin:0; padding:0}
#topNav ul li { display:inline; list-style:none; margin:0 5px; padding:0; }

#topNav ul li a { text-decoration:none; display:inline-block; padding:11px; text-transform:uppercase; font-size:16px;  letter-spacing:.1em; color:#fff}
#topNav ul li a:hover {color:#95cee7}



#secondaryNav { }
#tertiaryNav { }

#navBar { width:952px; height:auto; background-color:#889dc4; margin:0px 21px 10px 21px; -moz-box-shadow:3px 2px 4px 0px #888;  -webkit-box-shadow: 3px 2px 4px 0px #888;  box-shadow: 3px 2px 4px 0px #888; text-align:center;  }
.navBarText {  height:auto; text-align:center; font-size:18px; color:#fff; padding:11px 0px 14px 0px !important; font-weight:600; text-shadow: black 0.1em 0.1em 0.2em}
.navBarText a { text-decoration:none; color:#FF9}
.navBarText a:hover { text-decoration:underline; color:#003566}

a.active, #wprmenu_menu a.active{ font-weight:bold }

.topPhone { margin:0 0 0 8px; color:#7385a7; font-weight:bold}

.bSnipe { position:absolute; height:50px; left:4px; right:4px; bottom:6px; width:100%; background:url(/images/snipeBG.png) }
.bSnipe .snipText { padding:6px; font-size:17px; line-height:17px !important; color:#FFF; text-align:center; text-shadow: 2px 2px 3px #000; font-weight:400 }
.bSnipe a { display:block; text-decoration:none; color:#fff}
.bSnipe a:hover { color:#95cee7}

#footer { width:100%; height:auto; background-color:#003566; position:absolute; right:0px; left:0px; bottom:0px; color:#fff; text-align:center; z-index:88; }

.testimonials { width:628px; height:auto; margin:7px 0px 11px 22px; float:left;  font-size:13px; line-height:18px; text-align:left; position:relative;}
.twitter { float:left; width:274px; min-height:100px; background-color:#ced5e0; margin:6px 0px 11px 16px; padding:14px 18px 8px 18px; font-size:12px; line-height:17px}
.widget_twitter ul li { list-style:none !important; margin-left:0; font-size:12px; line-height:17px; padding-left:3px !important}

.widget_twitter div {
	padding:0;
}

.widget_twitter ul li {
	margin:0; list-style:none
}

#twitter-2 ul li { list-style:none; margin:0 !important}

.twitter .widget_twitter ul,
.follow-button {
	padding:0px !important;
}

.footerText { margin:18px; text-align:center; color:#fff; font-size:14px; line-height:19px; }
.footerText a {  color:#FFC}
.bullet { margin-left:8px; margin-right:8px; color:#09F}

#homeInfo {padding:8px; font-size:13px; line-height:18px }
#homeInfo p { margin-left:10px}

.test { width:144px; height:22px;}
#tabletNav {display:none }

.clientlist {  width:100%}
.clientlist p { margin:18px 0 12px 0 }
.clientlist ul {width:90%;   padding:0; margin:0 auto }
.clientlist ul li { margin:0 0 11px 0}



.sidePhoto {   margin:8px auto; }
.sidePhoto img { max-width:294px; margin:8px auto }

#wprmenu_bar { z-index:44 !important}

/* Photo styles
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* contact page */

.contactForm1{margin-left: 44px; width:360px }
.contactForm2{text-align:center }
.contactForm1 input { width:360px}
.contactForm3{text-align:center }
.contactForm3 textarea{ width:360px }

.contactDiv {margin:22px auto; font-size:11px; width:547px; text-align:center; }
.contactDiv input {margin-bottom:0px }
.contactLeft { width:260px; float:left; margin-right:20px; margin-bottom:6px}
.contactLeft input {  width:260px; }

.contactRight { width:260px; float:left; margin-bottom:6px}
.contactRight  input {  width:260px; }
.contactSingle { width:260px; margin-bottom:6px}
.contactSingle input{ width:260px; }

.contactAdd { width:560px }
.address { width:260px; float:left; margin-right:20px; }
.address input{ width:260px; margin-bottom:0px}
.city { float:left; width: 144px;  margin-right:20px;}
.city input { width:144px; margin-bottom:0px}
.stateC {float:left; width:30px;  margin-right:20px; margin-bottom:0px}
.stateC input { width:30px }
.zip { float:left; width:30px; margin-bottom:6px}
.zip input { width:30px}

.contactSubmit { text-align:center }

.submitStyle { text-align:center}

.aItems ul { margin:8px 14px 8px 14px; padding:0} 
.aItems ul li { list-style:none; margin:0 0 11px 0; padding:11px 0 0 0; border-top:1px dotted #ccc; width:100%; clear:left} 
.aItems ul li:first-child {border-top:none }
.aItems ul li img { width:80px; height:auto; float:left; margin:0 11px 4px 0}
.aItems ul li h4 {margin:0 0 8px 0 !important; font-size:14px;font-weight:normal;  }
.aItems ul li h4 a{ text-decoration:none; color:#0067B7;  }
.aItems ul li h4 a:hover { text-decoration:underline}

.navImages ul { margin:11px 14px 14px 22px; padding:0 0 0 22px} 
.navImages  ul li { list-style:square; margin:0 0 4px 0; padding:8px 0 0 0; width:100%; color:#043566} 
.navImages  ul li:first-child {border-top:none }
.navImages  ul ul { margin-left:0px}
.navImages  ul li a{ text-decoration:none; color:#0067B7; display:block; font-size:13px; line-height:14px }
.navImages  ul li a:hover { text-decoration:underline; color:#043566}


.nolink:hover, .nolink { text-decoration:none !important; color:#0067B7 !important;  cursor:none}


.rightContent {font-size:.8em; line-height:1.4em; margin:18px auto; width:90%; background:#ccc; }

.osc-res-tab .nav-tabs { height:38px !important; margin-bottom:-22px !important}


sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}

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

	.clientlist ul {width:44%; float:left !important;  padding:0; margin:0 3% 0 3%; }
	#utilityNav .topLinks ul li:nth-child(4) a { text-decoration:none; font-weight:bold;  cursor: default !important; }
	#utilityNav .topLinks ul li:nth-child(4) a:hover { text-decoration:none; font-weight:bold; color:#7385a7 !important;  cursor: default !important;}
}


@media (max-width: 1060px) {
	
	.rightCol .content, .secAside { margin:0 2.2% 22px 2.2%; width:285px; }
	.secAside {float:right;}
	.rightCol .content {float:left;}
	.rightCol { float:none; width:95%; margin:22px auto; }
	
#leftCol { float:none; /*width:622px;*/ width:626px; min-height:60px !important; background:#fff; margin:9px 0px 7px 0px;  padding:0px 2px 0px 21px}
/*#leftCol img { width:100%; height:auto }*/

	
	#container {max-width:674px; }
	#wrapper {max-width:674px; padding:0px 15px 96px 15px;  min-height:90% !important; }
  .bul1 { }
	.bul2 { }
	.bul3 { display:block; line-height:0; color:#003566;}
	.bul4 {  }
	.footerText { margin:11px 0px 12px}
	.testimonials { width:94%; margin:8px 20px }
	.twitter { width:89%; margin:8px 20px }
	#navBar   { width:90% !important; padding:2%; margin:0px 3% 14px 3%}
	#navBar  a { display:block}
	#footer { height:83px;}
	
	.recruitLogo img { max-width:288px !important }
	
}

@media (max-width: 770px) {
	.testimonials { float:none; height:360px; margin:11px auto}
}

@media (max-width: 740px) {
	
	.rightCol { float:none; width:284px; margin:11px auto 22px auto; float:none}
	.rightCol .content { margin:24px 0px 24px 0; float:none }
	.secAside { width:276px !important; }
	
	#leftCol { min-height:50px !important }
	#homeFeature { margin-bottom:12px !important; }
	#container { padding:0px 4% 92px 4% !important}
	#wrapper{ padding:0px 4% 92px 4% !important; min-height:82%}
	#logo {   max-width:95%; height:auto; margin:0 auto 8px auto !important; float:none; text-align:center}
	#logo img {  max-width:95%; height:auto; margin:0; float:none}
	#homeFeature { max-width:96%; height:auto; float:none; margin:0px 3%}
	#homeFeature img { max-width:96%; height:auto; }
	.bannersH{  margin-left:auto !important; margin-right:auto !important; float:none; position:relative; width:306px; }
	.bannersH img { margin:0px;  }
	.bSnipe { right:6px !important; bottom:6px  !important; width:300px}
	#footer { height:83px;}
	 /*#utilityNav{width:91% !important; padding:2%; margin:0px 3% 14px 3%; font-size:18px; color:#fff; background-color:#003566; text-align:center; -moz-box-shadow:3px 2px 4px 0px #888;  -webkit-box-shadow: 3px 2px 4px 0px #888;  box-shadow: 3px 2px 4px 0px #888;}
	 #utilityNav a { display:block; color:#FFF; }
	 #utilityNav a:hover { color:#FF9}*/
	 
	 #leftCol { float:none;  width:95% !important; padding:2%; margin:0px 2% 14px 2%; min-height:100px; background:#fff;  border:4px solid #fff;  padding: 0px; min-height:200px !important; }
	 /*#leftCol img { max-width:100% }*/	 
	 .secAside { width:300px; float:none; margin:6px auto 22px auto; position:relative;  border:4px solid #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; padding:0}
	 .secAside img {width:100%; height:auto; max-width: 300px; }

	

	
	.bul1 { }
	.bul2 { display:block; line-height:0; color:#003566;}
	.bul3 { display:block; line-height:0; color:#003566;}
	.bul4 {  }
	
	.contactDiv {margin:22px auto; font-size:11px; width:auto; text-align:center; }
.contactDiv input {margin-bottom:0px }
.contactLeft { width:260px; float:none; margin-right:20px; margin-bottom:6px}
.contactLeft input {  width:260px; }

.contactRight { width:260px; float:none; margin-bottom:6px}
.contactRight  input {  width:260px; float:none !important}
.contactSingle { width:260px; margin-bottom:6px}
.contactSingle input{ width:260px; }

.contactAdd { width:560px }
.address { width:260px; float:none !important; margin-right:20px; }
.address input{ width:260px; margin-bottom:0px}
.city { float:none !important; width: 144px;  margin-right:20px;}
.city input { width:144px; margin-bottom:0px}
.stateC {float:none !important; width:30px;  margin-right:20px; margin-bottom:0px}
.stateC input { width:30px }
.zip { float:none !important; width:30px; margin-bottom:6px}
.zip input { width:30px}
	
.recruitLogo img { max-width:288px !important }


	
}

@media (max-width: 670px) {
.testimonials { float:none; height:auto; margin:22px auto}
.twitter { width:85%; float:none; margin:11px auto }
}

@media (max-width: 420px) {
	
	.testimonials { float:none; height:470px !important; margin:11px auto}
	
	.alignright { float:none;margin: 11px auto 20px auto; display:block; }
	
	.featureCaption h1 { font-size:16px !important; line-height:17px!important; padding-top:11px; padding-left:11px}
	
	 #leftCol { min-height:100px !important; }
	#container { padding:0px 4% 138px 4% !important}
	#wrapper { padding:0px 4% 138px 4% !important; min-height:80% !important}
	#footer { height:130px;}
	 .bul1 { }
	.bul2 { display:block; line-height:0; color:#003566;}
	.bul3 { display:block; line-height:0; color:#003566;}
	.bul4 {  }
	.footerText { margin:11px 0px 12px}
	.twitter { width:85%; margin:11px }
	.bul4 { display:block; line-height:0; color:#003566; }
	.footerText {color:#fff; font-size:16px; line-height:24px}
	
	 #leftCol { float:none;  width:95% !important; padding:2%; margin:0px 3% 14px 3%; min-height:600px; background:#fff;  border:none;  padding:0px }


.contactForm1{margin-left:auto; width:300px }
.contactForm2{text-align:center }
.contactForm1 input { width:300px}
.contactForm3{width:288px !important}
.contactForm3 imput {width:288px !important}


.recruitLogo img { max-width:288px !important }
}




/* IE 8 or less styles */
html.lt-ie9 .bSnipe { position:absolute; height:50px; left:4px; right:4px; bottom:4px; width:100%; background:url(images/snipeBG.png) }

html.lt-ie9 .secAside { border:1px solid #ccc}

html.lt-ie9 #utilityNav .topLinks { padding-top:0px; height:32px; margin-top:11px; text-align:right; float:left; width:490px;  margin:0}
html.lt-ie9 #utilityNav .topLinks ul li a {  padding:2px 4px;}


.menu-item-40 a { font-weight:bold !important}
.menu-item-40 a:hover { color:#fff !important; text-decoration:none !important; color:#7385a7 !important}


.twitter .widget_twitter {
	
}

.twitter .widget_twitter .widgettitle {
	
	padding: 5px;
}

.twitter .widget_twitter ul,
.follow-button {
	padding:5px !important;
}


/* Photo styles
-------------------------------------------------------------- */
.alignnone {
    margin: 0px 20px 16px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 4px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 4px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 0 0 4px 12px;
}

a img.alignnone {
    margin: 5px 20px 4px 0;
}

a img.alignleft {
    float: left;
    margin: 0 14px 6px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: none;
	font-style:italic;
    border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
	font-size:11px; line-height:13px
}

.wp-caption.alignnone {
    margin: 5px 20px 4px 0;
}

.wp-caption.alignleft {
    margin: 0 12px 0 0;
}

.wp-caption.alignright {
    margin: 0 0 0 12px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}