﻿
div.full, div.primary, div.secondary { height:470px; margin-left:10px; padding:10px 10px 30px; }
div.full { color:#ffffff; position:relative; z-index:99; }
div.primary { color:#ffffff; float:left; width:300px; }
div.secondary { position:relative; float:right; width:620px; z-index:99; }

div.primary-contact, div.secondary-contact { padding:10px 10px 30px; }
div.primary-contact-sub, div.secondary-contact-sub { padding:10px 10px 30px; }
div.primary-contact { margin-top:100px; height:200px; color:#ffffff; float:left; width:350px; margin-left:75px; }
div.primary-contact-sub { margin-top:100px; height:200px; color:#ffffff; float:left; width:350px; margin-left:15px; }
div.secondary-contact { margin-top:50px; height:380px; position:relative; float:right; width:340px; z-index:99; margin-right:75px; background-color:#ad0101; }
div.secondary-contact-sub { margin-top:50px; height:280px; position:relative; float:right; width:340px; z-index:99; margin-right:75px; background-color:#AAFFFF; }
.contact { margin:5px 0px 0px 0px; font-size:100%; line-height:20px; }

div.primary-online, div.secondary-online { padding:10px 10px 30px; }
div.primary-online { margin-top:140px; height:200px; color:#ffffff; float:left; width:350px; margin-left:75px; }
div.secondary-online { margin-top:190px; height:90px; position:relative; float:right; width:350px; z-index:99; margin-right:75px; background-color:#ad0101; }
.online { margin:5px 0px 0px 0px; font-size:100%; line-height:20px; }

.section-heading-web, .section-heading-support, .section-heading-telephone, .section-heading-partners, .section-heading-online{ margin:0; font-size:140%; font-weight:normal; padding:12px 0px 5px 0px; }
.section-heading-online-sub{ margin:0; font-size:140%; font-weight:normal; padding:12px 0px 5px 0px; }
.section-subheading { margin:3px 0px 0px 0px; font-size:90%; font-weight:normal; color:#9fcb3a; }
.section { margin:5px 0px 0px 0px; font-size:90%; line-height:16px; }
.section-link { font-size:80%; color:#9fcb3a; line-height:14px; cursor:pointer; }

.section-heading-web {  border-bottom:solid 2px #61a5cf; }
.section-heading-support { border-bottom:solid 2px #9fcb3a; }
.section-heading-telephone { border-bottom:solid 2px #e7df02; }
.section-heading-partners { margin:20px 0 0 40px; width:310px; border-bottom:solid 2px #f98f29; }
.section-heading-online { border-bottom:solid 2px #ad0101; }
.section-heading-online1 { border-bottom:solid 2px #ad0101; }
.section-heading-online-sub{ border-bottom:solid 2px #AAFFFF;}

#webtext { color:#000000; background-color:#61a5cf; margin:50px 0px 0px 10px; height:400px; width:280px; }
#webtext-inner { padding:20px; }
.webtext-heading { margin:0; padding:15px 0px; font-size:140%; font-weight:normal; line-height:30px; color:#ffffff; font-size:140%; }
.webtext-sites { margin:0; padding-top:50px; }
.webtext-link { font-size:80%; font-weight:normal; line-height:30px; color:#ffffff; cursor:pointer; } 
#sites { margin:50px 0px 0px 10px; height:400px; width:600px; }
div.sites-bkgd { margin-top:15px; height:330px; width:600px; background-image:url('../images/web/web-bkgd.png'); }
div.site-row { padding:25px 20px 0px 22px; width:100%; height:75px; }
ul.sites { margin:0; padding:25px 0px 0px 26px; list-style-type:none; height:75px; }
ul.sites li { display:inline; height:75px; }
span.site { float:left; padding-right:23px; background-repeat:no-repeat; width:72px; height:72px; margin:0 auto; display:block; cursor:pointer; }
div.site-bkgd { background:#f8ffff; margin-top:15px; height:330px; width:600px; }
div.site-content { height:305px; }
.site-url { padding:5px 5px 0px 0px; text-align:right; }
a.site-link { color:#61a5cf; font-size:110%;  }
.site-header { line-height:18px; color:#000000; font-weight:bold; text-align:right; }
.site-img { padding:0px 10px; }
.site-text { margin:10px 0px 0px 10px; font-size:90%; line-height:18px; color:#000000; text-align:right; }
.site-subtext { margin:15px 0px 0px 10px; font-size:70%; line-height:18px; color:#000000; font-weight:bold; text-align:right; }
div.web-close { color:#0e3750; padding:5px; text-align:right; font-size:80%; cursor:pointer;  }
span.application-highlight { color:#61a5cf; }
span.application-image { float:left; background-repeat:no-repeat; width:280px; height:62px; display:block; cursor:pointer; }
div.applications-bkgd { margin-top:10px; height:90px; width:600px; background-image:url('../images/web/application-bkgd.png'); }

#blurb { color:#ffffff; background-color:#9fcb3a; margin:130px 0px 0px 190px; height:350px; width:410px; }
.section-blurb { margin:0; padding:50px 60px; font-size:140%; font-weight:normal; line-height:30px; text-align:justify; }
.section-contact { margin:0; padding:50px 60px; font-size:160%; font-weight:normal; }
.section-contact a { color:#ffffff; } 

div.more-container { position:relative; overflow:hidden; margin:15px; }
div.more-container .transparency { position:absolute; top:0px; left:0px; z-index:-1; background-color:#9fcb3a; opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85);  height:470px; width:600px; }
div.more-content { position:relative; padding:10px; height:425px; }
.more-heading { color:#ffffff; margin:0; font-size:150%; font-weight:normal;}
.more, ul.more-list { color:#000000; margin:10px 0px 0px 0px; font-size:90%; line-height:16px; }
span.more-highlight { color:#ad0101; }
div.more-close { color:#ffffff; padding:5px; text-align:right; font-size:80%; cursor:pointer;  }

span.telephone-highlight { color:#e7df02; }
.telephone-link { font-size:80%; color:#e7df02; line-height:14px; cursor:pointer; }
div.voip-container, div.zulty-container { position:relative; overflow:hidden; margin:15px; }
div.voip-container .transparency, div.zulty-container .transparency { position:absolute; top:0px; left:0px; z-index:-1; opacity:0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); height:440px; width:925px; }
div.voip-container .transparency { background-color:#e7df02; }
div.zulty-container .transparency { background-color:#009966; }
div.voip-content, div.zulty-content { position:relative; padding:10px; height:400px; }
span.voip-highlight { color:#309adc; }
div.voip-close, div.zulty-close { position:relative; padding:0px 10px 10px 0px; text-align:right; font-size:80%; cursor:pointer; }
div.voip-content, div.voip-close { color:#000000; }
div.zulty-content { color:#ffffff; }
div.zulty-close { color:#e7df02; }
span.zulty-heading { font-size:120%; color:#e7df02; }
ul.zulty-list { color:#ffffff; margin:10px 0px; font-size:90%; line-height:16px; }
.zulty-link { font-size:80%; color:#009966; line-height:14px; cursor:pointer; }
a.zulty-further { padding-left:15px; font-size:80%; color:#ffffff; } 
a.zulty-further:hover { color:#e7df02; } 

div.partners-container { position:relative; overflow:hidden; width:310px; margin:10px 0px 0px 40px; }
div.partners-container .transparency { position:absolute; top:0px; left:0px; z-index:-1; background-color:#ffffff; opacity:0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); height:350px; width:310px; }
ul.partners-logos { margin:10 0 0 0; padding:0; list-style:none; width:90px; margin:20px auto; }
li.logos { height:55px; }
span.logo-img { background-image:url(../images/partners/partners-sprite.png); background-repeat:no-repeat; width:100px; height:33px; display:block; cursor:pointer; }
#partners-text, #partner-text { color:#ffffff; background-color:#f98f29; margin:35px 0px 0px 100px; padding:5px; height:425px; width:450px; }
#partners-text-slogan { margin:0; padding:55px 57px 50px 57px; font-weight:normal; line-height:30px; font-size:160%; text-align:justify; }
#partners-text-blurb { margin:0; padding:0px 60px 30px 60px; font-weight:normal; font-size:110%;  text-align:justify; }
.partner-text-header { background-color:#ffffff; height:70px; text-align:center; vertical-align:middle; }
.partner-text-text { height:275px; padding:5px 10px; font-weight:normal; font-size:90%; }
.partner-text-footer { background-color:#ffffff; height:70px; text-align:center; }
.partner-text-footer-inner { padding-top:18px; font-weight:normal; font-size:160%; }

#contact-form { margin:0; padding:15px 15px 0px 15px; height:350px; font-weight:normal; line-height:25px;  }
#contact-form-sub { margin:0; padding:15px 15px 0px 15px; height:360px; font-weight:normal; line-height:25px; background-color: #3F3F3F; border: thin solid #AAFFFF; }
input.contact { text-align:left; font-size:16px; height:20px; color:#ffffff; padding:4px; border:solid 1px #aaa8a8; background-color:#2c2b2b; width:300px; }
textarea.contact { text-align:left; font-size:16px; color:#ffffff; padding:4px; border:solid 1px #aaa8a8; background-color:#2c2b2b; width:300px; overflow:hidden; }
span.map { background-image:url(../flash/map.gif); background-repeat:no-repeat; width:425px; height:325px; margin-top:10px; display:block;  }

#online-tech { margin:0; padding:20px 40px; font-weight:normal; line-height:25px; height:50px; }
input.online-techno { text-align:left; font-size: 11px; color:#ffffff; padding:4px; border:solid 1px #aaa8a8; background-color:#2c2b2b; width:135px; }

div.portal-container { position:relative; overflow:hidden; width:360px; height:320px; margin:100px 0px 0px 133px; float:left;  color:#ffffff; }
div.portal-container .transparency { position:absolute; top:0px; left:0px; z-index:-1; background-color:#000000; opacity:0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25); height:320px; width:360px; }
div.portal-login { float:right; height:320px; width:360px; background-color:#597786; margin:100px 133px 0px 0px; } 
#portal-login-form { margin:60px 25px 0px 25px; height:232px; font-weight:normal; line-height:25px; }
.portal { margin:5px 0px 0px 0px; font-size:100%; line-height:20px; }
.btn-login { background-color:transparent; border:none; font-family:Century Gothic, Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:12pt; color:#dddcdb; padding:0px; }


