/* ==========================================================
// Box Layout
// ========================================================== */

/* ----------------------------------------------------------
// General Box Styles
// ---------------------------------------------------------- */

body
{
	margin: 180px 0px 0px 0px;
}

div#Creativity > div
{
	padding-left: 20px;
	padding-right: 20px;
}

div#Creativity > div > div.Content
{
	max-width: 1250px;
}

div.Smaller
{
	/*width: 148px; /* Logo width + NaviSeparator */
}

div.Wider
{
	/*width: 755px;*/
}


/* ----------------------------------------------------------
// Box Styles for selected areas
// ---------------------------------------------------------- */

a.Logo
{
	background-image: url('../images/Logo_Large.png');
	width: 136px;
	height: 44px;
	margin-top: 22px;
}

div#Creativity > div#Balance
{
	height: 90px;
}

div#Creativity div.Title
{
	line-height: 90px;			/* Responsive */
}

div#Creativity div.Smaller > div.Title
{
	margin-left: 13px;			/* Responsive */
}

div#Creativity > div#Balance > div.Content > div.ZeroGravity
{
	margin-top: -45px;
	height: 90px;
}

div#Creativity > div#Visualization
{
	margin-bottom: 90px;
}

div#Creativity > div#Visualization > div.Content > div.Slider
{
	height: 455px;
	margin-left: -290px;
}

div.Slider div.Slide
{
	margin-left: 635px; /* 290px + 345px */
	margin-top: 82px; /* 90px - 8px */
	margin-right: 380px;
}

div#Creativity > div.Ruler
{
	height: 45px;
}

@media print
{
    body
    {
        margin-top: 90px;
    }
}

div#Creativity > div.Ruler.Main
{
	top: 90px;
}

div#Creativity > div.Ruler.Sub
{
	top: 135px;
}

div#Creativity > div#Contrast
{
    height: 237px;
}


/* ----------------------------------------------------------
// Column layout
// ---------------------------------------------------------- */


div.Light > div.Content .Columns > .column > *
{
	margin-left: 22px;
	margin-right: 23px;
}

div.Light > div.Content .OnlyRightColumn > *
{
	margin-left: 22px;
}

div.Light > div.Content .OnlyLeftColumn > *
{
	margin-right: 23px;
}


/* ----------------------------------------------------------
// Footer (Contrast)
// ---------------------------------------------------------- */

div#Creativity > div#Contrast > div.Content
{
	padding-top: 45px;
	padding-bottom: 55px;
}

div#Creativity > div#Contrast > div.Content h6
{
	margin-bottom: 12px;
}



/* ==========================================================
// Navigation
// ========================================================== */

/* ----------------------------------------------------------
// Main Navigation (Hierarchy Level 1)
// ---------------------------------------------------------- */

div#MainNavigation
{
	height: 45px;
	line-height: 45px;
}

div#MainNavigation span.Separator
{
	width: 12px;
}


/* ----------------------------------------------------------
// Sub Navigation (Hierarchy Level 2 + 3)
// ---------------------------------------------------------- */

div#SubNavigation
{
	line-height: 45px;
	height: 45px;
}

div#SubNavigation > div.Bar
{
	height: 45px;
}

div#SubNavigation .SeparatorLine
{
	line-height: 45px;
}

div#SubNavigation span.Separator
{
	width: 12px;
}

div#SubNavigation span.MiniSeparator
{
    width: 5px;
}

div#SubNavigation div.NavigateLeft,
div#SubNavigation div.NavigateRight
{
	width: 61px;		/* = 16px + 25px for separator + 20px for margin */
	height: 45px;
}

div#SubNavigation div.NavigateLeft
{
	background-position: 20px center;
	margin-left: -20px;
}

div#SubNavigation div.NavigateRight
{
	background-position: 25px center;
	margin-right: -20px;
}


/* ==========================================================
// Fonts and Text
// ========================================================== */

h1,
div.Slide div.Headline,
div.Slide div.Claim,
div.Title,
div.Title select
{
	font-size: 28px;
}

div.Slide div.Headline
{
	font-size: 50px;
	margin-bottom: 36px;
}

div.Slide div.Claim
{	
	line-height: 38px;
	margin-bottom: 38px;
	
}

h1
{
	padding-top: 40px;
}


/* ==========================================================
// Teaser
// ========================================================== */

div#Creativity > div#Teaser > div.Content
{
	padding-top: 20px;
	padding-bottom: 40px;
}

div#Creativity > div#Teaser > div.Content p.Description
{
	margin-bottom: 12px;
}


/* ==========================================================
// Special Content Formatting
// ========================================================== */

/* ----------------------------------------------------------
// ASP Classic and VNext iframes
// ---------------------------------------------------------- */

iframe.VNextIframe
{
    height: calc(100vh - 180px);
    top: 180px;
}