/**

Possible Browser settings to use with CSS

.browserIE
.browserIE6
.browserIE7
.browserIE8
.browserChrome
.browserChrome1
.browserSafari
.browserSafari1
.browserSafari2
.browserSafari3
.browserMozilla
.browserFirefox
.browserFirefox1
.browserFirefox2
.browserFirefox3
.browserOpera

**/

*
{
    margin: 0px;    
    padding: 0px;    
}

body 
{
    top: 0px;
    margin-top: 0px;
    text-align: left; 
    font-size: 9.75pt;
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Trebuchet MS, sans-serif;
    background-color: white;
}

#pageContainer {
    margin: auto;
    background-color: white;
}

/** 

    Header Styles

**/

/* Header */

.main-header {
    overflow: hidden;
}

.menuContainer button{
 	float: right;

}

/* Logo */

.logoContainer
{
	min-width: 240px;
}

.logoContainer a 
{
    text-decoration: none;
    border: none;
}

.logoContainer a:active,
.logoContainer a:focus,
.logoContainer a:hover 
{
    background: none;
}

.logoContainer img {
    border: none;
    margin-right: 40px;
	margin-top: 50px;
}



/* Navigation */

.cgd-nav1
{
    display: table-row;
}

.cgd-menu ul 
{
    display: table;
    height: 70px;
    list-style-type: none;
    margin-right: 20px;
    float: right;
    text-transform: uppercase;
}

.cgd-menu li 
{
    display: table-cell;
    vertical-align: bottom;
    margin-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 7px;
    text-decoration: none;
}

.cgd-menu li a 
{
    text-decoration: none;
    color: #2A233D;
}

.cgd-menu li a:hover 
{
    color: #48AFBE;
}

.cgd-menu .headerMenuSelected 
{
    background-color: #48AFBE;
}

.cgd-menu .headerMenuSelected a 
{
    color: White;
    font-weight: bold;
}

.cgd-menu .headerMenuSelected a:hover 
{
    color: White;
}

.cgd-menu .headerMenuSelectedOverride {
    background-color: #48AFBE;
}

.cgd-menu .headerMenuSelectedOverride a {
    color: White;
    font-weight: bold;
}

.cgd-menu .headerMenuSelectedOverride a:hover {
    color: White;
}


/* Mobile Navigation */

#window-overlay 
{
    background: #000;
    opacity: .7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mobile-nav-open 
{
    background-color: #48AFBE;
    margin-right: 10px;
	float: right;
}

#mobile-nav-open:hover 
{
    background: #48AFBE;
}

nav#mobile-navigation 
{
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    height: 100vh;
    width: 85%;
    margin: 0;
    background: #fff;
    -webkit-transition: right 0s 0.1s,transform 0.1s;
    -o-transition: right 0s 0.1s,transform 0.1s;
    transition: right 0s 0.1s,transform 0.1s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

nav#mobile-navigation .container-fluid {
    padding: 1em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    position: relative;
    overflow: hidden;
}

nav#mobile-navigation .container-fluid:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    right: 0em;
    width: 500em;
    height: 1000em;
    background: #00aeef;
    opacity: .5;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

nav#mobile-navigation .container-fluid:after 
{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    right: -9976em;
    width: 10021em;
    height: 99em;
    background: #00aeef;
    opacity: .5;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

nav#mobile-navigation ul 
{
    margin-top: 1em;
    background: #fff;
    margin-top: 0;
    padding: 0;
    list-style-type: none;
}

nav#mobile-navigation ul.nav-link-list 
{
    min-height: 0px;
}

nav#mobile-navigation ul li a, 
nav#mobile-navigation ul.nav-link-list li button 
{
    color: #fff;
    background: #48AFBE;
    border-left-width: 0;
    border-right-width: 0;
    text-decoration: none;
    transition: background .2s,color .1s;
    width: 100%;
    display: block;
    padding: .75em 1.5em;
    text-align: left;
    border: 0;
}

nav#mobile-navigation ul li a:hover {
    color: #fff;
    background: #409DAB;
}

#mobile-nav-close 
{
    position: absolute;
    top: 0.37em;
    right: 0.37em;

}

/** 

    Portfolio Section

**/

/** 

    Body Styles
      - Portfolio

**/

.portfolioRule
{
    width: 100%;
    height: 1px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #B5AB9E;
    display: block;
}

.bodyTop
{
    /*display: table;*/
}

.bodyMainTopContent
{
    /*display: table-row;*/
    overflow: auto;
}

.bodyPortfolioExhibit
{
    /*width: 950px;*/
    /*height: 330px;*/
    display: table;
}

.bodyPortfolioExhibitMain
{
    /*width: 890px;*/
    /*display: table-cell;*/
    margin-left: 30px;
    margin-right: 30px;
}

.sliderDiv
{
    margin-left: 30px;
}
.bodyPortfolioExhibitSubMenu
{
    text-align: right;
    margin-left: 30px;
    margin-right: 30px;
}

.bodyPortfolioExhibitSubMenu ul
{
    font-size: 7.25pt;
    letter-spacing: 0.5px;   
    list-style-type: none;
    display: table;
    float: right;
    text-transform: uppercase;
    vertical-align: middle;
}

.bodyPortfolioExhibitSubMenu li
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
    background-color: #BBC186;
}

.bodyPortfolioExhibitSubMenu li a
{
    text-decoration: none;
    color: #2A233D;
    text-transform: uppercase;
}

 .portfolioContainer
 {
    display: table;
    width: 620px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
 }

.portfolioBodyContainer
{
    display: table-row;
}


.portfolioMainImage
{
    width: 620px;
    height: 470px;
    text-align: center;
    vertical-align: middle;
}

.portfolioMainNav
{
    text-align: right;
    display: block;
}

.portfolioMainNavImage
{
    text-decoration: none;
}

.portfolioHorizontalRule
{
    width: 100%;
    height: 1px;
    margin-top: 6px;
    margin-bottom: 18px;
    background-color: #B5AB9E;
    display: block;
}

.portfolioBody
{
    margin-top: 10px;
}

.portfolioBody td
{
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 5px;
}

.portfolioBodyTitle {
    color: #B5AB9E;
    font-size: 9.75pt;
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Trebuchet MS, sans-serif;
    font-weight: bold;
}
.portfolioBodyLabel {
    color: #B5AB9E;
    font-size: 9.75pt;
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Trebuchet MS, sans-serif;
    margin-right: 10px
}
.portfolioBodyText {
    color: #2A233D;
    font-size: 9.75pt;
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Trebuchet MS, sans-serif;
}

/** 

    Body Styles

**/

.bodyContainer
{
}

 .taglineContent
{
    margin-top: 2px;
    margin-bottom: 10px;
}

.taglineContent p
{
    font-size: 24pt;
    color: #2A233D;
    letter-spacing: 0.25px;
}

.bodyMainContent
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.bodyMainContent p
{
    text-align: left;
    vertical-align: top;
    margin-left: 30px;
    margin-right: 24px;
    margin-bottom: 20px;
    line-height: 130%;
}


.bodyNewsContent
{
    text-align: left;
    vertical-align: top;
    margin-bottom: 5px;
}

.bodyNewsContent .newsTitle
{
    text-transform: uppercase;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 20px;
    color: #B5AB9E;
}

.bodyNewsContent .newsTitleSpacer
{
    padding-bottom: 4px;
}

.bodyNewsContent .newsSubject
{
    font-size: 10.5pt;
    display: block;
    margin-left: 20px;
    margin-bottom: 5px;
    color: #48AFBE;
}

.bodyNewsContent td
{
    font-size: 8.5pt;
    color: #58595B;
    margin-top: 10px;
    margin-left: 20px;
    line-height: 127%;
    letter-spacing: 0.25px;
}

.bodyNewsContent a
{
    color: #48AFBB;
    text-decoration: none;
    border-bottom: 0.5px dotted #48AFBB;
}

.bodyMainContentRightSeperator
{
    width: 94%;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 16px;
    margin-right: 5px;
    background-color: #E3E0DD;
    display: block;
    margin-bottom: 6px;
}


.bodyMainContentCenterAndRightSperator
{
    width: 650px;
    height: 310px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #E3E0DD;
    z-index: 10;
    position: absolute;
}

.browserChrome .bodyMainContentCenterAndRightSperator
{
    width: 650px;
    height: 280px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #E3E0DD;
    z-index: 10;
    position: absolute;
}

.browserSafari .bodyMainContentCenterAndRightSperator
{
    width: 650px;
    height: 280px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #E3E0DD;
    z-index: 10;
    position: absolute;
}

.browserFirefox .bodyMainContentCenterAndRightSperator
{
    width: 650px;
    height: 300px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #E3E0DD;
    z-index: 10;
    position: absolute;
}

.bodyMainContentAbout .title {
    font-size: 16pt;
    margin-top: 10px;
    display: block;
    color: #48AFBE;
    margin-bottom: 8px;
}

.bodyMainContentAbout p {
    color: #58595B;
    line-height: 130%;
    margin-right: 15px;
}


.companyName
{
    margin-left: 0px;
    font-weight: bold;
}

.companyPhone
{
}

.pipeSeperator
{
    margin: 0px 5px 0px 5px;
}

.companyEmail
{
}

.colorBold
{
    color: #2A233D;
    font-weight: bold;
}

.blueColorBold
{
    color: #2B233D;
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.colorBoldItalic
{
    color: #2A233D;
    font-weight: bold;
    font-style: italic;
}

.colorRegular
{
    color: #2A233D;
}

.quote
{
    color: #2A233D;
    font-weight: bold;
    font-style: italic;
}

.quoteAuthor
{
    font-size: 9pt;
    color: #58595B;
}

.colorBoldList
{
    color: #2A233D;
    list-style-image: url("../images/cgd_bullet.png");
}

.contactLocationImage
{
    margin-bottom: 25px;
}

.addressParagraph
{
    margin-top: 10px;
    line-height: 120%;
}

.addressParagraph .address
{
    color: #2A233D;
}

.addressParagraph .phone
{
    color: #2B233D;
    font-weight: bold;
    font-size: 10pt;
}

.addressParagraph .phone .no
{
    color: #2B233D;
    font-weight: bold;
    font-size: 9pt;
    margin-left:15px;
}

.phoneGrid
{
    margin-top: 10px;
    line-height: 120%;
}

.phoneGrid td .phoneGridLabel
{
}

.phoneGrid td .phoneGridValue
{
    margin-left: 20px;
}

.contactParagraph a
{
    color: #48AFBB;
    text-decoration: none;
    border-bottom: 0.5px dotted #48AFBB;
}

.portfolioDescriptionTable {
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
}

.portfolioDescriptionTable tr
{
    vertical-align: top;
}

.portfolioThumbnailRow {
    text-align: center;
    height: 70px;
}

.portfolioThumbnailColumn {
    text-align: center;
    width: 81px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.portfolioThumbnailColumnSelected
{
    text-align: center;
    width:81px;
}

.portfolioThumb {
    opacity: .4;
    filter: alpha(opacity=40);
}

.portfolioThumbSelected {
    opacity: 1;
    filter: alpha(opacity=100);
}

.testimonialHorizontalRule {
    width: 100%;
    height: 1px;
    background-color: #B5AB9E;
    display: block;
}

.testimonialHorizontalRuleShort
{
    width: 85%;
    display: block;
    margin-bottom: 20px;
    margin-right: 40px;
    border-top: 1px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-style: dotted;
    border-color: #E3E0DD;
}

.testimonial
{
    margin-bottom: 20px;
    margin-right: 40px;
}

.testimonialQuote {
    font-style: italic;
    font-size: 8.5pt;
    color: #58595B;
    line-height: 145%;
    letter-spacing: 0.15px;
}

.testimonialQuoteSpacer {
    display: block;
    margin-top: 5px;
}

.testimonialAuthor {
    color: #2a233d;
    font-weight: bold;
    font-size: 8.5pt;
    line-height: 145%;
    letter-spacing: 0.15px;
}

.testimonialAuthorTitle {
    font-style: italic;
    color: #48AFBE;
    font-size: 8.5pt;
    line-height: 145%;
    letter-spacing: 0.15px;
}

/**  

    Footer Styles

**/
.footerContainer
{
    background-color: #B5AB9E;
}

.footerContent
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.footerContent p
{
    margin-top: 0px;
    font-size: 9.25pt;
    letter-spacing: -0.5px;
    line-height: 130%;
}

.footerContent a
{
    text-decoration: none;
    border-bottom: 0.5px dotted Black; 
}

.footerContent a:hover
{
    color: white;
}

.footerContentTitle
{
    color: #E3E0DD;
    font-size: 11pt;
}