/*
Theme Name: GC Consultants
Theme URI: http://www.gc-consultants.com/
Version: 1.0
*/


/* CSS Document */

/* RESET DEFAULT STYLES */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	
}
body {
	line-height: 1;
	background-color: #E8F5FF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {text-align:left;}

/* end meyer */

div {position:relative;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
html {overflow-y:scroll;} /* forces space for scrollbar - centered site does not shift with longer content */

/* SOME COMMON STYLES */
.warning_msg {color:#FF0000;}
.confirmation_msg {color:#0000FF;}
hr {border:0px;height:1px;background-color:#cccccc;color:#cccccc;margin-bottom:16px;} /* color fixes IE 7*/
em {font-style:italic;}
strong {font-weight:bold;}

/* NEW COMMON */
/* single attributes */
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.position-absolute {position:absolute;}
.position-relative {position:relative;}
.text-indent-9999 {text-indent:-9999px;}
.display-block {display:block;}
.padding-bottom-0px {padding-bottom:0px;}
.padding-top-0px {padding-bottom:0px;}

/* multiple attributes */
.txt-image {display:block;text-indent:-9999px;}
.float-left {float:left;margin:10px 12px 10px 0px;}
.float-right {float:right;margin:10px 0px 10px 12px;}

/* end common styles */



/* MAIN STYLES */
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;	
}

#wrapper {
	width:990px;
	margin:0px auto;
}

#masthead {
	height:116px;
	position:relative;	
}

#identity {
	background:url(images/identity.png);
	width:139px;
	height:58px;
	text-indent:-9999px;
	position:absolute;
	top:37px;
	left:42px;
}

#identity a {
	display:block;
	width:139px;
	height:58px;
}

.nav-top {
	text-align:right;
	height:26px;
	position:absolute;
	right:0px;
	bottom:0px;
	width:103%;
}

.nav-top ul {height:26px;}

.nav-top li {
	display:inline-block;
	background:url(images/bg-top-nav-pipe.png) repeat-y right top;
	height:26px;
	padding:0px 10px 0px 10px;
	top:0px;
}

.nav-top li:last-child {background:none;}
/*.nav-top li#menu-item-22 {background:none;} */

.nav-top a {
	display:block;
	position:relative;
	line-height:26px;
	color:#002972;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:.5px;
	
}

.nav-top a:hover {font-weight:bold;}

/* two column layout */

#right-column {float:right;width:756px;margin-left:0px;}
#left-column {float:right;width:225px;}

/* had to do this to keep everything from shifting on bold rollover */
.nav-top .link-home {left:327px;width:50px;}
.nav-top .link-about {left:390px;width:90px;}
.nav-top .link-services {left:492px;width:90px;}
.nav-top .link-project {left:596px;width:196px;}
.nav-top .link-news {left:808px;width:50px;}
.nav-top .link-contact {left:875px;}

/* on page states */
.current-menu-item a,
.current-menu-parent a,
.current-menu-parent .current-menu-item a,
li.current-page-ancestor a {
	font-weight:bold;
}

.current-menu-item li a, .current-menu-parent li a  {font-weight:normal;}

#top-bar {background:url(images/bg-top-bar.png) no-repeat -34px 0px;height:9px;width:100%;}
#bottom-bar {background:url(images/bg-bottom-bar.png) no-repeat -34px 0px;height:9px;width:100%;}

#banner {margin:2px 0px;overflow:hidden;}
#banner img {display:block;}
.home #banner {height:320px;position:relative;}
.home #banner img.large {position:absolute;top:0px;left:156px;display:none;}
.home #banner img#image-1 {display:block;}
.home #gallery-nav img {cursor:pointer;}


#content {
	overflow:hidden;
	background:url(images/bg-content-half-border.png) no-repeat 216px 0px;
	margin:24px 0px 2px 0px;
}

#content .padding {
	padding:0px 0px 0px 0px;
}

#left-column .padding {padding:0px 12px 0px 40px;}
#left-column .padding, #right-column .padding {padding-top:8px;}

#left-column li {margin-bottom:22px;}

#left-column li ul {display:none;}
#left-column li.current-menu-item  ul,
#left-column li.current-page-ancestor ul,
#left-column li.current-menu-parent ul
 {
	display:block;}

#content #left-column li a {
	font-family:Helvetica, Arial, sans-serif;
	color:#336699;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	line-height:19px;
}

#left-column li a:hover {font-weight:bold;}

#left-column li span.date {
	display:block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 0px 0px 12px;
}

#left-column li ul {
	margin:4px 0px 0px 24px;
}

#left-column li li {
	margin-bottom:5px;
}

#content #left-column li li a {
	color:#929292; 
	font-size:14px; 
	text-transform:none;
	line-height:15px;
}


#right-column .padding {padding:10px 60px 0px 48px;}

#content #right-column h1 {padding-left:46px;position:relative;top:6px;text-transform:uppercase;}
#content #right-column .padding h1 {padding-left:0px;top:0px;}

#content p,
#content #right-column .padding h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content address {
	padding-bottom:12px;
	line-height:17px;
}

#content ul,
#content ol,
#content table {margin-bottom:16px;}

#content h1,
#content #right-column h2.head,
.page-id-15 #content th {
	color: #336699;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	line-height: 19px;
	font-weight: normal;
	padding-bottom: 12px;
	font-weight:bold;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #right-column h1.subhead {
	color:#336699;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:0px;
	line-height:19px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:0px;
}

#content h2.cost {
	font-weight:bold;
	padding:2px 0px 18px 0px;	
}

.page-id-4 #content p, 
.page-id-4 #content td, 
.page-id-4 #content address {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#content p, 
#content td, 
#content address,
#content li {
	color: #000000;
	font-size: 14px;
}

#content p {padding-bottom:16px;}
#content .gallery-padding {padding-right:200px;}

#content a {color:#002972;text-decoration:none;}
#content a:hover {text-decoration:underline;}

#content strong.caps {
	text-transform: uppercase;
	color: #0092EF;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#content #right-column ul {list-style-type:disc;margin-left:16px;}
#content #right-column ul li {margin-bottom:4px;}

#content img.float-left, #content img.float-right {border:1px solid #CCCCCC;}

#content p.read-more {text-align:right;}

.three-columns {width:33%;float:left;}
.two-columns {width:49%;float:left;}


/* home page */
.home #content {background:url(images/bg-home-content.png) repeat-y -20px 0px;margin:36px 0px;}
.home #content .three-columns .padding {
	padding: 18px 36px;
	color: #000000;
	font-size: 12px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
.home #content .three-columns .padding h2 {padding-bottom:16px;}
.home #content .three-columns .padding img {display:none;}
.home #content .left .padding {padding-left:80px;}
.home #content .right .padding {
	padding-right: 80px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.home #content .middle .padding {
	padding: 18px 48px;
	color: #000000;
}

/* contact page */
.page-id-15 #content {background:url(images/bg-contact-content.png) repeat-y;margin:36px 0px;}
.page-id-15 #content .padding {padding:0px 40px 0px 80px;}
/*#content #contact-left, #content #contact-right {float:left;}*/
/*#content #contact-left {width:320px;}*/
.page-id-15 #content th {padding:0px 18px 6px 0px;}
.page-id-15 h2 {text-transform:uppercase;}
.page-id-15 h1.entry-title,
.page-id-187 h1.entry-title,
.page-id-189 h1.entry-title,
.page-id-191 h1.entry-title,
.page-id-193 h1.entry-title {display:none;}

/* bio pages */
.parent-pageid-33 h1.entry-title {display:none;}

/* services pages */
.page-template-template-services-php h1.entry-title {display:none;}
.page-id-80 h1.entry-title,
.page-id-9 h1.entry-title {display:block;}


#footer {
	clear: both;
	height: 25px;
	line-height: 25px;
	background-color: #006699;
	width: 100%;
	text-align: left;
}

#footer span {margin:0px 6px;}
#footer span#copyright {float:left;margin:0px 0px 0px 0px;}
#footer, #footer a {color:#FFF;font-size:11px;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .footer-links {float:right;width:56%;}
#footer .footer-links li {float:right;}

/* TEXT SCROLLER STYLES */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 
#right-column {min-height:490px;}
#right-column .padding {
	min-height: 490px;
	color: #000000;
}

#content .scroller_content {
	height:400px;
	width:100%;
	position:absolute;
	top:31px;
}

#content .scroller_content .ul {width:100%;}

.scroller-arrow {
	width:18px;
	height:18px;
	position:absolute;	
	right:19px;
}
#scroller-top-arrow {background:url(images/scrollbar-top.png) no-repeat;top:30px;}
#scroller-bottom-arrow {background:url(images/scrollbar-bottom.png) no-repeat;top:434px;}

.jspContainer
{
	overflow: hidden;
	position: relative;
	margin: 20px 0 0 0;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 20px;
	width: 16px;
	height: 100%;
	background-color:transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background-color: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: url(images/scrollbar-vertical-bg.png) transparent repeat-y center;
	position: relative;
	
}

.jspDrag
{
	background: url(images/scrollbar-drag-icon.png) no-repeat transparent;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.no_scrollbar .jspVerticalBar, .no_scrollbar .jspHorizontalBar {display:none;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/* Photo Gallery */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{border:12px solid #000;}
    #cboxTopLeft{width:21px; height:21px; background:#FFF;}
    #cboxTopRight{width:21px; height:21px; background:#FFF;}
    #cboxBottomLeft{width:21px; height:21px; background:#FFF;}
    #cboxBottomRight{width:21px; height:21px; background:#FFF;}
    #cboxMiddleLeft{width:21px; background:#FFF;}
    #cboxMiddleRight{width:21px; background:#FFF;}
    #cboxTopCenter{height:21px; background:#FFF;}
    #cboxBottomCenter{height:21px; background:#FFF;}
    #cboxContent{background:#fff; overflow:hidden;padding:0px 0px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/* GALLERY NAVIGATION */
/* root element for scrollable */
#gallery-nav {
	width:154px;
	float:right;	
	padding:0px 0px 0px 0px;
	position:absolute;
	right:0px;
	bottom:-16px;
	background:#FFFFFF;
}

.home #gallery-nav {bottom:0px;}

#gallery-nav img {display:block;margin:0px 0px 2px 0px;padding:0px;height:98px;}

.home #gallery-nav {left:0px;}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 300px;
	width: 154px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

.prev, .next {display:block;width:154px;height:9px;text-indent:-9999px;cursor:pointer;}
.prev {background:url(images/gallery-arrow-up.png);margin-bottom:2px;}
.next {background:url(images/gallery-arrow-down.png);}
.disabled {background:#a0a0a0;}