/* --- Pagewide Styles --- */
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #16582A;
    color: #000000;
    text-align: center;
}

a {
    color: #165829;
    text-decoration: none;
}

a:visited {
    color: #165829;
    text-decoration: none;
}

a:hover {
    color: #165829;
    text-decoration: underline;
}

img {
    border: solid 0px #000000;
}

h1, h2, h3, h4, h5, h6, h7 {
    margin: 0px 0px 10px 0px;
    color: #165829;
    text-align: center;
}

p {
    margin: 6px 0px 6px 0px;
}
/* --- End Pagewide Styles --- */


/* --- Common Styles --- */
.maincolumn {
    margin: 0px auto 0px auto;
    width: 760px;
    color: #000000;
    text-align: left;
}

#liveoaknetwork {
    background-image: url('../images/LiveOakNetworkBg.jpg');
    background-repeat: repeat-x;
    height: 30px;
}

#liveoaknetworklogo {
    margin: 7px 0px 0px 3px;
    float: left;
}

#floatleft {
    margin: 7px 5px 5px 5px;
    float: left;
}

#floatright {
    margin: 7px 5px 5px 5px;
    float: right;
}

#liveoaknetworknav {
    padding: 10px 0px 0px 182px;
    list-style: none;
    font-size: 9pt;
}

#liveoaknetworknav li {
    display: inline;
    color: #D7D7D7;
    padding: 0px 2px 0px 2px;
}

#liveoaknetworknav li a {
    color: #D7D7D7;
}

#liveoakheader {
    background-image: url('../images/LiveOakHeaderBg.jpg');
    background-repeat: repeat-x;
    height: 105px;
}

#leftnav {
    padding: 80px 0px 0px 3px;
    list-style: none;
    font-family: Arial, sans-serif;
    font-size: 11pt;
}

#leftnav li {
    display: inline;
    padding-right: 20px;
    font-weight: bold;
}

#leftnav li a {
    color: #165829;
}

#rightlogo {
    margin: 10px;
    float: right;
}

#whitearea {
    background-color: #FFFFFF;
    padding: 20px;
}

#content {
    clear: both;
    margin: 0px 10px 10px 10px;
}

#miniblockcolumn {
    float: left;
    width: 162px;
    margin: 0px 4px 0px 4px;
}

#callinginformation p {
    display: none;
}

#existingcustomers {
    margin: 10px 0px 10px 0px;
}

#newservices {
    margin: 10px 0px 10px 0px;
}

#whatourcustomerssay {
    margin: 10px 0px 10px 0px;
}

#scanalert {
    margin: 20px 0px 20px 0px;
    text-align: center;
}

#currentstatus {
    margin: 10px 0px 10px 0px;
}

#responsemeter {
    vertical-align: top;
}

.orangeminiblock {
    background-color: #FFA733;
}

.miniblockheader {
    vertical-align: top;
    display: block;
}

.miniblockfooter {
    vertical-align: bottom;
    display: block;
}

.redminiblock {
    background-color: #EF6134;
}

.yellowminiblock {
    background-color: #FFFFAA;
}

.miniblockcontent {
    margin: 0px 6px 0px 6px;
    font-size: 9pt;
    color: #FFFFFF;
}

.miniblockcontent h2 {
    color: #FFFFFF;
    margin: 0px;
    font-size: 10pt;
    text-align: left;
}

.quotemark {
    float: left;
    font-size: 40pt;
    font-family: Times;
    height: 20px;
}

.quote {
    font-style: italic;
}

.attribution {
    text-align: right;
    font-weight: bold;
}

.yellowminiblock h2 {
    color: #000000;
}

.yellowminiblock .miniblockcontent {
    color: #000000;
}

#contentcolumn {
    width: 590px;
    margin: 0px 3px 0px 173px;
}

.contentblock {
    background-image: url('../images/ContentBg.jpg');
    background-repeat: repeat-y;
    margin: 0px 0px 30px 0px;
}

.contentheader {
    display: block;
}

.contentfooter {
    display: block;
}

.contentnoblock {
    margin: 0px 0px 30px 0px;
}

.contentcontentwide {
    margin: 0px 6px 0px 6px;
}

.contentcontent {
    margin: 0px 16px 0px 200px;
}

.leftcontentimages {
    float: left;
    margin: 0px 6px 0px 6px;
    text-align: center;
    width: 180px;
}

.leftcontentsmallimages {
    float: left;
    margin: 0px 6px 0px 6px;
    text-align: center;
    width: 90px;
}

.contentleft {
    float: left;
    width: 42%;
    margin: 15px;
    /* border: solid 1px #0000BB; */
}

.contentright {
    float: right;
    width: 42%;
    margin: 15px;
    /* border: solid 1px #00BB00; */
}

#whychooseliveoak {
    background: transparent url('../images/WhyChooseLiveOak.jpg') 20px 10px no-repeat;
    margin: 10px;
    padding: 20px 0px 0px 30px;
    width: 300px;
    height: 190px;
}

#whychooseliveoak h2 {
    text-align: left;
    font-size: 12pt;
    color: #FFFFFF;
}

#whychooseliveoak ul {
    margin: 10px 0px 0px 10px;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
}

#software {
    clear: both;
    margin: 20px 10px 0px 10px;
}

#softwarelist {
    width: 760px;
    height: 60px;
    position: relative;
}

#softwarelist li {
    list-style: none;
    position: absolute;
    top: 20px;
}

#softwarelist li, #softwarelist li a {
    display: block;
    height: 30px;
}

#redhat {
    background: transparent url('../images/Software/RedHat.jpg') 0px -30px no-repeat;
    left: 20px;
    width: 100px;
}

#redhat:hover {
    background: transparent url('../images/Software/RedHat.jpg') 0px 0px no-repeat;
}

#php {
    background: transparent url('../images/Software/PHP.jpg') 0px -30px no-repeat;
    left: 160px;
    width: 100px;
}

#php:hover {
    background: transparent url('../images/Software/PHP.jpg') 0px 0px no-repeat;
}

#mysql {
    background: transparent url('../images/Software/MySQL.jpg') 0px -30px no-repeat;
    left: 260px;
    width: 100px;
}

#mysql:hover {
    background: transparent url('../images/Software/MySQL.jpg') 0px 0px no-repeat;
}

#cisco {
    background: transparent url('../images/Software/Cisco.jpg') 0px -30px no-repeat;
    left: 380px;
    width: 100px;
}

#cisco:hover {
    background: transparent url('../images/Software/Cisco.jpg') 0px 0px no-repeat;
}

#plesk {
    background: transparent url('../images/Software/Plesk.jpg') 0px -30px no-repeat;
    left: 510px;
    width: 100px;
}

#plesk:hover {
    background: transparent url('../images/Software/Plesk.jpg') 0px 0px no-repeat;
}

#virtuozzo {
    background: transparent url('../images/Software/Virtuozzo.jpg') 0px -30px no-repeat;
    left: 630px;
    width: 120px;
}

#virtuozzo:hover {
    background: transparent url('../images/Software/Virtuozzo.jpg') 0px 0px no-repeat;
}

#liveoakfooter {
    clear: both;
    background-image: url('../images/LiveOakFooterBg.jpg');
    background-repeat: repeat-x;
    height: 50px;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

#footerleft {
    float: left;
    color: #FFFFFF;
    margin-top: 20px;
}

#footerleft a {
    color: #FFFFFF;
    text-decoration: underline;
}

#watermark {
    padding: 10px 0px 0px 370px;
}

#footerright {
    float: right;
    color: #FFFFFF;
    margin-top: 20px;
}

#footerright a {
    color: #FFFFFF;
    text-decoration: underline;
}
/* --- End Common Styles --- */


/* --- Specific Styles --- */
#plannav {
    list-style: none;
    margin: 50px 90px 50px 90px;
    /* border-bottom: dotted 1px #165829; */
}

#plannav li {
    display: inline;
    margin: 0px 10px 0px 10px;
}

.sharedplantable {
    border-collapse: collapse;
    margin: 10px;
}

.sharedplantable tr th {
    vertical-align: bottom;
    width: 20%;
}

.sharedplantable tr th img {
    display: block;
}

.sharedplantable tr td {
    vertical-align: top;
    width: 20%;
    font-size: 9pt;
    padding: 2px;
}

.vpsplantable {
    border-collapse: collapse;
    margin: 10px;
    width: 96%;
}

.vpsplantable tr th {
    text-align: center;
    vertical-align: bottom;
    width: 24%;
}

.vpsplantable tr th img {
    display: block;
}

.vpsplantable tr td {
    vertical-align: top;
    width: 24%;
    font-size: 9pt;
    padding: 2px;
}

.powerpaneltable {
    width: 90%;
    border-collapse: collapse;
}

.powerpaneltable tr td {
    padding: 4px;
}

.powerpaneltable tr td img {
    border: solid 1px #000000;
}

.planchoicetable {
    border-collapse: collapse;
    margin: 10px;
}

.planchoicetable tr th {
    vertical-align: top;
    font-size: 9pt;
}

.planchoicetable tr th img {
    display: block;
}

.planchoicetable tr td {
    vertical-align: top;
    font-size: 9pt;
    padding: 2px 10px 10px 10px;
}

.planchoicetable tr td ul {
    margin: 0px 10px 10px 20px;
}

.planchoicetable tr td ul {
    margin: 0px 10px 10px 20px;
}

.seperatorrow {
    border-bottom: solid 2px #165829;
}

.alternate {
    background-color: #E9E9E9;
}

.centered {
    text-align: center;
}

.centeredlist {
    margin: 10px 100px 10px 100px;
    width: 400px;
}

#plansbadgelink {
    display: block;
    width: 90px;
    height: 90px;
    position: relative;
    top: -50px;
    left: 200px;
}

.justify {
    text-align: justify;
}
/* --- End Specific Styles --- */