@import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* Reset
------------------------------------------------------------------------------------ */

/*
.DnnModule-415,
.DnnModule-1333,
.DnnModule-1334,
.DnnModule-1335,
.DnnModule-1338 { display: none; }
*/

/* Reset
------------------------------------------------------------------------------------ */

/* HTML 5 */
article, aside, footer, header, nav, section, dialog, figure, hgroup, menu
{
    display: block;
}

img
{
    border: none;
}
:focus
{
    outline: 0;
}

/* Layout
------------------------------------------------------------------------------------ */

#Body, #Form, .Skin
{
    margin: 0;
    padding: 0;
    position: relative;
}
#Body
{
    background: url('images/bg.gif') #f3f3f3;
    color: #807F83;
    font-family: 'Open Sans' , 'Arial' ,sans-serif;
    font-size: 100%;
}
.Skin
{
    background: url('images/bg-fade.png') 0 0 repeat-x;
    min-width: 940px;
}
.ContainingWidth
{
    margin: 0 auto;
    position: relative;
    width: 940px;
}

#Logo
{
    margin-bottom: 0.76em;
    margin-top: 0.76em;
    width: 245px;
}
#Logo a
{
    display: block;
}
#Logo img
{
    max-width: 100%;
}

.HeaderPane
{
    margin-bottom: 2.9em;
}

.Skin > .Login
{
    bottom: 0;
    display: block;
    height: 25px;
    left: 0;
    position: fixed;
    text-indent: -999px;
    width: 25px;
}

/* Navigation
------------------------------------------------------------------------------------ */

#Navigation
{
    bottom: 0;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    height: 1.38em;
    margin-bottom: 0.76em;
    margin-top: 0.76em;
    padding-left: 275px;
    position: absolute;
    right: 0;
}
#Navigation li
{
    background: none;
    padding: 0;
}
#Navigation .MobileButton
{
    display: none;
}
#Navigation .Root
{
    border-left: solid 1px #807F83;
    float: left;
}
#Navigation .Root.Login
{
    display: none;
}
#Navigation .Root > a
{
    color: #807F83;
    font-size: 1.38em;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 1em;
    padding: 0 0.83em;
}
#Navigation .Root.BC > a
{
    color: #27318B;
}
#Navigation .Root.Selected > a
{
    color: #27318B;
}
#Navigation .Root:Hover > a
{
    color: #27318B;
}

#Navigation .Root:first-child
{
    border-left: none;
}

#Navigation .Root > .SubLevel
{
    background: url('images/nav-sub-top.png') right top no-repeat;
    padding-top: 18px;
    left: auto;
    right: 0.83em;
}
#Navigation .SubLevel > ul
{
    background: url('images/nav-sub-bg.png');
    border: solid 0 #cccfcf;
    border-width: 0 1px 1px 1px;
    font-size: 1em;
    padding: 0.575em 0;
}
#Navigation .SubLevel a
{
    color: #807F83;
    line-height: 1em;
    padding: 0.575em 1.15em;
}
#Navigation .SubLevel .Item.BC > a
{
    color: #27318B;
}
#Navigation .SubLevel .Item.Selected > a
{
    color: #27318B;
}
#Navigation .SubLevel .Item:Hover > a
{
    color: #27318B;
}

/* Type
------------------------------------------------------------------------------------ */

.Skin
{
    font-size: 0.75em;
    line-height: 1.48em;
}
p
{
    margin-bottom: 15px;
    margin-top: 15px;
}
.Normal, .NormalDisabled, .NormalDeleted
{
    font-size: inherit;
    font-weight: inherit;
}
.Head, .SubHead, .SubSubHead
{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.small
{
    font-size: 0.92em;
}
.x-small
{
    font-size: 0.91em;
}
em
{
    font-style: italic;
}
strong
{
    font-weight: bold;
}
del
{
}
ins
{
}
sup
{
}
sub
{
}

/* Headings */
h1, h2, h3, h4, h5, h6
{
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    font-weight: normal;
    line-height: 1.15em;
    margin-bottom: 5px;
    margin-top: 25px;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *
{
    margin-top: 5px;
}
h1
{
    font-size: 2.53em;
}
h2
{
    font-size: 2.07em;
}
h3
{
    font-size: 1.69em;
}
h4
{
    font-size: 1.38em;
}
h5
{
    font-size: 1.15em;
}
h6
{
    font-size: 1em;
}

/* Links */
a:link, a:link, a:visited, a:hover
{
    color: #535c9f;
}
a:visited
{
}
a:active
{
}
a:hover
{
}

.no-bottom-margin
{
    margin-bottom: 0;
}
.no-top-margin
{
    margin-top: 0;
}

:first-child
{
    margin-top: 0;
}
:last-child
{
    margin-bottom: 0;
}

.PrimaryTextColor
{
    color: #535c9f;
}

.Purple1Text
{
    color: #27318B;
}
.Purple2Text
{
    color: #535c9f;
}
.Gray1Text
{
    color: #807F83;
}
.Gray2Text
{
    color: #939598;
}
.Gray3Text
{
    color: #BCBEC0;
}
.Gray4Text
{
    color: #D1D3D4;
}
.White2Text
{
    color: #E6E7E8;
}
.White3Text
{
    color: #F1F2F2;
}

/* Elements
------------------------------------------------------------------------------------ */

hr
{
    border: none;
    border-top: solid 1px #CCCCCC;
    height: 0;
    margin: 1.15em 0;
}
hr.dots
{
    background: url('images/dots.png') 0 0 no-repeat;
    border: none;
    height: 3px;
}
blockquote
{
}
ul
{
    margin-bottom: 1.15em;
    margin-top: 1.15em;
    padding: 0;
}
ul li
{
    background: url('images/ul-li.gif') 0.9em 0.74em no-repeat;
    list-style-type: none;
    padding-left: 2.3em;
}


ol
{
    margin-bottom: 1.15em;
    margin-top: 1.15em;
    padding-left: 2.3em;
}
ol li
{
    list-style-type: decimal;
}

/* HTML 5 */
article
{
}
aside
{
}
details
{
}
summary
{
}
figure
{
}
mark
{
}
time
{
}

/* Grid
------------------------------------------------------------------------------------ */

.grid
{
    float: left;
}
.grid_0, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.grid_1
{
    width: 5.333%;
}
.grid_2
{
    width: 13.666%;
}
.grid_3
{
    width: 22%;
}
.grid_4
{
    width: 30.333%;
}
.grid_5
{
    width: 38.666%;
}
.grid_6
{
    width: 47%;
}
.grid_7
{
    width: 55.333%;
}
.grid_8
{
    width: 63.666%;
}
.grid_9
{
    width: 72%;
}
.grid_10
{
    width: 80.333%;
}
.grid_11
{
    width: 88.666%;
}
.grid_12
{
    width: 97%;
}

.DNNEmptyPane, td.DNNEmptyPane, .Empty, td.Empty
{
    border: 0;
    display: none;
    margin: 0;
    padding: 0;
    width: 0;
}
.paneOutline
{
    background-color: #EEEEEE;
    border: medium none;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px 0;
}
.ControlPanel
{
    position: relative;
    z-index: 1000;
}
.Row
{
    clear: both;
}

.FloatL
{
    float: left;
}
.FloatR
{
    float: right;
}
.ClearL
{
    clear: left;
}
.ClearR
{
    clear: right;
}
.Clear
{
    clear: both;
}
.clearfix:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Features
------------------------------------------------------------------------------------ */

.Button, a.Button
{
    background: 0 0 repeat-x;
    border: solid 1px #999B9D;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #807F83;
    cursor: pointer;
    display: inline-block;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    letter-spacing: 0.5px;
    padding: 0 1em;
    text-decoration: none;
}
.Button.PrimaryColor
{
    color: #fff;
}
.Button.Large
{
    background-image: url('images/buttons-large.jpg');
    /* height: 1em; */
    line-height: 1em;
    font-size: 1.23em;
    padding-bottom: 0.51em;
    padding-top: 0.51em;
}
.Button.Large:hover
{
    background-position: 0 -30px;
}
.Button.Large.PrimaryColor
{
    background-position: 0 -60px;
}
.Button.Large.PrimaryColor:hover
{
    background-position: 0 -90px;
}

/*
.Button.Large {
	background-image: url('images/buttons-large.jpg');
	height: 1em;
	line-height: 1em;
	font-size: 1.23em;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
.Button.Large:hover { background-position: 0 -37px; }
.Button.Large.PrimaryColor { background-position: 0 -74px; }
.Button.Large.PrimaryColor:hover { background-position: 0 -111px; }
*/


.Button img
{
    border-right: 1px solid;
    height: 1em;
    margin-right: 0.75em;
    padding-right: 0.75em;
    vertical-align: top;
}

/* All Pages
------------------------------------------------------------------------------------ */

.bubbleInfo
{
    position: relative;
}
.bubbleInfo .popup
{
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    opacity: 0;
    padding: 1em;
    position: absolute;
    width: 300px;
    z-index: 9999;
}
.bubbleInfo .trigger
{
    cursor: pointer;
    max-height: 50px;
}
.bubbleInfo .close
{
    background-color: #535C9F;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 2em;
    line-height: 2em;
    position: absolute;
    right: -0.5em;
    text-align: center;
    text-decoration: none;
    top: -0.5em;
    width: 2em;
}
.bubbleInfo .close + *
{
    margin-top: 0;
}

.HeaderBox
{
    padding-right: 5em;
    position: relative;
}
.HeaderBox .bubbleInfo
{
    display: inline-block;
    margin: 0 1em;
}

.LoginTab
{
    background: inherit;
    border: inherit;
    color: inherit;
    float: inherit;
    margin: inherit;
    padding: inherit;
    text-decoration: inherit;
}
.LoginTab
{
    padding: 0;
    position: absolute;
    right: 0;
    top: -999px;
    z-index: 999;
}
.LoginTab > .trigger
{
    bottom: -30px;
    position: absolute;
    right: 0;
}
.LoginTab > .trigger img
{
    max-height: 30px;
}
.LoginTab > .content
{
    background: #fff;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px #ccc;
    height: 13em;
    padding: 1em;
    width: 275px;
}
.LoginTab > .content .Container
{
    margin-bottom: 0;
    margin-top: 0;
}

.bubbleInfo .popup
{
}
.bubbleInfo .popup > *
{
    margin-left: 33%;
}
.bubbleInfo .popup img
{
    float: left;
    margin: 0 3% 0 0;
    max-width: 30%;
}
.bubbleInfo .popup h4
{
    margin-top: 0;
}
.bubbleInfo .popup p
{
}

.FooterBox
{
    font-size: 0.83em;
    height: 4.62em;
    line-height: 1.54em;
}
.FooterBox .Col1, .FooterBox .Col2
{
    height: 100%;
}
.FooterBox .Col1
{
    float: left;
    width: 75%;
}
.FooterBox .Social
{
    float: right;
    margin: 0.5em 0;
}
.FooterBox .Social a
{
    margin: 0 0.5em;
}
.FooterBox .Social + *
{
    margin-top: 0;
}
.FooterBox .Col2
{
    border-left: solid 1px #807F83;
    float: right;
    margin-left: 2%;
    padding-left: 2%;
    width: 20%;
}
.FooterBox .Col2 .bubbleInfo
{
    float: left;
    height: 100%;
    margin: 0 1em;
}
.FooterBox .Col2 .bubbleInfo .trigger
{
    height: 100%;
}

.SocialShare
{
    left: 0;
    position: fixed;
    top: 25%;
    z-index: 999;
}
.SocialShare > .Trigger
{
    background-color: #535C9F;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    line-height: 1em;
    padding: 0.5em;
    position: absolute;
    right: -2em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 1em;
    width: 1em;
}
.SocialShare > .Trigger > span
{
    display: block;
}
.SocialShare > .Content
{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 0.5em;
    text-align: center;
    width: 125px;
}
.SocialShare > .Content > span
{
    display: inline-block;
    margin: 0.25em 0;
}

.InteriorTitle
{
    background: url('images/interior-title-bg.png') 0 0 repeat-x;
    font-size: 2em;
    line-height: 1.69em;
    margin: -0.75em;
    padding: 0 0.75em;
    text-align: right;
}
.IconHeading
{
}
.IconHeading img
{
    height: 1.5em;
    margin-right: 0.25em;
    vertical-align: bottom;
}
.IconHeading.TwoLines
{
}
.IconHeading.TwoLines img
{
}

/* Login
------------------------------------------------------------------------------------ */

.ModOnyakTechLogInC > table
{
    margin: 0 !important;
    width: 100% !important;
}

/* About
------------------------------------------------------------------------------------ */

.AboutMain
{
    padding-bottom: 1.5em;
    position: relative;
}
.AboutMain .Heading
{
    height: 300px;
    position: relative;
}
.AboutMain .Heading img
{
    bottom: 0;
    left: 50%;
    margin-left: -28%;
    width: 56%;
    position: absolute;
}
.AboutMain .Heading > div
{
    float: left;
    position: relative;
    top: 7.69em;
    width: 45.5%;
}
.AboutMain .Heading > div.Col1
{
    margin-left: 4.5%;
}
.AboutMain .Heading > div.Col2
{
    margin-right: 4.5%;
    text-align: right;
}
.AboutMain .Heading > div .Name
{
    color: #27318B;
    font-size: 3.07em;
}
.AboutMain .Heading > div .Title
{
    font-size: 1.38em;
}
.AboutMain .Heading > div.Col1 .Name
{
}
.AboutMain .Heading > div.Col1 .Title
{
}
.AboutMain .Heading > div.Col2 .Name
{
}
.AboutMain .Heading > div.Col2 .Title
{
}
.AboutMain .Content
{
    border-top: solid 1px #B8B9BB;
    height: 100px;
    margin: 0 1.7%;
    overflow: hidden;
    padding-top: 1.53em;
}
.AboutMain .Content > div
{
    float: left;
    height: 100%;
    width: 46%;
}
.AboutMain .Content > div.Col1
{
    margin-right: 4%;
}
.AboutMain .Content > div.Col2
{
    border-left: solid 1px #B8B9BB;
    padding-left: 3.8%;
}
.AboutMain .Content > div .Text
{
    height: 100%;
    position: relative;
}
.AboutMain .Content > div .Text .Wrapper
{
}
.AboutMain .Content > div .Text:after
{
    background: url('images/carousel-text-fade.png') 0 0 repeat-x;
    bottom: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}
.AboutMain .More
{
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.AboutMain .Content.Expanded > div .Text:after
{
    display: none;
}

.AboutMain2
{
    position: relative;
}
.AboutMain2 .Name
{
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    line-height: 1em;
}
.AboutMain2 .Title
{
    color: #535c9f;
    line-height: 1em;
}
.AboutMain2 .Content
{
    position: relative;
}
.AboutMain2 .Image
{
    bottom: -1.56em;
    height: 200px;
    left: 0;
    position: absolute;
    width: 150px;
}
.AboutMain2 .Image img
{
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
}
.AboutMain2 .Text
{
    height: 200px;
    margin-left: 160px;
    overflow: hidden;
}
.AboutMain2 .Text:before
{
    background: url('images/dots.png') 0 0 no-repeat;
    content: '';
    display: block;
    height: 3px;
    margin: 0.76em 0;
    position: relative;
    width: 33px;
}

/* Side Carousel
------------------------------------------------------------------------------------ */

/* Data */
.SideCarouselData
{
    display: none;
}
.SideCarouselData .Icon
{
    float: left;
    font-size: 1.25em;
    height: 2em;
    margin-right: 5px;
}
.SideCarouselData .CarouselTitle
{
    color: #B7B9BB;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-size: 1.25em;
    font-style: italic;
    line-height: 1em;
    padding: 0.5em 0;
}
.SideCarouselData .Item
{
    border-top: 1px solid #ddd;
    clear: both;
    margin-top: 0.25em;
    padding: 0.25em 0;
}

/* Admin */
.Admin .SideCarouselData
{
    display: block;
}
.Admin .SideCarouselData .Item > *
{
    display: none;
}
.Admin .SideCarouselData .Item > *:first-child
{
    display: block;
    line-height: 1em;
}
.Admin .SideCarouselData .Item > *:first-child a img
{
    height: 1em;
}

/* Display */
.SideCarousel
{
}
.SideCarousel .Controls
{
    display: none;
}

/* Nav */
.SideCarousel .Nav
{
    float: left;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    margin: 0;
    padding: 0 3% 0 0;
    text-align: right;
    width: 16%;
}
.SideCarousel .Nav li
{
    background: none;
    color: #B8B9BB;
    cursor: pointer;
    font-size: 1.08em;
    line-height: 1em;
    list-style-type: none;
    margin-top: 0.75em;
    padding: 0;
    position: relative;
}
.SideCarousel .Nav li > a
{
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
}
.SideCarousel .Nav li span
{
    display: block;
    font-size: 0.65em;
}
.SideCarousel .Nav li:first-child
{
    margin-top: 0;
}
.SideCarousel .Nav li.Active
{
    color: #23307c;
}

/* Content */
.SideCarousel .Content
{
    float: left;
    left: 19%;
    height: 215px;
    overflow: visible !important;
    position: relative;
    width: 62%;
}
.SideCarousel .CarouselTitle
{
    color: #807F83;
    border-bottom: solid 1px #B8B9BB;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-size: 1.61em;
    font-style: italic;
    left: 0;
    line-height: 1em;
    margin: 0 0 0.71em 0;
    padding: 0 0 0.47em 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.SideCarousel .Icon
{
    height: 1.76em;
    margin-right: 0.28em;
    position: relative;
    vertical-align: middle;
}

.SideCarousel .Items
{
    height: 100%;
    position: relative;
}
.SideCarousel .Item
{
    left: 0;
    padding-top: 4.61em;
    position: absolute;
}

.SideCarousel .Item .Name, .SideCarousel .Item .Title
{
    float: left;
    font-family: 'Crete Round' , 'Arial' ,serif;
    font-style: italic;
    line-height: 1em;
    position: relative;
}
.SideCarousel .Item .Name
{
    color: #23307c;
    font-size: 1.38em;
}
.SideCarousel .Item .Name span
{
    font-size: 0.61em;
}
.SideCarousel .Item .Name:after
{
    content: '.';
    margin-left: 7px;
    margin-right: 7px;
}

.SideCarousel .Item .Title
{
    color: #8180b7;
    font-size: 1.15em;
    margin-top: 0.2em;
}

.SideCarousel .Item .Image
{
    border: solid 1px #B8B9BB;
    left: -30%;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 27%;
}
.SideCarousel .Item .Image img
{
    height: auto;
    width: 100%;
}
.SideCarousel .Item .Text
{
    clear: both;
    height: 110px;
    padding-top: 0.76em;
    overflow: hidden;
    position: relative;
}
.SideCarousel .Item.HasMore .Text:after
{
    background: url('images/carousel-text-fade.png') 0 0 repeat-x;
    bottom: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}
.SideCarousel .Item.Expanded .Text:after
{
    display: none;
}
.SideCarousel .Item .Text .Wrapper
{
    padding-bottom: 25px;
}

/* Staff
------------------------------------------------------------------------------------ */


/* FAQs
------------------------------------------------------------------------------------ */

.SideCarousel.FAQs
{
    border-top: solid 1px #CCCCCC;
    margin-top: 2.3em;
    padding-top: 2.3em;
}
.SideCarousel.FAQs:first-child
{
    border-top: none;
    margin-top: 0;
}
.SideCarousel.FAQs .Nav
{
    width: 33%;
}
.SideCarousel.FAQs .Content
{
    height: 170px;
    left: 0;
    padding-top: 3em;
    width: 64%;
}
.SideCarousel.FAQs .CarouselTitle
{
    border: none;
    font-size: 2.84em;
    left: inherit;
    margin: 0;
    padding: 0;
    top: -0.15em;
    width: auto;
}
.SideCarousel.FAQs .CarouselTitle span
{
    float: left;
    margin-top: 0.15em;
}
.SideCarousel.FAQs .Icon
{
    margin: 0 0 0 0.28em;
    max-height: 1.15em;
    vertical-align: bottom;
}
.SideCarousel.FAQs .Items
{
}
.SideCarousel.FAQs .Item
{
    padding-top: 0em;
}
.SideCarousel.FAQs .Item .Title
{
    font-size: 1.38em;
    line-height: 1em;
}
.SideCarousel.FAQs .Item .Title:before
{
    content: '';
    display: none;
}


/* Our Reputation
------------------------------------------------------------------------------------ */

.SideCarousel.ClientTestimonials
{
}
.SideCarousel.ClientTestimonials .Nav
{
    width: 10%;
}
.SideCarousel.ClientTestimonials .Nav li
{
}
.SideCarousel.ClientTestimonials .Content
{
    width: 65%;
}
.SideCarousel.ClientTestimonials .CarouselTitle span
{
    float: left;
    margin-top: 0.76em;
}
.SideCarousel.ClientTestimonials .Icon
{
    margin: 0 0 0 0.28em;
    vertical-align: bottom;
}
.SideCarousel.ClientTestimonials .Items
{
}
.SideCarousel.ClientTestimonials .Item .Image
{
}
.SideCarousel.ClientTestimonials .Item .Text
{
}

/* Interior Banner
------------------------------------------------------------------------------------ */

.InteriorBanner
{
    margin: -1.53em;
    overflow: hidden;
    position: relative;
}
.InteriorBanner > .Image
{
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 36%;
}
.InteriorBanner > .Image img
{
    max-width: 100%;
}
.InteriorBanner .Content
{
    border-left: 1px solid #CCCCCC;
    float: left;
    height: 100%;
    left: 36%;
    margin: 1.53em 0;
    padding: 0 2%;
    position: relative;
    width: 60%;
}
.InteriorBanner .Content > h1 + h4:after
{
    background: url('images/dots.png') 0 0 no-repeat;
    content: '';
    display: block;
    height: 3px;
    margin: 0.76em 0;
    position: relative;
    width: 33px;
}

#Page482 .InteriorBanner > .Image
{
    text-align: center;
}
#Page482 .InteriorBanner > .Image img
{
    max-height: 100%;
}
#Page478 .InteriorBanner > .Image img
{
    bottom: 0;
    position: absolute;
}



.InteriorColumnBox
{
}
.InteriorColumnBox > div
{
    overflow: hidden;
}
.InteriorColumnBox > hr
{
    clear: both;
}
.InteriorColumnBox > div > h3
{
    float: left;
    line-height: 3.26em;
    margin: 0;
    text-align: right;
    width: 33.33%;
}
.InteriorColumnBox > div > p
{
    border-left: 1px solid #CCCCCC;
    float: left;
    margin: 0 0 0 4%;
    padding-left: 4%;
    width: 57.66%;
}

/* Contact Us & Get Started
------------------------------------------------------------------------------------ */

#contact-copy
{
    color: inherit;
    font: inherit;
    padding: 0;
    width: auto;
}
#contact-copy > div[style]
{
    width: auto !important;
}
#contact-content-bottom
{
    margin: 0 !important;
    width: auto !important;
}
.uniForm
{
    padding: 0;
    width: auto !important;
}
.uniForm .inlineLabels
{
    padding: 0;
}
.uniForm .inlineLabels .ctrlHolder
{
    padding: 1em 0;
}
.uniForm .inlineLabels .ctrlHolder > div[style]
{
    padding: 0 !important;
}
.uniForm .focused
{
    background: #fafafa;
}
.uniForm fieldset legend
{
    color: inherit;
    font-size: inherit;
}
.uniForm label, .uniForm .label
{
}
.uniForm .inlineLabels label em, .uniForm .inlineLabels .label em
{
    color: #535C9F;
    float: right;
    font-size: 1em;
    left: inherit;
    position: inherit;
    right: inherit;
    top: inherit;
}
.uniForm input.textInput, .uniForm select, .uniForm textarea
{
    background: inherit;
    border-color: #CCCCCC;
    padding: 1% !important;
    width: 60% !important;
}

.uniForm .ctrlHolder
{
    float: none;
    width: auto;
}
.RadUpload, .RadUploadProgressArea
{
    width: auto !important;
}

/* Get Started
------------------------------------------------------------------------------------ */

#Page482 #ctr1443, #Page482 #ctr1444
{
    height: 400px;
}


/* Old Site Overide Client Login
------------------------------------------------------------------------------------ */

.divFaqMatchMaker, .loveLabQuickSearch, #divQuickLinksPopup
{
    max-width: inherit;
    min-width: inherit;
    width: inherit;
}
.divAnnouncements ul li a, .quickLinks-ul li a
{
    color: #535C9F;
}

.messagesDiv
{
    max-height: inherit;
    overflow: inherit;
}

.Head, .SubHead, .SubSubHead
{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

table.CalendarWidthMember
{
    width: 100% !important;
}
#divPhotoList
{
    width: auto;
}
.divShowFullPhoto
{
    clear: both;
    height: auto;
    width: auto;
}

#divPhotoList
{
    float: none;
    height: auto;
    overflow: auto;
}
/*#divPhotoList .photoSize
{
    float: none;
    height: auto;
    margin-left: 10%;
    margin-right: 0;
    width: auto;
}
#divPhotoList > table
{
    width: 100%;
}
#divPhotoList td
{
    vertical-align: top;
}
#divPhotoList > table > tbody > tr > td:first-child > .photoSize
{
    margin-left: 0;
}
#divPhotoList .photoSize .thumbImageClient
{
    display: block;
    height: auto !important;
    margin: 0 auto;
    max-height: 120px;
    max-width: 125px;
    width: auto !important;
}*/

/* Messages */
.viewMessageContainer
{
    min-width: inherit;
}
.radMessages .RadGrid.RadGrid_Default
{
    width: auto !important;
}

/* Responsive
------------------------------------------------------------------------------------ */

@media screen and ( max-width: 1024px )
{
    .Skin
    {
        min-width: inherit;
    }
    .ContainingWidth
    {
        margin-left: 2%;
        margin-right: 2%;
        width: auto;
    }
    img
    {
        height: auto;
        max-width: 100%;
    }
}
@media screen and ( max-width: 768px )
{
    #Navigation .Root > a
    {
        font-size: 1.25em;
    }
}
@media screen and ( max-width: 640px )
{
    .grid
    {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }
	.DivClientLogin{
		display: none;
	}
    .MasterMatchMakers.Container01
    {
        min-height: auto !important;
    }

    form#Form > .ControlPanel
    {
        display: none;
    }

    #Logo
    {
        width: auto;
    }
    #Navigation
    {
        background-color: #fff;
        height: auto;
        padding: 0;
        position: relative;
    }
    #Navigation .MobileButton
    {
        background: url('images/nav-mobile-button2.png') center center no-repeat;
        border-bottom: solid 1px #807F83;
        display: block;
        padding-bottom: 20px;
        height: 33px;
    }
    #Navigation .DNNStandard
    {
        border-bottom: solid 1px #807F83;
        display: none;
        padding: 15px 0;
    }
    #Navigation .Root
    {
        border: none;
        float: none;
    }
    #Navigation .Root.Login
    {
        display: block;
    }
    #Navigation .Root > a
    {
        line-height: 1.55em;
    }
    #Navigation .Root .SubLevel
    {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        display: block;
        padding: 0 0 0 10%;
        position: relative;
    }
    #Navigation .Root .SubLevel > ul
    {
        border: none;
        padding: 0;
    }

    .HeaderBox
    {
        padding: inherit;
        position: relative;
        text-align: right;
    }
    .HeaderBox .LoginTab
    {
        display: none;
    }

    .HeaderBox .bubbleInfo
    {
        position: static;
        text-align: left;
    }
    .HeaderBox .bubbleInfo .popup
    {
        left: 0 !important;
        margin: 0 2%;
        padding: 4%;
        width: 88%;
    }
   

    /* Home Rotator */
    .Rotator_MasterMatchMakers
    {
    }
    .Rotator_MasterMatchMakers .items
    {
        height: 300px !important;
    }
    .Rotator_MasterMatchMakers .item
    {
    }
    .Rotator_MasterMatchMakers .item > h1
    {
        font-size: 3em !important;
        margin: 5% 15% 0 15% !important;
        width: auto !important;
    }
    .Rotator_MasterMatchMakers .item > p
    {
        margin: 0 15% !important;
        width: auto !important;
    }
    .Rotator_MasterMatchMakers .items img
    {
        display: none;
    }
    .Rotator_MasterMatchMakers .nav .item
    {
        text-align: center;
    }
    .Rotator_MasterMatchMakers .nav a
    {
        background-color: #CCCCCC;
        border-radius: 1em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        display: inline-block !important;
        height: 1em;
        text-indent: -9999px;
        width: 1em;
    }
    .Rotator_MasterMatchMakers .nav .activeSlide a
    {
        background-color: #535C9F;
    }

    .FooterBox .Col1, .FooterBox .Col2
    {
        float: none;
        height: auto;
        width: auto;
    }

    /* Side Carousel */
    .SideCarousel
    {
        position: relative;
    }
    .SideCarousel .Controls
    {
        display: block;
    }
    .SideCarousel .Controls a
    {
        background: center center no-repeat;
        background-size: contain;
        display: block;
        height: 50%;
        position: absolute;
        top: 25%;
        width: 1.53em;
        z-index: 100;
    }
    .SideCarousel .Controls a.Prev
    {
        background-image: url('images/carousel-arrow-left.png');
        left: -1.53em;
    }
    .SideCarousel .Controls a.Next
    {
        background-image: url('images/carousel-arrow-right.png');
        right: -1.53em;
    }
    .SideCarousel .Nav
    {
        float: none;
        margin-bottom: 1.15em;
        padding: 0;
        text-align: center;
        width: auto !important;
    }
    .SideCarousel .Nav > li
    {
        background-color: #B7B9BB;
        border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -webkit-border-radius: 0.5em;
        display: inline-block;
        height: 1em;
        margin: 0.5em !important;
        overflow: hidden;
        text-indent: 9999px;
        white-space: nowrap;
        width: 1em;
    }
    .SideCarousel .Nav > li.Active
    {
        background-color: #535C9F;
    }

    .SideCarousel .CarouselTitle
    {
        padding-left: 0;
    }
    .SideCarousel .Icon
    {
    }

    .SideCarousel .Content
    {
        border-left: none;
        left: 0;
        width: 100% !important;
    }
    .SideCarousel .Items
    {
        height: 250px;
    }
    .SideCarousel .Item
    {
        margin-left: 0;
    }

    .SideCarousel .Item .Name, .SideCarousel .Item .Title
    {
    }
    .SideCarousel .Item .Name
    {
        float: none;
    }
    .SideCarousel .Item .Name span
    {
    }

    .SideCarousel .Item .Title
    {
        float: none;
        line-height: 1em;
    }
    .SideCarousel .Item .Title:before
    {
    }

    .SideCarousel .Item .Image
    {
        float: left;
        left: auto;
        margin: 0.76em 0.76em 0.76em 0;
        max-width: 25%;
        position: relative;
    }
    .SideCarousel .Item .Image img
    {
    }
    .SideCarousel .Item .Text
    {
        clear: none;
    }
    .SideCarousel .Item .Text:before
    {
    }

    .SideCarousel.FAQs
    {
        margin: 0;
        padding-top: 0;
    }
    .SideCarousel .Nav
    {
        margin-bottom: 0;
        margin-top: 1.15em;
    }
    .SideCarousel.FAQs .CarouselTitle
    {
        font-size: 2em;
        top: inherit;
    }
    .SideCarousel.FAQs .Item
    {
        padding-top: 4.5em;
    }

    .InteriorBanner
    {
        margin: inherit;
    }
    .InteriorBanner .Image
    {
        bottom: inherit;
        height: auto;
        left: inherit;
        position: inherit;
        width: inherit;
    }
    .InteriorBanner .Image img
    {
    }
    .InteriorBanner .Content
    {
        border: none;
        float: none;
        height: auto;
        left: inherit;
        margin: inherit;
        padding: inherit;
        width: inherit;
    }

    .InteriorColumnBox
    {
    }
    .InteriorColumnBox > div > h3
    {
        float: none;
        line-height: inherit;
        margin: inherit;
        text-align: inherit;
        width: auto;
    }
    .InteriorColumnBox > div > p
    {
        border: none;
        float: none;
        margin: inherit;
        padding: inherit;
        width: auto;
    }

    #Page482 #ctr1443, #Page482 #ctr1444
    {
        height: auto;
    }

    .AboutMain .Heading
    {
        height: inherit;
    }
    .AboutMain .Heading img
    {
        bottom: inherit;
        left: inherit;
        margin: 0;
        position: relative;
        width: auto;
    }
    .AboutMain .Heading > div
    {
        top: inherit;
    }
    .AboutMain .Content > div.Col2
    {
        padding-left: 3.5%;
    }
}
/* change task remove inline style */
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.alignLeft
{
    text-align: left;
}

.alignCenter
{
    text-align: center;
}

.alignRight
{
    text-align: right;
}
.noDisplay
{
    display: none;
}
.Pabsolute
{
    position: absolute;
}
.colorRed
{
    color: Red;
}
.colorBlue
{
    color: Blue;
}
.colorGreen
{
    color: Green;
}
.font-size-20
{
    font-size: 20px;
}
.underline
{
    text-decoration: underline;
}
.labels
{
    font-weight: bold;
}
.VAlignMiddle
{
    vertical-align: middle;
}
.margin5
{
    margin: 5px;
}
.marginTop20
{
    margin-top: 20px;
}
.marginTop5
{
    margin-top: 5px;
}
.marginBottom5
{
    margin-bottom: 5px;
}
.marginBottom15
{
    margin-bottom: 15px;
}
.marginLeft10
{
    margin-left: 10px;
}
.heading2
{
    font-weight:bold;
    font-size:20px;
}
.heading3
{
    font-weight:bold;
    font-size:15px;
}
.heading4
{
    font-weight:bold;
    font-size:12px;
}
.overflowhidden
{
    overflow: hidden;
}
.WS-nowrap
{
    white-space: nowrap;
}
.full-width
{
    width: 100%!important;
}
.full-height
{
    height: 100%;
}


/* grid paging class */

.PagerButton
{
    padding: 1px;
    cursor: pointer;
    border: 0px;
    width: 15px;
    height: 20px;
    vertical-align: middle;
}
.PagerButton:hover
{
    border: 1px solid #9EB6CE;
    padding: 0px;
}
.FirstPage
{
    background: transparent url(/Images/first.gif) no-repeat scroll center;
}

.PrevPage
{
    background: transparent url(/Images/prev.gif) no-repeat scroll center;
    margin-right: 6px;
}

.NextPage
{
    background: transparent url(/Images/next.gif) no-repeat scroll center;
}

.LastPage
{
    background: transparent url(/Images/last.gif) no-repeat scroll center;
}
.pagingPanel
{
    padding: 6px;
    line-height: 24px;
}
.PaddingTop10
{
    padding-top:10px
    }

.clientDetailButton,.backgroundImage,.largeButtonBackground,.smallButton{background-color:#4A5184;border:thin none;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 2px #6C68C5;color:#FFF!important;padding:.5em;cursor:pointer;margin:0 .5em .5em 0}
.smallButton{font-size:10px}
.largeButtonBackground{font-size:10px;width:120px}
.errMsg
{
color: Red;
font-weight:bold;
}