/* css by Mark Steggles of FutureKode */
/* cool blue people images by Scott Maxwell, purchased from fotolia */
/* quadtego logo by Sean Baines */
body {
font-family: verdana, sans-serif;
text-align:left
}
.container,
#header {
margin:0 auto;
position:relative;
width:960px
}
#header {
height:200px
}
#logo {
background:url(images/logo.gif) no-repeat 0 0;
height:102px;
left:15px;
overflow:hidden;
position:absolute;
top:50px;
width:288px
}
#logo a {
display:block;
height:0;
overflow:hidden;
padding-top:102px;
width:288px
}
h1 {
font-size:20px;
padding-bottom:12px	
}
#blueBar h2 {
color:#fff;
font-size:30px;
font-weight:bold;
padding:60px 0 10px 410px
}
#blueBar h2.large {
font-size:48px;
font-weight:bold;
padding:0 0 0 390px;
}
h2 {
font-size:18px;
font-weight:normal;
padding:15px 0 5px
}
h3 {
font-size:18px;
font-weight:normal;
padding:15px 0 5px
}
h3.indexTagLine {
color:#fff;
position:absolute;
bottom:2px;
left:11px
}
.leftCol h3 {
padding-top:0	
}
.indexColumn h3 {
padding:0 0 10px;	
}
h4 {
font-size:14px;
font-weight:normal;
padding-bottom:7px	
}


/* menu */
.lavaLamp {
height: 27px;
margin-left:-45px;
overflow: hidden;
padding: 15px 0px 6px 30px;
position: absolute;
right:0px;
top:60px;
width:570px;
z-index:500
}
.lavaLamp li {
display:inline;
float:left;
margin:0 5px
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
background:url(images/lava.gif) no-repeat right bottom;
height:27px;
margin:0;
position:absolute;
width:9px;
z-index:8
}
.lavaLamp li.back .left {
background:url(images/lava.gif) no-repeat left bottom;
height:27px;
margin:0
}
/* Styles for each menu-item. */
.lavaLamp li a {
color:#333;
display:inline;
float:left;
font:14px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
margin:0 5px;
outline:none;
padding:4px 5px;
position:relative;
text-decoration:none;
text-align:center;
top:0px;
z-index:10;
}
.lavaLamp li a a:hover {
color:#2690da
}
/* menu end */

#blueBar {
background-color:#2690da;
width:100%
}
#blueBar .container {
background:url(images/blueBarImage.gif) no-repeat 50px 17px;
height:240px
}
.indexColumn {
border-top:7px solid #2690da;
display:inline;
float:left;
margin:30px 15px 0;
padding:5px;
width:280px
}
#rotate1 div,
#rotate2 div {
padding-bottom:10px
}
p,
ul,
dl,
cite {
color:#333;
font-size:12px;
line-height:1.5;
padding:0 5px 10px;
text-align:justify
}
blockquote {
border-left:3px solid #2690da;
margin-left:20px;
margin-bottom:10px;
padding-left:5px
}
blockquote p {
color:#2690da;
padding-bottom:0
}
cite {
color:#369;
display:block;
font-style:italic;
padding-bottom:0;
text-align:right
}
dl {
padding:10px 0 10px 5px	
}
dl dd {
margin:6px 0;
padding:4px 0 6px 28px;
}
dl dd {
background:url(images/listIcon.gif) no-repeat left center	
}
strong {
font-weight:bold	
}
table {
color:#333;
line-height:1.5;
margin:10px auto;
}
table th {
font-size:14px;
padding:10px 30px 2px;
text-align:center
}
table td {
font-size:12px;
padding:2px 0;
text-align:center
}
table#moreWaysTable th,
table#moreWaysTable td {
padding:10px 5px 2px
}
table#moreWaysTable .basic {
border-right:5px solid #93c8ed
}
table#moreWaysTable .enhanced {

}
a {
color:#2690da;
text-align:left;
text-decoration:underline
}
a:hover {
color:#13476e
}
.clearFix {
clear:both;
height:0;
overflow:hidden
}


/* main content */
.mainContent {
border-top:7px solid #2690da;
float:right;
padding:5px;
position:relative;
width:600px;
z-index:100
}
.blueBoxLink,
.linkButton a {
background:transparent url(images/expandRightHover.png) no-repeat right bottom;
color:#fff;
display:block;
font-size:12px;
line-height:1.5;
margin:5px;
text-align:justify;
text-decoration:none
}
.blueBoxLinkHeader {
color:#fff;
padding:5px 5px 0;
width:280px;
}
.blueBoxLeft {
background:#2690da url(images/blueBoxBg.gif) repeat-x 0 0;
border:3px solid #d7e8f3;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float:left;
clear:left;
margin:10px 0;
width:290px
}
.blueBoxRight {
background:#2690da url(images/blueBoxBg.gif) repeat-x 0 0;
border:3px solid #d7e8f3;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float:right;
margin:10px 0;
width:290px
}
.blueBox {
background:#2690da url(images/blueBoxBg.gif) repeat-x 0 0;
border:3px solid #d7e8f3;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float:left;
margin:10px 0;
padding:1px;
width:592px
}
.blueBox .blueBoxLinkHeader,
.blueBox .blueBoxLink {
padding-right:20px;
width:562px
}
.linkButton {
background:#2690da url(images/blueBoxBg.gif) repeat-x 0 0;
border:3px solid #d7e8f3;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float:left;
margin:8px;
padding:0
}
.linkButton a {
padding-right:24px;
text-align:left
}
/* support page */
#supportPrograms li {
background-color:#93c8ed;
margin-bottom:10px;
padding:10px;
width:570px
}
#supportPrograms li ul {
list-style-type:disc;
padding:0 30px
}
#supportPrograms li ul li {
background-color:transparent;
margin-bottom:0;
padding:4px 0;
text-align:justify
}
#supportPrograms li.active {
background-color:#2690da
}
#supportPrograms li h2,
#supportPrograms li h3 {
padding-top:0	
}
#supportPrograms li p,
#supportPrograms li h2,
#supportPrograms li h3,
#supportPrograms table,
#supportPrograms li ul {
color:#fff
}
#supportPrograms table th {
border-bottom:1px solid #fff	
}
.accordionButton {
background:url(images/expand.gif) no-repeat right top;
cursor:pointer;
padding-right:20px;
width:550px
}
.active .accordionButton {
background:url(images/collapse.gif) no-repeat right top
}
.accordionContent {	
display:none;
width:570px
}

/* contact form */
#contactForm {
position:relative;
}
#contactForm p {
padding-left:17px	
}
#contactForm h3 {
padding-bottom:10px	
}
#contactForm label {
float:left;
width:75px
}
#contactForm input {
width:155px	
}
#contactForm select {
width:160px	
}
#contactForm textarea {
height:75px;
margin:2px 0 0;
padding:3px;
width:153px
}
#contactForm #submitForm {
background:url(images/submitButton.png) no-repeat center top;
border-width:0;
color:#3f9dde;
cursor:pointer;
font-size:0;
height:30px;
line-height:0;
padding:0 10px 0 0;
text-align:right;
width:161px
}
#contactForm #submitForm:hover {
background:url(images/submitButton.png) no-repeat center bottom;
}
#errorBox {
background-color:violet;
color:#fb9204;
display:none;
font-size:11px;
margin-bottom:10px;
padding:5px 10px;
width:233px
}
#errorBox label {
float:none;
width:100%
}
#errorBox ul {
font-size:11px;
padding-bottom:0;
text-align:left;
}
#badserver,
#success {
padding-top:100px
}
#badserver,
#loading,
#success {
background-color:#fff;
color:#369;
display:none;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%
}
#loading img {
display:block;
height:100px;
left:50%;
margin-left:-50px;
margin-top:-50px;
position:absolute;
top:50%;
width:100px
}
#success h2 {
color:#369;
font-size:30px;
margin-top:50px;
text-align:center	
}
#badserver p,
.warning {
color:red;
}
/* contact form end */


/* leftNav */
.leftCol {
border-top:7px solid #2690da;
display:inline;
float:left;
margin-left:15px;
padding:5px;
width:280px
}
#leftNav {
padding:0 0 10px;
text-align:left
}
#leftNav ul {
padding-left:20px;
text-align:left
}
#leftNav li a {
color:#333;
padding:4px 0 4px 22px;
text-decoration:none
}
#leftNav a:hover {
background:url(images/leftNavSurfer.gif) no-repeat left center;
color:#2690da
}
.menuTop {
font-size:16px
}
.menuSecond {
font-size:14px
}

#solutions .solutions,
#carrierServices .carrierServices,
#data .data,
#internet .internet,
#mobile .mobile,
#voice .voice,
#systemsIntegration .systemsIntegration,
#applicationDelivery .applicationDelivery,
#nonStopNetworking .nonStopNetworking,
#secureMobility .secureMobility,
#unifiedCommunications .unifiedCommunications,
#businessEssentials .businessEssentials,
#worryFreeDataBackup .worryFreeDataBackup,
#moreWaysToConnect .moreWaysToConnect,
#audioConferencing .audioConferencing,
#webConferencing .webConferencing,
#videoConferencing .videoConferencing,
#fullDataSecurity .fullDataSecurity,
#pciCompliance .pciCompliance,
#partners .partners,
#partnersEssentials .partnersEssentials,
#partnersSystems .partnersSystems,
#partnersCarriers .partnersCarriers,
#aboutUs .aboutUs,
#managementTeam .managementTeam,
#events .events,
#howWeDoIt .howWeDoIt,
#contactUs .contactUs {
background:url(images/leftNavSurfer.gif) no-repeat left center;
color:#2690da
}
/* leftNav end */

/* body background images */
body#aboutUs {background:url(images/manAndPuzzlePiecesPNG.png) no-repeat scroll right top}
body#clients {background:url(images/clients.png) no-repeat scroll right top}
body#howWeDoIt {background: url(images/manOnPuzzlePiece.png) no-repeat scroll right top}
body#managementTeam {background:url(images/managementTeam.png) no-repeat scroll right bottom}
body#moreWaysToConnect,
body#audioConferencing,
body#videoConferencing,
body#webConferencing {background:url(images/conference.png) no-repeat scroll right top}
body#mobile {background:url(images/mobile.png) no-repeat scroll right top}
body#partners {background: url(images/manAndSpanner.png) no-repeat scroll right top}
body#pciCompliance, body#pciComplianceFaqs {background: url(images/creditCardSurfer.png) no-repeat scroll right top}
body#solutions {background:url(images/manWheelBarrow.png) no-repeat scroll right top}
body#support {background:url(images/support1.png) no-repeat scroll right top}

/* footer */
p#footer {
clear:both;
padding-top:32px;
text-align:center
}
p#footer a {
color:#333;
font:bold 10px arial, sans-serif;
padding:0 8px
}

/* futurekode link */
a#futurekode {
color:black;
display:block;
font:11px Arial;
height:18px;
text-align:center;
text-decoration:none;
}
a#futurekode:hover {
color:orange;
text-decoration:none;
}
#futurekode span {
display:inline-block;
height:16px;
padding-left:20px;
background:url(http://www.futurekode.com/images/futurekodeicon.png) no-repeat left top;
margin:0;
}
/* futurekode link end */

/* site map */
#siteMap .siteMapSection {
float:left;
width:300px
}