@charset "UTF-8";

body {
	min-width: 480px;
	}

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_12 { width: 430px }

.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
	overflow: hidden;
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border-right: 0;
}

/* `Override layout to adjust to width
----------------------------------------------------------------------------------------------------*/

#breadcrumb, #subContainer, #phoneNumber, .ctaRollover ul, .ctaRollover .ctaButton, .cta:hover .ctaRollover, .browserBar, .dropdown:hover ul, nav ul li.dropdown ul, .dropdown.select ul { display: none }
#mainHeader { background-color: #734061 }


#secondaryNav li { margin-bottom: 10px }

#ObergineLogo {
	padding-bottom: 15px;
	width: 170px
	}

h3.intro, h2.intro { border-top: none }
#mainContainer { padding-top: 10px }
.container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9 { 
	background: none;
	border-bottom: 1px dashed #8F8D8E
	}
.fullWidthContainer { width: 470px !important }
#mainContainer img, #clients .column4List .grid_3 .cta {

	height: auto !important;
	}
#mainContainer .icon { min-width: 27px }
.column3List .grid_4:nth-child(3n), .column4List .grid_3:nth-child(4n+3) { padding-right: 0 }

.column4List .bottomLine:nth-of-type(-n+5) { padding-top: 10px }
.column3List .bottomLine:nth-of-type(-n+4) { padding-top: 10px }
.showcase { 
	background-color: inherit;
	color: #656366
	}
.showcase .byline {
	padding-top: 0;
	color: #723F60
	}
.showcase .ctaButton { position: static }
.showcase .ctaButton a { color: #2B2B33 }
.showcase .ctaButton a:before { content: url(/Obergine/Resources/images/layout/btn/arrow-right-black.png) }
.showcase .ctaButton a:hover { color: #734062 }
.showcase .ctaButton a:hover:before { content: url(/Obergine/Resources/images/layout/btn/arrow-right-purple.png) }
.showcase h2 { color: #2B2B33 }
#mainContainer .showcase img { 
	margin: 0 !important;
	max-width: 166px;
	min-width: 166px;
	width: 166px;
	padding-right: 10px;
	float: left
	}
.showcase.leftAlign, .showcase.rightAlign { padding: 0 }
footer .grid_3 { height: auto }
#clients .column4List .grid_3 { 
	width: 205px;
 	border-right: 1px dashed #8F8D8E;
 	padding: 10px 9px 10px 0;
	float: left
	}
 #clients .column4List .grid_3:nth-of-type(2n+1) {
 	border-right: 0;
 	padding-right: 0;
 	padding-left: 10px
	}
 #clients .column4List .grid_3:nth-of-type(-n+3) { padding-top: 0 }
 #clients .column4List .grid_3 .cta { margin: 0 }
footer.container_12 { 
	background: url(../images/layout/bg/left-container-bottom.png) no-repeat bottom left, url(../images/layout/bg/right-container-bottom.png) no-repeat bottom right transparent;
	padding-bottom: 40px;
	margin-bottom: 0
	}
footer.container_12 .grid_3 { background: none }
footer ul { margin-bottom: 0 }
footer h2 { margin-top: 0 }
#copyright { 
	padding-left: 20px;
	margin-bottom: 0
	}	

#PageNotFound .Aitb,
#AboutUs .Aitb {
    font-size: 2em;
}

#PageNotFound .Aitb img,
#AboutUs .Aitb img
{
    width:50%;
    min-width:50%;
}

.Aitb 
{
    width: 155px;
}

.container_12 .aboutLitBox .grid_3{ width: 100% !important;}

.aboutLitBoxInner h2 img {
    min-width: 10% !important;
}

.aboutLitBoxInner 
{
    border-top: none !important;
    min-height: 50px !important;
    }
.container_12 .aboutLitBox .grid_3 
{
    border-bottom: none !important;
    border-left: none !important;
    padding-left:0px !important;
    }

.container_12 .aboutLitBox .grid_3 {
    min-height: 100px !important;
}

.validation p img
{
    min-width:0% !important
}

footer.container_12 .grid_3{ padding: 10px 0px;}

/* Hide Desktop and Tablet carousel*/
#wrapper{ display: none;}

#Home .SectorContainer {width: 469px;}

.HTopPage{ visibility: visible !important; width: 450px; margin: auto; background:#fff; padding: 15px 10px;}
.HTopPage h1{ border: none !important;}

/* New Header*/
.FindUs
{
    background: transparent url(../images/layout/btn/button-socal-media.gif) no-repeat top right;
    	width: 41px;
	height: 35px;
	content: "Find us";
	position: absolute;
	display: block;
	top: 18px;
	font-size: 1.8em;
	right: 140px;
	color: #ffffff;
}

.Findselected
{
    background: transparent url(../images/layout/btn/button-socal-media-close.gif) no-repeat top right;
}	

#Header .ulFindselected{ display: block !important; z-index:999;}

#secondaryNav{ display: none !important;}


img#ObergineLogo{ height: 71px !important;}
nav ul{ /*margin-top: -6px !important*/}
ul#secondaryNav
{
    background: url("../images/layout/bg/navigation-mobile-repeater.png") repeat-y scroll right top transparent;
    margin-top: 40px;
    padding: 10px;
    right: 132px;
    top: 15px;
    padding-left:0px !important;
}

#secondaryNav li 
{
    float: none !important;
    display:block;
}

#phoneNumber{display: none !important;}
a.LogoLink 
{
    height:70px !important;
    background:url("../images/layout/btn/obergine-logo-mobile.gif") no-repeat scroll 0 0 transparent !important;
    display: block;
    }
a.LogoLink img{ visibility: hidden;}
/*End New Header*/

/* Mobile Carousel*/
.flexslider .ctaRollover{ position: relative;}

.MobileSliderguide{ display: block;}
.MobileSliderguide{ padding: 0px !important; width: 470px !important;}
.jcarousel-clip img{ width: 470px;}


#home .flexslider .ctaRollover p, 
#home .flexslider .ctaRollover h2
{
    width: 440px;
    margin-bottom:0px;
    padding-left:0px;
}

#home .flexslider .ctaButton a{ display: none;}
#home .flexslider .ctaRollover{ height: auto !important;}
#home .flexslider li{padding: 0px !important;}

#Home h1{ color:#734061;}

/* HardCode Blog*/

#BlogHub #mainContainer .dropDown
{
    right: 20px;
    top: 25px;
    width: 140px;
}

.portfolioCTANo{ display: block; text-align:left}

#Portfolio #mainContainer .cta img
{
    height: auto !important;
    margin-bottom: 10px;
}

#Portfolio #mainContainer .grid_3
{
    position: relative;
}

#Clients #mainContainer .grid_3 { width: 210px;}
#Default .PDTitleRight,
#Default .PortfolioDetailsRight
{
    display: none;
}

#Default .PortfolioDetailsLeft
{
    border-right: none !important;
}

#ServicesPage .showcase .ctaButton a
{
    color: #2B2B33 !important
}

#ServicesPage .showcase .ctaButton a:hover
{
    color: #88A53D !important;
    text-decoration: underline;
}

#Portfolio .container_12 p.portfolioCTANo
{
    width: 150px !important;
        bottom: 10px;
    position: absolute;
}

#Portfolio .container_12 .cta
{
    padding-bottom: 20px;
}

#BlogPostList #mainContainer img { min-width: auto !important;}
#BlogPostList .container_12 .grid_9 {
    width: 435px;
}

#BlogPostList .RightBorderNew{ border-right: none !important;}
#BlogPostList .PortfolioDetailsRight{ display: none;}
#BlogPostList ul.horizontalList{ display: none;}

#BlogPost .PortfolioDetailsLeft{ border-right: none !important;}
#BlogPost .authorImage{ min-width: 100px !important;}

.scFilter {
    display: block !important;
}

#BlogPostList #mainContainer h1 img{ min-width:30px !important}

.bloglistwrapper .img,
nav ul.level2 {
    display: none;
}

#BlogPostList .bloglistwrapper {
    padding: 20px 0;
}

.showcase a {
    color: #734061 !important;
}

li.twitterIcon,
li.linkIcon,
li.gplusIcon,
li.emailIcon {
    background-position: 0 -55px;
}