/*  =RESET
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none;}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.myriad-pro { font-family: "myriad-pro"; }

/*  =FUNDAMENTALS
---------------------------------------------------------- */
html, body { height: 100%; }
body {
    background: url(../images/bg-body.gif) 0 0px repeat-x;
    font-family: Arial, Verdana;
    font-size: 62.5%;
    line-height: 1;
    color: black;
    background: #FFF;
    color: #444;
}
p, q, h5, a.ext-crm, a.ext-video, label, .input-select, .input-text, .input-textarea {
    font-size: 1.2em;
    line-height: 1.6em;
}
p, q, h5 { margin: 0 0 10px; }
q { font-style: italic; }
td, th { font-size: 12px; }
a:link, a:visited, a:active {
    color: #8a046c;
    text-decoration: underline;
}
a:hover { text-decoration: none; }
a:active { outline: none; }
h1, h2, h3, h4, h6 { color: #8a046c; }
h1, h2, h3, h4, h5, h6 {
    margin-bottom: .8em;
    line-height: 1.1em;
    font-weight: 700;
    font-family: Arial, Verdana;
}
h3 { margin-bottom:.2em; }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{
    color: #8a046c;
}
h1 { font-size: 2em; }
.tabs h1 { margin-bottom: .1em; }
h2 { font-size: 1.6em; }
h3 {
    font-size: 1.3em;
    font-weight: 700;
    color: #4E5F69;
}
h4 {
    font-size: 1.4em;
    font-weight: 700;
    color: #4E5F69;
}
h5 {
    font-size: 1.5em;
    line-height: 1.3em;
}
h6, .tab-content-left h2 {
    font-size: 14px;
    color: #223139;
    font-weight: 300;
    margin-bottom: 1em;
}
ul.generic  { margin-bottom: 15px; }
.generic li {
    list-style-type: square;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-left: 40px;
}

/*  =FORM STYLING
---------------------------------------------------------- */
#content-main fieldset { margin: 10px 0; }
legend {
    color: #526499;
    font-size: 1.4em;
    font-weight: 700;
    height: 45px;
}
.fm-req, .fm-opt, .fm-multi {
    margin-bottom: 10px;
    clear: left;
}
.fm-multi { text-align: left; }
label, p.label {
    display: block;
    width: 30%;
    font-size: 1.2em;
    text-align: right;
    padding: 3px 8px 0 5px;
    margin: 0;
    float: left;
}
/* MULTIPLE OPTIONS */
.fm-multi .check-list {
    margin-bottom: 10px;
    float: left;
}
.fm-multi .check-list label {
    padding: 3px 0 0 5px;
    text-align: left;
    width: 230px;
    margin-bottom: 10px;
}
.fm-multi .check-list input {
    margin-bottom: 0.5em;
    clear: left;
}
.fm-multi input, .fm-multi select { float: left; }
.fm-multi label {
    width: auto;
    font-weight: normal;
    padding: 5px 20px 0 5px;
    float: left;
}
.fm-multi input, .fm-multi select { float: left; }
select, textarea, .select, input.tb{
    font-family: Arial, Verdana;
    color: #444444;
    border: 1px solid #ccc;
    padding: 4px;
    margin: 0;
}
textarea {
    font-size: 1.2em;
	line-height: 1em; 
	min-height: 60px;
    padding: 4px;
}
.tb {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0;
    font-size: 1.2em;
}
.tb:focus, textarea:focus {
    background-color: #f6faff;
}
/* ERROR STYLING */
.fm-error {
    padding: 10px 0;
    background: #FCE0E0;
    border: 1px solid #C41313;
}
.error {  
    display: block;
    color: #C41313 !important;
    font-size: 1.2em;
    margin: 5px 0 0 105px;
    float: left;
}
/*
 SET WIDTHS FOR INPUTS */
.size10 { width: 40px; }
.size20 { width: 60px; }
.size30 { width: 80px; }
.size40 { width: 100px; }
.size50 { width: 150px; }
.size60 { width: 180px; }
.size70 { width: 250px; }
.size80 { width: 350px; }
.tb10 { width: 40px; }
.tb20 { width: 60px; }
.tb30 { width: 80px; }
.tb40 { width: 100px; }
.tb50 { width: 150px; }
.tb60 { width: 176px; }
.tb70 { width: 250px; }
.tb80 { width: 350px; }
.select-size30 { width: 86px; }
.select-size40 { width: 106px; }
.select-size50 { width: 156px; }
.select-size60 { width: 186px; }
.select-size70 { width: 256px; }
.select-size80 { width: 356px; }
.textarea50 { width: 150px; }
.textarea60 { width: 180px; }
.textarea70 { width: 250px; }
.textarea80 { width: 350px; }
.fm-pass, .fm-fail {
    display: block;
    font-size: 1.2em;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid;
    line-height: 1.4em;
}
.fm-pass {
    background-color: #D7E9AD; 
    color: #056005;
    border-color: #008000;
}
.fm-fail {
    background-color: #FCE0E0; 
    color: #a13325;
    border-color: #CC5646;
}
.multi.clearfix {
  display: inline-block;
  width: 370px;
}
.multi label {
  display: inline-block;
	width: 90px;
	text-align: left;
	margin-bottom: 0px;
	padding-top: 0;
	
}
.multi input {
	float: left;
}
/*  =LAYOUT
---------------------------------------------------------- */
/*	S T I C K Y  F O O T E R */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -145px;
    background: url(../images/bg-wrapper.png) top center no-repeat;
}
.push {
    height: 145px;
    width: 100%;
    clear: both;
}
#footer {
    height: 65px;
    width: 100%;
    clear: both;
    padding-top: 80px;
}
.content-right {
    padding-left: 190px;
}

/*  =LOGIN DROPDOWN
---------------------------------------------------------- */
.wrapper {
    width: 810px;
    margin: 0 auto;
}
#band {
    height: 3px;
    overflow: hidden;
    background-color: #6B7F88;
}
.user-area {
    height: 25px;
    color: #fff;
    background: #6B7F88 url(../images/bg-login.jpg) repeat-x;
    padding: 13px 0;
    overflow: hidden; /*REMOVE ONCE CONTROLS ARE ADDED */
    font-size: 1.2em;
}
.user-area p {
    margin: 0.5em 0;
}
.user-area a {
    color: #fff;
}
.user-area .tb {
    width: 110px;
    margin-right: 5px;
    background: #fff url(../images/bg-tb-login.png) 0 0 no-repeat;
    border: solid 1px #70848E;
    padding: 3px 5px;
}
.user-area .btn, .user-area .btn:link, .user-area .btn:visited {
    font-size: 1em;
    padding: .4em .5em .3em .5em;
    text-decoration: none;
    vertical-align: top;
}
.jhide {
    display: none;
}
.login-nav {
    float: left;
}
.login-nav li a {
    float: left;
    padding: 3px 5px;
    margin-right: 20px;
    font-weight: 700;
    font-size: 14px;
}

/*  =IMPORTANT LAYOUT
---------------------------------------------------------------- */
#universal {
    width: 900px;
    margin: 0 auto;
}
#mast {
    display: none;
    height: 93px;
    background: url(../images/mast-bg.jpg) top left repeat-x;
}
.btn-login, logon {
    float: right;
    background: url(../images/btn-login.png) left top no-repeat;
    width: 27px;
    height: 105px;
    cursor: pointer;
}
.login-on {
    background-position: -28px 0;
}
#login {
    height: 93px;
    background: url(../images/login-bg.jpg) top left repeat-x;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    color: #fdfdfd;
}
#login a {
    text-decoration: underline;
    color: #fdfdfd;
}
#login a:hover {
    text-decoration: none;
}
#face {
    position: relative;
}
#branding {
    height: 116px;
    width: 904px;
    margin: 0 auto;
    z-index: 100;
    position: relative;
}
#branding .container {
    width: 806px;
}
#nav {
    background: url(../images/bg-nav.gif) top left repeat-x;
    height: 32px;
    width: 850px;
    margin: 0 auto;
    position: relative;
}
#login, #face, #branding {
    overflow: hidden;
}
#content {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 20px;
}

/*  =NAVIGATION
---------------------------------------------------------------- */
#nav li {
    float: left;
    display: inline;
}
#btnHome, #btnAbout, #btnSolutions, #btnOurWork, #btnOurApproach, #btnContactUs, #btnCustomerArea, #btnCareers {
    /*padding-bottom: 3.2em;*/
    height: 32px;
    overflow: hidden;
    display: block;
    position: relative;
    color: #333;
}
#btnCustomerArea { margin-left: 94px; }
#nav li span {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/nav.gif);
    background-repeat: no-repeat;
    z-index: 100; /* Places <span> on top of <a> */
}
#btnHome {
    margin-left: 20px;
    width: 79px;
}
#btnHome span, body.page-home #btnHome span:hover { background-position: 0 0; }
#btnHome span:hover { background-position: 0 -32px; }
#btnAbout { width: 80px; }
#btnAbout span, body.page-about #btnAbout span:hover { background-position: -79px 0; }
#btnAbout span:hover { background-position: -79px -32px; }
#btnSolutions { width: 101px; }
#btnSolutions span, body.page-solutions #btnSolutions span:hover { background-position: -159px 0; }
#btnSolutions span:hover { background-position: -159px -32px; }
#btnOurWork { width: 100px; }
#btnOurWork span, body.page-work #btnOurWork span:hover { background-position: -260px 0; }
#btnOurWork span:hover { background-position: -260px -32px; }
#btnOurApproach { width: 128px; }
#btnOurApproach span, body.page-approach #btnOurApproach span:hover { background-position: -360px 0; }
#btnOurApproach span:hover { background-position: -360px -32px; }
#btnContactUs { width: 108px; }
#btnContactUs span, body.page-contact #btnContactUs span:hover { background-position: -488px 0; }
#btnContactUs span:hover { background-position: -488px -32px; }
#btnCareers { width: 88px; }
#btnCareers span, body.page-careers #btnCareers span:hover { background-position: -596px 0; }
#btnCareers span:hover { background-position: -596px -32px; }
#btnCustomerArea { width: 140px; }
#btnCustomerArea span, body.page-contact #btnCustomerArea span:hover { background-position: -710px 0; }
#btnCustomerArea span:hover { background-position: -710px -32px; }
#current {
    width: 26px;
    height: 9px;
    position: absolute;
    bottom: -8px;
    background: url(../images/marker-current.gif) top left no-repeat;
}
.page-home #current { left: 4.4em; }
.page-about #current { left: 126px; }
.page-solutions #current { left: 216px; }
.page-work #current { left: 317px; }
.page-approach #current { left: 430px; }
.page-careers #current { left: 540px; }
.page-careers #current { left: 540px; }
.page-contact #current { left: 637px; } /* If careers is active use this line */
/*.page-contact #current { left: 549px; } If careers is inactive use this line */
.page-customer #current { left: 771px; }
.page-none #current { background: none; }

/*  =SUB NAV
---------------------------------------------------------------- */
.sub-nav {
    float: left;
    width: 144px;
}
.sub-nav ul {
    margin-bottom: 15px;
    width: 144px;
}
.sub-nav li a:link, .sub-nav li a:visited, .sub-nav li a:active {
    color: #333;
    width: 134px;
    height: 12px;
    display: block;
    padding: 10px 0px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    background: url(  "../images/bg-sub-nav.gif" ) left top repeat-y;
    border-bottom: solid 1px #efefef;
}
.sub-nav li a:hover { color: #8a046c; }
.sub-nav li.first-title {
    height: 25px;
    padding-top: 15px;
    width: 144px !important;
    background: url(  "../images/bg-sub-nav-top.gif" ) 0 -45px no-repeat;
    border-bottom: 0px solid #eee;
}
.sub-nav li.first-title h2 {
    font-size: 1.6em;
}
.sub-nav li.first-title a {
    font-size: 1.0em;
    padding: 0;
    margin-bottom: 12px;
    width: 144px;
    background-image: none;
    height: 1.7em;
    line-height: 1.1em;
    color: #8a046c;
    border: 0;
}
.sub-nav li.first a {
    height: 15px;
    padding-top: 35px;
    width: 134px !important;
    background: url(  "../images/bg-sub-nav-top.gif" ) 0 -60px no-repeat;
    border-bottom: 1px solid #eee;
}



.sub-nav li.first-current h2 {
    color: #8a046c !important;
    font-weight: bold;
    height: 15px;
    padding-top: 35px;
    width: 134px !important;
    background: url(  "../images/bg-sub-nav-top.gif" ) 0 0 no-repeat;
    border-bottom: 1px solid #eee;
}
.sub-nav li.last a {
    height: 50px;
    padding-bottom: 10px;
    width: 134px !important;
    background: url(  "../images/bg-sub-nav-bottom.gif" ) 0 0 no-repeat;
    border: 0;
}
.sub-nav li.last-current a {
    color: #9D127B !important;
    font-weight: bold;
    height: 50px;
    padding-bottom: 10px;
    width: 134px !important;
    background: url(  "../images/bg-sub-nav-bottom.gif" ) 0 -60px no-repeat;
    border: 0;
}
.sub-nav li.current a {
    color: #9D127B !important;
    font-weight: bold;
    cursor: default;
    background-image: none;
    width: 134px !important;
    border-bottom: solid 1px #efefef;
}
.sub-nav li.current-parent a {
    color: #9D127B !important;
    font-weight: bold;
    background: url(  "../images/bg-sub-nav.gif" ) left top repeat-y;
    cursor: pointer;
    width: 134px !important;
    border-bottom: solid 1px #efefef;
}
.sub-nav li ul { margin: 0; }
.sub-nav li ul li {
    color: #9D127B;
    width: 119px;
    height: 12px;
    display: block;
    padding: 10px 0px 10px 25px;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    border-bottom: solid 1px #efefef;
}
.page-solutions h4 { margin: 1.3em 0 .2em 0; }

/*  =FOOTER
---------------------------------------------------------------- */
#footer { background: url(../images/bg-footer.png) top center no-repeat; }
#footer p, #footer li, #footer a {
    font-size: 1em;
    color: #333;
    text-decoration: none;
}
#footer p a { padding: 0 5px; }
#footer li { margin-bottom: 1.2em; }
#footer ul {
    margin: 25px 10px 0 0;
    float: left;
    width: 185px;
}
#footer a:hover {
    text-decoration: underline;
    color: #8a046c;
}
a.icon-social {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../images/icon-social.gif);
    background-repeat: no-repeat;
}
a.twitter { background-position: 0 0; }
a.facebook { background-position: -20px 0; }
a.linkedin { background-position: -40px 0; }
#footer a.icon-social {
    float: left;
    margin: 5px 10px 0 0;
}

/*  =HOME
---------------------------------------------------------------- */
#intro {
    position: relative;
    width: 790px;
    height: 215px;
    margin-bottom: 40px;
    background: url(../images/bg-intro.png) top left no-repeat;
    padding-top: 20px;
}
#intro div {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 8;
}
.section-one, .section-two, .section-three, .section-four {
    width: 762px;
    height: 195px;
}
.section-one { background: url(../images/bg-section-one.jpg) top left no-repeat; }
.section-two { background: url(../images/bg-section-two.jpg) top left no-repeat; }
.section-three { background: url(../images/bg-section-three.jpg) top left no-repeat; }
.section-four { background: url(../images/bg-section-four.jpg) top left no-repeat; }
#intro div.active { z-index: 10; }
#intro div.last-active { z-index: 9; }

/*  =HOME TABS
---------------------------------------------------------------- */
ul.tabNav {
    width: 160px;
    float: left;
    background: url(../images/bg-nav-products.png) top left no-repeat;
}
div.tab {
    width: 570px;
    margin-left: 190px;
}
.tab p, .tab ul { width: 350px; }
.tab img { margin: 0 0 10px; }
.tabNav li a, #tab-top, #tab-bottom {
    display: block;
    width: 155px;
    overflow: hidden;
    font-weight: 700;
    font-size: 1.3em;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-image: url(../images/nav-products-transparent.png);
}
.tabNav li a {
    height: 42px;
    cursor: pointer;
}
.tabNav li { line-height: 42px; }
#tab-top {
    background-position: -155px 0;
    height: 25px;
    line-height: 25px;
}
#tab-bottom {
    background-position: -155px -194px;
    height: 24px;
    line-height: 24px;
}
#tab-sp a { background-position: -155px -25px; }
#tab-sp a.selected { background-position: 0 -25px; }
#tab-nt a { background-position: -155px -67px; }
#tab-nt a.selected { background-position: 0 -67px; }
#tab-cm a { background-position: -155px -110px; }
#tab-cm a.selected { background-position: 0 -110px; }
#tab-sl a { background-position: -155px -152px; }
#tab-sl a.selected { background-position: 0 -152px; }
.tabNav li a { z-index: 50 !important; }
.tabNav li a { position: relative; }
.tabNav li a.on { cursor: default; }
li.movery {
    display: block;
    height: 42px;
    width: 155px;
    z-index: auto !important;
    background-image: url(../images/movery.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.btn:link, .btn:visited, .btn {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px;
    -opera-border-radius: 3px;
    -khtml-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    font-family: Arial, Verdana;
    padding: .6em .8em;
    color: #fff !important;
    text-decoration: none;
    background: #6a1a57 url(../images/bg-btn.png) top left repeat-x;
    border: 1px solid #8f2676 !important;
}
.text-btn:link, .text-btn:visited {
    text-decoration: none;
    font-size: 1.2em;
}
.text-btn:hover { text-decoration: underline; }
.tab-content-left {
    width: 350px;
    margin-bottom: 50px;
}
/*   =WORK SLIDER
---------------------------------------------------------------- */
.work-slider {
    float: right;
    width: 270px;
    padding-left: 10px;
}
.work-slider img {
    float: left;
    margin: 0 0 10px 0;
}
.work-slider li {
    float: left;
    background: url(../images/dot.png) 0 0 no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 20px;
}
.work-slider li.selected {
    background: url(../images/dot.png) 0 -14px no-repeat;
}

/*  =LOGIN FORM
---------------------------------------------------------------- */
#showMast {
    position: absolute;
    top: 0.6em;
    right: 0;
}
#loginForm {
    position: absolute;
    right: 50px;
    top: 23px;
    padding-right: 48px;
}
#login p {
    font-size: 1.1em;
    margin: 0 0 0.4em 0.4em;
}
#loginForm input.text {
    width: 115px;
    height: 20px;
    padding: 2px;
    border: none;
    background: url(../images/loginInput-bg.jpg) top left no-repeat;
    color: #666;
}
#loginForm input#btn-login {
    position: absolute;
    bottom: 4px;
    right: 0;
}

/*  =ABOUT.ASPX
---------------------------------------------------------------- */
.about-quote {
    margin-top: 20px;
    overflow: hidden;
}
.quote { font-size: 60px; }
.quote-body {
    width: 500px;
    padding: 0 35px 0 10px;
    position: relative;
}
.bottom-right {
    position: absolute;
    right: 10px;
    bottom: 0;
}

/* =SOLUTIONS.ASPX
-----------------------------------------------------------------*/
.solution-top {
    margin-bottom: 10px;
    padding-top: 20px;
}
.solution-top ul{
    margin-left: 160px;
    margin-bottom:20px;
}
.solution-top img {
    float: left;
    margin-right: 20px;
    padding: 0px;
    margin-bottom: 50px;
}
.solution-third {
    width: 234px;
    height:350px;
    float: left;
    margin-right: 30px;
    position:relative;
}
.solution-third-last { margin: 0px; }
.solution-third .btn{
    position:absolute;
    bottom:0;
}

/*  =SOLUTIONS.ASPX / CRM
---------------------------------------------------------------- */
.package {
    background: url(  "../images/bg-package.png" ) repeat-x scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
    margin: 0 0 20px 10px;
    padding: 20px;
    position: relative;
}
.package .tab {
    left: -10px;
    margin-bottom: 10px;
    position: absolute;
    top: 10px;
}
ul.images {
    float: left;
    margin-top: 70px;
}
.description {
    float: right;
    width: 70%;
}
.description ul {
    border-top: 1px solid #E5E5E5;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 15px 0 20px;
    padding-top: 20px;
}
.description li {
    background: url(  "../images/bg-tick.png" ) no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding-left: 20px;
}
h3.title1 {
    display: block;
    height: 20px;
    position: relative;
    width: 100%;
}
h3.title1 span {
    background: url(  "../images/bg-h3.png" ) no-repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

/* Work.aspx */
.box {
    background-color: #fcfcfc;
    border: solid 1px #f5f5f5;
    padding: 10px;
}
.list-none li {
    background: none;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    list-style: square;
    margin: 5px 20px;
}
.work-results {
    overflow: auto;
    margin-bottom: 15px;
}

.work-results a:link, .work-results a:visited {
    font-size: 1.2em;
    text-decoration: none;
}
.work-results a:hover { text-decoration: underline; }
.work {
    position: relative;
    width: 224px;
    height: 250px;
    float: left;
    margin: 0 13px 14px 0;
    overflow: hidden;
}
.work a {
    display: block;
    height: 270px;
    left: 0;
    position: absolute;
    top: 0;
    width: 245px;
    text-indent: -1000px;
    z-index: 5000;  
    background: url(../blank.gif) top left repeat;
}
.work-right { margin: 0px; }
.work img { margin-bottom: 10px; }
.work-screenshots {
    width: 270px;
    height: 155px;
}
.work-screenshots img {
    width: 270px;
    height: 155px;
}
.work h2 { margin-bottom: 5px; }
.work h3 {
    font-size: 14px;
    color: #223139;
    font-weight: 300;
    margin-bottom: .5em;
}
.job-box {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.job-box img {
    float: right;
    padding-left: 10px;
}
.job-content h3 {
    margin-top: 1.4em;
}

/*  =PARTNERS
---------------------------------------------------------------- */
.partners {
    margin-top: 20px;
}
.partners li {
    display: block;
    padding: 18px;
    background: url(../images/bg-partner-logo.png) top left no-repeat;
    float: left;
    margin: 0 25px 25px 0;
}
.partners li a {
    display: block;
    width: 189px;
    height: 89px;
}


/*  =CONTACT.ASPX
---------------------------------------------------------------- */
fieldset { margin-bottom: 20px; }
.contact, .application {
    width: 305px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    height: 15px;
    display: block;
}
.application {
    width: 554px;
}
.fm-opt, .fm-req { margin-bottom: 10px; }
.fm-action {
  margin: 10px 0;
}
body.page-contact div.address {
    margin-bottom: 20px;
    border: 1px solid #efefef;
    background: #fcfcfc;
    padding: 15px;
    width: 370px;
    float: left;
    clear: left;
}
body.page-contact div.address p {
    margin-bottom: 2px;
}
.map, .job-action img {
    border: 1px dashed #ddd;
    padding: 2px;
}
.form-contact {
    width: 305px;
    background-color: #FCFCFC;
    border: 1px solid #EFEFEF;
    padding: 15px;
    float: right;
}
body.page-contact .input-select { width: 186px; }
.form-contact * { vertical-align: top !important; }
.form-contact h3.underline {
    border-bottom: 1px solid #EFEFEF;
    padding: 7px 0;
}
.map {
    background: url(../images/map-backer.gif) top left no-repeat;
    display: block;
    width: 150px;
    height: 150px;
}

/*  =SITE MAP
---------------------------------------------------------- */
.sitemap {
    font-size: 1.2em;
    border-bottom: dotted 1px #6a1a57;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sitemap a:hover { text-decoration: underline; }
.sitemap {
    text-decoration: none;
    color: #6a1a57;
}
.sitemap ul {
    margin-top: 5px;
    width: 240px;
    float: left;
    padding-left:20px;
}
.sitemap.first ul {  width:100%; }
.sitemap.first ul li{
    float:left;
    width:230px;
}
.sitemap.last ul{ width:100%; }
.sitemap.last ul li{
    float:left;
    width:365px;
}
.sitemap li {
    padding: 0 5px 5px 0;
    margin-right: 10px;
    color: #000;
    list-style-type: square;
}
.sitemap a:link, .sitemap a:visited { text-decoration: none; }
.sitemap li a:link, .sitemap a:visited, .sitemap a:hover { color: #000; }
.sitemap h2{ margin-bottom:20px; }
.sitemap-half {
    width: 380px;
    float: left;
    padding: 0 5px 5px 0;
    padding-bottom: 10px;
    height:130px;
}
.sitemap h3 { margin-bottom:10px; }

/*  =USEFUL CLASSES
---------------------------------------------------------- */
.clear { clear: both; } 
.clear-left { clear: left; }
.clear-right { clear: right; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.bold {
    font-weight: 700;
    color: #555;
}
.italic { font-style: italic; }
.hide { display: none !important; }
.block { display: block; }
.inline-block { display: inline-block; }
.static { position: static; }
.relative { position: relative; }
.zero {
    padding: 0 !important;
    margin: 0 !important;
}

/*  =PROJECT - SPECIFIC USEFUL CLASSES
---------------------------------------------------------- */
.padding25 { padding: 0 0 25px 0; }
.container {
    width: 77em;
    margin: 0 auto;
}
.moreArrow {
    background: url(../images/moreArrow.png) center right no-repeat;
    padding-right: 15px;
    color: #8a046c;
}
.purple { color: #8a046c; }
.border { border: 1px solid #8a046c; }
body#work img.floatRight.border-ccc { padding: 2px; }
.border-grey { border: 1px solid #D5D5D5; }
.shadow {
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
}
.round {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.img-title {
    margin-bottom: 20px;
    display: block;
}
ul.bullets{ margin-bottom: 15px; }
ul.bullets li {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: .3em;
    list-style-type: disc;
    margin-left: 20px;
}
p.address { margin-bottom: .2em; }
img.border-ccc {
    border: 1px solid #cccccc !important;
    padding: 2px !important;
}
.border-ccc { border: 1px solid#ccc; }
a.exterior {
    display: block;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 10px 10px 10px 50px;
    text-decoration: none;
}
a.exterior:hover {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
a.ext-crm, a.ext-video { margin-bottom: 25px; }
a.ext-crm { background: url(../images/logo-microsoft-dynamics-crm-icon.gif) center left no-repeat; }
a.ext-video { background: url(../images/icon-video.gif) center left no-repeat; }
.full { width: 100%; }
.half { width: 50%; }
.clearfix:after, .fm-error:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix, .fm-error { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, *html .fm-error { height: 1%; }
.clearfix, .fm-error { display: block; }
/* close commented backslash hack */
.focus {
    border: 1px solid #aaa;
    background-color: #ffffdd;
}
.x10 { width: 10px; }
.x20 { width: 20px; }
.x30 { width: 30px; }
.x40 { width: 40px; }
.x50 { width: 50px; }
.x60 { width: 60px; }

/*  =FADER
---------------------------------------------------------- */
#fader { position: relative; }
.section {
    height: 160px;
    width: 270px;
}
ul#fader-nav {
    position: absolute;
    top: 137px;
    left: 77px;
    margin: 0;
    padding: 0;
    z-index: 50;
}
ul#fader-nav li {
    background: none;
    padding: 0;
    margin-bottom: 0px;
}
#fader-nav a {
    background:#e5c4dd url(../images/icon-gallery.gif) 0 0 no-repeat;
    display:block;
    width:14px;
    height:14px;
    text-indent:-9999em;
}
#fader-nav a.on { background:#e5c4dd url(../images/icon-gallery.gif) 0 -14px no-repeat; }

/*	=OVERLAY (MODAL WINDOW)
---------------------------------------------------------- */

/* the overlayed element */
.overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000 !important;
	/* styling */
	width:610px;
	min-height:200px;
	padding:0px;
	background-color: #FFF;
	position: relative;
	-moz-box-shadow: 0 0 12px 0 #656565;
	-webkit-box-shadow: 0 0 90px #000;
}
.overlay-bottom {
	display: none;
}
.overlay-content {
	padding: 20px;
	border:8px solid #ddd;
	min-height:160px;
}
/* close button positioned on upper right corner */
.overlay .close {
	background-image: url(../images/close.png);
	position:absolute;
	right:-13px;
	top:-13px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#triggers img {
	cursor:pointer;
}
.overlay-content h2{
  margin-bottom: 20px;
}
.overlay-content textarea{
  width: 320px;
  height: 130px;
}