/* Global styles */
html {font-size:100.01%;}
body {
        margin:0;
        color:#000000;
        font:62.5% ArialNeue, Arial, Helvetica, sans-serif;
}
img {border:none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
a:focus{outline:none;}
.holder {
        overflow: hidden;
        width: 100%;
        font-weight: bold;
}
/* form styles */
form, fieldset{
        margin: 0;
        padding: 0;
        border: 0;
}
input, select{
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #333;
}
/* logo styles */
.logo {
        position: absolute;
/*        top: 39px;
        left: 170px; */
        top: 19px;
        left: 20px;
        margin: 0;
        text-indent: -9999px;
        overflow: hidden;
        width: 284px;
        height: 100px;
        z-index:1;
}
.logo a {
        background: url(http://spotonconnections.com/images/modern2/logo.jpg) no-repeat; 
        cursor: pointer;
        display: block;
        height: 100%;
}



.tagline {
        position: absolute;
        color: 

#000000;
        top: 140px;
        left: 20px;
        margin: 0;
        z-index:1;
}



/* main containers styles */
#wrapper {
        margin:0 auto;
        width:983px;
        overflow:hidden;
        position:relative;
}
/* header block styles */
/*
#header {
        background: url(../../images/modern2/bg-header.jpg) no-repeat;
        width: 100%; 
        height: 229px; 
        position: absolute;
        top:0;
        left:15px;
}
*/

#header {
  background: url(../../images/modern2/header.jpg) no-repeat;
  background-position: top right;
  width: 952px;
  height: 210px;
  position: absolute;
  top:0;
  left:15px;
}

/* main navigation Styles start */
#nav{
/*        width: 90%;*/
        width: 80%;
        position: absolute;
        top: 191px;
        left: 1px;
        margin: 0;
        padding: 0;
        list-style: none;
        /*background: #000066;*/
        background: #000000;
}
#nav:after {
        display: block;
        content: "";
        clear: both;
}
#nav li{
        float: left;
        position: relative;
}
#nav li a{
        float: left;
/*        color: #FFFFFF; */
        color: #FFFFFF;
        padding: 12px 21px 13px;
        font-size: 12px;
        text-decoration: none;
}
#nav li a:hover{
        background: #ebd005;
        /*background: #00599B; /*#988248;*/
        color: #fff;
}
/* Submenu level 1 styles */
#nav li ul{
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 40px;
        left: -1px;
/*      width: 130px; */
        width: 220px; 
        display: none;
        background: #000000; /*#f0ece4 #00599B;*/
}
#nav li ul li{
        float: none;
        text-align: center; 
        border: solid 1px #000000;
}
#nav li:hover ul, #nav li.hover ul{
        display: block;
}
#nav li ul li a{
        float: none;
        display: block;
        padding: 6px 0 7px 5px;
        height: 100%;
/*      text-align: center; */
        text-align: left;
}
/* main navigation Styles end */

#header .phone{

        width: 100%;
        position: absolute;
        right: 0px;
        width: 135px;
        padding-top: 8px;
        padding-left: 45px;

        top: 190px;
        background: url(../../images/modern2/tel.png) no-repeat #FFFFFF;
        height: 33px;

}

/*
#header .phone{
        position: absolute;
        top: 188px;
        right: 0px;
        width: 139px;
        height: 32px;
        background: url(../../images/modern2/tel.png) no-repeat;
        padding-top: 12px;
        padding-left: 40px;
}
*/
/* main block styles */
#main{
        padding: 265px 14px 20px 16px;
        height: 1%;
        overflow: hidden;
}
#content-wrapper{
        float: right;
        width: 783px;
}
/* content block styles */
#content {
        float: left;
        width: 602px;
}
/* begin mainblock block styles */
.mainblock-box .mainblock-holder {
        width: 602px;
        background: #e9e9e2;
}

.mainblock-box span.mainblock-t,
.mainblock-box span.mainblock-b {
/*        background: url(../../images/modern2/mainblock-t.png) no-repeat; */
        overflow: hidden;
        display: block;
        height: 24px;
        width: 100%;
}
.mainblock-box span.mainblock-b {
/*        background: url(../../images/modern2/mainblock-b.png) no-repeat; */
        height: 28px;
}
.mainblock-box .mainblock-holder {
/*        background: url(../../images/modern2/mainblock-c.png) repeat-y; */
        /*padding: 0 24px 24px 32px; */
        padding: 0 44px 24px 32px; 
        width: 516px;
}
.mainblock-box .mainblock-holder:after {
        display: block;
        content: "";
        clear: both;
}
.mainblock{
        position: relative;
        overflow: hidden;
/*        margin: -14px 0 0 0;*/
        margin: -24px 0 0 0 !important;
        margin: -10px 0 0 0;
        width: 100%;
        float: left;
}

/* end mainblock block styles */
#content .title{
        margin: 0 0 3px;
        font-size: 1.8em;
        font-weight: normal;
        color: #000000;
        text-align: center;
}
#content .subtitle{
        display: block;
        font-size: 1.5em;
        color: #000000;
        margin: 0 0 31px;
        text-align: center;
}
#content p{
        margin: 0 0 12px;
        font-size: 1.2em;
        line-height: 1.25em;
        color: #000000;
}
#content .important{
        display: block;
        font-size: 1.5em;
        line-height: 1.2em;
        color: #96864b;
        margin: 0 0 18px;
}
/* sidebar block styles */
#sidebar{
        float: right;
        width: 181px;
}
/* search form styles start*/
.form-box{
        padding: 14px 11px 0;
}
.search-form .holder{
        padding: 0 0 9px;
}

.search-form label{
        display: block;
        padding: 0 0 0 0;
        font-size: 1.3em;
        color: #000000;
}
.search-form select{
        float: left;
        width: 155px;
}
.search-form .input{
        float: left;
        background: white;
        /*background: url(../../images/modern2/input.gif) no-repeat; #36A4CB */
        border: #000000 1px solid;
        width: 153px;
        height: 21px;
}
.search-form .txt{
        float: left;
        border: 0;
        background: none;
        padding: 2px 6px;
        width: 147px;
}
.search-form .btn-holder{
        width: 100%;
        overflow: hidden;
        padding: 12px 0 13px;
}
.search-form .btn{
        float: right;
 /*       background: url(../../images/modern2/arrow.gif) no-repeat 100% 60%; */
        padding: 0 5px 0 0;
        font-size: 15px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}
.search-form .btn:hover{
        text-decoration: underline;
}
/* search form styles end*/
/* leftbar styles */
#leftbar{
        float: left;
        width: 160px;
}
/* begin sideblock styles */
.sideblock-box{
        width: 160px;
        margin: 0 0 23px;
}

/*
.sideblock-box span.sideblock-t,
.sideblock-box span.sideblock-b {
        background: url(../../images/modern2/sideblock-t.png) no-repeat;
        overflow: hidden;
        display: block;
        height: 24px;
        width: 100%;
}
.sideblock-box span.sideblock-b {
        background: url(../../images/modern2/sideblock-b.png) no-repeat;
        height: 25px;
}
*/

.sideblock-box .sideblock-holder {
        background: #e9e9e2;
        width: 100%;
}

/*
.sideblock-box .sideblock-holder:after {
        display: block;
        content: "";
        clear: both;
}
.sideblock{
        position: relative;
        margin: -11px 0 -22px 0;
        width: 100%;
        float: left;
}
*/

/* end sideblock styles */
/* sidebar sideblock styles start */
#sidebar .sideblock-box{
        width: 181px;
}
#sidebar .sideblock-box span.sideblock-t{
        background: url(../../images/modern2/sideblock-t-2.png) no-repeat;
}
#sidebar .sideblock-box span.sideblock-b {
        background: url(../../images/modern2/sideblock-b-2.png) no-repeat;
}
/* sidebar sideblock styles end */
.sideblock .sidetitle{
        margin: 0;
        padding: 0 0 12px 19px;
        border-bottom: solid 8px #FFFFFF;
        font-size: 1.5em;
        color: #000000;
}
/* sidenavigation Styles */
.sidenav{
        margin: 0;
        padding: 0 14px 0 17px;
        list-style: none;
        width: 129px;
/*      background: url(../../images/modern2/separator-2.gif) repeat-x 0 28px;  */
}
.sidenav li{
        padding: 9px 0;
/*      background: url(../../images/modern2/separator.gif) repeat-x;  */
}
.sidenav li:first-child{
        background: none;
        padding: 0;
}
.sidenav li a{
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
}
.sidenav li a:hover{
        text-decoration: underline;
}
.sidenav li a span{
        font-size: 15px;
        font-weight: bold;
}
#sidebar .sidenav{
        width: 150px;
}
/* info-list Styles */
.info-list{
        margin: 0;
        padding: 11px 0 0;
        list-style: none;
        width: 100%;
        overflow: hidden;
}
#sidebar .info-list{
        padding: 0 0 36px;
}
.info-list li{
        padding: 8px 0 7px;
/*      background: url(../../images/modern2/separator.gif) repeat-x; */
}
.info-list li a{
        font-size: 14px;
        color: #000000;
        text-decoration: underline;
}
.info-list li a:hover{
        text-decoration: none;
}
.info-list li:first-child{
        padding: 22px 0 6px;
}
.info-list h3{
        margin: 0;
        font-size: 1.3em;
        color: #000000;
}
.info-list p{
        margin: 0;
        font-size: 1.1em;
        line-height: 1.182em; 
        color: #000000;
}
.sidenav .info-list .more{
        font-size: 1.1em;
        color: #000000;
        text-decoration: none;
}
.info-list .more:hover{
        text-decoration: underline;
}
.member img{
        display: block;
        margin: 0 0 0 7px;
}
/* popup styles start */
.popup-holder,
.popup-hover {
        width: 119px;
        position:relative;
}
.popup-holder .close{
        position: absolute;
        top: 2px;
        right: 4px;
        color: #988248;
}
.popup-holder div.popup,
.popup-hover div.popup {
        border-color:green;
        position:absolute;
        top:0;
        left:119px;
        display:none;
}
.active div.popup{
        display:block;
        width:245px;
        height:190px;
        padding:10px;
        background:#f0ece4;
        overflow:hidden;
}
/* popup styles end */
/* tell a friend form styles start */
.tell-form .form-title{
        margin: 0 0 5px;
        text-align: center;
        font-size: 13px;
        color: #f0ece4;
}
.tell-form .holder{
        padding: 0 0 5px;
}
.tell-form label{
        float: left;
        margin: 0 10px;
        width: 70px;
        font-size: 11px;
        color: #988248;
}
.tell-form .txt{
        float: left;
        border: solid 1px #ccc;
        padding: 1px 5px;
        width: 130px;
}
.tell-form textarea{
        border: solid 1px #ccc;
        padding: 5px;
        width: 130px;
        height: 30px;
        overflow: auto;
}
.tell-form .btn-holder{
        width: 100%;
        overflow: hidden;
        padding: 0 0 5px;
}
.tell-form .btn{
        font-size: 11px;
        color: #988248;
        position: relative;
        cursor: pointer;
}
/* tell a friend form styles end */


.line {
        padding: 9px 0;
/*        background: url(../../images/modern2/separator.gif) repeat-x; */
}

a {
        color: #000000;
        font-weight: bold;
}


.sidetitle2 {
/*        margin-bottom: -20px; */
/*        padding: 0 0 2px 19px;*/
        font-size: 1.5em;
/*        color: #00599B;*/
        margin: 0;
        padding: 0 0 12px 19px;
        border-bottom: solid 8px #FFFFFF;
        color: #000000;
}





#send {
        font: 14px Arial;
        font-weight: bold;
        background: transparent;
        border: 0;
/*        border-right: 0;*/
/*        border-bottom: 1px solid #000000;*/
/*        border-left: 0;*/
        color: #000000;
        display: inline;
        margin: 0;
        padding: 0;
        cursor: pointer;
        cursor: hand;
}






















/* new CSS for forms */
/*
#formContainer {
        width: 520px;
        margin:0px auto;
}
*/

.formSplit1 {
/*
padding: 0;
margin: 0;
*/
margin-left: -3px;
}

.formSplit1 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
/*        margin-top: 10px; */
        margin-right: 0px;
        margin-left: 0px;
}

.formSplit1 .btn{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        #000000;
        text-decoration: none;
        float: right;
        margin: 5px;
}

.formHeading {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
}

.formHeading h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-decoration: none;
        margin: 0px;
        padding: 13px 0 0 0;
        color: #000000}

.formHeading li{
        display: inline;
        padding-right: 55px;
}

.formHeading a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
}

.formHeading ul {
        margin: 0px;
}


.formHeadingHr {
  border-bottom: 1px #000000 solid;
}

.formHeadingH1  {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-decoration: none;
        margin: 0px;
        padding: 15px 0 5px 0;
        color: #000000}


.candidate-form td {
        padding: 0 0 9px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
}


.candidate-form .holder{
        padding: 0 0 9px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
}


.candidate-form label{
/*        display: block;*/
        font-size: 1.1em;
        /*color: #666666;*/
        color: #000000}

.candidate-form select{
        float: left;
        width: 95%;
        background: white;
        border: #ffffff 1px solid;
}

.candidate-form .input{
/*        float: left;*/
        background: white;
        border: #ffffff 1px solid;
/*        width: 225px;*/
        width: 100%;
        height: 21px;
}


.candidate-span {
        font-size: 12px;
        color: #666666;
}

.candidate-form .txt{
        float: left;
        background: white;
        border: #ffffff 1px solid;
        padding: 2px 6px; 
        width: 90%;
/*        width: 225px;*/
}
.candidate-form .txt2{
        float: left;
        background: white;
        width: 225px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #666666;
        text-decoration: none;
        padding-top: 2px;
        padding-right: 6px;
        padding-bottom: 2px;
        padding-left: 0px;
}
.candidate-form .txt3{
        float: left;
        background: white;
        padding: 2px 6px;
        width: 200px;
}


#key {
        color: #666666;
}




#twitter {
        color: #000000;
        width: 152px;
        padding: 5px;
        text-align: left;
        margin: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
#twitter p {
  padding:0;
  margin:1ex 0;
}
#twitter h1 {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #377cb5;
        text-decoration: none;
}
#twitter a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #377cb5;
        text-decoration: none;
}
#twitter a:hover {
        text-decoration: underline;
}




p {
  font-size: 12px;
}

a {
  color: #000000}

#content li {
  font-size: 12px;
  color: #000000;  
}