@charset "utf-8";
/* CSS Document */

body {  /*Overall page properties.  Change background color and-or the image here*/
background-image:url(../images/LongBGImage.png);
background-attachment:fixed;
background-repeat:repeat-x;
background-position:top;
background-color:#A51E39;
font-family:calibri, arial;

}

img{	
border-style: none;
border-color: inherit;
border-width: 0px;
float: left;
vertical-align: top;
	text-align: center;
}


div#container{ /*Container that centers the page and specifies the height. This houses every other div*/
margin:20px auto 0 auto;
position:relative;
width:800px;
height:1056px;
	top: 0px;
	left: 0px;
}

div#redirect{
position:absolute;
left:184px;
top:154px;
width:411px;
height:775px;
background-color:white;
padding:15px;
border:2px #666666 solid;
}

.dataplusname{ /*Changes the name of dataplus to red text*/
color: #A51E39;
font-weight: bold;
}

ul.ulList{
	padding-left:15px;
}

div#containovlay{ /*Container that  appears grey over the main container.  This is purely to break the color from the container*/
position:absolute;
top:30px;
left:0px;
z-index:0;
background-color:#999999;
width:800px;
height:1064px;
}
div#topborder { /*Top Image of rounded corners for presentation purposes. Without this, the site is square*/
position:absolute;
top:0px;
left:0px;
background-image:url(../images/toproundcorner.png);
width:800px;
height:30px;
z-index:1;
}
div#top{ /*Top portion of site which houses the logo and upper banners*/
position:absolute;
top:30px;
left:0px;
background-color:#FBFCFB;
width:800px;
height:136px;
z-index:5;
}

div#toplogo{ /*Main company logo which sits in the top sections*/
position:absolute;
bottom:0px;
left:10px;
height:153px;
width:303px;
z-index:3;
}

div#menudivide{ /*Image of horizontal line above the the navigation bar*/
position:absolute;
width:800px;
height:11px;
top:166px;
left:0px;
background-image:url(../images/MenuBarBorder.png);
z-index:10;
}

div#nav{ /*Houses the Navigation for the whole site*/
position:absolute;
top:177px;
left:0px;
width:800px;
height:25px;	
z-index:4;	
background-color:#000000;
	

}

div#banner{ /*Flash banner or image banner area*/
position:absolute;
top:202px;
left:0px;
width:800px;
height:150px;
z-index:0;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #000000;
border-right-width: 0px;
border-left-width: 0px;
background-color: black;
background-repeat: no-repeat;
}

div#headfloatinglink{ /*Link in the top section of page, which is the client login link infront of the red circle*/
position:absolute;
top:29px;
right:14px;
width:100px;
height:19px;
background:black;
z-index:6;
color:white;
font-family:calibri;
font-size:13px;
padding-top:2px;
text-align:center;
font-weight:bold;

}

div#headfloatinglinkBG{ /*Circle image that is housed behind the client login link*/
position:absolute;
top:9px;
right:33px;
width:62px;
height:60px;
background-image:url(../images/clientLogin.png);
z-index:5;
color:white;
font-family:calibri;
font-size:13px;
padding-top:2px;
text-align:center;
font-weight:bold;

}

div#headfloatinglink2{ /*This div will house the demo link which clients need to request a demo*/
position:absolute;
top:120px;
right:9px;
width:160px;
height:50px;
background-color:#FBFCFB;	
z-index:5;
}
/* The following CSS only applies to the index page.......................................................*/



div#demodload {
position:absolute;
top:400px;
left:200px;
background-color:#FBFCFB;
width:400px;
height:300px;
border:thin #666666 ridge;
padding:10px;
overflow:auto;

}

div#frontpageinformationtitle { /*The testimonials Titlebox on the right hand side, above the actual text*/
position:absolute;
top:347px;
right:18px;
z-index:2;
width:400px;
height:80px;
background-color:#333333;
color:white;
overflow:auto;
padding: 10px 10px 10px 10px ;
border-left:2px black solid;
border-right:2px black solid;
background-image:url('../images/f.pagecontentTitleIMG.png');
background-repeat:no-repeat;
}

div#onlinedemolink { /*Link on the index page for the demo*/
position:absolute;
top:450px;
right:350px;
z-index:2;
width:145px;
height:122px;
overflow:auto;
background-image:url('../images/onlinedemobutton.png');
background-repeat:no-repeat;
}


div#frontpagecontentright1 { /*The testimonials text holder below the "just see what people are..." information title on the right hand side*/
position:absolute;
top:445px;
left:358px;
z-index:2;
width:400px;
height:516px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
padding:10px 10px 10px 10px;
border-bottom:2px black solid;
border-left:2px black solid;
border-right:2px black solid;

}


div#w3ccss2{ /* This encases the W3C HTML image on the front page to show users that the site is fully compatable with any browser */

position:absolute;
top:1070px;
right:13px;
width:88px;
height:31px;
z-index:5003;

}

div#contentlefttophead{ /*Container for the title heading to article pdf HOMEPAGE*/
position:absolute;
top:617px;
left:40px;
width: 231px;
height: 20px;
background-color:#000000;
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
padding-top:5px;
border-top:solid white 1px;
border-bottom:solid white 1px;
}
div#contentlefttop{ /*Container which actually houses the PDF image of the article HOMEPAGE*/
position:absolute;
top:644px;
left:40px;
width: 229px;
height: 298px;
background-color:#000000;
border:1px black solid;
}

div#contentlefttopfoot{ /*Lower text area below leftside image 1 HOMEPAGE*/
position:absolute;
top:944px;
left:40px;
width: 224px;
height: 55px;
background-color:#333333;
z-index:50;
color:white;
font-family:calibri;
font-size:14px;
border-top:2px black solid;
border-bottom:2px black solid;
text-align:center;
padding-top:7px;
padding-left:7px;
}


div#content2lefttophead{ /*The about dataplus link above the movie HOMEPAGE*/
position:absolute;
top:377px;
left:40px;
width: 229px;
height:16px;
background-color:#000000;
background-image:url('../images/f.pagecontentTitleIMG2.png');
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
}

div#content2lefttopfoot{ /*The about dataplus link above the movie HOMEPAGE*/
position:absolute;
top:590px;
left:40px;
width: 229px;
height:16px;
background-color:#000000;
background-image:url('../images/f.pagecontentTitleIMG2.png');
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
}

div#contentleft2{ /*This holds the about dataplus movie HOMEPAGE*/
position:absolute;
top:389px;
left:40px;
width: 229px;
height: 200px;
background-color:#999999;
z-index:50;

}

/*...................................End of index only CSS................................................................*/



div#bottomcontainer{ /* Container at the bottom of the page which holds the bottom menu*/
position:absolute;
top:1030px;
left:0px;
background-color:#FBFCFB;
width:800px;
height:54px;
z-index:2;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #000000;
}
div#bottomborder { /*Image of rounded corners at the bottom of the page for presentation purposes, Without this, the site is square*/
position:absolute;
top:1084px;
left:0px;
background-image:url(../images/bottomroundcorner.png);
width:800px;
height:30px;
z-index:3;
}

div#bottomlogo{ /* The bottom company logo which resides in the lower menu area*/
background-image:url(../images/BottomBGImage.png);
position:absolute;
top:1034px;
left:10px;
height:79px;
width:84px;
z-index:4;
}


div#bottomspace { /*The is a blank area which leaves space below the page content area*/
position:absolute;
top:1130px;
left:0px;
width:800px;
height:15px;
z-index:3;
}

div#bottmenu{ /*The actual menu area at the bottom of the site*/
position:relative;
width:350px;
padding-top:5px;
height:30px;  
font-family:calibri;
font-size:12px;
float: left; 
display: inline; 
left: 100px;
z-index:4;
}

A:link.bottommenu{/*Bottom Menu bar link CSS */
color:Black;
font-weight:normal;
text-decoration:none;
font-family: calibri;
}
	
A:visited.bottommenu{/*Bottom Menu bar link CSS */
color:Black;
font-weight:normal;
text-decoration:none;
		
	
}
A:active.bottommenu{/*Bottom Menu bar link CSS */
text-decoration:none;
		
}
A:hover.bottommenu{/*Bottom Menu bar link CSS */
color:Black;
text-decoration:underline;	
}	


A:link.conleftlink{/* This CSS is for the client login link on the top of the site*/
color:#FFFFFF;
font-weight:bold;
text-decoration:none;		
}
	
A:visited.conleftlink {/* This CSS is for the client login link on the top of the site*/
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
		
	
}
A:active.conleftlink {/* This CSS is for the white links throughout the site*/
text-decoration:none;
font-weight:bold;
	
}
A:hover.conleftlink {/* This CSS is for the white links throughout the site*/
	
text-decoration:underline;	
font-weight:bold;
	
}




div#phonenumber {
position:absolute;
top:350px;
left:180px;
width:500px;
height:100px;
z-index:2005;
font-family:Calibri;
color:white;
text-decoration:underline;
}

div#centerpagecontent{
position:absolute;
top:400px;
left:180px;
z-index:5000;
width:400px;
height:400px;
background-color:white;
border:0px;
border-color:white;
border-style:double;
background-image:url('../images/ThinBackGround.png');
padding:25px;
}

div#termsofuse{ /*Wrapper around TERMS OF USE PAGE only*/
position:absolute;
top:325px;
left:0px;
width:770px;
height:250px;
background-color:#E6E6E6;
padding:15px;
font-family:Calibri;
}

div#searchbox{ /* Yahoo search box at the bottom of the home page */
position:absolute;
top:1034px;
left:485px;
width:300px;
z-index:100;
}

/*Below CSS is for the product pages only.................................................................*/


div#prodinformationtitle { /*The Product Information Titlebox on the right hand side, above the actual text*/
position:absolute;
top:352px;
right:18px;
z-index:2;
width:300px;
height:80px;
background-color:#333333;
color:white;
overflow:auto;
padding: 10px 10px 10px 10px ;
border-left:2px black solid;
border-right:2px black solid;
background-image:url('../images/productInformationIMG.png');
background-repeat:no-repeat;
}

div#prodcontentright1 { /*The actual text holder below the prod information title on the right hand side*/
position:absolute;
top:450px;
left:458px;
z-index:2;
width:292px;
height:500px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
padding: 10px 10px 10px 10px ;
border-bottom:4px black solid;
border-left:6px black solid;
border-right:6px black solid;

}
#prodcontent2lefttophead{ /*The decorative bar above the content box*/
position:absolute;
top:352px;
left:30px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG2.png');
background-position:right;
background-repeat:no-repeat;
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
}

#prodcontent2leftbottomfoot{ /*The decorative bar below the FIRST content box*/
position:absolute;
top:568px;
left:30px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG2.png');
background-position:right;
background-repeat:no-repeat;
z-index:5000;
}

#prodcontent1lefttopfoot{ /*The decorative bar below the content box*/
position:absolute;
top:870px;
left:30px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG2.png');
background-position:right;
background-repeat:no-repeat;
z-index:5000;
}

#prodcontent2leftbottomhead{ /*The decorative bar above the content box*/
position:absolute;
top:654px;
left:30px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG2.png');
background-position:right;
background-repeat:no-repeat;
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
}

div#nextarrow{ /*This arrow is presented in the product information box as a link to the next product.  It holds an image of an arrow */
position:relative;
top:0px;
left:180px;
z-index:3;
width:99px;
height:38px;
padding:0px;
margin:0px;
vertical-align:middle;
}


#prodcontentleft1 { /*2nd Testimonial video on the left side of product pages*/
position:absolute;
top:670px;
left:30px;
z-index:2;
width:292px;
height:200px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
border-bottom:4px black solid;
border-left:2px black solid;
border-right:2px black solid;
text-align: center;
}

#prodcontentleft2 { /*1st Testimonial video on the left side of product pages*/
position:absolute;
top:368px;
left:30px;
z-index:2;
width:292px;
height:200px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
border-bottom:4px black solid;
border-left:2px black solid;
border-right:2px black solid;

}

#prodcontentlowertext{ /*The lower text box below the left-side product videos*/
position:absolute;
top:584px;
left:30px;
width: 296px;
height:40px;
background-position:right;
background-image:url('../images/underVideoTextContainerIMG.png');
background-repeat:no-repeat;
z-index:5010;
font-family:Calibri;
color:white;
font-size:14px;
text-align:center;

	
}
#prodcontentlowertext2{/*The second lower text box below the left-side product videos*/

position:absolute;
top:885px;
left:30px;
width: 296px;
height:40px;
background-position:right;
background-image:url('../images/underVideoTextContainerIMG.png');
background-repeat:no-repeat;
z-index:5010;
font-family:Calibri;
color:white;
font-size:14px;
text-align:center;
vertical-align:middle;
	
}


#onlineflash{/*The second lower white box below the left-side product videos*/

position:absolute;
top:950px;
left:18px;
width: 190px;
height:40px;
background-position:right;
z-index:0;


	
}

#livedemoflash{/*The second lower white box below the left-side product videos*/

position:absolute;
top:950px;
left:178px;
width: 190px;
height:40px;
background-position:right;
z-index:6000;

	
}

/*............................These are only on the Testimonial page....................*/
div#prodcontentright{ /* The rightside top testimonial video container box*/
position:absolute;
top:368px;
left:465px;
z-index:2;
width:292px;
height:200px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
border-bottom:4px black solid;
border-left:2px black solid;
border-right:2px black solid;

}

div#prodcontent2righttophead{ /*The rightside top testimonial decorative header*/
position:absolute;
top:352px;
left:465px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG3.png');
background-position:left;
background-repeat:no-repeat;
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
	
}

div#prodcontentlowertextright{ /*The text below the top right video on testimonial page*/
position:absolute;
top:584px;
left:465px;
width: 296px;
height:40px;
background-position:right;
background-image:url('../images/underVideoTextContainerIMG.png');
background-repeat:no-repeat;
z-index:5010;
font-family:Calibri;
color:white;
font-size:14px;
text-align:center;
vertical-align:middle;

}

div#prodcontentdecorfootright{
position:absolute;
top:568px;
left:465px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG3.png');
background-position:left;
background-repeat:no-repeat;
z-index:5000;

}

div#prodcontentright4{ /* The rightside bottom testimonial video container box*/
position:absolute;
top:670px;
left:465px;
z-index:2;
width:292px;
height:200px;
background-color:#333333;
color:white;
font-size:14px;
overflow:auto;
border-bottom:4px black solid;
border-left:2px black solid;
border-right:2px black solid;

}

div#prodcontent2righttophead4{ /*The rightside bottom testimonial decorative header*/
position:absolute;
top:655px;
left:465px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG3.png');
background-position:left;
background-repeat:no-repeat;
color:white;
font-family:calibri;
font-size:14px;
text-align:center;
z-index:55;
	
}

div#prodcontentlowertextright4{ /*The text below the bottom right video on testimonial page*/
position:absolute;
top:886px;
left:465px;
width: 296px;
height:40px;
background-position:right;
background-image:url('../images/underVideoTextContainerIMG.png');
background-repeat:no-repeat;
z-index:5010;
font-family:Calibri;
color:white;
font-size:14px;
text-align:center;
vertical-align:middle;

}

div#prodcontentdecorfootright4{ /*The decorative picture below the video container on the testimonial page*/
position:absolute;
top:870px;
left:465px;
width: 296px;
height:16px;
background-color:#0C0C0C;
background-image:url('../images/f.pagecontentTitleIMG3.png');
background-position:left;
background-repeat:no-repeat;
z-index:5000;

}
/*..........................END TESTIMONIAL PAGE......................................................*/

/*..................................OUR TEAM PAGE.....................................................*/
div#teamphotos{
padding-left:0px;
position:absolute;
left:0px;
top:0px;
background-color:#333333;
height:120px;
width:800px;
overflow:hidden;
border-bottom:5px black solid;
}

.teamphoto{
	border-left:1px black solid;
	border-right:1px black solid;
}

div#teaminfoarea{
 	position:absolute;
 	top:458px;
 	left:0px;
 	width:800px;
 	height:400px;
 	overflow:hidden;
 	z-index:10000;
 	padding-left:40px;
 	padding:40px;
 	color:white;
 	font-family:Calibri, arial;
 	font-size:15px;
}

div#teaminfoarea img{
	padding:0px;
	margin:10px;
	border:2px white double;
}
div#teamphotolowerborder { /*The about dataplus header that houses the banner image*/
position:absolute;
top:480px;
right:37px;
z-index:2;
width:700px;
color:white;
overflow:hidden;
padding: 10px 10px 10px 10px ;
background-image:url('../images/aboutDataPlusTitle.png');
background-repeat:no-repeat;
z-index:5000;
}


/*.................ABOUT DATAPLUS PAGE...................*/

div#aboutdpcontenttitle { /*The about dataplus header that houses the banner image*/
position:absolute;
top:340px;
right:37px;
z-index:2;
width:700px;
color:white;
overflow:auto;
padding: 10px 10px 10px 10px ;
background-image:url('../images/aboutDataPlusTitle.png');
background-repeat:no-repeat;
}

div#aboutdpcontentbody { /*About Dataplus content box*/
position:absolute;
top:360px;
left:43px;
z-index:2;
width:656px;
height:600px;
background-color:#333333;
color:white;
font-size:15px;
padding: 10px 30px 5px 30px;
border-left:2px black solid;
border-right:2px black solid;
border-bottom:3px black solid;
overflow:auto;
}


div#returnbutton{
position:absolute;
top:0px;
left:0px;
width:100px;
height:40px;
}


/*Site map CSS..................................................*/

div#sitemap{
position:absolute;
top:325px;
left:0px;
width:100%;
height:670px;
}