html {
    overflow-y: scroll; /* This is to solve vertical scroll bar inconsistencies */
}

/*marginreset*/
*{
margin: 0;
padding: 0;
}

body p{
color: 	#202020;
font-family: 'Open Sans', Sans-serif;
}


body{
font-family: 'Open Sans', Sans-serif;
text-align:center; /*For IE6 Shenanigans*/  
margin:0px 0px 0px 0px; 
padding:0px;
background: #E4E7E9;
border:0;			/* This removes the border around the viewport in old versions of IE */
}
.gray{background: #E8E8E8; padding: 1em;}

/*------------add color to text when needed--------------------*/

.black{color: black;}
.white{color: white;}
.charcoal{color: #404040;}

/*..................BODY 13..............*/
#body13{
width: 970px;
margin: 0px 0px 0px 30px;
padding: 0;
text-align: left;
}

#body13 h1{
font-size: 30px;
font-weight: normal;
color: #606060;
letter-spacing: normal;
}

#body13 h2{
font-size: 20px;
color: #606060;
letter-spacing: normal;
text-shadow: none;
margin-top: 0px;
}

/*..................BODY 12..............*/
#body12{
width: 1000px;
margin: 0;
padding: 0;
text-align: left;
}

#body12 p{
clear: both;
min-height: 130px;
letter-spacing: normal;
}

#body12 h1{
font-size: 30px;
font-weight: normal;
color: #606060;
letter-spacing: normal;
}

#body12 h2{
font-size: 20px;
font-weight: normal;
color: #606060;
letter-spacing: normal;
text-shadow: none;
margin-top: 0px;
}

#body12 h3{
font-size: 26px;
font-weight: normal;
color: #606060;
}


.threefirst12{
text-align: left;
float: left;
clear: left;
margin: 16px 13px 0px 30px;
width: 284px;
}

.threefirst12 p{
min-height: 115px;
clear: both;
}

.threefirst12 img{
float: left;
margin: 10px 4px 0px 0px;
}

.three12{
text-align: left;
float: left;
margin: 16px 1px 10px 27px;
width: 291px;
}

.three12 p{
min-height: 115px;
clear: both;
}

.three12 img{
float: left;
margin: 10px 8px 0px 0px;
}

.threelast12{
text-align: left;
float: left;
margin: 16px 0px 10px 30px;
width: 285px;
}

.threelast12 p{
min-height: 115px;
clear: both;
}

.threelast12 img{
float: left;
margin: 10px 6px 10px 0px;
}




/*---------let's style our big fat header--------------*/

#headcontainer{
width: 100%;
height: 430px;
background: url(/images/hdrbkg.png) repeat-x;
}

#headcontainer14{
width: 100%;
height: 430px;
background: url(/images/header14bkg.png) repeat-x;
}

#headcontaineralt{
width: 100%;
height: 420px;
background: url(/images/hdrbkg2.png) repeat-x;
}

#mastercontainer{
margin: 0 auto;
width: 1000px;
min-height: 400px;
text-align: left;
background: white;
}

.centeredcontainer{
margin: 0 auto;
width: 1000px;
height: 400px;
text-align: left;
}
.centeredcontainerblog{
margin: 0 auto;
width: 980px;
height: 400px;
text-align: left;
}

#overhead{
height: 40px;
width: 1000px;
}


#simpleheadercontainer-14{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 20px 5px 20px;
text-align: left;
height: 90px;
clear: left;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #004279), color-stop(1, #011335));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #004279 0%, #011335 100%);


}

#simpleheadercontainer{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 20px 5px 20px;
text-align: left;
}

#simpleheader{
width: 100%;
height: 100px;
background: #011335;
}

#whatwedo{
float: left;
font-size: 10px;
letter-spacing: .2px;
color: #202020;
margin: 13px 30px 0px 34px;
}

/*---------smaller inside content page header--------------
#headcontainer-inside{
width: 100%;
height: 160px;
background: url(/images/hdrbkg.png) repeat-x;
text-align: left;
}

.centeredcontainer-inside{
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 160px;
background: url(/images/insidedisplay-bkg.png) no-repeat;
}
*/
/*---------Updated Nov 2013 - smaller inside content page header--------------*/
#headcontainer-inside{
width: 100%;
height: 140px;
background: url(/images/hdrbkg.png) repeat-x;
text-align: left;
}

.centeredcontainer-inside{
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 140px;
background: url(/images/insidedisplay-bkg.png) no-repeat;
}

/*---------Experimental colours Nov 2013 - smaller inside content page header--------------*/
#headcontainer-inside-14{
width: 100%;
height: 140px;
clear: both;
background: url(/images/insideheader14bkg.png) repeat-x;
}

.topmargin{
height: 40px;
background: white;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

.centeredcontainer-inside-14{
margin-left: auto;
margin-right: auto;
height: 100px;
width: 1000px;
clear: left;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #004279), color-stop(1, #011335));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #004279 0%, #011335 100%);
}


/*------------phone------------*/

/*#phone{
float: left;
width: 160px;
height: 21px;
padding-top: 2px;
text-align: center;
margin-top: 11px;
margin-left: 40px;
line-height: 60%;
color: #CA0005;
font-size: 15px;
}*/

#phone span{
display: block;
font-size: 0.7em;
margin-top: 3px;
}

#bigphone{
font-family: 'Oswald', sans-serif;
letter-spacing: .1em;
float: left;
height: 34px;
margin-top:7px;
margin-right:7%;
margin-left:2%;
color: BLACK;
font-weight: normal;
font-size: 1.1em;
}

/*-------------utilities area---------------*/

#utilcontainer{
width: 290px;
height: 21px;
margin-top: 10px;
float: left;
margin-left: 98px;
}

#utilcontainer14{
width: 290px;
margin-top: 40px;
float: left;
}


.utilmenu{
margin: 0;
padding: 0;
overflow: hidden;
}

.utilmenu li{
display: inline;

}

.utilmenu a{
font-size: 11px;
text-decoration: none;
margin-right: 26px;
}

li.utilmenulast a{
font-size: 11px;
text-decoration: none;
margin-right: 10px;
}

#utilcontainer a:hover{
color: #989898;
}

#utilcontainer a{
color: #666666;
}

.utilmenu a:visited{
color: #666666;
}

.utilmenu-scriptview{
padding: 0;
margin-left: 22px;
overflow: hidden;
letter-spacing: .5px;
}

.utilmenu-scriptview img{
position: relative;
top: 9px;
}

.utilmenu-scriptview img{
position: relative;
top: 9px;
}

.utilmenu-scriptview li{
display: inline;
}

.utilmenu-scriptview ul{
position: relative;
top: -40px;
float: left;
}

.utilmenu-scriptview a:link{
font-size: 11px;
color: white;
text-decoration: none;
margin-right: 22px;
}
.utilmenu-scriptview a:hover{
color: #e8e8e8;
}

.utilmenu-scriptview a:visited{
color: white;
}

/*----------------for the EDIT SCRIPT page-----------*/

.utilmenu-simple{
padding: 0;
margin-left: 22px;
overflow: hidden;
letter-spacing: .5px;
}

.utilmenu-simple img{
position: relative;
top: 9px;
}

.utilmenu-simple li{
display: inline;
padding: 9px;
}

.utilmenu-simple ul{
position: relative;
top: -30px;
}

img.simpleheaderminilogo{
position: relative; 
top: 12px; 
left: -36px;
}

.utilmenu-simple a:link{
font-size: 12px;
color: white;
text-decoration: none;
margin-right: 22px;
}

.utilmenu-simple a:hover{
color: #E8E8E8;
}

.utilmenu-simple a:visited{
color: white;
}

#headerfreedemo{
float: left;
margin: 2px 0px 0px 16px;
}

#headerfreedemo a{
	color: white;
}

a.headerfreedemo {
	background:#2e8def;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:38px;
	line-height: 38px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	}
	
a.headerfreedemo:link{
	color: #FFFFFF;
	}
	
a.headerfreedemo:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
	}
	
a.headerfreedemo:active {
	position:relative;
	top:1px;
	}
   
     
	  /*-----------Alt Dec. 2012 Login Button--------------*/
       
#login12 {
    float: left;
    width: 144px;
	height: 34px;
    text-align: center;
    background: #2672EC;
	color: #FFFFFF;
	margin-left: 2px;
	margin-top: 2px;
}

#login12 a{
	background:#2e8def;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:144px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}


#login12 a:hover{
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
} 
	  /*-----------New rounded Login Button--------------*/
       	
	#login14 a:hover{
	color: white;
	margin: 41px 49px 0px 0px;
	float: right;
    width: 150px;
	height: 50px;
    text-align: center;
	padding: 13px 1px 0px 1px;
	line-height: 20px;
    background: #1188D7;
	border-radius:10px;
	}

#login14 a{
	margin: 41px 49px 0px 0px;
	float: right;
    width: 150px;
	height: 50px;
    text-align: center;
	padding: 13px 1px 0px 1px;
	line-height: 20px;
    background: #2672EC;
	border-radius:10px;
    color: #EEEEEE;
    display: block;
    font-size: 18px;
    text-decoration: none;
	border: 0;
	outline: 0;
}

#login14 a span {
    display: block;
    font-size: 11px;
	letter-spacing: .2px;
    color: #E6E8F7;
	width: 100%;
}
 
	 
/*-------------container for logo and main navigation---------------*/
#logoandnav{
margin: 0px;
padding: 0px;
width: 1000px;
height: 120px;
}
/*-------------container new main navigation in Dec of 2012---------------*/
#logoandnav14{
margin: 0px;
padding: 0px;
width: 982px;
height: 120px;
text-align: right;
padding-right: 18px;
}

/*-------------container new main navigation more narrow Nov 2013---------------*/
#logoandnav-14{
margin: 0px;
padding: 0px;
width: 1000px;
height: auto;
}



/*---------headline styles--------------*/

h2 { 
color: #606060;
line-height: 1.5em; 
font-size: 1.4em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
letter-spacing: 80%; 
}

#headlineOct2012 h2{
font-size: 30px;
margin-top:40px;
color: white;
line-height: 36px;
font-weight: normal;
text-shadow: 1px 1px 0px #333333; 
letter-spacing: 0.9px; 
font-weight: normal;
}

#headlineOct2012 alt{
float: left;
margin: 0px;
}

#headline h4{
margin-top: 15px;
color: #CCFFFF;
}

#headline h3{
color: #606060;
}



h1{
font-size: 14px;
margin-top: 16px;
letter-spacing: 1px;
font-weight: normal;
}

h1.title{
font-size: 22px;
color: #2672EC;
font-weight: normal;
line-height: 90%;

}

h3{
font-size: 28px;
line-height: 98%;
color: ##606060;
margin-bottom: 11px;
margin-top: .5em;
letter-spacing: normal;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 400;
}

h3.black{
font-size: 18px;
color: black;
font-weight: 700;
font-family:'Open Sans', sans-serif;
line-height: 125%;
margin-bottom: 15px;
}

h3.red{
font-size: 1.2em;
color: #CC0000;
font-weight: 700;
font-family:'Open Sans', sans-serif;
margin: 19px 0px 30px 0px;
}

h3.condensed{
font-size: 24px;
line-height: 26px;
color: #606060;
margin-bottom: 11px;
margin-top: .5em;
letter-spacing: .1px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 400;
}

h4{
font-size: 18px;
color: #2672EC;
margin: 0px 0px 8px 0px;
letter-spacing: .3px;
line-height: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

h5{
color: #2672EC;
font-size: 18px;
margin-bottom: 1px;
margin-top: 1em;
letter-spacing: .1px;
font-weight: normal;
}

h6{
color: #2672EC;
font-size: 13px;
letter-spacing: normal;
font-weight: normal;
}

h5.bigtop{
font-size: 28px;
line-height: 26px;
color: #2672EC;
margin-bottom: 11px;
margin-top: 1em;
letter-spacing: .1px;
font-weight: normal;
}

.third h4{
color: black;
}


/*------------------alternative headline styles-------------*/
#headstyle2{
float: left;
width: 510px;
height: 220px;
margin: -10px 0px 0px 26px;
}

#headstyle2 h3{
font-size: 22px;
letter-spacing: .5px;
color:#606060;
line-height: 24px;
font-weight: normal;
}

#headstyle2 h2{
font-size: 28px;
line-height: 1em;
letter-spacing: .5px;
color: white;
margin-bottom: -2px;
font-weight: normal;
}

#headstyle2 h1{
font-size: 18px;
line-height: 21px;
color: white;
letter-spacing: .5px;
font-weight: normal;
}

#headstyle2 p{
color: white;
font-size: 16px;
line-height: 18px;
letter-space: .1px;
font-weight: normal;
}

.center{
text-align: center;
}

.white{
color: white;
}

.gray{
color: #505050;
}

.graybox{
text-align: left;
float: left;
width: 280px;
background: #EBEBEB;
padding: 5px 30px 5px 30px;
}

.sup { 
vertical-align: super;
font-size: 40%;
font-weight: 100;
margin-left: 2px;
line-height: 80%;
 }
 
 .small{
 font-size: 10px;
 }
 
 span.smaller{
 font-size: .75em;
 }

#footermenu h3{
font-size: 14px;
margin-bottom: 8px;
}

.indent{
text-indent: 30px;
}
/*---------paragraph styles--------------*/

p{
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #232323;
margin: 0px 0px 8px 0px;
}

p.headline{
font-size: 28px;
line-height: 26px;
color: #006699;
margin-bottom: 11px;
letter-spacing: .1px;
font-weight: normal;
padding-top: 24px;
}

p.right{
text-align: right;
}

p.buffertop{
margin-top: 9px;
min-height: 126px;
}

p.clear{
clear: both;
}

figure {
    display: inline-block;
	float: left;
	
}
figcaption {
    margin: 10px 0 0 0;
    font-size: .85em;
		color: gray;
	float: left;
	max-width: 33%;
	}

.caption{
clear: both;
font-size: 11px;
color: gray;
margin: .2em;
}

p.caption{
font-size: 11px;
color: gray;
}

p.reduced{
font-size: 10px;
color: gray;
float: left;
clear: both;
padding: 9px;
}

p.floatleft{
float: left;
margin: 25px 15px -11px 0px;
}

p.blockquote{
margin: 2px 30px 12px 30px;
color: #404040; 
}

p.blockquotebox{
margin: 1em;
color: #505050;
border: 1px solid #E8E8E8;
padding: 1em; 
}

.clear{
clear: left;
}

.quote{
padding: 0px 40px 0px 30px;
font-style: italic;
color: #303030;
}

.darkgray{
color: #686868;
}

/*---------image styles--------------*/

img{
border-style: none;
}

img.left{
float: left;
margin: 11px 11px 11px 0px;
clear: left;
}

img.border{
border: 1px solid gray;
padding: 4px 3px 4px 4px;
float: right;
}

img.bluearrow{
position: relative;
top: 2px;
}


/*---------link styles--------------*/


a.white{
color: white;
}

a.white:hover{
color: #EBEBEB;
}

a.white:visited{
color: white;
}

a:link { /* unvisited link */
color: #2672EC;
text-decoration: none;
outline: none;
border: none;
}   

a:visited {/* visited link */
color: #2672EC;
text-decoration: none;
outline: none;
border: none;
} 

a:hover { /* mouse over link */
text-decoration: none;
outline: none;
border: none;
color:gray;
}  

a:active {/* selected link */
color: #2672EC;
text-decoration: none;
outline: none;
border: none;
 ie-dummy: expression(this.hideFocus=true);
 -moz-outline-style: none;
}  

a.bluelink{
color: #2672EC;
}

a.bluelink:visited{
color: #2672EC;
}

a.bluelink:hover{
color: gray;
}

a.more{
	color: gray;
    font-size: 12px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}	

a.more:hover{
    color: black;
}   

li.blank{
list-style-type: none;
}


  
/*-------------------------------dark button style-------*/

.styled-button-3 {
	color: white;
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	background-color:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Arial,sans-serif;
	font-size:14px;
	padding:6px 15px;
}

.styled-button-3:hover {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	background-color:#F8F8F8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#006699;
	font-family:Arial,sans-serif;
	font-size:14px;
	padding:6px 15px;
}



/*--------------------------------light blue grey button style------*/
.styled-button-2 {
	color: white;
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	background-color:#E8E8E8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Arial,sans-serif;
	font-size:14px;
	padding:5px 15px;
}

.styled-button-2:hover {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	background-color:#5BB0E3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:white;
	font-family:Arial,sans-serif;
	font-size:14px;
	padding:5px 15px;
}

    
/*---------SPACERS--------------*/

	.spacer{
	height: 200px;
	}
	
	.vertical30{
	height: 30px;
	width: 1000px;
	clear: left;
	}
	
	
	
/*---------list styles--------------*/

ul, ol{
padding-left: 16px;
list-style-position: outside;
margin-top: 8px;
}

ul.inner{
padding-left: 16px;
list-style-position: inside;
margin-top: 8px;
}

ul.inner li{
margin-left: 16px;
}

li{
font-size: .9em;
line-height: 140%;
padding-bottom: 7px;
}

ul.tech{
padding-left: 0;
list-style: none;
color: gray;
}

ul.tech img{
margin: 0px 9px 9px 0px;
}

ul.onelineplay{
padding-left: 40px;
width: 240px;
}

.onelineplay li{
margin-bottom: 5px;
}

.onelineplay li img{
margin-top: -5px;
padding-right: 10px;}

ul.moh{
clear: both;
}

ul.moh li{
font-size: .8em;
padding-bottom: .7em;
line-height: 1.3em;
}


ul.new{
clear: both;
width: 75%;
margin: 5%;
color: #202020;
}

ul.new li{
font-size: .8em;
padding-bottom: .7em;
line-height: 1.5em;
}

/*---------horizontal rule styles--------------*/

hr.light{
height:1px;
clear: left;
border-width:0;
color:#E0E0E0;
background-color:#E0E0E0;
width: 90%;
margin: 3px 0px 0px 0px;
}

hr.title{
height:1px;
clear: left;
border-width:0;
color:#E0E0E0;
background-color:#E0E0E0;
width: 90%;
margin: 5px 0px 23px 0px;
}

hr.lightcenter{
height:1px;
text-align: center;
clear: left;
border-width:0;
color:#E0E0E0;
background-color:#E0E0E0;
width: 90%;
margin: auto;
}

hr.gray{
height: 1px;
border-width: 0;
color: #E0E0E0;
background-color:#E0E0E0;
width: 230px;
margin: 28px 0px 8px 60px;
}

/*---------span text styles--------------*/

span.reduce{
font-size: 80%;
}

span.highlight{
background: #FFFF66;
}

span.red{
color: #CA0005;
font-weight: 700;
}

span.urhere{
color: #CA0005;
font-weight: 700;
}

.large{
font-size: 100%;
}

p.large{
font-size: 110%;
margin-bottom: 0px;
}

.phoney{
margin-left: 6%;
font-size: 110%;
}

.strongblue{
font-weight: 600;
color: #006699;
} 

.blue{
color: #006699;
}

/*-------------header for demo page - temporary---------------*/

#demoheader{
margin: 0px 0px 0px 0px;
padding: 0;
background: url(/images/hdrbkg.png) repeat-x;
width: 100%;
height: 120px;
}

#demoheadercontainer{
float: left;
width: 1000px;
background: url(/images/insidedisplay-bkg.png) no-repeat;
height: 120px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#demohomelogo{
clear: left;
width: 215px;
height: 77px;
float: left;
margin: 5px 190px 0px 10px;
}

#demohomelogo img{
outline: none;
border: none;
}

/*-----------home page display--------------*/


#displaywrap{
background: white;
float: left;
clear: left;
width: 980px;
height: 275px;
margin: 0px 0px 0px 20px;
text-align: left;
}

#video{
float: left;
margin: 13px 0px 0px 0px;
width: 380px;
height:212px;
}

/*------------video redone for non-pop-up player-------------*/
#videodemo{
float: left;
margin-top: 5px;
padding: 2px 0px 0px 2px;
width: 343px;
height:198px;
background: none;
}

#vimeo{
float: left;
margin: 37px 0px 0px 22px;
clear: left;
padding: 6px 0px 0px 7px;
width: 340px;
height: 195px;
background: #E8E8E8;
border-radius: 9px;
}

.requestholiday{
margin-top: 4px;
}

#vimeo h3{
font-size: 12px;
color: white;
}

#vimeo a.learnmore{
text-align: center;
}


#vimeoholder{
float: left;
clear: both;
margin-top: 75px;
padding: 7px 0px 0px 7px;
width: 340px;
height:196px;
background: black;
border-radius: 12px;
}

#gotodemo{
  float: right;
    margin: 10px 190px 0px 0px;
	line-height: 13px;
}

#gotodemo a{
	padding: 8px;
	background: #003366;
    color: white;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 129px;
	border: 2px solid #339933;
	outline: 0;
	-moz-border-radius: 16px;
border-radius: 16px;
}	

#gotodemo a:hover{
    padding: 8px;
	background: #003366;
    color: #E8E8E8;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 129px;
	border: 2px solid #339933;
	outline: 0;
	-moz-border-radius: 16px;
border-radius: 16px;
} 

/*------------demo home go button version 12 -------*/
/*------------demo home go button version 13 -------*/
#gotodemo13{
  float: left;
    margin: -40px 0px 0px 25px;
	line-height: 13px;
}

#gotodemo13 a{
	text-shadow: 1px -1px 2px rgba(163, 33, 33, .85);
	font-weight: normal;
	padding: 13px 15px 13px 15px;
	background: url(/images/gotodemobkgup.png) repeat-x;
    color: white;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 139px;
	outline: 0;
	-moz-border-radius: 12px;
	border-radius: 12px;
	font-family: 'Open Sans', sans-serif;
font-weight: 700;
}	

#gotodemo13 a:hover{
text-shadow: 1px -1px 2px rgba(0, 0, 0, .55);
    padding: 13px 15px 13px 15px;
	background: #F25D0C;
    color: white;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 139px;
	
	outline: 0;
	-moz-border-radius: 12px;
border-radius: 12px;
} 


/*--------------GO TO DEMO Version 12----------------*/
#gotodemo12{
  float: right;
    margin: 10px 140px 0px 0px;
	line-height: 13px;
}

#gotodemo12 a{
	text-shadow: 0px -1px 0px rgba(163, 33, 33, .85);
	font-weight: normal;
	padding: 8px;
	background: #DB0D0D;
    color: white;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 129px;
	border: 2px solid #CF0E0E;
	outline: 0;
	-moz-border-radius: 12px;
border-radius: 12px;
}	

#gotodemo12 a:hover{
text-shadow: 0px -1px 0px rgba(0, 0, 0, .55);
    padding: 8px;
	background: #E60B0B;
    color: white;
    display: block;
    font-size: 17px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 129px;
	border: 2px solid #CF0E0E;
	outline: 0;
	-moz-border-radius: 12px;
border-radius: 12px;
} 




/*------------headline redone for non-pop-up player-------------*/
#headlineOct2012{
float: left;
width: 616px;
height: 290px;
margin: -30px 0px 0px 34px;
}

#headline12{
float: left;
width: 580px;
height: 250px;
margin: 30px 0px 0px 34px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

#headlineOct2012 h3{
font-size: 22px;
letter-spacing: .3px;
color:#CCFFFF;
line-height: 24px;

margin-bottom: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
#headline12 h2{
font-size: 28px;
letter-spacing: .3px;
color:white;
line-height: 30px;
font-weight: 300;
margin-top: 9px;
margin-bottom: 22px;
font-family:'Open-Sans', sans-serif;
}



#headline12 h1{
font-size: 16px;
line-height: 19px;
color: white;
letter-spacing: .5px;
width: 480px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

/*----------------headline for interation 14 in Dec of 2012----------------*/
#headline14{
float: left;
width: 550px;
height: 230px;
margin: 70px 0px 0px 64px;
}

#headline14 h2{
font-size: 34px;
line-height: 36px;
letter-spacing: .3px;
color: white;
margin: 0px;
font-weight: normal;
}

#headline14 h2 span{
font-size: 30px;
font-weight: normal;
}

#headline14 h3{
font-size: 22px;
letter-spacing: .3px;
color:#CCFFFF;
line-height: 25px;
font-weight: normal;
margin-bottom: 22px;
}


#headline14 h1{
font-size: 16px;
line-height: 19px;
color: white;
letter-spacing: .5px;
font-weight: normal;
width: 480px;
}


/*------------end-headline redone for non-pop-up player-------------*/

#subjectheadline{
float: left;
width: 520px;
height: 220px;
margin: 20px 0px 0px 26px;
}

#headlineAug2012{
float: left;
width: 650px;
height: 220px;
margin: -40px 0px 0px 26px;
}

#headlineAug2012 h3{
font-size: 22px;
letter-spacing: .3px;
color:#CCFFFF;
line-height: 24px;
font-weight: normal;
margin-bottom: 22px;
}

#headlineAug2012 h2{
font-size: 34px;
letter-spacing: .3px;
color: white;
margin-bottom: -12px;
font-weight: normal;
}

#headlineAug2012 h1{
font-size: 16px;
line-height: 19px;
color: white;
letter-spacing: .5px;
font-weight: normal;
width: 380px;
}

#demogoAug2012{
    float: left;
    margin: -40px 0px 0px 415px;
	line-height: 13px;
}

.demogoinfo{
font-size: 12px;
}

#gotodemo13 span{
font-size: 12px;
font-weight: normal;
}

  

.videopointer{
clear: both;
float: left;
margin-left: 14px;
margin-top: 0px;
width: 280px;
}
.videopointer p{
color: white;
font-size: 12px;
line-height: 14px;
}




/*-----------------------------------------------*/



#whychoose{
float: left;
text-align: left;
width: 340px;
padding-top: -20px;
}
#whychoose ul{
margin-top: 20px;
}

#whychoose ul li{
padding-bottom: 10px;
}



#expertadviceimage{
float: left;
margin: 13px 0px 0px 0px;
width: 380px;
height:222px;
background: url(/images/expertadvice.png) no-repeat;
}
#moresolutionsimage{
float: left;
margin: 13px 0px 0px 0px;
width: 380px;
height:222px;
background: url(/images/moresolutions.png) no-repeat;
}
#headervideo{
float: left;
padding: 20px 0px 0px 10px;
margin: 6px 10px 0px 0px;
width: 382px;
height:246px;
background: url(/images/industrysamplesbkg.png) no-repeat;
}

#headervideonobkg{
float: left;
padding: 20px 0px 0px 10px;
margin: 6px 10px 0px 0px;
width: 382px;
height:246px;
}

#headervideo-12{
float: left;
clear: both;
padding: 20px 0px 0px 10px;
margin: 6px 10px 0px 0px;
width: 382px;
height:246px;
background: url(/images/industrysamplesbkg.png) no-repeat;
}



#headervideosmaller{
float: left;
padding: 10px 0px 0px 10px;
margin: 6px 10px 0px 0px;
width: 305px;
height:185px;
background: url(/images/videosmallerbkg.png) no-repeat;
}

#headervideosilence{
float: left;
padding: 0px 0px 0px 10px;
margin: 0px 10px 0px 0px;
width: 360px;
height:255px;
}

#videoplay{
margin: 0;
padding: 0;
float: left;
clear: left;
margin-left: 43px;
width: 300px;
height: 56px;
}

#videoplay p{
color: white;
font-size: 12px;
text-indent: 9px;
letter-spacing: .5px;
}

#videoplay a{
float: left;
clear: left;
margin:0;
padding: 0;
background: url(/images/videoplaybutton.png)no-repeat 0px 0px;
display: block;
width: 42px;
height: 36px;
}

#videoplay a:hover{
background-position: 0 -35px;
}

#headline{
float: left;
width: 550px;
height: 220px;
margin: -20px 0px 0px 26px;
}

#subjectheadline{
float: left;
width: 520px;
height: 220px;
margin: 20px 0px 0px 26px;
}

#headline h3{
font-size: 22px;
letter-spacing: .5px;
color:#CCFFFF;
line-height: 24px;
font-weight: normal;
}

#headline h2{
font-size: 31px;
letter-spacing: 1px;
color: white;
margin-bottom: -12px;
font-weight: normal;
}

#headline h1{
font-size: 18px;
line-height: 21px;
color: white;
letter-spacing: .5px;
font-weight: normal;
}

#demogo{
    float: left;
    margin-top: 5px;
}
  
     
/*-------------content wrappers---------------*/

#centerwrap{
clear: both;
overflow: hidden;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 0;
background: white;
}

.middlewrapper{
overflow: hidden;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 0px;
}

#offwhitewrap{
clear: both;
overflow: hidden;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 0;
background: #F5F5DC;
}

.homeside{
text-align: left;
float: left;
width: 484px;
margin: 0px 5px 5px 8px;
}

.homeside h3{
margin-bottom: -5px;
font-weight: normal;
}

#insidewrapper{
width: 1000px;
margin-left: 0 auto;
text-align: center;
min-height: 400px;
}

.fullsize{
clear: left;
background: white;
width: 1000px;
margin-top: 30px;
margin-left: 30px;
text-align: left;
height: auto;
}

.fullsize h1{
font-size: 22px;
color: #606060;
}

.fullsize h2{
color: gray;
background: none;
}

#bodywrap{
width: 1000px;
margin: 0;
padding: 0;
background: white;
height: 100%;
min-height: 100%;
overflow: hidden;
}

.midcontainer{
min-height: 400px;
width: 100%;
background:#F8F8F8; 
}

.choices{
padding: 19px 0px 15px 0px;
float: left;
clear: left;
width: 1000px;
min-height: 380px;
background: #F8F8F8 url(/images/hr-top.png) no-repeat top left
}

p.ptop{
margin-top: 32px;
}

/*-------------column styles---------------*/
/*-------------HOME PAGE---------------*/


.hometwothirds{
text-align: left;
width: 586px;
float: left;
margin: 30px 3px 50px 30px;
border: 1px solid #E8E8E8;
padding: 11px 16px 12px 16px;
line-height: 105%;
}

.hometwothirds a img{
float: left;
margin: 11px 12px 4px 0px;
}

.hometwothirds h5 {
font-size: 18px;
line-height: 99%;
font-wieght: normal;
}


#rallycontainer{
width: 660px;
float: left;
margin: 0px;
text-align: left;
}

/*-------------above this line, homepage workups---------------*/


.threefirst{
text-align: left;
float: left;
clear: left;
margin: 16px 13px 20px 30px;
width: 284px;
min-height: 220px;
}

.threefirst img{
float: left;
margin: 0px 0px 12px 0px;
}

.threefirst h3{
margin: 5px 0px 10px 86px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.threefirst h4{
clear: left;
}

/*-------------colums with gray backgrounds---------------*/

.threefirstbkg h3{
margin: 5px 0px 10px 86px;
line-height: 26px;
font-size: 28px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 400;
}

.threefirstbkg img{
float: left;
margin: 0px 0px 12px 0px;
}

.threefirstbkg h4{
clear: left;
}

.threefirstbkg{
text-align: left;
float: left;
clear: left;
margin: 16px 1px 20px 30px;
width: 284px;
min-height: 200px;
background: #F8F8F8;
padding: 9px;
}


.threebkg{
text-align: left;
float: left;
margin: 16px 1px 20px 20px;
width: 291px;
min-height: 200px;
background: #F8F8F8;
padding: 9px;
}

.threebkg h3{
margin: 5px 0px 10px 90px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.threebkg img{
float: left;
margin: 0px 0px 10px 0px;
}

.threebkg h4{
clear: left;
}

.threelastbkg{
text-align: left;
float: left;
margin: 16px 0px 20px 20px;
width: 285px;
min-height: 200px;
background: #F8F8F8;
padding: 9px;
}

.threelastbkg h3{
margin: 5px 0px 10px 90px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.threelastbkg img{
float: left;
margin: 0px 0px 10px 0px;
}

.threebkg h4{
clear: left;
}

/*-------------MIDDLE COLUMN ON HOME PAGE---------------*/

.three{
text-align: left;
float: left;
margin: 16px 1px 20px 27px;
width: 291px;
}

.three h3{
margin: 5px 0px 10px 90px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.three img{
float: left;
margin: 0px 0px 10px 0px;
}

.three h4{
clear: left;
}

/*-------------RIGHT COLUMN ON HOME PAGE---------------*/

.quickandeasy{
float: left;
margin: 24px 0px 10px 20px;
width: 272px;
min-height: 200px;
text-align: left;
padding: 9px;
}


.quickandeasy h3{
width: 90%;
text-align: center;
}

.testimonialfeed{
float: left;
margin: 0px 0px 26px 40px;
width: 275px;
min-height: 200px;
text-align: left;
padding: 9px;
font-family: 'Open Sans', sans-serif;
}

.testimonialfeedwelcome{
float: left;
margin: 0px 0px 26px 40px;
width: 28%;
min-height: 200px;
text-align: left;
padding: 9px;
font-family: 'Open Sans', sans-serif;
}

.testimonialfeedwelcome img{
float: left;
margin: 0px 12px 10px 0px;
width: 57px;
height: 57px;
clear: left;
}

.testimonialfeedwelcome p{
font-size: 12px;
line-height: 1em;
margin: .0px;
padding: 15px 0px 9px 0px;
letter-spacing: -.02em;
}

.testimonialfeed img{
float: left;
margin: 0px 12px 10px 0px;
width: 57px;
height: 57px;
clear: left;
}

.testimonialfeed p{
font-size: 12px;
line-height: 1em;
margin: .0px;
padding: 15px 0px 9px 0px;
}

p.testvox{
line-height: 102%;
margin: 11px 0px 0px 15px;
}

.testimonialfeed h3{
margin: 5px 0px 10px 0px;
font-weight: normal;
text-align: center;
}

.testimonialfeed h4{
clear: left;
}

.testimonialfeed p.normal{
font-size: 14px;
clear: both;
float: left;
text-align: left;
font-weight: 400;
line-height: 140%;
color: #232323;
}

.testimonialfeed.graybox{
width: 80%;
padding: 9px;
background: #EAEAEA;
}

.testimonialfeed a.learnmore{
float: right;
width: 200px;
text-indent: 18px;
height: 21px;
background: url(/images/bluearrow.png) no-repeat;
background-position: 0px -5px;
font-size: 120%;
}

.testimonialfeed a.learnmore:hover{
background-position: 0px -27px;
}

.threefirst a.learnmore{
float: left;
width: 300px;
text-indent: 18px;
height: 21px;
background: url(/images/bluearrow.png) no-repeat;
background-position: 0px -1px;
font-size: 120%;
padding-bottom: 4px;
}

.threefirst a.learnmore:hover{
background-position: 0px -23px;
}

/*-------------------comments on industry pages ---------*/
.testimonialfeed-ind{
text-align: left;
float: left;
clear: left;
margin: 16px 0px 20px 0px;
width: 285px;
min-height: 200px;
padding: 9px;
background: #F8F8F8 ;
}

.testimonialfeed-ind img{
float: left;
margin: 0px 12px 10px 0px;
width: 57px;
height: 57px;
clear: left;
}

.testimonialfeed-ind p{
font-size: 12px;
line-height: 1em;
margin: .0px;
padding: 15px 0px 9px 0px;
}

.testimonialfeed-ind h3{
margin: 5px 0px 0px 0px;
line-height: 26px;
font-size: 22px;
font-weight: normal;
}

.testimonialfeed-ind h4{
clear: left;
}

.testimonialfeed-ind hr{
clear: left;
margin: 9px 0px;
color: #F8F8F8;
background-color: #F8F8F8;

}
/*---------------------------*/




/*-------------------comment feed page ---------*/
.testimonialfeed-left{
text-align: left;
float: left;
clear: left;
margin: 16px -12px 20px 30px;
width: 270px;
min-height: 200px;
padding: 9px;
}

.testimonialfeed-left img{
float: left;
margin: 0px 12px 10px 0px;
width: 57px;
height: 57px;
clear: left;
}

.testimonialfeed-left p{
font-size: 12px;
line-height: 1em;
margin: .0px;
padding: 15px 0px 9px 0px;
}

.testimonialfeed-left h3{
margin: 5px 0px 0px 0px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.testimonialfeed-left h4{
clear: left;
}

.testimonialfeed-left hr{
clear: left;
}
/*---------------------------*/

.testcontainer{
text-align: left;
border-bottom: 1px solid #E8E8E8;
padding-top: 4px; margin: 0px;
margin: 0px 0px 6px 0px;
}

p.testfeedtitle{
margin-bottom: -8px;
padding: 0px;
}

.threelast{
text-align: left;
float: left;
margin: 16px 0px 20px 30px;
width: 285px;
min-height: 220px;
}

.threelast h3{
margin: 5px 0px 10px 90px;
line-height: 26px;
font-size: 28px;
font-weight: normal;
}

.threelast img{
float: left;
margin: 0px 0px 10px 0px;
}

.three h4{
clear: left;
}


/*------------- three column style for inside smaller headlines-----------------*/

.thirdfirst{
text-align: left;
float: left;
clear: left;
margin: 16px 13px 20px 30px;
width: 284px;
min-height: 200px;
}

.thirdflush{
text-align: left;
float: left;
margin: 0px 15px 0px 0px;
width: 280px;
}

.thirdsecond{
text-align: left;
float: left;
margin: 16px 13px 20px 14px;
width: 280px;
min-height: 200px;
}

.thirdlast{
text-align: left;
float: left;
margin: 16px 0px 20px 30px;
width: 285px;
min-height: 200px;
}

.thirdfirst img{
float: left;
}

.thirdsecond img{
float: left;
}

.thirdlast img{
float: left;
margin: 0px 20px 10px 0px;
}

.thirdfirst h3{
margin: 15px 0px 30px 86px;
line-height: 19px;
font-size: 20px;
font-weight: normal;
}

.thirdsecond h3{
margin: 15px 0px 30px 86px;
line-height: 19px;
font-size: 20px;
font-weight: normal;
}

.thirdlast h3{
margin: 15px 0px 30px 70px;
line-height: 19px;
font-size: 20px;
font-weight: normal;
}

.thirdfirst h2{
letter-spacing: .1px;
margin: 23px 0px 30px 86px;
line-height: 19px;
font-size: 28px;
font-weight: normal;
color: #606060;
text-shadow: none;
}

.thirdsecond h2{
letter-spacing: .1px;
margin: 23px 0px 30px 86px;
line-height: 19px;
font-size: 28px;
font-weight: normal;
color: #606060;
text-shadow: none;
}

.thirdlast h2{
letter-spacing: .1px;
margin: 23px 0px 30px 86px;
line-height: 19px;
font-size: 28px;
font-weight: normal;
color: #606060;
text-shadow: none;
}

/*------------- a one-third column for use with a form; tiny left margin ---*/
.thirdform{
text-align: left;
float: left;
margin: 16px 0px 10px 2px;
width: 315px;
}

.thirdform h3, h6{
margin: 10px 0px 0px 26px;
}

/*------------- gray background one third column-----------------*/

.thirdgray2{
float: left;
text-align: left;
margin: 2px 22px 12px 20px;
width: 279px;
padding: 14px 10px 14px 18px;
background: #EBEBEB;
min-height: 220px;
}

.thirdgray2 h3{
margin-top: 0px;
}

.splitone{
float: left;
clear: left;
margin: 16px 13px 10px 0px;
width: 284px;
min-height: 200px;
}

.splitend{
float: left;
margin: 16px 0px 10px 10px;
width: 284px;
min-height: 200px;
}



a.learnmore{
margin-right: 20px;
float: right;
text-indent: 18px;
height: 18px;
background: url(/images/bluearrow.png) no-repeat 0 0;
}

a.learnmore:hover{
background-position: 0px -22px;
}

a.learnmoreleft{
margin-right: 20px;
float: left;
clear: left;
text-indent: 18px;
margin-bottom: 15px;
height: 18px;
background: url(/images/bluearrow.png) no-repeat 0 0;
}

a.learnmoreleft:hover{
background-position: 0px -22px;
}

/*------------------TESTIMONIAL BANNER--------------*/

.testimonials{
clear: left;
width: 1000px;
min-height: 268px;
padding-top:10px;
padding-left: 15px;
position: relative;
background: #F8F8F8  url(/images/hr-top.png) no-repeat 0 -7px;
}



/*------------------ONE THIRD STANDARD----------------*/

.third{
text-align: left;
float: left;
margin: 0px 15px 15px 20px;
width: 320px;
}

.third img{
float: left;
}


.third h1{
    color: #CA0005;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 17px;
    margin: 0 0 -2px;
	font-weight: normal;
}

.third h5{
font-weight: normal;
margin-bottom: 21px;
}

.thirdgray{
text-align: left;
float: left;
margin: 0px 15px 15px 25px;
width: 270px;
background: #E9EBEB;
padding: 15px 25px 25px 25px;
}

.thirdgray h5{
font-weight: normal;
margin-bottom: 21px;
}


/*------------------ONE HALF STANDARD----------------*/

.half{
text-align: left;
float: left;
margin: 0px 10px 10px 20px;
width: 470px;
}

.half p{
text-align: left;
}


/*------------------TWO THIRDS STANDARD----------------*/

.twothirds{
text-align: left;
float: left;
width: 615px;
padding: 0px 20px 15px 0px;
}

.twothirdsclear{
text-align: left;
clear: left;
float: left;
width: 615px;
padding: 0px 20px 15px 0px;
}

.twothirds img{
float: left;
margin: 10px 10px 10px 0px;
}

.twothirds h3{
margin-top: -3px;
}

.twothirds h2{
font-size: 18px;
color: #606060;
font-weight: normal;
text-shadow: none;
margin-top: 16px;
margin-bottom: 6px;
letter-spacing: .2px;
}

.twothirds h1{
margin-top: -3px;
font-size: 26px;
color: #006699;
letter-spacing: normal;
line-height: 96%;
margin-bottom: 12px;
}

.twothirds h5{
clear: both;
}


/*------------------TWO THIRDS NARROW---------------*/

.twothirdsnarrow{
text-align: left;
float: left;
width: 570px;
padding: 0px 40px 15px 0px;
margin-left: 10px;
}

.twothirdsnarrow img{
float: left;
margin: 10px 16px 14px 0px;
}

.twothirdsnarrow h3{
margin-top: -3px;
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
}

.twothirdsnarrow h2{
font-size: 18px;
color: #606060;
font-weight: normal;
text-shadow: none;
margin-top: 16px;
margin-bottom: 6px;
letter-spacing: .2px;
}

.twothirdsnarrow h1{
margin-top: -3px;
font-size: 1.5em;
color: #006699;
letter-spacing: normal;
line-height: 98%;
margin-bottom: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

.twothirdsnarrow h5{
clear: both;
}



.twothirds-drop{
text-align: left;
float: left;
width: 615px;
padding: 0px 20px 15px 0px;
}

.twothirds-drop h3{
font-weight: normal;

}

.carouselcontainer{
text-align: left;
float: left;
width: 615px;
padding: 0px 20px 0px 0px;
}

.twothirds-left{
text-align: left;
float: left;
width: 595px;
padding: 0px 10px 15px 30px;
background: white;
}

.twothirds-left h1{
font-size: 28px;
line-height: 26px;
color: #006699;
margin-bottom: 11px;
letter-spacing: -0.2px;
font-weight: normal;
}

.twothirds-left img{
float: left;
margin: 10px 18px 12px 0px;
}

.twothirds-fixed{
text-align: left;
float: left;
width: 605px;
padding: 10px 10px 15px 20px;
}

.twothirds-fixed h1{
font-size: 28px;
line-height: 26px;
color: #006699;
margin-bottom: 11px;
letter-spacing: .1px;
font-weight: normal;
}

.twothirds-inside img{/**********inside for use when 20px top margin required************/
float: left;
margin: 10px 10px 10px 0px;
}

.twothirds-inside{
text-align: left;
float: left;
width: 605px;
padding: 20px 10px 15px 20px;
}

.twothirds-inside h1{
font-size: 28px;
line-height: 26px;
color: #006699;
margin-bottom: 11px;
letter-spacing: .1px;
font-weight: normal;
}









/*-------------PARAGRAPH STYLES-----------*/

p.demo{
margin-top: 60px;
margin-bottom: 20px;
}
 p.demotop{
 margin-top: 20px;
 }
 
/*-------------footer---------------*/
#footercontact{
margin: 0px;
float: left;
width: 210px;
height: 400px;
}

#foot{     /*--to provide a big background--*/
width: 100%;
margin: 0px;
clear: both;
font-style: normal;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 90%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 90%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 90%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #004279), color-stop(1, #011335));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #004279 0%, #011335 90%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #004279 0%, #011335 90%);
}

#smallfoot{
background: #011335;
width: 100%;
height: 100px;
text-align: center;
padding-top: 10px;
}

#smallfoot p{
color: white;
font-weight: normal;
line-height: 90%;
}

#foot h5{
margin-bottom: 12px;
}

span.vertup{
margin-bottom: 2em;
}

#footercontainer{ /*--to provide a centered div--*/
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 14px;
text-align: left;
clear: both;
min-height: 400px;

}

#footercontainer h5{
color: white;
margin-bottom: -1px;
}

img.column300{
float: left;
margin-right: 25px;
margin-left: 30px;
width: 40px;
height: 40px;
}

.column300 p{
color: white;
line-height: 130%;
font-size: 11px;
text-align: left;
padding-top: 32px;
letter-spacing: .5px;
font-family: Arial, Helvetica, Sans-serif;
}

.column300{
width: 270px;
margin: 0px 0px 0px 20px;
float: left;
}

.column300 a{
color: white;
}


#footercontact{
width: 250px;
background: white;
margin: 2px 5px 5px 10px;
line-height: 11px;
}

.fb-like{
float: left;
width: 80px;
margin: 21px 0px 21px 0px;
}

.blogfeed{
float: left;
height: 18px;
width: 164px;
margin: 10px 6px 25px 0px;
}

.twitterfeed{
height: 20px;
width: 140px;
margin: 19px 10px 0px 0px;
padding:0;
}

.authorize{
clear: left;
margin: 10px 0px 10px 0px
}

#footermenu{
width: 910px;
margin-left: auto;
margin-right: auto;
background: white:
}

#footermenutemp{
width: 910px;
margin-left: auto;
margin-right: auto;
height: 120px;
}

.columnicons img{
float:left;
}

span.footerphoner{
font-size: 15px;
}

.stretch{
width: 940px;
float: left;
margin: 10px 30px 10px 30px;
text-align: left;
}

.stretch img{
float: left;
margin: 0px 40px 9px 0px;
}

.stretch h4{
margin-left: 606px;
margin-top: 12px;
}

.column250{
text-align: left;
width: 250px;
float: left;
}

.column200{
width: 200px;
float: left;
margin-left: 29px;
}

.column200 p{
color: white;
font-size: 11px;
margin-top: 30px;
}

.column200 ul{
padding: 0;
margin-top: -10px;
list-style-type: none;
line-height: 150%;
}

.column200 li a{
color: white;
font-size: 12px;
}

.column200 a:hover{
color: #E0E0E0;
}

.column200 img{
outline: none;
border: none;
}



/*-----------inside page form--------------*/

.formcontainer{
width: 400px;
height: 750px;
background: url(/images/formbkg02.jpg) no-repeat;
margin: 0px;
float: left;
text-align: left;
padding: 0px 10px; 
}

.shortformcontainer{
width: 400px;
height: 550px;
background: url(/images/formbkg03.png) no-repeat;
margin: 0px;
float: left;
text-align: left;
padding: 0px 10px; 
}

.formsqueeze{
width: 300px;
margin-top: 10px;
}

.forminset{
width: 380px;
text-align: center;
}

/*------------column layouts-------------*/

/*------------breadcrum style-------------*/

#breadcrumb{
float: left;
clear: left;
margin: 0px 0px 15px 15px;
text-align: left;
height: 30px;
width: 1000px;
font-size: 13px;
letter-spacing: .4px;
}

#breadcrumb ul{
display: in-line;
list-style-type: none;
}

#breadcrumb ul li {
padding-right: 5px;
list-style: none;
display: inline;
}

#breadcrumb a,
#breadcrumb a:visited{
color: #666666;
text-decoration: none;
}

#breadcrumb li a:hover{
color: #29303E;
}

#breadcrumb li.current{
color: #006699;
font-weight: 400;
}

/*------------subject pages divs-------------*/

/*----support page----*/
#supportpromo{
background: url(/images/supporarticlebkg.jpg) no-repeat;
width: 500px;
height: 200px;
color: white;
padding: 12px 0px 0px 24px;
margin-bottom: 12px;
}
/*----myEOHdemo page----*/

.mydemotext{
float: left;
width: 420px;
padding: 0px 20px;
text-align: left;
margin: 10px 0px 20px 0px;
}

.mydemotext h3{
margin-bottom: 3px;
font-size: 18px;
font-weight: normal;
}

.mydemotext ul li{
font-size: 13px;
line-height: 16px;
margin-bottom: 6px;
}

.demoplayerside{
text-align: left;
float: left;
width: 480px;
margin: 10px 5px 15px 28px;
}

#surveyside{
float: left;
width: 480px;
margin: 0px 0px 20px 0px;
}

p.mydemohead{
font-size: 20px;
margin: 0px 0px -5px 0px;
}

/* -----free demo box ------ */

#freedemoaction{
float: left;
width: 250px;
background: #E9EAEA;
padding: 18px 20px 26px 29px;
margin-bottom: 20px;
}
#freedemoaction img{
float: left;
clear: left;
padding: 6px 10px 0px 0px;
}
#freedemoaction h3{
margin: 6px 0px 15px -15px;
font-weight: normal;
}

#freedemoaction p{
float: left;
clear: left;
margin-top: 10px;
line-height: 2.3em;
}

/*-----bgcarousel style---------*/

div.bgcarousel{ /* CSS for main carousel container */
background: #E9EAEB url(/images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:590px; /* default dimensions of carousel */
height:200px;
margin: 6px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:-30px 0px 0px 0px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: #E9EAEB;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #272727;
left: 300px;
top: 10px;
width:220px;
padding: 10px;
font-size: 15px;
line-height: 19px;
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}
.captionleft{
color: gray;
font-size: 11px;
float: left;
width: 260px;
padding-right: 10px;
}

span.caption{
font-size: 11px;
}

.videobox{
margin: 19px 30px 0px 0px;
padding:  0px;
width: 310px;
height: 250px;
float: right;
background: url(/images/video-bkg.png) no-repeat;
}

.videobox h5{
width: 280px;
margin: 10px 0px 0px 12px;
font-weight: normal;
}

#whohelp{
width: 1000px;
height: 220px;
position: relative;
background: url(/images/hr-top.png) no-repeat 0 -8px;
}

#whohelp h3{
font-size: 24px;
font-weight: normal;
}

.clientlogoleft{
float: left;
clear: left;
width: 290px;
margin: 20px 0px 0px 0px;
}

.clientlogonoclear{
float: left;
width: 290px;
margin: 0px 0px 162px 20px;
}

.clientlogonoclear h3{
margin: 24px 0px 36px 0px;
font-weight: normal;
}

.clientlogonoclear a{
font-size: normal;
color: #606060;
letter-spacing: 91%;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
}

.clientlogonoclear a:hover{
color: #006699;
}

.clientlogoleft h3{
margin: 24px 0px 16px 0px;
font-weight: normal;
}

.clientlogos{
float: left;
clear: left;
width: 310px;
margin: 10px 0px 10px 20px;
}

.clientlogos h3{
margin: 24px 0px 16px 45px;
font-weight: normal;
}

.experts{
margin: 10px 10px 0px 0px;
float: left;
width: 440px;
}

.experthelp{
text-align: center;
width: 170px;
float: right;
margin: 100px 20px 0px 0px;
}

/*-----logo carousel style---------*/

div.smallcarousel{ /* CSS for main carousel container */
background: url(/images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:270px; /* default dimensions of carousel */
height:80px;
margin: 6px 6px 20px 6px;
}

img.logonavbutton{ /* CSS for the nav buttons */
margin: 0px 0px 0px 0px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: white;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
}

.videocontainer{
float: left;
margin-bottom: 13px;
margin-top: 20px;
padding: 0px 0px 10px 8px;
}

.videocontainerleft{
float: left;
padding: 14px 1px 0px 0px;
width: 300px;

}

#industryplayer{
width: 260px;
padding: 15px;
min-height: 230px;
background-attachment: fixed;
background: #E9EAEA url(../../../images/industryplayerspeakericon.png) no-repeat;
background-position: 24px 20px;
margin-bottom: 24px;
}

#industryplayer h4{
margin: 5px 10px 30px 63px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
#industryplayer ul{
list-style-type: none;
list-style-position: outside;
margin-left: -15px;
}

#industryplayer img{
margin-right: 8px;
}

#industryplayer li{
font-size: .8em;
line-height: 13px;
padding-bottom: 18px;
color: #686868;
}


/*---------------industry player wide-----------------*/
#industryplayerwide{
width: 360px;
padding: 18px;
min-height: 230px;
background-attachment: fixed;
background: #F8F8F8 url(../../../images/industryplayerspeakericon.png) no-repeat;
background-position: 24px 20px;
margin-bottom: 14px;
}

#industryplayerwide h4{
margin: 5px 10px 30px 63px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
#industryplayerwide ul{
list-style-type: none;
list-style-position: outside;
}

#industryplayerwide img{
margin-right: 1em;
margin-top: 1em;
  vertical-align: middle;
  margin-bottom: 0.75em;
}

#industryplayerwide li{
font-size: .9em;
padding-bottom: 10px;
color: #686868;
}





/*------------INDUSTRY PAGES--------*/

.industryfeature01{
float: left;
text-align: left; 
width: 580px;
margin-top: -10px;
margin-bottom: 16px;
padding: 0px 30px 0px 0px;
min-height: 100px;
}

.industryfeature01 img{
float: left;
margin: 0px 5px 5px 10px;
border: 1px solid #E0E0E0;
}

.industryfeature01 p.caption{
padding-left: 20px;
width: 410px;
float: left;
clear: left;
}

.industryfeature01 ul{
margin-top: -15px;
clear: left;
}

.industryfeature01 h5{
margin-bottom: 5px;
margin-left: 0px;
font-weight: normal;
}

.industryfeature{
float: left;
text-align: left; 
width: 580px;
margin-top: 10px;
padding: 0px 30px 0px 0px;
min-height: 300px;
}

.industryfeature img{
float: left;
margin: 0px 5px 5px 10px;
border: 1px solid #E0E0E0;
}

.industryfeature p.caption{
width: 282px;
padding-left: 20px;
float: right;
margin-right: 6px;
}

.industryfeature ul{
margin-top: -15px;
}

.industryfeature h5{
margin-bottom: 5px;
margin-left: -15px;
font-weight: normal;
}

#quotechat{
text-align: left;
margin: 0px 30px 0px 15px;
width: 270px;
line-height: 140%;
float: left;
}

/*-------DEMO PAGE -----------*/

.howitworks{
width: 300px;
float: left;
padding: 10px 0px -10px 5px;
}

#howitworkstitle{
width: 600px;
height: 30px;
margin-bottom: 15px;
}

.howitworks.img{
float: left;
}

.howitworks p{
text-align: left;
padding: 0px 0px 10px 60px;
line-height: 116%;
}

.howitworks h4{
margin-left: 6px;
font-size: 98%;
margin-bottom: -9px;
}

.howitworksright{
float: left;
width: 300px;
padding: 73px 0px 5px 0px;
}

.howitworksright.img{
float: left;
}

.howitworksright p{
text-align: left;
padding: 0px 0px 10px 60px;
line-height: 116%;
}

.howitworksright h4{
text-align: left;
margin-left: 60px;
font-size: 98%;
margin-bottom: -9px;
}

#safe{
float: left;
clear: left;
}

#triForm{
	float:left;
	display:inline;
	width:477px;
	height:119px;
	height:auto;
	padding:0px;
	margin:10px 0px 20px 20px;
	border:1px solid #999999;
	background:url(/images/triForm.gif);
}

#triForm form{
	float:left;
	display:inline;
	clear:none;
}

#brandForm select{
	width:145px;
	/*height:172px;*/
}

#modelForm select{
	width:132px;
	
	/*height:172px;*/
}

#triForm p{
	float:left;
	text-align: left;
	display:inline;
	clear:both;
	font-size:10px;
	line-height:100%;
	color:#006699;
	width:469px;
	margin:4px 0px 0px 0px;
	padding:4px;
	background:white;
}
#holidaybody{
text-align: left;
float: left;
width: 440px;
margin: 0px 25px 20px 30px;
}
#holidayorder{
background: #E9EAEA;
padding: 10px 20px 20px 20px;
float: left;
width: 430px;
min-height: 1200px;
}

#holjuk{
min-height: 410px;
margin:0px 0px 0px -16px;
}

#standout p{
padding-bottom: 5px;
}

/*----INDUSTRY CUSTOM DIVS----*/
.indcontainer{
width: 970px;
min-height: 294px;
padding: 2px 0px 9px 15px;
margin: 0px 0px 3px 6px;
}

.indcontainer h3{
margin-left: 20px;
}

.systemscontainer{
width: 980px;
min-height: 340px;
padding: 0px 0px 0px 20px;
text-align: left;
}

.systemscontainer h5{
margin: 20px 0px 20px 0px;
}

.systemscontainer h3{
margin: 20px 0px 20px 0px;
font-size: 26px;
line-height: 25px;
}

.systemscontainer img{
margin-right: 15px;
}

.systemscontainer .thirdfirst p{
min-height: 145px;
}

.systemscontainer .thirdsecond p{
min-height: 145px;
}

.systemscontainer .thirdlast p{
min-height: 145px;
}
/*--------------industry samples category page--------*/
.quarter{
float: left;
width:223px;
margin: 0px 9px 0px 9px;
}

.quarter a.learnmoreleft{
width: 200px;
}

.quarter h5{
float: left;
margin-top: 13px;
}

.quarter img{
float: left;
margin-top: 10px;
margin-right: 14px;
}
 
.quarter p{
min-height: 145px;
width: 220px;
}

.manta img{
margin-top: 20px;
}
/* ---------------TABLES style-------------- */

table{
width: 250px;
font-size: 11px;
border: 1px solid gray;

}

tr.blue{
background: #DFE7FF;
width: 250px;
padding-left: 20px;
border: collapse;

}

td{
padding-left: 20px;
}


table.gridtable {
	font-family: "Trebuchet",arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	font-size: 140%;
	letter-spacing: .1em;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}



table.gridtable2 {
	text-align: left;
	width: 960px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable2 th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background: #000066;
	font-size: 120%;
	letter-spacing: .05em;
	color: white;
}
table.gridtable2 td {
	max-width: 220px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}



/*-----------Customer Portal Client Home--------------*/
a.approveaudio{
float: right;
margin: 0px 45px -4px 0px;
padding: 1px;
  display: block;
  width: 63px;
  height: 63px;
  background: #f5f5f5 url("../images/emailapprvl.png") no-repeat 0 0;
  outline: none;
 }

a.approveaudio:hover{
  background-position: 0 -70px;
}

#container #custContent form #myOnPageContent p br {
	margin: 5px;
	clear: both;
}

/*new customer admin section*/

#custheading{
line-height: 130%;
font-size: 12px;
}

.changed{
margin-left: 40px;
font-size: 12px;
color: #999999;
}

#scriptcontent{

 /* font-size: 15px;*/
  width: 720px;
  margin-left:50px;
  padding: 10px 20px 20px 20px;
  line-height: 120%;
  clear: left;
  border-top: solid 1px #000066;
   font-size: 15px;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
  }
  
  
#scriptcontent h3{
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: -10px;
  }

/*-----custContent is the container for the column--*/

#custContent{
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding: 5px 10px 10px 10px;
}
  
#custContent h5 {
margin: 10px 0px -7px 0px;
}

#custContent h2 {
	color: #006;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
}
  
  #custContent img{
	margin: 5px;
	position: relative;
	top: 9px;
   }
  
  #custContent img.divider{
  position: relative;
  top: -10px;
  left: -20px;
  width: 410px;
  }
  
  
  
#custContentBox{           /*-----custContentBox the area where client files and scripts are located------*/
	width: 440px;
	margin:0px 10px 0px 10px;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	float: left;
	vertical-align: top;
	padding: 0px 10px 20px 20px;
}

#custContentBox p{
font-family: Verdana, Sans-serif; 
line-height: 135%;
}

#custContentBox h1{
	color: black;
	font-size: 16px;
	font-weight: normal;
}

#myprojectcontainer h1{
font-size: 14px;
}

#custContentBox h5{
margin-bottom: 5px;
}

#custContentBox p{
font-size: 11px;
}

#custContentBox ul{
	list-style-type: none;
}
#custContentBox li{
	display: block;
	border-bottom: 1px solid #EBEBEB;
	margin: 5px 5px 5px -15px;
	clear: both;
	font-size: 13px;
}
#custContentBox ul li ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#custContentBox li span a{
	text-decoration: none;
}
#scriptFormLeft {
	display: block;
	float: left;
	width: 150px;
	margin-left: 10px;
}

.headerone{
margin-left: 48px;
margin-bottom: 10px;
width: 250px;
float: left;
}

.headertwo{
margin-left: 10px;
width: 200px;
float: left;
}

.headerthree{
width: 290px;
float: left;
margin-left: 7px;
margin-bottom: 10px;
}

.introset{
padding: 10px, 0px 10px 20px;
}

/*------blog link callout div-----*/
.readmorecallout{
background: url(/images/readmore.png) no-repeat;
background-position: 12px 12px;
padding: 0px 11px 9px 11px;
width: 90%;
margin: 12px 18px 1px 0px;
border: 3px solid #EBEBEB;
}

.blueborder{/*---just a blue border box div--*/
padding: 10px 11px 9px 11px;
width: 90%;
margin: 12px 18px 1px 0px;
border: 3px solid #EBEBEB;
}

.blueborder img{
float: left;
margin: 0px 9px 6px 0px;
}

.readmorecallout h5{
margin-left: 60px;
margin-top: 8px;
font-size: 16px;
}

.readmorebox{
background: url(/images/readmore.png) no-repeat;
clear: left;
float: left;
border: 3px solid #EBEBEB;
padding: 7px 4px 0px 6px;
margin-top: 35px;
font-size: 12px;
background-position: 4px 2px;
width: 280px
}

.readmorebox a{
margin-left: 50px;
}

.readmorebox p{
font-size: 90%;
margin-top: 2px;
margin-bottom: 5px;
}

.readmoretease{
background: url(/images/readmore.png) no-repeat;
clear: left;
float: left;
margin-top: 25px;
font-size: 12px;
}

.readmoretease h6{
margin-top: 0px;
margin-left: 50px;
margin-bottom: -10px;
}

.readmoretease p{
clear: left;
text-align: left;
font-size: 90%;
}


.clearfix:after {
	content: '.';
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	width: 100%;
	visibility: hidden;
}



/*--------inside nav menus for landing pages--*/

.menulist{
width: 330px;
padding: 10px 0px 17px 0px;
margin: 0px 0px 12px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F0F0F0; 
}

.menulist ul{
list-style: none;
margin: 19px;
padding: 0px;
}

.menulist span{
font-size: 20px;
margin: 0px 0px 0px 9px;
color: #606060;
}

.menulist ul li{
margin: 0px;
padding: 0px;
}

.menulist ul img{
position:relative;
top:2px;
right: 2px;
}


.menulist ul li a{
font-size: 16px;
color: #606060;
background: #F8F8F8; 
margin-left: -19px;
display: block;
width: 300px;
text-decoration: none;
padding:10px 0px 8px 12px;
border-bottom: 1px solid #E8E8E8;
}

.menulist ul li a.last{
border: none;
}

.menulist ul li a:hover, menulist ul li a:focus {
background:  #FFF;
color: black;
}


/*-------------------------holiday music promotion---------------*/
.brickman{
width: 320px;
background: url(/images/brickman2.png) no-repeat;
height: 200px;
margin: 10px 0px -20px -10px;
padding: 60px 0px 0px 20px;
}

.brickman a{
	margin-top: 35px;
	margin-left: 14px;
   	padding: 3px;
	background: #006699;
    color: #EEEEEE;
    display: block;
    font-size: 13px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 100px;
	border: 3px solid #666666;
	outline: 0;
	-moz-border-radius: 5px;
border-radius: 5px;
}	

.brickman a:hover{
    padding: 3px;
	background: #006699:
    color: #FFFFFF;
    display: block;
    font-size: 13px;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
    width: 100px;
	border: 3px solid #686868;
	outline: 0;
	-moz-border-radius: 5px;
border-radius: 5px;
}     

#letter{
margin-top: 10px;
margin-left: 10px;
width: 560px;
height: 360px;
padding-top: 20px;
color: 	#303030;
background: url(/images/letterbkg.png) no-repeat;
background-position: 0px 60px;
}

#letter h5{
margin-top: -10px;
margin-bottom: 1px;
font-size: 22px;
}

#letter h4{
font-size: 90%;
letter-spacing: normal;
margin-bottom: 14px;
}

#letter p{
width: 470px;
padding-left: 37px;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
line-height:99%;
}

/*------------learn page---------*/

#adviceblock h2{
text-shadow: none;
font-size: 18px;
margin-top: 0px;
color: black;
font-family: 'Open Sans', sans-serif;
}

#adviceblock h3{
margin-left: 55px;
font-family: 'Open Sans', sans-serif;
}

#adviceblock h6{
font-size: 23px;
color: black;
margin: 0px 0px 16px 9px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

#adviceblock{
float: left;
text-align: left;
width: 580px;
padding: 18px;
margin-left: 20px;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
}

#adviceblock ul{
float: left;
clear: left;
text-decoration: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#adviceblock ul li{
padding: 15px 0px 10px 20px;
width: 100%;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(252,252,252,1) 39%, rgba(248,248,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(39%,rgba(252,252,252,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(252,252,252,1) 39%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(252,252,252,1) 39%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(252,252,252,1) 39%,rgba(248,248,248,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(252,252,252,1) 39%,rgba(248,248,248,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */

}

#adviceblock ul li:hover{
background: rgb(243,247,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(243,247,249,1) 0%, rgba(255,255,255,1) 19%, rgba(238,241,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,247,249,1)), color-stop(19%,rgba(255,255,255,1)), color-stop(100%,rgba(238,241,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(243,247,249,1) 0%,rgba(255,255,255,1) 19%,rgba(238,241,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(243,247,249,1) 0%,rgba(255,255,255,1) 19%,rgba(238,241,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(243,247,249,1) 0%,rgba(255,255,255,1) 19%,rgba(238,241,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(243,247,249,1) 0%,rgba(255,255,255,1) 19%,rgba(238,241,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7f9', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */

}

#adviceblock h2:hover{
color: #606060;
}

#adviceblock p:hover{
color: black;
}

#adviceblock li.last{
border: 1px solid #D8D8D8;
border-radius: 0px 0px 6px 6px;

}

#adviceblock li.top{
border: 1px solid #D8D8D8;
border-radius: 6px 6px 0px 0px;

}

/*-------now we give you the LEARN section styles-----------*/
#learncontainer{
overflow: hidden;
width: 100%;
background: white;
margin-bottom: 20px;
}

.learnaround{
text-align: left;
width: 950px;
min-height: 294px;
margin: 10px 0px 3px 36px;
}

.learnaround h1{
font-size: 28px;
margin-bottom: 5px;
color:	#282828;
}

.learnaround h1 span{
font-weight: normal;
color: gray;
}


.learnbox{
float: left;
width: 330px;
background: #F8F8F8;
margin-top: 18px;
padding: 14px;
overflow: hidden;
}

.learnbox img{
margin: 6px 12px 0px 18px;
float: left;
}

p.learnbox{
font-size: 14px;
line-height: 111%;
font-weight: normal;
clear: left;
width: 300px;
}

.choosesystem{
clear: left;
width: 358px;
float: left;
background: #F8F8F8;
overflow: hidden;
margin-bottom: 20px;
}

.choosesystem img{
float: left;
margin: 0px 28px 0px 18px;
}

.choosesystem ul li{
padding: 0;
margin: 0;
}

.choosesystem p.title{
margin-top: 4px;
font-size: 18px;
font-weight: normal;
}

.choosesystem p.under{
margin-left: 124px;
margin-top: -8px;
line-height: 105%;
font-size: 11px;
padding-right: 9px;
}

.choosesystem a{
color: #000;
float: left;
width: 358px;
border-bottom: 1px solid white;
border-top: 1px solid white;
border-width: 1px 0;
text-decoration: none;
font-weight: normal;
padding-top: 9px;
padding-bottom: 9px;
}

.choosesystem a:visited{
color:#000;
}

.choosesystem ul{
list-style-type: none;
margin-left: -16px;
}

.choosesystem  a:hover{
background: #F0F0F0 ;
color: gray;
}

.learnboxwide{
float: left;
width: 530px;
background: #F8F8F8 ;
margin-top: 18px;
padding: 14px;
overflow: hidden;
margin-left: 20px;
min-height: 30px;
}

.learnboxwide img{
margin: 6px 12px 0px 18px;
float: left;
}

p.learnboxwide{
font-size: 14px;
line-height: 111%;
font-weight: normal;
clear: left;
width: 480px;
}


.choosearticle{
width: 558px;
float: left;
background: #F8F8F8 ;
overflow: hidden;
margin-bottom: 20px;
margin-left: 20px;
}

.choosearticle img{
float: left;
margin: 0px 28px 0px 18px;
}

.choosearticle ul li{
padding: 0;
margin: 0;
}

.choosearticle p.title{
margin-top: 4px;
font-size: 18px;
font-weight: normal;
}

.choosearticle p.under{
margin-left: 124px;
margin-top: -8px;
line-height: 105%;
font-size: 11px;
padding-right: 9px;
}

.choosearticle a:{
color: #000;
float: left;
width: 558px;
border-bottom: 1px solid white;
border-top: 1px solid white;
border-width: 1px 0;
text-decoration: none;
font-weight: normal;
padding-top: 9px;
padding-bottom: 9px;
}

.choosearticle ul{
list-style-type: none;
margin-left: -16px;
}

.choosearticle  a:hover{
background: #F0F0F0 ;
color: gray;
}

/*-------------revised admin login page---------------*/

.logincontainer{
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: center;
}

.logintextarea{
width: 310px;
padding: 20px;
float: left;
text-align: left;
margin-left: 96px;
margin-right: -10px;
}

.loginbuttonarea{
width: 310px;
float: left;
margin-left: 30px;
text-align: center;
}

.loginbuttonarea p{
margin-top: 38px;

font-size: 12px;
color: #606060;
}

.centered{
text-align: center;
clear: both;
}

#loginemailarea{
width: 590px;
height: 100px;
margin-bottom: 20px;
margin-left: 80px;
clear: both;
border: 1px solid #99CCFF;
padding: 20px;
text-align: center;
}

p.alert{
padding: 9px;
font-size: 12px;
width: 560px;
margin-left: 30px;
margin-bottom: -20px;
color: #606060;
text-align: left;
}

#orderhere{
width: 266px;
border: 1px solid #E8E8E8;
padding: 12px;
min-height: 80px;
}

#orderhere h5{
font-size: 120%;
margin: 0px 0px 9px 0px;
line-height: 1em;
}

#orderhere p{
padding: 0px 6px 0px 6px;
float: left;
font-size: 14px;
line-height: 1.0em;
margin-bottom: 19px;
}

#orderhere a{
float: left;
margin-left: 19px;
}

/*-----------------------ARTICLES PAGES----------------*/
#articles h1{
color: black;
width: 100%;
clear: left;
font-size: 28px;
letter-spacing: .3px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

#articles h2{
font-size: 20px;
color: #606060;
margin-top: 1px;
text-shadow: none;
color: #006699;
margin: 11px 0px 3px 0px;
letter-spacing: .4px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

h4.mod{
font-size: 20px;
color: #606060;
margin-top: 1px;
text-shadow: none;
color: #006699;
margin: 3px 0px 18px 0px;
letter-spacing: .4px;
font-family: 'Open Sans', sans-serif;
}

h2.strong{
font-size: 20px;
color: #606060;
margin-top: 1px;
text-shadow: none;
color: #006699;
margin: 11px 0px 3px 0px;
letter-spacing: .4px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

a.goreadmore{
font-size: 84%;
letter-spacing: .3px;
color: #006699;
padding-left: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
a.goreadmore:hover{
color: gray;
}


a.articlemore{
clear: both;
margin: -16px 20px 40px 0px;
font-size: 84%;
letter-spacing: .3px;
color: #006699;
float: right;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
a.articlemore:hover{
color: gray;
}

#articles h3{
clear: both;
}

/*-----------------------VIDEOS PAGES----------------*/
#videos h1{
color: #006699;
width: 500px;
clear: left;
font-size: 28px;
letter-spacing: .3px;
margin-bottom: 18px;
}

#videos h2{
font-size: 20px;
color: #606060;
margin-top: 1px;
text-shadow: none;
color: #006699;
margin: 11px 0px 3px 0px;
letter-spacing: .4px;
}

#videos{
margin: 20px 20px 20px 50px;
color: black;
width:670px;
text-align: left;
float: left;
}


/* Gradient transparent - color - transparent */ 
hr.style-two { 
margin: 34px 0px 44px 0px;
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

hr.articles{
color: #D5EDF0;
clear: right;
width: 100%;
margin-bottom: 40px;
text-shadow: none;
}

#articles img{
float: left;
margin: 0px 19px 15px 0px;
}

#articles{
margin: 20px 20px 20px 30px;
color: black;
width:670px;
text-align: left;
float: left;
}

#articles ol{
list-style-position: inside;
}

/*-------------------------NAI landing page------------------*/

.twothirds-nai{
text-align: left;
float: left;
width: 605px;
margin: 20px 15px 20px 40px;
}

.twothirds-nai h1{
font-size: 28px;
color: black;
float: left;
clear: both;
}

.twothirds-nai h2{
color: black;
text-shadow: none;
font-size: 20px;
margin-top: -5px;
margin-left: 2px;
clear: both;
}

.twothirds-nai img{
float: left;
margin-top: 12px;
margin-bottom: 12px;
clear: both;
}

.twothirds-nai h3{
margin-top: 24px;
margin-bottom: 2px;
font-size: 15px;
letter-spacing: .1px;
color: #606060;
clear: both;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

.bufftop {
margin-top: 60px;
}

.nai-startbox{
background: #094AB2;
margin: 19px 30px 20px 0px;
text-align: center;
width: 260px;
padding: 20px;
float: left;
} 

.nai-startbox h2{color: white;}

.oldcastle-startbox{
background: #1E4B66;
margin: 19px 30px 20px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
width: 560px;
padding: 20px;
float: left;
color: white;
}

.oldcastle-startbox h2{
color: #FFFFFF;
margin-bottom: 12px;
text-shadow: 2px 1px 2px #606060;
}

.oldcastle-startbox p{
color: #FFFFFF;
line-height: 14px;
margin-bottom: 12px;
}

.oldcastle-startbox p.bottom{
color: #FFFFFF;
font-size: 110%;
}


.oldcastle-startbox a{
color: #99FFCC;
font-size: 110%;
text-decoration: underline;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
}
-------------

.nai-startbox h2{
color: #FFFFFF;
margin-bottom: 12px;
text-shadow: 2px 1px 2px #606060;
}

.nai-startbox p{
color: #FFFFFF;
line-height: 14px;
margin-bottom: 12px;
}

.nai-startbox p.bottom{
color: #FFFFFF;
}


.nai-startbox a{
color: #99FFCC;
font-size: 12px;
text-decoration: underline;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
}

.three-over{
width: 233px;
float: left;
}

.three-over ul{
margin-top: -9px;
}

.three-over li{
padding: 0;
}


#industryplayer-nai{
width: 260px;
padding: 15px;
min-height: 230px;
background-attachment: fixed;
background: #E9EAEA url(/images/industryplayerspeakericon.png) no-repeat;
background-position: 24px 20px;
margin-bottom: 24px;
}

#industryplayer-nai h4{
margin: 5px 10px 30px 63px;
font-weight: normal;
}
#industryplayer-nai ul{
list-style-type: none;
list-style-position: outside;
margin-left: -5px;
}

#industryplayer-nai img{
margin-right: 12px;
margin-top: -1px;
}

#industryplayer-nai li{
font-size: 1em;
line-height: 21px;
padding-bottom: 15px;
color: #686868;
clear: left;
}

p.nai-right{
font-size: 11px;
color: black;
margin-left: 100px;
}

p.under{
margin-top: -14px;
font-size: 70%;
color: black;
margin-left: 120px;
}

#hector{
width: 264px;
border: 1px solid #E8E8E8;
padding: 12px;
min-height: 80px;
margin-bottom: 50px;
margin-top: 20px;
}

#hector h5{
font-size: 90%;
font-style: italic;
}

#full-nai{
width: 960px;
clear: both;
margin-left: 30px;
margin-bottom: 30px;
}
/*-----------------------end NAI page styles-----------------*/

.skinnycontact{ /*-------a box w background contact us-----*/
	width: 223px;
	min-height: 168px;
	float: left;
	margin-left: 20px;
	background: url(/images/contactbkg.png) no-repeat;
	}
	
	
/*---------menu used in learn pages, skinny, on the right-------------*/
	
	
.skinnymenu{
float: left;
width: 239px;
margin-left: 20px;
margin-top: 20px;
text-align: left;
}

.learnmenulist{
width: 220px;
padding: 10px 0px 14px 0px;
margin: 0px 0px 12px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F0F0F0; 
}

.learnmenulist ul{
list-style: none;
width: 230px;
margin: 9px 0px 9px 0px;
padding: 0px;
}

.learnmenulist span{
font-size: 16px;
margin: 9px;
color: #606060;
}

.learnmenulist ul li{
margin-left: 20px;
padding: 0px;
}

.learnmenulist ul img{
position:relative;
top:2px;
right: 2px;
}


.learnmenulist ul li a{
font-size: 14px;
color: #606060;
background: #F8F8F8; 
margin-left: -19px;
display: block;
width: 207px;
text-decoration: none;
padding:9px 0px 8px 12px;
border-bottom: 1px solid #E8E8E8;
}

.learnmenulist ul li a.last{
border: none;
}

.learnmenulist ul li a:hover, learnmenulist ul li a:focus {
background:  #FFF;
color: black;
}

#articles h2.black{
color: black;
margin-bottom: 9px;
}

/*-------------------------support articles page--------------*/

   #supportarticles {  
	text-align: left;
        margin:10px 80px 30px 30px;  
    }  

 #tabbed_box {  
  text-align: left;  
    width:600px;
}

.tabbed_box h4 {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:23px;  
    color:#ffffff;  
    letter-spacing:-1px;  
    margin-bottom:10px;  
} 
 
.tabbed_box h4 small {  
    color:#e3e9ec;  
    font-weight:normal;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
} 

.tabbed_area {  
	width: 600px;
    border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px; }


    ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:6px;  		
    } 

	
    ul.tabs li {  
        list-style:none;  
        display:inline;  
    }  
	
	ul.tabs li a {  
    color:#ffebb5;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:11px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:normal;    
    border:1px solid #464c54; 
 	background: #464c54;
}  

ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a; 
	color: #606060;
    background-image:url(/images/tab_on.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;
    background-image:url(/images/tab_off.jpg);  
    background-repeat:repeat-x;  
    background-position:top;	
} 
.content {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54; 
    background-image:url(images/content_bottom.jpg);  
    background-repeat:repeat-x;    
    background-position:bottom bottom;     
}  

.content img{
float: left;
margin-top: -23px;
margin-right: 12px;
}


#content_2, #content_3 { display:none; } 




    .content ul {  
        margin:0px;  
        padding:0px 20px 0px 20px;  
    }  
    .content ul li {  
        list-style:none;  
        border-bottom:1px solid #d6dde0;  
        padding-top:16px;  
        padding-bottom:16px;  
        font-size:13px;  
    }  
    .content ul li a { 
		
        text-decoration:none;  
        color:#3e4346;  
    } 

    .content ul li a:hover {  
        text-decoration:none;  
        color:#336699;  
    }	
    .content ul li a small {  
        color:#8b959c;  
        font-size:9px;  
        text-transform:uppercase;  
        font-family:Verdana, Arial, Helvetica, sans-serif;  
        position:relative;  
        left:4px;  
        top:0px;  
    }  
	
	.content ul li:last-child {  
    border-bottom:none;  
} 
	
img.choosesupport img{
margin: -1px 9px 10px 0px;
float: left;
}

.choosesupport a{
color: #000;
float: left;
padding: 17px 0px 0px 0px;
height: 38px;
border: 1px solid #E0E0E0;
margin: 9px 0px 0px 0px;
width: 90%;
font-size: 14px;
text-decoration: none;
font-weight: normal;
}

.choosesupport  a:hover{
background: #F8F8F8;
color: #006699;
}

h2.block{
text-align: left;
font-size: 26px;
color: #606060;
margin: 28px 0px 30px 30px;
text-shadow: none;
color: #000;
letter-spacing: .3px;
}

/*------------support ticket page--------------*/

#support-ticket{
margin-top: 22px;
margin-bottom: 30px;
width: 402px;
float: left;
margin-left: 42px;
height: 1000px;
background: #E0E0E0;
padding: 15px;
-moz-border-radius: 14px;
border-radius: 14px;
}


#supportticket-sidebar{
width: 200px;
font-size: 14px;
float: left;
clear: both;
margin-left: 30px;
margin-top: 20px;
}

#supportticket-sidebar img{
margin-bottom: 30px;
}

/*---------A Nice Image Frame For pics with Caption--------*/

.captioned{   /*---for a 200px-wide photo--*/
width: 216px;
float: left;
clear: both;
margin: 10px 30px 4px 0px;
}

.captioned p{
color: #606060;
clear: left;
font-size: 11px;
float: left;
text-align: left;
width: 194px;
padding: 4px;
line-height: 1em;
}

.captioned img{
float: left;
margin: 0;
padding: 0;
}

.captioned3{ /*---for a 300px-wide photo--*/
width: 316px;
float: left;
clear: both;
margin-top: 10px;
}

.captioned3 p{
color: #606060;
font-size: 11px;
float: left;
text-align: left;
width: 294px;
padding: 4px;
line-height: 1em;
margin-bottom: 10px;
}

.captioned3 img{
float: left;
margin: 0;
padding: 0;
margin: 0px 14px 1px 0px;
}
 /*--------Save And Win Landing Page----------------*/
 
 #savewin{
 width: 100%;
 float: left;
 clear: both;
 margin: 10px 20px 9px 0px;
 color: #135740;
 background: url(/images/savewinbkg.png) no-repeat;
min-height: 150px;
 }
 
 #savewin ul{
 margin-top: 19px;
 margin-left: 15px;
 width:394px;
 float: left;
 text-align: left;
 list-style-type: none;
 }
 
 #savewin h1{
 color: #135740;
 }
 
 #savewin ul li{
 font-size: 16px;
 line-height: 17px;
 padding-bottom: 15px;
 }

.savewinvideo{
text-align: center;
margin-top: 0px;
}

h4.black{
color: black;
}

.savewincopyblock{
margin-left: 30px;
margin-top: 15px;
}

.savewincopyblock ul li.sub{
font-size: 11px;
text-indent: 9px;
margin-top: -7px;
list-style-type: none;
}


#headline13{
float: left;
width: 580px;
height: 250px;
margin: 15px 0px 0px 34px;
}

#headline13 h1{
font-size: 16px;
line-height: 19px;
color: white;
letter-spacing: .5px;
font-weight: normal;
width: 480px;
margin-top: 0px;
}

#headline13 h2{
margin-top: 10px;
margin-left: 210px;
font-size: 20px;
color: white;
}

#headline13 img{
margin-left: 40px;
}

/*------------div for right margin orientation-----------------*/
.right{
float: right;
}

/*------------for OnSip landing page -----------------*/

#onsip{
margin: 0px 0px 20px 0px;
background: #F8F8F8;
padding-top: 22px;
}

#onsipheadline{
width: 740px;
margin: 14px 40px 0px 20px;
padding: 0;
}

#onsipheadline h1{
font-size: 46px;
line-height: 99%;
margin: 20px 20px 0px 20px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
letter-spacing: .1px;
}

#onsip h2{
color: #606060;
line-height: 32px;
margin-bottom: 9px;
text-align: left;
font-size: 28px;
text-shadow: none;
font-family: 'Oswald', sans-serif;
font-weight: normal;
}

.onsipcopy h3{
font-size: 28px;
}

#onsip p{
margin-bottom: 12px;
}

.onsipcopy ul li{
font-family: 'Open Sans', sans-serif;
line-height: 130%;
letter-spacing: 105%;
}

#onsip img{
float: left;
}

.onsipcontent{
width:100%;
padding: 20px 40px 20px 20px;
float: left;
text-align: left;
}

.onsipcopy{
float: left;
width: 500px;
min-height: 400px;
}

.onsipform{
margin-top: 20px;
clear: left;
float: left;
width: 380px;
margin-right: 30px;
padding: 20px;
min-height: 400px;
background-color: #F0F0F0;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border: 1px solid #E0E0E0;
}

.brands{
float: left;
clear: left;
margin: 60px 0px 0px -40px;
width: 100%;
height: 100px;
}

/*----------------- menu for OnSip page-------------------------*/

.utilmenu-onsip{
padding: 0;
margin-left: 22px;
overflow: hidden;
letter-spacing: .5px;
color: white;
}

.utilmenu-onsip img{
position: relative;
top: 4px;
}

.utilmenu-onsip li{
display: inline;
font-size: 11px;
}

.utilmenu-onsip ul{
position: relative;
top: -40px;
}

ul.buttonlogin{
float: right;
padding-right: 20px;
display: block;
}

ul.buttonlogin a{
float: right;
background: url(/images/lock-white-14-btn.png) no-repeat;
background-position: 0px 3px;
height: 20px;
width: 60px;
display: block;
margin-left:90;
padding: 0;
}

ul.buttonlogin a:hover{
background-position: 0 -14px;
}

.greyborder{
border: 1px solid #E0E0E0;
clear: left;
}

//*********------------2014 NAVIGATION AREA-----------------**********//

#insidenav14{
font-size: 11px;
color: #303030;
}


#insidenav14 ul li.first, #insidenav14 ul li.first a{
color: #2D7DB3;
background-image: none;
padding-left: 0;
font-size:110%;
}

#insidenav14 a{
color: #303030;
text-decoration: none;
}

#insidenav14 img{
position:relative;
top:3px;
margin-right: 2px;
}

#insidenav14 a:hover, ul li.present{
color: #399FE3;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

#insidenav14 ul{
list-style-type:none;
margin:0;
padding:0;
border-bottom: 1px solid #E0E0E0;
height: 40px;
width: 100%;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDF0FF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDF0FF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDF0FF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDF0FF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDF0FF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDF0FF 100%);
} 

#insidenav14 ul li{
display:inline-block; 
white-space:nowrap;
padding-top: 2px;
padding-right: 10px;
padding-left: 10px;
line-height: 36px;
background: url('/images/brdr.png')no-repeat;
}

//*---music-messages-2014---*//


#pagetitle{
width: 100%;
text-align: center;
height: auto;
margin-top: -5px;
clear: both;
}

#pagetitle h1{
color: #303030;
font-size: 38px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: -0.01em;
margin-top: 11px;
margin-bottom: 0px;
}

#pagetitle h2{
color: #606060;
text-shadow: none;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: -0.04em;
margin-bottom: 26px;
margin-top: 0px;
}

.displayrow{
margin-left: auto;
margin-right: auto;
overflow:hidden;
height:1%;
padding: 0px;
width: 100%;
text-align: center;
clear: both;
}

.displayrow p{
text-align: left;
font-size: 14px;
line-height: 19px;
color: #303030;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
width: 90%;
margin: 10px auto 0px auto;
}

.packagesmall{
float: left;
min-height: 220px;
background: #F0F0F0 ;
width: 260px;
padding: 14px 18px 0px 20px;
margin-top: 80px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}

.packagesmall p, .packagebig p{
text-align: center;
}

.packagesmall h3{
font-size: 26px; 
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
letter-spacing: -0.01em;
margin-bottom: 2px;
color: #303030;
}

.packagesmall h4{
font-size: 18px; 
color: #006699;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: -0.01em;
line-height: 22px;
}

.indent15{
margin-left: 15px;
}

.packagesmall ul, .packagebig ul{
list-style-position: inside;
margin-top: 14px;
}

.packagebig ul li,.packagesmall ul li{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
text-align: left;
}

.packagebig{
float: left;
font-family: 'Open Sans', sans-serif;
background: white;
width: 330px;
padding: 14px 20px 40px 20px;
margin-top: 10px;
margin-bottom: 40px;
border: 1px solid #D8D8D8;
border-radius: 13px; 
-moz-border-radius: 13px; 
-webkit-border-radius: 13px; 
}

.packagebig h3{
font-size: 33px; 
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
letter-spacing: -0.01em;
margin-bottom: 1px;
color: black;
}

.packagebig h4{
font-size: 20px; 
color: #006699;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: -0.03em;
margin-bottom: 26px;
margin-top: 11px;
}

#gotodemo14{
	text-align: center;
    margin: 20px 0px 0px 0px;
	line-height: 18px;
}

#gotodemo14 a{
	width: 80%;
	margin: 30px auto 0px auto;
	text-shadow: 0px -1px 0px rgba(163, 33, 33, .85);
	font-weight: normal;
	padding: 8px 2px 8px 2px;
	background: #DB0D0D;
    color: white;
    display: block;
    font-size: 18px;
	line-height: 110%;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
	border: 2px solid #CF0E0E;
	outline: 0;
	-moz-border-radius: 10px;
border-radius: 10px;
}	

#gotodemo14 a:hover{
	width: 80%;
	margin: 30px auto 0px auto;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .55);
	padding: 8px 2px 8px 2px;
	background: #E60B0B;
    color: white;
    display: block;
    font-size: 18px;
	line-height: 110%;
	letter-spacing: .4px;
	text-align: center;
    text-decoration: none;
    text-decoration: none;
	border: 2px solid #CF0E0E;
	outline: 0;
	-moz-border-radius: 10px;
border-radius: 10px;
} 

.anytimedisplay{
color: #303030;
width: 290px;
margin: 20px;
float: left;
}

.anytimedisplay a{
font-family: 'Open Sans Condensed', sans-serif;
width: 290px;
min-height: 160px;
float: left;
padding: 9px;
background: #F8F8F8;
border: 1px solid #E0E0E0;
border-radius: 13px; 
-moz-border-radius: 13px;
}

.anytimedisplay a:hover{
color: blue;
background: white;
}

.anytimedisplay a img{
float: left;
margin-right: 12px;
padding-top: 9px;
margin-bottom: 69px;
}

span.anytimetitle{
font-weight: 700;
font-size: 22px;
color: black;
margin-left: 1px;
}

.anytimedisplay p{
font-weight: normal;
font-size: 14px;
margin-top: 0px;
}

.packagesrow{
width: 100%;
float: left;
text-align: left;
margin-bottom: 30px;
}

.packagesrow h3{
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #606060;
text-shadow: none;
text-align: center;
}

.welcomepagethird{
width: 280px;
float: left;
margin: -15px 10px 0px 15px;
text-align: left;
}

.testimonialfeature{
width: 100%;
margin: 40px 0px 0px 27px;
width: 95%;
float: left;
background: #F5F5F5;
border: 1px solid #E0E0E0;
padding: 10px;
}

.testimonialfeature p{
margin-top: 1px;
color: #404040;
float: left;
font-size: 12px;
}

.testimonialfeature img{
float: left;
margin-right: 9px;
}

span.topfill{
line-height: 160%;
}

.welcomepagethird ul, li{
/*margin-left: 8px;*/
line-height: 105%;
}

a.learnmoreleftmini{
float: left;
clear: left;
text-indent: 18px;
margin-bottom: 15px;
margin-left: 18px;
height: 18px;
font-size: 90%;
background: url(/images/bluearrow.png) no-repeat 0 0;
}

a.learnmoreleftmini:hover{
background-position: 0px -22px;
}

/*================================New Home Page Workup As Of Dec. 2013-----------------*/

#homeheader{
background: #2e5def;
width: 100%;
height: 294px;
text-align: center;
padding-top: 15px;
}

#homewrapper{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

img.homecloud{
float: right;
margin: 0px 10px 0px 0px;
}

a.watch{
color: white;
font-weight: 700;
}

a.watch:hover{
color: #606060;
}


a.watch img:hover{
opacity: 50%;
}

#homeheadline{
float: left;
width: 580px;
height: 295px;
margin-left: 20px;
}

h2.homeheadline{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: -2px;
line-height: 56px;
font-size: 3em;
color: white;
text-shadow: none;
}

.streamcatcher{
font-size: 17px;
line-height: 20px;
color: #F8D50C;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
float: right;
margin-right: 82px;
margin-top: 9px;
}

a.streamget:hover{
color: white;
}

a.streamget:link{
color: #F8D50C;
}

a.streamget:visited{
color: #F8D50C;
}

a.streamget:visited:hover{
color: white;
}


a.homecta{
float: right;
text-align: center;
margin: 35px 60px 0px 0px;
height: 25px;
width: 211px;
background: #FF2E12;
color: white;
padding: 12px 15px 19px 15px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
border: 9px solid white;
}

a.homecta:hover{
background: #EC1E00;
}

#introquote{
float: left;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: white;
font-size: 1em;
text-align: left;
width: 189px;
height: 149px;
}

#introquote p{
font-weight: 400;
color: white;
text-align: right;
font-size: .7em;
}


#guaranteednote{
clear: both;
color: white;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: .9em;
float: right;
margin-right: 10px;
}

.times{
font-family: Times, serif;
}

#homerow2{
clear: both;
min-height: 310px;
width: 100%;
background: white;
}

#homerowcontainer{
padding-top: 15px;
padding-bottom: 10px;
text-align: left;
width: 1000px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

.homerowcontainer{
padding-top: 15px;
padding-bottom: 10px;
text-align: left;
width: 1000px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

.left550{
width: 50%;
float: left;
margin-right: 20px;
font-family: 'Open Sans', Sans-serif;
}

ul.welcomelist li{
font-size: 1em;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #333333;
padding-bottom: 1em;
}

#homerow2 h1{
font-size: 22px;
letter-spacing: -1px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #333333;
padding-bottom: .5em;
}

.homebigphone{
font-size: 3em;
letter-spacing: -1px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #333333;
margin: 20px 0px 0px 20px;
text-align: left;
}

.display450 p{
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #333333;
}

.display450{
width: 435px;
float: left;
text-align: center;
margin: 20px 0px 0px 12px;
}

#homerow3{
background: #F0F0F0;
width: 100%;
clear: both;
min-height: 210px;
padding-top: 15px;
}

.left550 h1{
margin-top: 1.1em;
margin-bottom: -.5em;
}

.left550 img{
float: left;
margin-right: 12px;
}

h3.inform{
font-size: 26px;
letter-spacing: .02em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #333333;
}

h3.in{
font-size: 20px;
letter-spacing: .01em;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #333333;
float: left;
margin-top: 10px;
}

h4.inform{
font-size: 16px;
color: #0099CC;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-top: -4px;
}

.left550 p{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #606060;
line-height: 150%;
}

a.aboutcta{
float: left;
text-align: center;
margin-left: 13px;
height: 35px;
width: 143px;
background: #8C0095;
color: white;
padding: 5px 22px 37px 22px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

a.streamdocscta{
float: left;
text-align: center;
margin-left: 13px;
height: 35px;
width: 143px;
background: #FF6600;
color: white;
padding: 5px 22px 37px 22px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

a.webinarcta{
float: left;
text-align: center;
margin-left: 13px;
height: 35px;
width: 143px;
background: purple;
color: white;
padding: 5px 22px 37px 22px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

a.samplescta{
float: left;
text-align: center;
margin-left: 13px;
height: 35px;
width: 143px;
background: #152173;
color: white;
padding: 5px 22px 37px 22px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

a.aboutcta:hover{
background: #5F0064;
color: white;
}

a.samplescta:hover{
background: #0E4EAD;
color: white;
}

a.streamdocscta:hover{
background:#FF8300;
color: white;
}

a.webinarcta:hover{
background:#6600CC;
color: white;
}

/*--------------------------------*INSPIRE*/
.inspire{
margin-top:0px;
float: left;
width: 47%;
padding: 0px 10px 10px 0px;
}

.inspire h3{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #606060;
position: relative;
top: -5px;
}

.inspire h4{
margin-left: 20%;
}

.inspirelink{
clear: both;
margin: 0px;
padding: 0px;
}

.inspire p{
font-size: .9em;
color: #333333;
}

.inspire img{
float: left;
padding-right: 12px;
}
/*--------------------------------*/

.display450left{
width: 180px;
float: left;
text-align: left;
margin: 10px 0px 0px 22px;
}

.greattestimonial{
width: 420px;
float: left;
padding-left: 30px;
margin: 0px 0px 20px 0px;

}
.greattestimonial p{
text-align: left;
float: left;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 140%;
font-size: .825em;
float: left;
padding: 0;
}

.greattestimonial img{
float: left;
padding: 0px 12px 12px 0px;
}


.wecare{
float: left;
width: 220px;
margin: -9px 0px 16px 30px;
}

.wecare p{
text-align: left;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 140%;
font-size: .825em;
float: left;
padding: 0;
min-height: 12cta5px;
}

p.ctalower{
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: white;
line-height: 99%;
margin-top: 2px;
text-align: center;
}


.homerow4{
clear: both;
margin:20px 0px 30px 0px;
width: 1000px;
background: white;
text-align: center;
min-height: 190px;
margin-left: auto;
margin-right: auto;
width: 1000px;
overflow: hidden;
}

.homerow4 h3{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 30px;
color: #606060;
}


.homerow4 p{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 150%;
font-size: 14px;
float: left;
width: 290px;
text-align: left;
color: #282828;
margin: 4px 0px 4px 30px;
}

.homerow4 img{
float: left;
margin: 0px 30px 0px 30px;
}

ul.howit{
float: left;
margin-top: 10px;
height: 105px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

ul.howit li{
font-family: 'Open Sans', Sans-serif;
color: #333333;
padding: 4px 0px;
font-size: .92em;
line-height: 150%;
padding-bottom: .6em;
}

.fastsimple h2{
font-size: 29px;
margin-top: 0px;
margin-bottom: 12px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #333333;
text-shadow: none;
}

.fastsimple{
width: 600px;
overflow: hidden;
padding: 0px 0px 10px 0px;
float: left;
text-align: left;
}

.heres{
width: 380px;
margin-right: 20px;
font-size: 28px;
float: left;
text-align: right;
font-weight: 300;
}

span.numeral{
font-size: 73px;
color: #CCCCCC;
margin-right: 9px;
height: 74px;
font-weight: 400;
}

p.numeral{
margin-top: 37px;
}

.homerow4cta{
clear: left;
float: left;
margin: 50px 70px 50px 40px;
}

.homerowwhite{
clear: both;
min-height: 310px;
width: 100%;
background: white;
padding-bottom: 30px;
overflow: hidden;
}



/*********************use this for red demo button anywhere***************/

.redcta{
margin: 50px;
font-family:'Open Sans', sans-serif;
float: left;
}

a.redcta{
float: left;
text-align: center;
margin: 15px;
height: 25px;
width: 163px;
background: #FF2E12;
color: white;
padding: 12px 15px 19px 15px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

a.redcta:hover{
background: #EC1E00;/* mouse over link */
color: white;
}
a.redcta:link {color:white;}      /* unvisited link */
a.redcta:visited {color:white;}  /* visited link */
a.redcta:active {color:white;}  /* selected link */


/*-----------centered cta button---------------*/

.redctactr{
width: 100%;
font-family:'Open Sans', sans-serif;
}

a.redctactr{
text-align: center;
height: 25px;
width: 163px;
background: #FF2E12;
color: white;
padding: 12px 15px 19px 15px;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}


a.redctactr:hover{
background: #EC1E00;/* mouse over link */
color: white;
}
a.redctactr:link {color:white;}      /* unvisited link */
a.redctactr:visited {color:white;}  /* visited link */
a.redctactr:active {color:white;}  /* selected link */


/*-------------------testimonials - comments on home page December 2013 ---------*/

.testimonialfeed-home{
text-align: center;
width: 1000px;
min-height: 212px;
margin-left: auto;
margin-right: auto;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
padding-bottom: 30px;
}

.testframehome{
float: left;
min-height: 99px;
background: white;
width: 210px;
padding: 9px 9px 4px 5px;
margin: 10px 10px 20px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 5px 5px 13px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 13px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 13px rgba(50, 50, 50, 0.75);
}

.testimonialfeed-home img{
float: left;
margin: 0px 5px 0px 0px;
}

.testimonialfeed-home p{
font-size: 12px;
text-align: left;
line-height: 1em;
padding: 0px 4px 0px 4px;
}

.testimonialfeed-home h3{
font-size: 28px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #606060;
}

/*---------------------------*/

.homenews14{
margin-left: auto;
margin-right: auto;
margin-top: 9px;
margin-bottom: 9px;
font-family: 'Open Sans', sans-serif;
clear: left;
width: 1000px;
text-align: left;

overflow: hidden;
text-align: center;
}

.newscontainer img{
float: left;
padding: 0px 10px 0px 0px;
}

.homenews14 h3{
font-size: 28px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #333333;
}

.newscontainer h4{
color: #606060;
display: inline;
float: left;
font-size: 20px;
line-height: 120%;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0em;
letter-spacing: normal;
}


a.moretocome{
clear: left;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: -.3px;
}

.newscontainer{
width: 290px;
min-height: 280px;
text-align: left;
float: left;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #333333;
line-height: 130%;
padding: 20px;
}



/*--------------------welcome page------------*/
.welcometwothirds{
width: 61%;
height: auto;
float: left;
text-align: left;
margin-left: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

/*---------------------------*/

/*--------------------services/ streaming music on hold page------------*/

.twothirdsnew-left{
text-align: left;
float: left;
width: 585px;
padding: 0px 20px 15px 30px;
background: white;
}

.twothirdsnew-left p{
font-family: 'Open-Sans', sans-serif;
font-size: 14px;
font-weight: 400;
}

.twothirdsnew-left ul{
margin-bottom: 10px;
}

.twothirdsnew-left ul li{
font-family: 'Open-Sans', sans-serif;
font-size: 14px;
font-weight: 400;
padding: 5px 0px;
line-height: 140%;
}

.twothirdsnew-left img{
float: left;
margin: 4px 14px 4px 0px;
}

.twothirdsnew-left h4{
margin-top: 16px;
}

p.cloudtag{
font-size: 16px;
margin-top: 50px;
}

.thirdnew p{
font-size: 13px;
font-family: 'Open Sans', sans-serif;
color: #333333;
}

.thirdnew{
width: 320px;
text-align: left;
float: left;
margin: 0px 15px 15px 20px;
}

.thirdnewbox{
text-align: left;
float: left;
margin: 50px 0px 30px 0px;
border: 1px solid #E0E0E0;
padding: 20px;
width: 282px;
}

.thirdnew img{
margin: 4px 9px 8px 0px;
}

.thirdnew h4{
margin-bottom: -22px;
}

.thirdnew h6{
color: #606060;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
margin-left: -10px;
margin-bottom: 10px;
}

.thirdnewcenter{
width: 320px;
clear: left;
text-align: center;
margin: 30px 0px 0px 0px;
}

img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* -------- FREE DEMO PAGE 2014 ------------*/

#freedemoheader{
width: 100%;
padding: 0px;
background: #2E8DEF;
height: 198px;
z-index: 1;
}

#freedemotextcontainer{
width: 596px;
float: left;
margin-top: 40px;
z-index: 1
}

#freedemotextcontainer img{
float: left;
margin-left: 20px;
z-index: 1
}

#freedemotextcontainer h1{
float: left;
color: white;
margin: -81px 0px 0px 126px;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
font-weight: 300;
text-align: left;
line-height: 34px;
letter-spacing: .8px;
z-index: 1
}

h2.freedemotry{
clear: left;
float: right;
margin-right: 1em;
color: #F8D50C;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
letter-spacing: .8px;
text-shadow: none;
margin-top: -11px;
}

#demo123{
float: left;
clear: left;
text-align: left;
width: 490px;
padding: 20px;
margin-left: 20px;
margin-right: 79px;
}

#demo123 p{
font-size: .85em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #404040;
float: left;
line-height: 145%;
margin-bottom: 12px;
}

span.numberdemo{
float: left;
font-size: 44px;
color: #909090;
margin: 11px 9px 14px 0px;
}

.shadedfull{
background: #F0F0F0;
width: 100%;
}

#demoreviews{
width: 440px;
padding: 20px;
clear: left;
float: left;
text-align: left;
}

#demoreviews p{
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #606060;
float: left;
line-height: 145%;
margin-bottom: 12px;
}

#demoreviews h3{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 18px;
letter-spacing: .8px;
}

#demoreviews p.mytown{
clear: left;
margin-top: -12px;
margin-bottom: 22px;
font-size: 11px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}

#demoreviews p.myname{
margin-top: -9px;
}

.whiterow{
width: 1000px;
background: white;
}

#freeform14{
width: 290px;
min-height: 600px;
background: white;
float: left;
margin-top: -190px;
text-align: left;
padding: 20px;
border: 2px solid black;
}

.formtop{
font-size: 11px;
padding: 4px 0px 4px 0px;
}

/*FEATUREBOX - draw a box around it -- */

.featurebox{
border: 1px solid #E0E0E0;
padding: 5%;
width: 95%;
clear: left;
text-align: left;
}

.featurebox p, ul li{
font-size: 80%;
}

.smaler p{
font-size: .8em;
line-height: 140%;
}

/*---------INDUSTRY STREAM PLAYER-------------*/

#indstrm{
width: 29%;
margin: 10px 0px 20px 20px;
float: left;
}

#indstrm p{
float: left;
text-align: left;
font-size: .8em;
margin-top: 1em;
}

#jdbanner{
background: #06820b url(/images/jdlogo100.png) no-repeat left center;
height: 180px;
width: 100%;
background-position: 7% 62%;
}

#jdbannertextarea h1{
font-size: 2.2em;
font-weight: 300;
margin-top: .5em;
margin-left: 8%;
line-height: 1em;
width: 60%;
}

#jdbannertextarea h2{
font-weight: 400;
color: white;
margin-top: 1em;
font-size: 16px;
text-align: right;
margin-right: 12%;
}

#jdbannertextarea{
width: 76%;
padding: 0px 20px;
float:right;
text-align: left;
color: white;
}

.twothirdsdeere{
width: 60%;
margin: 10px 0px 10px 20px;
float: left;
text-align: left;
}

.twothirdsdeere img{
float: left;
margin-right: 23px;
}

.twothirdsdeere h3{
font-size: 1.2em;
color: black;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}

.em{
font-size: 1.2em;
line-height: 127%;
}

/************MUSIC ON HOLD MESSAGES MARCH 2014************/

.wcontainermm{
width: 100%;
height: auto;
margin: 20px;
clear: both;
background: white;
text-align: left;
}

.wcontainermm h1{
font-family: 'Open Sans', sans-serif;
font-size: 2em;
letter-spacing: normal;
color: #303030;
}

.wcontainermm ul{
text-align: left;
margin: 15px 0px 25px 0px;
}

.gcontainermm{
width: 100%;
min-height: 90px;
margin:0px;
padding: 20px;
background: #F8F8F8;
text-align: left;
}


h2.horizon{
font-size: 2em;
color: #202020;
font-family: 'Open Sans', sans-serif;
}

h3.horizon{
font-size: 1.2em;
color: #606060;
clear: left;
font-family: 'Open sans', sans-serif;
margin-top: .1em;
}

.split{
float: left;
width: 40%;
text-align: left;
padding-right: 10%;
}

.splithead{
height: 66px;
}

.split a{
margin-top: -10px;
}

.split p{
min-height: 110px;
}

.split img{
float: left;
padding-right: 1em;
}




.split3{
width: 25%;
float: left;
font-size: .4em;
padding-right: 50px;
margin-top: 5px;
}

.split3last{
width: 27%;
float: left;
font-size: .4em;
margin-top: 5px;
margin-left: 20px;
}

.split3 p{
font-size: 2em; 
letter-spacing: normal;
}

.
.split3last p{
font-size: 2em; 
letter-spacing: normal;
}



.split3 img{
float: left;
 -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.2));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='6' dy='6' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.2)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')";
padding: 14px;
}

.split3last img{
float: left;
 -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.2));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='6' dy='6' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.2)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')";
padding: 14px;
}

.whosaid{
width: 100%;
text-align: left;
}

.whosaid p{
line-height: 94%;
font-size: 12px;
margin: 0px 0px 8px 85px;
}

.whosaid img{
float: left;
position: absolute;
margin-top: -17px;
margin-left: -9px;
}

.split3quote{
min-height: 78px;
}

.teamoffer{
width: 46%;
float: left;
}

.teamoffer p{
font-size: 110%;
margin-right: 24px;
}

ul.em{
font-size: 1.5em;
color: #303030;
list-style-image: url('/images/bulletarrow.png');
}

ul.em li{
padding-bottom: 1.3em;
}



/**************button style***************/


a.redbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	border:5px solid white;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
	font-weight: 300;
	font-size:21px;
	padding:10px 35px;
	text-decoration:none;
	cursor: pointer;
	text-shadow:0px 1px 3px #b23e35;
}
a.redbutton:hover {
background: red;
border: 5px solid white;
cursor: pointer;
color: white;
}

h2.split{
font-size: 2em;
color: #303030;
}

#musicmessages{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 28px 0px 26px 30px;
z-index: 1;
}

#musicmessages h1{
float: left;
color: white;
margin: -9px 0px 0px 0px;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
font-weight: 300;
text-align: left;
letter-spacing: .8px;

}

#musicmessages ul{
color: white;
clear: both;
font-size: 1.4em;
font-weight: 400;
text-align: left;
margin-left: 1em; 
margin-top: 7%;
}

#musicmessages h2{
clear: left;
float: left;
color: #F8D50C;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
letter-spacing: .8px;
text-shadow: none;
margin-top: -11px;
}

#freedemobadge{
float: left;
width: 54%;
margin-left: 30px;
margin-top: -30px;
text-align: left;
}

#freedemobadge img{
float: left;
padding-right: 15px;
}

h3.demobadgetitle{
color: black;
padding-top: 34px;
font-size: 1.4em;
line-height: 110%;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}

.horizon{
width: 990px;
margin-left: auto;
margin-right: auto;
height: auto;
padding: 0px;
}

#articleaction{ 
height: 110px; 
text-align:left; 
}

#articleaction h5{
font-size: 1em;
font-weight: 300;
color: black;
line-height: 109%;
margin-top: 0px;
}

#articleaction p{
font-size: 84%;
width: 80%;
text-align: center;
color: blue;
margin-top: 9px;
line-height: 94%;
}

#articleaction img{
float: right;
position: relative;
top:0px;
padding-left: 5px;
}

.aaction a:hover{
background: #EDF1F3;
}

.aaction a{
background: #E6EBEE;
float: right; 
width: 88%; 
height: 110px;
margin-top: 20px;
margin-bottom: 60px;
text-align:left; 
padding:15px
}

#slimcolumn{
float: left;
width: 25%;
margin-left: 10px;
height: auto;
}

.cf h3{
font-family: 'Open Sans', sans-serif;
font-size: 1.6em;
font-weight: 300;
color: #606060;
margin-top: .9em;
line-height: 1.05em;
}

.cf hr{
margin: 1.5em 0em 1em 0em;
color: #F8F8F8;
}

img.footericon{
vertical-align: middle;
padding: 0px 3px 5px 0px;
}

/* -----------limit the size of an image to 40%----------*/

.img40 img{
max-height: 43%;
max-width: 43%;
margin-left: 5px;
float: left;
}

.img40 p{
color: white;
float: left;
text-align: left;
font-size: .81em;
margin-left: 1em;
line-height: 98%;
font-variant: small-caps;
}

/* -----------a nice 1/3 side ad area---------*/

#marketingblock{
height: 22em;
width: 17em;
margin: 0;
padding: 1em;
}

#marketingblock p{
font-size: .75em;
color: #666666;
font-weight: normal;
margin: .5em 0 1.5em 0;
clear: both;
}

#marketingblock img{
position: center;
margin-bottom: .5em;
}

a.sesamebutton:hover{
	margin-left: auto;
	margin-right: auto;
	color: white;
    width: 150px;
	height: 30px;
    text-align: center;
	padding: 10px 1px 0px 1px;
	line-height: 20px;
    background: #1188D7;
	border-radius:10px;
	border: 2px solid #E8E8E8;
	}

a.sesamebutton{
	margin-left: auto;
	margin-right: auto;
    width: 150px;
	height: 30px;
    text-align: center;
	padding: 10px 1px 0px 1px;
	line-height: 20px;
    background: #2672EC;
	border-radius:10px;
    color: #EEEEEE;
    display: block;
    font-size: 1em;
    text-decoration: none;
	border: 2px solid #E8E8E8;
	outline: 0;
}

h2.slim{
margin-top: -.6em;
margin-bottom: .2em;
}

#triangle-right { width: 0; height: 0; border-top: .5em solid transparent; border-left: 2px solid gray; border-bottom: 0px solid transparent; }