/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Typodermic
 * License URL: http://www.fontspring.com/fflicense/typodermic
 *
 *
 */
@font-face {
    font-family: 'ExpresswayBold';
    src: url('/common/fonts/expressway/expressway_bold_macroman/expressway_bd-webfont.eot');
    src: url('/common/fonts/expressway/expressway_bold_macroman/expressway_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/expressway/expressway_bold_macroman/expressway_bd-webfont.woff') format('woff'),
         url('/common/fonts/expressway/expressway_bold_macroman/expressway_bd-webfont.ttf') format('truetype'),
         url('/common/fonts/expressway/expressway_bold_macroman/expressway_bd-webfont.svg#ExpresswayBold') format('svg');
    }
@font-face {
    font-family: 'ExpresswayBook';
    src: url('/common/fonts/expressway/expressway_book_macroman/expressway_bk-webfont.eot');
    src: url('/common/fonts/expressway/expressway_book_macroman/expressway_bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/expressway/expressway_book_macroman/expressway_bk-webfont.woff') format('woff'),
         url('/common/fonts/expressway/expressway_book_macroman/expressway_bk-webfont.ttf') format('truetype'),
         url('/common/fonts/expressway/expressway_book_macroman/expressway_bk-webfont.svg#ExpresswayBold') format('svg');
    }
@font-face {
    font-family: 'ExpresswayLight';
    src: url('/common/fonts/expressway/expressway_light_macroman/expressway_lt-webfont.eot');
    src: url('/common/fonts/expressway/expressway_light_macroman/expressway_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/expressway/expressway_light_macroman/expressway_lt-webfont.woff') format('woff'),
         url('/common/fonts/expressway/expressway_light_macroman/expressway_lt-webfont.ttf') format('truetype'),
         url('/common/fonts/expressway/expressway_light_macroman/expressway_lt-webfont.svg#ExpresswayBold') format('svg');
    }
/*
 DEFAULT STYLESHEET
 */

body {
background-color:#edeeee;
}
.outerContainer1 {
margin:0px auto;
background-color: #FFF;
}

.outerContainer2 {
margin:0px auto;
background:url(../images/bkg-red.jpg) repeat-x top #b53300}

.outerContainer3 {
margin:0px auto;
background:url(../images/bkg-bottom.gif) repeat-x bottom #FFFFFF;
}

.outerContainer4 {
margin:0px auto;
background-color:#edeeee;
height:150px;
}

.outerContainerPadding {
width:1000px;
margin:0px auto;
}

.outerContainer3 .outerContainerPadding {
background:url(../images/outerShadow-sides.png) repeat-y  ;
}

.header { 
position:relative;
height:90px;
background:url(../images/bkg-headerCreme.gif) no-repeat 0px 45px;}
.logo {
	position:absolute;
	left:0px;
	top:30px;
}

#tagline{
float:left;
padding:8px 25px 8px 0;
color:#888;
font-size:14px;
}

.tooltip {
position:absolute;
right:0px;
top:5px;
width:auto;
}
.tooltip  a{
text-decoration:none;
}
.tooltip  ul li{
list-style:none;
float:left;
display:block;
margin:0px 10px;
padding:0px;
}
.tooltip  ul li a{
}





a {
color:#345385;
}

a.white {
color:#FFFFFF;
}
.blueContent {
background: url(../images/red-ES-background.jpg) repeat-x left top;
position:relative;
}

.blueContentLeft {
padding-top:60px;
padding-bottom:40px;
}



.homeGraphic h1 {
font:34px/38px "ExpresswayBold", Arial;
background: url(../images/bkg-homepageShadow.png) repeat-y left top  ;
padding:10px 20px 45px 35px;
margin:110px -50px -119px -50px;
}


.singleHomeGraphic h1 {
font:34px/38px "ExpresswayBold", Arial;
background: url(../images/bkg-homepageShadow.png) repeat-y left top  ;
padding:10px 20px 20px 35px;
margin:110px -50px -18px -50px; 
}


.blueContentRight {
padding-top:30px;
padding-bottom:20px;
background: url(includes/../images/red-ES-background.jpg) no-repeat left top; 
}
.spectrum {
width:100%;
height:4px;
}

.bodyContent {
padding-top:40px;
background: url(../images/bkg-midShadow.gif) no-repeat center top #FFFFFF;
}
.bodyBottom {
height:25px;
background: url(../images/outerShadow-bottom.png) no-repeat  transparent;
width:1000px;
margin:0px 0;
}
.introText {
color:#e6986d;
font:16px/27px Arial;
}
.calltoActionBlue {
margin:15px 25px 0px 25px;
padding:12px 15px 0px 15px;
background: url(../images/bkg-ctaBlue.png) no-repeat left top  ;
display:block;
text-decoration:none;


}

.calltoActionBlue h3 {
font:16px "ExpresswayBook", Arial;
text-transform:uppercase;
letter-spacing:1px;
color:#FCDA88;

}
.calltoActionBlue h4 {
font:bold 14px Arial;
color:#FFFFFF;
letter-spacing:0px;
margin-top:5px;
}
.calltoActionBlue p {
font-size:11px;
color:#adb6c2;
margin:0px;
padding:0px;
}
a.calltoActionBlue:hover h3 {
color:#FFFFFF;
}
a.calltoActionBlue:hover  {
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.left {
margin-left:40px;
}

.breadcrumb  {
position:absolute;
left:40px;
top:31px;
width:600px;
}
.breadcrumb a{
color:#A1C8D6;

float:left;
display:block;
padding:3px 15px 3px 0px;
background: url(../images/slash.gif) no-repeat right center;
}

.breadcrumb span{
color:#A1C8D6;
text-decoration:none;
float:left;
display:block;
padding:3px 12px 3px 0px;
}

.aside {
background: url(../images/bkg-asideMiddle.gif) repeat-y #FFFFFF;
font:11px/14px Arial;
}
.asideTop {
background: url(../images/bkg-asideTop.gif) no-repeat #FFFFFF;
height:10px;
}
.asideContent {
padding:10px 50px 10px 20px;

}

.asideBottom {
background: url(../images/bkg-asideBottom.gif) no-repeat #FFFFFF;
height:15px;
}
h1 {
color:#FFFFFF;
font:48px/58px "ExpresswayBold", Arial;
height: 100%;
margin-bottom:0;
}
h2 {
color:#042943;
letter-spacing:1;
font: 26px/32px "ExpresswayBook", Arial;
letter-spacing:1px;
}
h3 {
color:#345385;
font: 18px/23px "ExpresswayBook", Arial;
letter-spacing:1px;
}
h4 {
color:#345385;
font-size:13px;
text-transform:uppercase;
letter-spacing:2px;
}
h5 {
color:#345385;
font-size:12px;
font-weight:bold;
padding:15px 0px 15px 35px;
position:relative;
margin:0px;
}
h5 img{
position:absolute;
top:0px;
left:-5px;
}
.footer {
padding-top:50px;
padding-bottom:35px;
background: url(../images/outerShadow-bottom.png) no-repeat center top;
}


.footer a{
text-decoration:none;
}
.footer ul li{
list-style:none;
display:inline;
}
.footer ul li a{
float:right;
display:block;
margin:0px 10px;
padding:0px;
text-transform:lowercase;
font-size:11px;
}

.topNav{
position:relative;
top:-90px;
}
sup {
font-size:.4em;
}

img.icon {
display:block;
margin:-7px 5px 0px 0px;
padding:0px;
float:left;
}

h2 img.icon, h2 img.icon {
margin:0px 5px 0px 0px;
}

.aside   h5{
float:left;
padding:0px;
margin:10px 0px 0px 0px;
width:155px;
display:inline;
}
.aside    img{
float:left;
padding:0px;
display:inline;
/*width:35px; Why are all aside images contrained to 35px? */ 
margin-right:6px;
}
.aside    div.clear{
margin:0px 0px 5px 0px;
padding:0px;
clear:both;

}
.moreInfo {
background:url(../images/bkg-moreDivider.gif) no-repeat right bottom;
height:17px;
margin:-17px 0px 0px 0px;
padding:0px;
}
.moreInfo li{
display:inline;
list-style:none;
}
.moreInfo a {
background:url(../images/bkg-more.gif) repeat-x  ;
text-decoration:none;
color:#345385;
float:right;
display:block;
padding:0px 4px 0px 4px;
margin:0px 10px 0px 0px;
font-size:11px;
}
.more-content {
margin:0px;
padding:0px;
font-size:11px;
color:#7777777;
}



/* ICONS FOR LISTS =====================================================================
==========================*/
/* USE TO STYLE A WHOLE LIST */
ul.pdfList, ul.downList, ul.videoList, ul.newWindowList , ul.flashList, ul.webList {
padding-left:0px;

}
.pdfList li {
background:url('http://www.intercall.com/../images/background/listIcon_pdf.gif') no-repeat -1px 1px;
padding-left:20px !important;
list-style:none;
margin-left:0px;
}
.downList li {
background:url('http://www.intercall.com/../images/background/listIcon_download.gif') no-repeat 0px 2px;
padding-left:20px !important;
list-style:none;
}
.videoList li {
background:url('http://www.intercall.com/../images/background/listIcon_video.gif') no-repeat 0px 3px;
padding-left:20px !important;
list-style:none;
}
.newWindowList li {
background:url('http://www.intercall.com/../images/background/listIcon_newWindow.gif') no-repeat 1px 2px;
padding-left:20px !important;
}
.flashList li {
background:url('http://www.intercall.com/../images/background/listIcon_flash.gif') no-repeat 2px 2px;
padding-left:20px !important;
}
.loginList li {
background:url('http://www.intercall.com/../images/background/listIcon_login.gif') no-repeat 2px 3px;
padding:0px 0px 0px 20px;
}
.webList li {
background:url('http://www.intercall.com/../images/background/listIcon_link.gif') no-repeat 2px 3px;
padding-left:20px !important;
}
/* USE TO STYLE A SINGLE ITEM */
.pdfLink {
background:url('http://www.intercall.com/../images/background/listIcon_pdf.gif') no-repeat -1px -1px !important;
padding-left:20px !important;
list-style:none;
}
.videoLink {
background:url('http://www.intercall.com/../images/background/listIcon_video.gif') no-repeat 0px 3px !important;
padding-left:20px !important;
list-style:none;
}
.newWindowLink {
background:url('/../images/background/listIcon_newWindow.gif') no-repeat 1px 2px !important;
padding-left:20px !important;
list-style:none;
}
.downLink {
background:url('http://www.intercall.com/../images/background/listIcon_download.gif') no-repeat 0px 2px !important;
padding-left:20px !important;
list-style:none;
}
.flashLink {
background:url('http://www.intercall.com/../images/background/listIcon_flash.gif') no-repeat 2px 2px !important;
padding-left:20px !important;
list-style:none;
}
.loginLink {
background:url('includes/../images/background/listIcon_login.gif') no-repeat 1px 3px  !important;
padding-left:20px !important;
list-style:none;
}
.webLink {
background:url('http://www.intercall.com/../images/background/listIcon_link.gif') no-repeat 1px 3px !important;
padding-left:20px !important;
list-style:none;
}


* html .outerContainerPadding {
background-image: none;
}
* html .footer {
background-image: none;
}

* html .sf-menu li .sf-sub-indicator {
    display:none;
}

* html .sf-menu li li .sf-sub-indicator {
    display:block;

}



a.downloadBtn:active, a.downloadBtn:link, a.downloadBtn:visited {
display:block;
float:left;
text-decoration:none;
color:#FFF;
background:url(../images/bkg-button.png) right -36px  no-repeat;
padding-right: 24px;
margin-right:10px;

}

a.downloadBtn span {
	background:url(../images/bkg-button.png) left 0px no-repeat;
	padding:11px 0px 10px 23px;
	
	display:block;
	font:bold 13px Arial;
text-transform:uppercase;
}

a.downloadBtn:hover span {
	color:#ecd480;
}

.hidden {
display:none;	
}
a.faq {
display:block;
margin-top:20px;	
}
         
.mainPhoto {
float:right;
margin:-71px -40px 0px -80px;
/margin:-71px -40px -22px -80px;

}

/* BUTTON CLASS */
a.buttonClass {
background:url(../images/bkg-buttonClass.gif) no-repeat bottom right;
padding-right:12px;
margin-top:5px;
margin-right:10px;
color:#345385;
text-decoration:none;
display:block;
float:left;
}
		
a.buttonClass span {
background:url(../images/bkg-buttonClass.gif) no-repeat top left;
padding:7px 0px 7px 12px;
display:block;
font: 12px/14px Arial;
}
		
a.buttonClass:hover span {
color:#9d4328;
}


