/* ------------ Start -- Main Stuff ------------ */

body {
	background:#FFFFFF url(../images/background/headBG.png) repeat-x;
	font-family: "Trebuchet ms", Verdana, Arial, Times New Roman, Sans-Serif;
	font-size: 0.8em;
	color: #4C4C4C;
	text-align: left;
	margin: 0px;
}

h1
{
	color: #333399;
	font-weight: normal;
	border-bottom: solid black 1px;
	width: 70%;
}

h1.h2Style
{
	color: #4c4c4c;
	font-weight: bold;
	border: none;
	font-size:19px;
	width: auto;
	margin-left:0px;
	position: relative;
	left: -15px;
	width: 255px;
}

h3
{
color: #333399;
}
p.mainText
{
	text-align:justify;
}

a
{
	color: #3399FF;
	text-decoration: none;
	padding:0;

}

.noStyle
{
	color: #999999;
	border:none;
	padding:0;
}

.white
{
	color: #ffffff;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.black
{
	color: #222222;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.gray
{
	color: #4c4c4c;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.darkGray
{
	color: #3f3f3f;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.red
{
	color: #cc3300;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.navy
{
	color: #0000FF;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}


.blue{
	color: #009BD4;
	text-decoration: none;
	padding:0;
}

.pink
{
	color: #ffcccc;
	border:none;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

.contentArea
{
	width:  95%;
	margin: auto;
	margin-top: 0px;
}

.blueHeading, dl#faq dt
{
	color: #333399;
	font-weight:bold;
}

label
{
	color: #333333;

}

.left
{
	text-align: left;
}

.leftMargin
{
	margin-left: 230px
}

#header
{
	margin-top:6px;
	background-image: url("../images/ROICTLogo.png");
	background-repeat: no-repeat;
	height: 143px;
	text-align: right;
	/*padding-right: 15px;
	padding-top: 5px;*/
}

#footer
{
	background:#FFFFFF url(../images/background/footBG.png) repeat-x;
	color: #666666;
/*	background-image: url("../images/footer_logo.gif");*/
	font-size: 70%;

	margin-top: 20px;
	padding:20px;
}

#footercontent
{
	margin-left: 70px;
}

#cheater
{
	position: relative;
	top: -30px;
	float: right;
	text-align: right;
	padding-right: 10px;
}

#breadcrumbs
{
 	width:95%;
	margin:0 auto;
	color: #8C8CAC;
}

.mainlist{
font-weight:bold;
color:#000000;
}

.italic{
font-style:italic;
}

.error_list{
color:#CC0000;
}

#error{
position:absolute;
top:620px;
}

div.left{
float:left;
}
div.moveRight{
position:absolute;
left:170px;
}

.matrix {
font-family:Lucida Console, Courier, Monotype;
font-size:10pt;
text-align:center;
width:10px;
padding:0px;
margin:0px;
}


td{
padding: 0px 6px;
}

td.center{
text-align: center;
}

td.right{
text-align: right;
}

#padding li{
padding-right:30px;
}

input[type=text]{
width: 283px;
}

.positionBox{
padding:0px 5px;
margin:0;
width: 230px;
position: relative;
left: -15px;
}

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

.imgPad{
padding:5px;
}

#seoText{
color: #2a2a2a;
}

#voiceBox li{
margin-bottom: 12%;
}

#smsBox li{
margin-bottom: 12%;
}

#roiBox li{
margin-bottom: 8%;
}

#jigsawBox li{
margin-bottom:15px;
}

.buttonBG p{
background:url(/images/buttons/buttonBlank.png) no-repeat;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
font-weight:bold;
margin: auto;
}

.buttonBG a{

color:#0033CC;
}

.demoButton
{
	color: white;
	border: 0; 
	position: relative;
	top: -82px;
	right: -120px;
}
/* ------------ End -- Main Stuff ------------ */


/* ------------- Start Main page positioning stuff ------- */
.column{
float: left;
/*height: 750px;*/
width: 250px;
margin: 25px 0 25px 35px;
}

.blueBox{
background: url('../images/blueSquare2.jpg') no-repeat;
height: 250px;
width: 250px;
padding:1px 20px;
color: #ffffff;
}

.iPhone{
background: url('../images/iPhoneHome.jpg') no-repeat;
height: 369px;
width: 437px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
top: -100px;

}

.leftColumn{
float: left;
height: 250px;
background: url(../images/Telesales.jpg) no-repeat;
width: 160px;
margin: 25px 0;
}

.boxTop{
position: relative;
top: -15px;
}

.topBox{
width:270px;
height:280px;
margin-top:22px;
}

.bottomBox{
width:270px;
height:325px;
margin-top:105px;
}

.longBox{
width:270px;
height:465px;
margin-top:40px;
}


.boxIcon{
height: 70px;
width: 70px;
padding:0;
margin:0;
text-align: center;
position:relative;
top: -75px;
left: 20px;
}

/* ------------- End Main page positioning stuff ------- */


/* ------------- Start RSS feed styles --------------------*/
.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}
/* ------------- End RSS feed styles --------------------*/




/* ------------- Start employee aligning --------------------*/

.employeeBox{
	width:300px; 
	height:340px;
	margin: 0px 20px 35px 20px;
	float:left;
}

/*-- NOTE the following height must be 70px less than the above one!--*/
.employeeInnerBox{
	height:270px;
}

.employeeText{
	color:#2c2c2c;
}

.employeeThumb {
   margin-left:67%;
   position: relative;
   top: -135px;
   font-size:141px;
   height:121px;
   width:82px;
  
	border-bottom-color:#003366;
	border-bottom-style:groove;
	border-bottom-width:10px;

	border-top-color:#003366;
	border-top-style:groove;
	border-top-width:10px;
}
 
/* ------------- End employee aligning --------------------*/

/* ------------ End -- Main Stuff------------ */

/* ------------ Start -- Floating Box Stuff------------ */

.promobox
{
	background: url("../images/promobox-bg.png") no-repeat;
	height: 85px;
	width: 197px;
	padding: 0;
	margin: 0;
}

#promos, #side-panel
{
	float: right;
	width: 197px;
}

#side-panel
{
	/*background: url("../images/side-long.png") no-repeat;*/
	background-color:#999999;
	height: 350px;
	margin: 0px 0px 0px 20px;
	width: 200px;
	padding: 10px;
}

#side-panel, #side-panel p, #side-panel span
{
	font-size: 11px;
	line-height: 18px;
	color: #fff;
}

#side-panel a
{
	font-weight: bold;
	color: #aee9ff;
}
	
#side-panel p
{
	margin-bottom: 14px;
}



/* ------------ End -- Floating Box Stuff------------ */

/* ------------ Start -- Form Stuff ------------ */

form
{
	border:thick #0066CC;
	width:700px;
	background-color: #DDDDDD;
	padding:10px;
}

.formrow
{
	padding-left:20px;
	width:550px;
	margin: 2px;
}

.alignBox
{
	position: absolute;
	left:350px;
}
.alignBoxFromRight{
	position: absolute;
	left: 25%;
	margin-left: 50px;
}

/* ------------ End -- Form Stuff ------------ */

/* ------------ Start -- Glossary Stripes ------------ */

dt
{
	padding-left:5px;
	margin-left:10px;
	font-weight: bold;
	background-color:#eeeeee;
}

dd
{
	padding-bottom:10px;
	padding-left:10px;
	margin-left:20px;
	font-style:italic;
	margin-bottom: 5px;
	background-color:#eeeeee;
}

.shade
{
	background-color:#CCCCCC;
}

.blockShade
{
	background-color:#aaaaaa;
}


/* ------------ End -- Glossary Stripes ------------ */

/* ------------ Start Rounded Corners ------------ */

.roundedcornr_content_511150, .roundedcornr_content_461015 {
	margin: 0 10px;
}
.roundedcornr_content_357065 { 
	margin: 0 30px; }
	
.roundedcornr_box_461015 {
   background: #3c3c3c;
}

.roundedcornr_top_511150 div {
   background: url("../images/boxes/roundedcornr_511150_tl.png") no-repeat top left;
}
.roundedcornr_top_511150 {
   background: url("../images/boxes/roundedcornr_511150_tr.png") no-repeat top right;
}
.roundedcornr_bottom_511150 div {
   background: url("../images/boxes/roundedcornr_511150_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_511150 {
   background: url("../images/boxes/roundedcornr_511150_br.png") no-repeat bottom right;
}
.roundedcornr_top_461015 div {
   background: url("../images/boxes/roundedcornr_461015_tl.png") no-repeat top left;
}
.roundedcornr_top_461015 {
   background: url("../images/boxes/roundedcornr_461015_tr.png") no-repeat top right;
}
.roundedcornr_bottom_461015 div {
   background: url("../images/boxes/roundedcornr_461015_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_461015 {
   background: url("../images/boxes/roundedcornr_461015_br.png") no-repeat bottom right;
}
.roundedcornr_box_357065 {


   background: #999999 url("../images/boxes/roundedcornr_357065_grad.jpg") no-repeat;
   /*background: #B3D7FF;*/
}
.roundedcornr_top_357065 div {
   background: url("../images/boxes/roundedcornr_357065_tl.gif") no-repeat top left;
}

/* adds images to pages */
.caseContainer{
background:url("../images/caseBG.jpg") no-repeat left;
}

.caseContainer, .minHeight
{
	min-height: 420px;
}
/* help icon/logo at top of floating box */
#helpArea {
   background: url("../images/help.gif") no-repeat top center;
   background-color:#eeeeee;
   margin-left:20%;
   margin-right:20%;
   width:60%;
   font-size:24px;
}

#promoArea {
   background: url("../images/promoTop1.png") no-repeat top center;
   background-color:#eeeeee;
   width:100%;
   font-size:24px;
}

/* title at top of floating box */
#titleArea {
   background: no-repeat top center;
   background-color:#eeeeee;
   font-size:24px;
   padding: 5px 0;
   margin-bottom: 10px
}

#titleArea.large {
   margin-left:7%;
   margin-right:7%;
   width:86%;
}

.roundedcornr_top_357065 {
   background: transparent url("../images/boxes/roundedcornr_357065_tr.gif") no-repeat top right;
}
.roundedcornr_bottom_357065 div {
   background: url("../images/boxes/roundedcornr_357065_bl.gif") no-repeat bottom left;
}
.roundedcornr_bottom_357065 {
   background: transparent url("../images/boxes/roundedcornr_357065_br.gif") no-repeat bottom right;
}

.roundedcornr_top_461015 div, .roundedcornr_top_461015, .roundedcornr_bottom_461015 div, 
.roundedcornr_bottom_461015, .roundedcornr_top_511150 div, .roundedcornr_top_511150, 
.roundedcornr_bottom_511150 div, .roundedcornr_bottom_511150 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.roundedcornr_top_357065 div, .roundedcornr_top_357065,
.roundedcornr_bottom_357065 div, .roundedcornr_bottom_357065,
.roundedcornr_bottom_357065 div, .roundedcornr_top_promo {
   width: 100%;
   height: 30px;
   font-size: 1px;
}


.roundedcornr_top_promo {
   background: url("../images/promoTop.png") no-repeat top left;
   background-color:#ffffff;
   background-position:bottom;
}
/* ------------ End Rounded Corners ------------ */


.roundedcornr_box_389507 {
	background: url("../images/boxes/roundedcornr_389507_tl.png") no-repeat top left;
}
.roundedcornr_top_389507 {
	background: url("../images/boxes/roundedcornr_389507_tr.png") no-repeat top right;
}
.roundedcornr_bottom_389507 {
	background: url("../images/boxes/roundedcornr_389507_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_389507 div {
	background: url("../images/boxes/roundedcornr_389507_br.png") no-repeat bottom right;
}
.roundedcornr_content_389507 {
	background: url("../images/boxes/roundedcornr_389507_r.png") top right repeat-y;
}

.roundedcornr_top_389507 div,.roundedcornr_top_389507,
.roundedcornr_bottom_389507 div, .roundedcornr_bottom_389507 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_389507, .roundedcornr_bottom_389507 {
	margin-top: -19px;
}
.roundedcornr_content_389507 { padding: 0 15px; }




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


#price-check {
background:url("../images/price-check.png") no-repeat scroll 0 0;
padding:1px 15px 0px 30px;
height:144px;
}

div#divMoney, div#divCredits {

border:1px solid #99C9DB;
display:block;
float:left;
padding:10px;
width:160px;
color: #ffaa00;
font-weight: bold;
margin-top: 20px;
}

.whiteItalic {
clear:left;
color:#FFFFFF;
font-style:italic;
}

div#divCredits {
margin-right:20px;
}


/* -------------- Image gallery styles ----------------------- */

#simplegallery1{ /*CSS for Simple Gallery Example 1*/
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 3px solid #009BD4;
}

#simplegallery1 .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
text-align: left;
padding: 2px 5px;
}


/* ----------- help box style for the demo page - JH 20091026 --------- */

div.helpBox {
	background-color:#E4E4E4;
	border:1px solid #999999;
	color:#000000;
	/*display:none;*/
	margin:0;
	padding:2px 2px 2px 5px;
	width:180px;
	margin-bottom:30px;
	clear:right;
	position: absolute;
	top:315px;
	left:550px;
}

.floatLeft {
	width:700px;
}
#bannerTxt
{ 
	letter-spacing: 7px;
	color: #333399;
	position: relative;
	font-weight: bold;
	font-style: italic;
}

ol.square li{
list-style-type: square;
padding-top: 5px;
}

#caseContent, #caseIntro
{
float:left; 
margin-top: 20px;
}

#caseContent
{
width:600px; 
margin-left:40px;
padding: 10px;
color:#555555;
list-style-type: square;
border-left: solid 1px #555555;
}

#caseContent li
{
list-style-type: disc;
padding-bottom: 5px;
}

#caseContent p, #caseIntro p
{
text-align:justify;
padding-bottom: 10px;
}

#caseIntro
{
width:300px;
color: #333333;
}

.quickLinks
{
margin-right: 30px;
margin-top: 20px;
}

#linkedInLink
{
position: relative;
top: 90px;
}
.noBorder
{
border: #FFFFFF 0px none;
}
.noBorder:active
{
outline: none;
}
.noBorder:focus
{
-moz-outline-style: none;
}

/***************************************************/


#h-feats {width:1100px; position: relative; bottom: 70px;}

.ic32 {height:32px; width:32px; background-image:url(../images/home-icons.gif); background-repeat:no-repeat; float:left; height:113px; margin-right:10px}

.ic-media {background-position:0 0}
.ic-desktop {background-position:-32px 0}
.ic-list {background-position:-64px 0}
.ic-email {background-position:-96px 0}
.ic-reports {background-position:-128px 0}
.ic-host {background-position:-160px 0}

#feat-list li {width:240px; margin-right:27px; float:left; height:113px; margin:0 10px}
#feat-list li h3 {font-size: 1.333em; margin-bottom:10px}

/*RESET CSS*/
ul,h3,p{margin:0;padding:0;}

ol,ul {list-style:none;}

/*end RESET CSS*/