﻿* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #000;
    min-width: 1000px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 10px;
}

#main {
    width: 100%;
    margin: 0 auto;
}

#header {
    height: 182px;
}

#header, #content, #footer {
    font-size: 0.814em;
}

#header .row-1 {
    height: 100px;
}

#header .row-1 .fleft {
    padding: 10px 0 0 0;
}

#header .row-1 .fright {
    padding: 45px 0 0 0;
}

#header .row-2 {
    height: 87px;
}

#header .row-3 {
    padding: 107px 0 0 90px;
}

#header .row-3 img {
    display: block;
    margin-bottom: 30px;
}

#content {
    padding: 30px 0 32px 0;
}

#content .indent {
    padding: 0 30px 40px 34px;
}

#content .indent1 {
    margin-right: 1px;
}

#footer {
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0 auto;
    border-top: 6px solid #006600;
    text-align: center;
}

#footer a {
    color: #434440;
}

#footer .fleft {
    padding: 24px 0 0 30px;
}

#footer .fright {
    padding: 18px 30px 0 0;
}

.left-list {
    float: left;
    width: 45%;
    text-align: left;
    padding-right: 10px;
    font-weight: bold;
    display: inline-block;
}

.right-list {
    float: left;
    width: 45%;
    text-align: left;
    display: inline-block;
    font-weight: bold;
    clear: right;
}

.list li {
    display: inline;
    border-right: 1px solid #5a5a5a;
    float: left;
}

.list li a {
    display: block;
    float: left;
    color: #000;
    text-decoration: none;
    padding: 0 14px 0 14px;
}

.list li a:hover {
    text-decoration: underline;
}

.list li a.last {
    color: #ff5400;
    text-decoration: underline;
}

.list li a.last:hover {
    text-decoration: none;
}

.list li.last {
    border: 0px;
}

.list1 li {
    background: url(../images/Checkmark.PNG) no-repeat left top;
    padding-left: 20px;
    margin-bottom: 4px;
}

.list1 li a {
    color: #5a5a5a;
    text-decoration: none;
}

.list1 li a:hover {
    text-decoration: underline;
}

.img-box {
    width: 100%;
    overflow: hidden;
}

.img-box img {
    float: left;
    margin: 0 20px 0 0;
}

.img-box p {
    padding-top: 8px;
}

.login-box {
    float: right;
    margin-top: 12px;
    border: solid 1px black;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
}

.box, .signup {
    display: block;
    margin-bottom: 10px;
    border: solid 1px black;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.box {
    width: 100%;
    background: white;
}

.signup {
    padding-top: 30px;
    padding-bottom: 30px;
    /*backgroud: #066DEF;*/
    /*background: #FF9213;*/
    /*background: #00A7FF;*/
    background: #FF5800;
    text-align: center;
}

.signup .button {
    margin: 0px auto;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    /*color: #FF9210;*/
    /*color: #066DEF;*/
    /*color: #5DA803;*/
    /*color: #5D8803;*/
    /*color: #BBBBBB;*/
    /*color: #3EA055;*/
    color: #006600;
    background: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px black;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.3em;
}

.signup .button:hover {
    color: #5a5a5a;
}

.box .header {
    /*background: #FF9210;*/
    /*background: #066DEF;*/
    /*background: #5DA803;*/
    /*background: #5D8803;*/
    /*background: #BBBBBB;*/
    background: #DDDDDD;
    /*color: black;*/
    color: #006600;
    border-bottom: 1px solid black;
    padding: 10px;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 0px;
}

.box .content {
    padding: 10px;
    font-size: 1em;
    margin: 0px;
}

.box li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 25px;
    padding-bottom: 5px;
}

.img-row {
    clear: both;
    width: 100%;
    margin-right: 0px;
    float: left;
}

.img-row .img {
    width: 100px;
    padding-left: 20px;
    float: left;
}

.btnMain, .btnInFormSmall {
    background-color: #FFF;
    /*color: #D63D14;*/
    color: #006600;
    font-weight: bold;
    border: outset 2px #CECECE;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 2px 10px;
    font-size: 8pt;
}

.btnMain:hover {
    background-color: #EEE;
}

.btnMain:disabled {
    background-color: #EEE;
    color: #777;
}

.lnkbtnCancel {
}

.textbox {
    padding: 3px 3px 0px 3px;
}

.txtSmall, .txtAreaSmall {
    padding: 0;
    border-bottom: solid 1px #9F9F9F;
    border-right: solid 1px #9F9F9F;
    border-top: solid 1px #303030;
    border-left: solid 1px #303030;
}

.txtAreaSmall {
}

.rfvValidator {
    font-family: Arial;
    font-size: 8pt;
    color: Red;
}

.inputElement {
    padding: 3px;
    display: block;
    clear: right;
}

.inputLabelText {
    font-size: 1.0em;
    font-weight: bold;
}

.inputLabel, .inputLabelTiny, .inputLabelSmaller, .inputAdminLabel, .inputRecordLabel, .inputLabelWider, .inputLabelMuchWider, .inputLabelMuchMuchWider {
    font-size: 1.0em;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    padding-top: 6px;
    display: inline-block;
    min-height: 1.0em;
    clear: left;
}

.inputLabel {
    width: 130px;
}

.inputLabelTiny {
    width: 50px;
}

.inputLabelSmaller {
    width: 100px;
}

.inputAdminLabel {
    width: 180px;
}

.inputRecordLabel {
    width: 180px;
}

.inputLabelWider {
    width: 160px;
}

.inputLabelMuchWider {
    width: 180px;
}

.inputLabelMuchMuchWider {
    width: 210px;
}

.inputData, .inputShortData, .inputCheckBoxData {
    display: inline-block;
    padding-top: 6px;
    min-height: 1.0em;
}

.inputData {
    font-size: 1.0em;
    clear: right;
}

.inputShortData {
    font-size: 0.853em;
}

.inputCheckBoxData {
    padding-top: 6px;
}

.col-1, .col-2, .col-3 {
    float: left;
}

#header .row-2 .col-2 .slogan {
    height: 54px;
    width: 583px;
    background: url(../Images/slogan-bg.gif) repeat-y;
    position: absolute;
    bottom: 0px;
}

#header2 {
    height: 270px;
    background-color: Black;
    background: url(../images/header-bg3.png) no-repeat bottom;
    width: 90%;
}

#header2 .row-1 {
    height: 95px;
}

#header2 .row-1 .fleft {
    padding: 27px 0 0 0;
}

#header2 .row-1 .fright {
    padding: 45px 0 0 0;
}

#header2 .row-2 {
    height: 87px;
}

#header2 .row-3 {
}

#header2 .row-3 img {
    display: block;
    margin-bottom: 30px;
}

#pageWith1Col #content .col-1 {
    float: left;
    min-height: 450;
    clear: both;
}

/*======= HomePage.aspx =======*/
#page1 #content .col-1 {
    width: 347px;
    margin-right: 20px;
    padding-left: 25px;
}

#page1 #content .col-2 {
    width: 515px;
}

#page1 #content .col-2 .col-1 {
    width: 235px;
    margin-right: 22px;
}

#page1 #content .col-2 .col-2 {
    width: 235px;
}

.campaignContainer {
    height: 200px;
    width: 99%;
    border: solid 2px #006600;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: url('/App_Themes/CT_Theme/Images/business-people.png');
    background-position: right;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    clear: both;
    margin: 0 auto;
    margin-bottom: 20px;
}

.CarpetCampaignContainer {
    height: 200px;
    width: 99%;
    border: solid 2px #006600;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: url('/App_Themes/CT_Theme/Images/carpet-roll-blue.jpg');
    background-position: right;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    clear: both;
    margin: 0 auto;
    margin-bottom: 20px;
}

#quotes {
    padding: 60px;
    width: 45%;
    font-size: 35px;
    position: relative;
}

.textItem {
    position: absolute;
    display: none;
    color: #000000;
}

/*======= srvices.aspx =======*/
#page3 #content .col-1 {
    width: 347px;
    margin-right: 30px;
    padding-left: 81px;
}

#page3 #content .col-2 {
    width: 515px;
}

.feature-header {
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}

/*======= projects.aspx =======*/
#page4 #content .col-1 {
    width: 347px;
    margin-right: 30px;
    padding-left: 81px;
}

#page4 #content .col-2 {
    width: 515px;
}

#page4 #content .col-2 .row-1 .col-1 {
    width: 235px;
    margin-right: 44px;
}

#page4 #content .col-2 .row-1 .col-2 {
    width: 235px;
}

#page4 #content .col-2 .row-2 .col-1 {
    width: 102px;
    margin-right: 0px;
}

#page4 #content .col-2 .row-2 .col-2 {
    width: 85px;
}

/*======= FAQs.aspx =======*/
#page5 #content .col-1 {
    width: 347px;
    margin-right: 30px;
    padding-left: 81px;
}

#page5 #content .col-2 {
    width: 515px;
}

/*======= clients.aspx =======*/
#page6 #content .col-1 {
    width: 347px;
    margin-right: 30px;
    padding-left: 30px;
}

#page6 #content .col-2 {
    width: 515px;
}

/*======= support.aspx =======*/
#page7 #content .col-1 {
    width: 347px;
    margin-right: 30px;
    padding-left: 81px;
}

#page7 #content .col-2 {
    width: 515px;
}

/*======= contacts.aspx =======*/
#page8 #content .col-1 {
    width: 387px;
    margin-right: 30px;
    padding-left: 25px;
}

#page8 #content .col-2 {
    width: 515px;
}

#page8 #content .col-2 .col-1 {
    width: 246px;
    margin-right: 0px;
}

#page8 #content .col-2 .col-2 {
    width: 263px;
}

/*======= Privacy.aspx =======*/
#page9 #content .row-1 {
    width: 850px;
}

.demoElement {
    clear: both;
    padding: 0 0 5px 0;
}

.demoLabel {
    text-align: left;
    font-weight: bold;
    padding-top: 6px;
}

.demoLink {
    padding-top: 2px;
    font-size: 0.853em;
}

.columnleft, .columnleft25, .columnleft75 {
    float: left;
}

.columnleft25 {
    width: 23%;
    margin-right: 2%;
}

.columnleft75 {
    width: 73%;
    margin-left: 2%;
}

/*============================================================================================*/
/*    Needs Sorting...    */

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.wrapper, block {
    width: 100%;
    overflow: hidden;
}

.container {
    width: 100%;
}

p {
    margin: 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
    font-weight: normal;
}

img {
    border: 0;
    vertical-align: top;
    text-align: left;
}

.form {
    height: 31px;
}

.form input {
    width: 235px;
    padding: 1px 0 1px 3px;
    background: none;
    border: 1px solid #a4a4a4;
    padding-left: 3px;
    color: #5a5a5a;
}

textarea {
    width: 263px;
    height: 78px;
    background: none;
    border: 1px solid #a4a4a4;
    padding-left: 3px;
    padding: 2px 0 0 3px;
}

.buttons-box .link1 {
    float: right;
    margin-left: 10px;
}

ul {
    list-style: none;
}

.nav-box {
    background: url(../images/site-nav-bg.gif) repeat-x;
    width: 100%;
}

.nav-box .left {
    background: url(../images/site-nav-left.gif) no-repeat left top;
}

.nav-box .right {
    background: url(../images/site-nav-right.gif) no-repeat right top;
    width: 100%;
}

.footer-nav {
    padding: 30px 0 10px 0;
}

.footer-nav li {
    display: inline;
    background: url(../Images/divider.gif) no-repeat right 5px;
    padding: 0 25px 0 25px;
}

.footer-nav li.last {
    background: none;
}

.footer-nav li a {
    color: #383434;
    text-decoration: none;
}

.footer-nav li a:hover {
    text-decoration: underline;
}

.p1 {
    margin-top: 14px;
}

.p2 {
    margin-top: 20px;
}

.phone {
    float: right;
    margin-right: 167px;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

.rss {
    background: url(../images/rss.gif) no-repeat right center;
    padding: 3px 30px 4px 0;
    display: block;
}

.link1 {
    display: block;
    float: left;
    margin-top: 14px;
    background: url(../images/link1-bgd.gif) left top repeat-x;
    color: #ff5400;
    text-decoration: none;
}

.link1 em {
    display: block;
    background: url(../images/link1-left.gif) no-repeat left top;
}

.link1 b {
    display: block;
    background: url(../images/link1-right.gif) no-repeat right top;
    padding: 8px 15px 9px 15px;
    font-style: normal;
}

.link1:hover {
    color: #5a5a5a;
}

.line-hor {
    background: url(../images/line-1.gif) repeat-x bottom;
    padding-bottom: 28px;
    margin-bottom: 28px;
    clear: both;
}

.title {
    margin-bottom: 20px;
}

.title1 {
    margin-bottom: 10px;
}

h1 {
    line-height: 1.2em;
    font-size: 2.5em;
    color: #000000;
    font-weight: lighter;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 2.0em;
    color: #000;
    font-weight: lighter;
}

h3 {
    font-size: 1.5em;
    font-weight: lighter;
}

.CredHeadRow {
    display: block;
    width: 100%;
    border: none;
    clear: both;
}

.CredHeadRow .leftside {
    width: 80%;
    display: table-cell;
    float: left;
    vertical-align: top;
    clear: left;
}

.CredHeadRow .rightside {
    display: table-cell;
    vertical-align: top;
    float: right;
    clear: right;
}

.CredHead, .CredHeadDelete, .CredTitle, .CredHeadWithHelp {
    font-size: 1.5em;
    font-weight: lighter;
}

.CredHead, .CredHeadDelete {
    width: 80%;
}

.CredHeadWithHelp {
    width: 100%;
}

.CredHead, .CredHeadDelete, .CredHeadWithHelp {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000;
}

.CredHeadDelete {
    color: red;
    font-weight: bold;
}

.CredTitle {
    padding: 10px 10px 10px 10px;
    outline: #000 solid thick;
    margin: 5px 5px 5px 5px;
}

.CredTitle .Delete {
    float: right;
}

.caption {
}

.pgheader {
    display: block;
    padding: 5px 0 0 33px;
    border: 0px;
    margin-bottom: 0px;
    width: auto;
}

.instructions {
    font-style: italic;
    font-size: 1.2em;
}

#siteForm {
}

.bulletList ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 35px;
}

.pageview {
    padding: 15px;
}

.bottomBorder ul {
    list-style: none;
    width: 600px;
}

.bottomBorder .labelText {
    float: left;
    width: 120px;
    padding-left: 16px;
    border-bottom: 1px solid #8d9396;
    line-height: 23px;
}

.bottomBorder .valueText {
    float: left;
    width: 375px;
    font-weight: bold;
    font-family: Courier New;
    border-bottom: 1px solid #8d9396;
    line-height: 23px;
}

.bottomBorder p {
    width: 520px;
    padding: 10px 0px 10px 0px;
}

.valueText {
    font-weight: bold;
}

.ReqField {
    font-weight: bold;
    font-size: large;
    color: red;
    padding-left: 5px;
}

.datagridheader {
    color: #fff;
    font-weight: bold;
    background-color: #000;
}

.datagridaltrows {
    background-color: #ccc;
}

.datagridhover {
    background-color: lightyellow;
}

.playbutton {
    background-image: url('../Images/play_button.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color: Transparent;
    border: none;
    margin: auto;
}

.divLeftCol {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin-bottom: 10px;
}

.divRightCol {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin-bottom: 10px;
    text-align: left;
    padding-right: 200px;
}

#pageWith3Col #content .col-1 {
    width: 33%;
}

#pageWith3Col #content .col-2 {
    width: 34%;
}

#pageWith3Col #content .col-3 {
    width: 33%;
}

.title {
    background: #EEEEEE;
    padding: 21px 0 12px 33px;
    border: 0px;
    margin-bottom: 34px;
    border: 1px solid #006600;
}

.columnHeading {
    font-size: 1.54em;
    color: black;
    padding: 0;
    margin: 0;
}

.cont-box .right {
    background: url(../Images/divider-1.gif) repeat-y right;
}

.cont-box .left {
    background: url(../Images/divider-1.gif) repeat-y left;
}

.line-ver {
    background: url(../Images/divider-1.gif) repeat-y 643px 0;
}

#content .col-1 .title {
    margin-right: 1px;
}

#content .col-1 .indent {
    display: inline-block;
    padding: 0 30px 28px 34px;
}

#content .col-2 .title {
    background-image: none;
}

#content .col-2 .indent {
    padding: 0 18px 28px 34px;
}

#content .col-3 .title {
    margin-right: 1px;
}

#content .col-3 .indent {
    padding: 0 30px 28px 34px;
}

.static {
}

.static .title {
    background: #EEEEEE;
    padding: 15px 0px 15px 20px;
    border: 1px solid #006600;
    margin-bottom: 10px;
    text-align: center;
}

.static .indent {
    padding: 10px 100px 10px 20px;
}