body
{
    background-color:#F1F4FF !important;
}

p,
h1
{
    margin:0;
}

.hidden
{
    display:none;
}

#TopBarContainer
{
    display:none;
}

#siteContentOuterPane
{
    background:url('/Content/Home/BG-Hero.png') top center no-repeat;
    z-index:-2;
}

#headerBackgroundColor
{
    height:500px;
}

#OverviewPane
{
    margin-top:20px;
    color:White;
    text-align:center;
}

#OverviewPane #OverviewPrefix
{ 
    font-size:14pt;
    color:#7F7F7F;
}

#OverviewPane #OverviewMain
{ 
    font-weight:bold;
    font-size:30pt;
}

#OverviewPane #OverviewSubtext
{ 
    font-size:12pt;
    color:#E0E0E0;
}

#DownloadButton
{
    margin-top:18px;
}

#DownloadButton #DownloadText
{
    display:block;
    font-size:18pt;
    font-weight:bold;
}

#DownloadButton #DownloadVersionText
{
    display:block;
    font-size:8pt;
}

#VideoFrame
{
    margin-top:60px;
	text-align:center;
}

#VideoContainer 
{
	background-image: url(/Content/Shared/bg-grey.jpg);
	display:inline-block;
    height:674px;
    width:780px;
}

#VideoControls
{
    margin-top:20px;
    color:#5A70FB;
    font-weight:bold;
}

#VideoControls a
{
    cursor:pointer;
}

.roundedBoxMinor
{
    margin-left:3px;
    margin-right:3px;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    background-color:#F1243D;
    display:inline-block;
    color:White;
    font-weight:normal;
    font-size:9pt;
    border-radius:10px;
}

.roundedBoxMinor a
{
    text-decoration:none;
}

.featureImage
{
    margin-top:105px;
}

.featureHeader
{
    font-weight:bold;
    font-size:24pt;
    margin:20px;
}

.featureText
{
    font-size:10.5pt;
    width:700px;
    margin:0 auto;
}

.cardSet
{
    margin-bottom:30px;
}

.cardSet .cardHeader
{
    display:inline-block;
    border-bottom:1px solid #6F6F6F;
    width:322px;
    text-align:left;
    margin-right:8px;
    font-weight:bold;
}

#TestAsYouTypeCardHeaders .cardHeader
{
    cursor:pointer;
}

.cardSet .cardHeader.selected
{
    border-bottom:1px solid #5A70FB;
    color:#5A70FB;
}

.cardMarginDetails
{
    display:none;
    text-align:left;
    width:1000px;
    vertical-align:top;
    height:214px;
}

.cardMarginDetails.selected
{
    display:inline-block;
}

.cardMarginDetails .contentImage
{
    display:inline-block;
    vertical-align:top;
}

.cardMarginDetails .content
{
    display:inline-block;
    vertical-align:top;
    width:322px;
    margin-left:-6px;
    margin-right:8px;
    font-size:11pt;
}

.cardMarginDetails figure
{
    display:inline-block;
    vertical-align:top;
}

#CloudHolder1
{
    background:url('/Content/Home/Cloud1.png') #F1F4FF top center no-repeat;
    display:inline;
    position:absolute;
    height:810px;
    left:0px;
    z-index:-1;
    width:100%;
    margin-top:50px;
    min-width:1000px;
}

#CloudHolder2
{
    background:url('/Content/Home/Cloud2.png') #F1F4FF top center no-repeat;
    display:inline;
    position:absolute;
    height:718px;
    left:0px;
    z-index:-1;
    width:100%;
    margin-top:-30px;
    min-width:1000px;
}

#TestAsYouTypeCards
{
    display:inline-block;
    text-align:left;
    width:987px;
}

#HeavyLiftingCards
{
    margin-top:20px;
}

#HeavyLiftingCards .cardWithContent
{
    display:inline-block;
    width:300px;
    margin:10px;
    vertical-align:top;
    text-align:left;
    border:2px solid #EEEEEE;
    border-radius:10px;
    padding:18px;
    background-color:White;
}

#HeavyLiftingCards .cardHeader
{
    margin-top:10px;
    margin-bottom:10px;
    width:300px;
}

#HeavyLiftingCards .cardText
{
    vertical-align:top;
    text-align:left;
    font-size:10pt;
    height:200px;
}

#RunWhenYouWantSection
{
    width:800px;
    display:inline-block;
    text-align:left;
    margin-top:90px;
}

#RunWhenYouWantSection .featureHeader
{
    text-align:left;
    width:330px;
    margin-left:0;
}

#RunWhenYouWantSection img
{
    float:right;
}

#RunWhenYouWantSection .content
{
    font-size:10.5pt;
    width:330px;
}

#RunWhenYouWantSection .roundedBoxMajor
{
    margin-top:30px;
}

#ProvenSolution
{
    margin-top:150px;
}

#ProvenSolutionCards
{
    margin-top:20px;
}

#ProvenSolutionCards .cardWithContent
{
    display:inline-block;
    width:300px;
    margin:10px;
    vertical-align:top;
    text-align:left;
    border:2px solid #EEEEEE;
    border-radius:10px;
    padding:18px;
    background-color:White;
}

#ProvenSolutionCards .cardHeader
{
    margin-top:10px;
    margin-bottom:10px;
    width:300px;
}

#ProvenSolutionCards .cardText
{
    vertical-align:top;
    text-align:left;
    font-size:10pt;
    height:200px;
}

#RecommendationSection
{
    margin-top:40px;
    background:url('/Content/Home/QuoteFluff.png') top center no-repeat;
    height:455px;
}

#RecommendationSection #Quote
{
    color:#5A70FB;
    font-weight:bold;
    font-size:16pt;
    margin-top:130px;
    display:inline-block;
}

#RecommendationSection #QuoteSource
{
    margin-top:20px;
    text-decoration:underline;
    font-weight:600;
}

#RecommendationSection #QuoteSource a
{
    color:#707070;
}

#RecommendationSection #QuoteQualifier
{
    font-size:8pt;
    color:#808080;
}