/* iSquared Communications, Inc. */

/* This document will alter the layout of the web pages that link to it, but if you know CSS, I didn't have to tell you that. */





/* Main link styles */

a:link { color: rgb(22,120,131) }
a:visited { color: rgb(155,155,155) }
a:hover { color: rgb(109,244,252) }
a:active { color: rgb(155,155,155) }


body.intoblue { 
background-image: url(../images/blueether.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-color: rgb(26,51,140); 
background-position: center top; 
text-align: center; 
padding: 0px; 
margin: 0px; 
}


body.intodarkblue { 
background-image: url(../images/blueether_dk.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-color: rgb(4,8,82); 
background-position: center top; 
text-align: center; 
padding: 0px; 
margin: 0px; 
}




#maincontainer {
text-align: center; 
margin: 5px; 
padding: 0px; 
}



#floatp {
text-align: center; 
margin: 10px; 
padding: 10px; 
width: 224px; 
float: right; 
}









/* Masthead styles */


#i2mast p.homeinfo { 
color: rgb(109,244,252); 
font-weight: normal; 
font-size: 12px; 
font-family: "Myriad", verdana, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 4px; 
border-left: rgb(171,208,77) 2px solid; 
width: 340px; 
float: right; 
}




#i2mast div.masthead { 
text-align: center; 
margin: 5px 0px 0px 10px; 
padding: 0px; 
width: 778px; 
}


#i2mast div.logofloat { 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}







/* Main Navigation Styles */

#i2nav { 
text-align: left; 
margin: 0px 0px 4px 0px; 
padding: 2px 4px 2px 4px; 
width: 778px; 
}



#i2nav a { 
color: white; 
text-decoration: none; 
font-weight: normal; 
font-size: 12px; 
font-family: arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 14px; 
margin: 1px; 
padding: 6px 10px 7px 10px; 
background-color: rgb(7,154,209); 
 }


#i2nav a:link { 
color: white; 
text-decoration: none; 
background-color: rgb(7,154,209); 
 }


#i2nav a:visited { 
color: rgb(128,208,238); 
text-decoration: none; 
background-color: rgb(7,154,209); 
 }


#i2nav a:hover {  
color: rgb(0,72,124); 
text-decoration: none; 
background-color: rgb(0,255,255); 
 }



#i2nav a:active {  
color: rgb(26,51,140); 
text-decoration: none; 
background-color: rgb(252,181,74); 
 }



#i2nav td.filler {  
background-image: url(../images/navigation_filler.gif); 
background-repeat: repeat; 
background-color: #0898d8; 
 }







/* Page Content */

#i2main { 
width: 778px; 
text-align: center; 
background-color: white; 
margin: 5px 0px 5px 0px; 
padding: 0px; 
}


#i2main div.place { 
text-align: center; 
padding: 10px 20px 20px 20px; 
margin: 0px 40px 0px 225px; 
background-color: white; 
min-height: 420px; 
}


#i2main div.media { 
padding: 5px 20px 20px 160px; 
margin: 0px; 
background-image: url(../images/i2MediaTraining_bg.jpg); 
background-repeat: no-repeat; 
background-color: black;
min-height: 420px; 
border: 1px white solid; 
}



#i2main p.full { 
color: rgb(150,150,150); 
font-weight: normal; 
font-size: 14px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
margin: 8px; 
padding: 0px; 
}


#i2main h1 { 
color: rgb(180,180,180); 
font-weight: normal; 
font-size: 38px; 
font-family: Tahoma, Geneva, sans-serif; 
text-align: left; 
line-height: 40px; 
margin: 30px 8px 20px 8px; 
padding: 0px; 
}



#i2main p.full2 { 
color: rgb(255,255,255); 
font-weight: light; 
font-size: 14px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: justify; 
line-height: 20px; 
margin: 5px; 
padding: 0px; 
}



#i2main p.left { 
color: rgb(150,150,150); 
font-weight: normal; 
font-size: 14px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
margin: 8px; 
padding: 0px; 
}


#i2main .foot { 
color: rgb(22,120,131); 
font-weight: bold; 
font-size: 11px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 14px; 
margin: 8px; 
padding: 0px; 
}


#i2main div.framer { 
margin: 15px; 
padding: 0px;
float: right; 
}


#i2main div.imgcapt { 
color: rgb(30,30,30); 
font-size: 10px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 12px; 
margin: 2px 5px 2px 5px; 
padding: 2px 5px 2px 5px;  
}




#i2main p.head1 { 
color: rgb(22,120,131); 
font-weight: normal; 
font-size: 24px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 26px; 
margin: 28px 5px 10px 5px; 
}




#i2main p.head2 { 
color: rgb(109,244,252); 
font-weight: bold; 
font-size: 24px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 26px; 
margin: 20px 5px 10px 5px; 
}





#i2main p.jumper { 
color: rgb(250,250,250); 
font-weight: normal; 
font-size: 12px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: center; 
line-height: 16px; 
padding: 0px 20px 5px 20px; 
}




#i2main .leadsent { 
color: rgb(120,120,120); 
font-weight: bold; 
font-size: 120%; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: justify; 
line-height: 20px; 
}



#i2main .leadsent2 { 
color: rgb(109,244,252); 
font-weight: bold; 
font-size: 140%; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
}





#i2main div.sidebar { 
background-color: rgb(255,255,255); 
text-align: left; 
padding: 20px 0px 0px 0px; 
margin: 0px; 
width: 216px;
float: left; 
}





#i2main div.quotebox { 
color: rgb(70,72,124); 
font-weight: normal; 
font-size: 16px; 
font-family: Tahoma, Geneva, verdana, arial, sans-serif; 
text-align: left; 
line-height: 26px; 
margin: 10px; 
padding: 12px 12px 20px 12px; 
background-color: rgb(186,198,224); 
border-top: 2px rgb(70,72,124) solid;
border-bottom: 2px rgb(70,72,124) solid; 
}



#i2main p.long { 
color: rgb(70,72,124); 
font-weight: normal; 
font-size: 16px; 
font-family: garamond, caslon, times new roman, times, serif; 
text-align: left; 
line-height: 20px; 
margin: 10px; 
padding: 5px; 

}





#i2main p.quoted { 
color: rgb(22,120,131); 
font-weight: normal; 
font-size: 14px; 
font-family: micro-extended, futura, "Futura", verdana, arial, sans-serif;
text-align: right; 
line-height: 20px; 
}




#i2main img.inset { 
margin: 0px;
padding: 0px;
border-left: 1px white solid; 
border-right: 1px white solid; 
border-bottom: 1px white solid; 
}


#i2main div.topshelf { 
position: absolute; 
top: 0px; 
left: 65%; 
z-index: 10; 
}



#i2main div.posted { 
position: absolute; 
top: 400px; 
left: 60%; 
z-index: 10; 
}



#i2main ul { 
color: rgb(22,120,131); 
font-weight: normal; 
font-size: 14px; 
font-family:  myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
margin: 0px;  
padding: 2px 40px 2px 40px; 
}


#i2main li { 
line-height: 18px; 
margin: 0px;  
padding: 5px 10px 5px 10px; 
}





/* Additional formatting options */


p.legalrev { 
color: rgb(255,255,255); 
font-weight: normal; 
font-size: 10px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: center; 
margin: 5px 5px 5px 5px; 
letter-spacing: 1px; 
line-height: 18px; 
}


img.style1 { 
border: 1px solid rgb(120,120,120); 
margin: 0px 0px 10px 15px; 
}

img.style2 { 
margin: 0px 0px 10px 15px; 
}


img.style3 { 
margin: 0px; 
}

img.style4 { 
margin: 10px; 
}






/* Page Content Option 2 */

#i2mainv2 { 
width: 778px; 
text-align: center; 
background-image: url(../images/blueether_dk.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-color: rgb(26,51,140); 
background-position: center top; 
margin: 5px 0px 5px 0px; 
padding: 0px; 
}

#i2mainv2 .click { text-decoration: none; font-weight: normal; }
#i2mainv2 a { text-decoration: none; font-weight: normal; }
#i2mainv2 a:link { color: rgb(171,225,250); }
#i2mainv2 a:visited { color: rgb(248,194,217); }
#i2mainv2 a:hover { color: rgb(255,250,194); }
#i2mainv2 a:active { color: rgb(228,242,231); }



/* Page Content Option 3 */


#i2main3 { 
width: 778px; 
text-align: center; 
background-color: rgb(186,198,224); 
margin: 0px 0px 5px 0px; 
padding: 0px; 
border: 1px white solid; 
}


#i2main3 div.cooler { 
text-align: center; 
padding: 5px 20px 10px 20px; 
margin: 5px 40px 5px 40px; 
}

#i2main3 p { 
color: rgb(70,72,124); 
font-weight: normal; 
font-size: 13px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: justify; 
line-height: 20px; 
margin: 8px; 
padding: 0px; 
}

#i2main3 h1 { 
color: rgb(91,133,222); 
font-weight: normal; 
font-size: 24px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 26px; 
margin: 28px 5px 10px 5px; 
}

#i2main3 .click { text-decoration: none; font-weight: normal; }
#i2main3 a { text-decoration: none; font-weight: normal; padding: 4px; }
#i2main3 a:link { color: rgb(79,81,120); 
font-decoration: underline; 
}
#i2main3 a:visited { color: rgb(91,133,222); }
#i2main3 a:hover { color: rgb(0,72,124); background-color: rgb(0,255,255); }
#i2main3 a:active { color: rgb(228,242,231); }








/* Page Feature Links */

#i2features { 
margin: 0px 0px 0px 0px; 
padding: 10px 10px 2px 24px; 
color: #FF9900; 
font-weight: normal; 
font-size: 11px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 28px; 
}


#i2features p { 
color: #FF9900; 
font-weight: normal; 
font-size: 12px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 18px; 
}

#i2features p.cimg { 
color: #FF9900; 
font-weight: normal; 
font-size: 12px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: center; 
line-height: 18px; 
}


#i2features .click { 
text-decoration: none; 
font-weight: normal; 
border: solid 1px #FF9900; 
background-color: rgb(22,120,131); 
color: white; 
padding: 5px 20px 5px 5px; 
}

#i2features a { 
text-decoration: none; 
font-weight: normal; 
color: rgb(22,120,131); 
padding: 5px 20px 5px 5px; 
border-left: 2px rgb(22,120,131) dotted; 

}


#i2features a:link { 
color: rgb(22,120,131); 
padding: 5px 20px 5px 5px; 
border-left: 2px rgb(22,120,131) dotted; 

}

#i2features a:visited { 
rgb(120,120,120); 
padding: 5px 20px 5px 5px; 
}

#i2features a:hover { 
color: rgb(182,205,93); 
border: solid 1px #FF9900; 
padding: 5px 20px 5px 5px; 
}

#i2features a:active { 
color: rgb(182,205,93); 
border: solid 1px rgb(109,244,252); 
padding: 5px 20px 5px 5px; 
}





/* Portfolio snippets */

#i2portsnip .click { text-decoration: none; font-weight: normal; color: rgb(109,244,252); }
#i2portsnip a { text-decoration: none; font-weight: normal;  color: rgb(109,244,252); }
#i2portsnip a:link { color: rgb(109,244,252); }
#i2portsnip a:visited { color: rgb(200,200,200); }
#i2portsnip a:hover { color: rgb(255,255,255); }
#i2portsnip a:active { color: rgb(182,205,93); }



#i2portsnip { 
width: 450px; 
margin: 0px;
padding: 10px 0px 10px 0px; 
}


#i2portsnip div.boxedn { 
background-color: rgb(22,120,131); 
background-image: url(../images/portfoliosnipbg.jpg); 
background-repeat: no-repeat; 
min-height: 135px; 
margin: 0px;
padding: 0px; 
}

#i2portsnip p.clientn { 
color: #FF9900; 
font-weight: bold; 
font-size: 16px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
padding: 10px 10px 0px 10px; 
margin: 0px; 
}



#i2main p.portintro { 
color: rgb(255,255,255); 
font-weight: normal; 
font-size: 12px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 18px; 
margin: 0px; 
padding: 5px 10px 0px 10px; 
}



#i2main p.portlink { 
color: rgb(109,244,252); 
font-weight: bold; 
font-size: 12px; 
font-family: myriad, arial, Futura, Helvetica, sans-serif; 
text-align: left; 
line-height: 20px; 
margin: 5px 0px 0px 0px; 
padding: 2px 10px 5px 10px; 
}


#i2main img.portsm { 
margin: 5px 10px 5px 10px; 
padding: 0px; 
}


#i2main img.cappers { 
margin: 0px; 
padding: 0px; 
}









/* Side Menu Navigation */

#i2subnav { 
text-align: right; 
margin: 0px 10px 10px 10px; 
padding: 10px; 
}




#i2subnav a { 
color: rgb(192,219,121); 
text-decoration: none; 
font-weight: normal; 
font-size: 13px; 
font-family: arial, Futura, Helvetica, sans-serif; 
text-align: right; 
line-height: 20px; 
margin: 2px 0px 6px 0px; 
padding: 6px 10px 7px 10px; 
background-color: none; 
border-right: 1px dotted rgb(153,153,153); 
 }


#i2subnav a:link { 
color: rgb(192,219,121); 
text-decoration: none; 
background-color: none; 
border-right: 1px dotted rgb(153,153,153); 
 }


#i2subnav a:visited { 
color: rgb(153,153,153); 
text-decoration: none; 
background-color: none; 
border-right: 1px dotted rgb(153,153,153); 
 }


#i2subnav a:hover {  
color: rgb(250,250,250); 
text-decoration: none; 
background-color: rgb(192,219,121); 
border: 1px dotted rgb(153,153,153); 
}


#i2subnav a:hover:before { 
content: url(../images/hilitearrow.gif); 
vertical-align: middle; 
}

#i2subnav a:active {  
color: rgb(220,220,220); 
text-decoration: none; 
background-color: rgb(180,180,180); 
border: 1px dotted rgb(153,153,153);
 }