/* custom stuff */
html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 12px;
	background: #FFFFFF url(../images/body-bg.jpg) repeat-x;
}

a:link, a:visited {
	color: #0C71B8; 
	text-decoration: none;
	font-weight: normal;
	cursor:hand;
}

a:hover {
	color: #c00;	
	text-decoration: underline;
	font-weight: normal;
	cursor:hand;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

div, p,  table, td, th {
	font-family: arial,Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height: 140%;
	color: #424242;	
}

fieldset {
	border: 1px solid #d2d8de;
}

#wrapper div, #wrapper p, #wrapper table, #wrapper td, #wrapper th {
	text-align: left;
	
}









h1 {
	padding: 0;
	padding-bottom: 5px;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;	
}

h2, .contentheading {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	background: url(../images/content-heading.png) 0 4px no-repeat;
	padding-left:32px;
	font-weight: bold;
	font-size: 18px;
	color: #0C71B8;
	display:block:
	line-height:28px;
	height:28px;
	border-bottom:1px solid #DDDDDD;
}




h3 { 
	margin: 0;
}



#mainbody h3 {
	line-height: 140%;
	height: 140%;
	padding: 0;
	text-indent: 0;
}




table.blog td.contentheading {

}





#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 0px;
}


/** some content stuff **/

div#wrapperleft {
		
		margin-left: auto;
		margin-right: auto;
		min-width: 950px;
		max-width: 950px;
		width: expression(document.body.clientWidth > 950? "950px": "auto" );
		background: transparent url(../images/htmlbg-left-shadow.png) repeat-y;
		background-position: left top;
	
		border:0px solid #000;
}


div#wrapperright {
		
		margin-left: auto;
		margin-right: auto;
		min-width: 950px;
		max-width: 950px;
		width: expression(document.body.clientWidth > 950? "950px": "auto" );
		background: transparent url(../images/htmlbg-right-shadow.png)  repeat-y;
		background-position: right top;
	
}

div#wrapper {
		border:0px solid #000;
		margin-left: auto;
		margin-right: auto;
		min-width: 926px;
		max-width: 926px;
		width: expression(document.body.clientWidth > 926? "926px": "auto" );
		
		
		background-color:#ffffff;
}

div#wrapperHtml {
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		min-width: 869px;
		max-width: 869px;
		width: expression(document.body.clientWidth > 869? "869px": "auto" );
		border:0px solid #000;
		background-color:#ffffff;
}


div#logoHeader{
		height: 60px;
		min-width: 869px;
		max-width: 869px;
		background: transparent url(../images/logo-headerbg.jpg)0 0  repeat-x;
		border:0px solid #000;
		z-index: 90;


}

#logobox{
		position:relative;
		height: 60px;
		width: 200px;
		float:left;
		margin-top:0px;
		margin-left:20px;
		/*background: transparent url(../images/parenting-logo.png)100% 0  no-repeat;*/
		background-position:bottom;
		border:0px solid #000;
		z-index: 99;


}
.cursor{
	cursor:hand;

}


div#top {
	background-color: #ffffff;
	
	
}

div#top div {
	background: url(../images/top-bg.png) 0 0 no-repeat;
	margin-left:14px;

}

div#top div div {

	height: 132px;
	position: relative;
}

span#logo {
	position: absolute;
	display: block;
	left: -16px;
	top: 4px;
	width: 253px;
	height: 128px;
	z-index: 90;
	background: transparent url(../images/logo-box-bg.png) 0 0 no-repeat ;

}

span#logo_header {
	position: absolute;
	left: 8px;
	top:15px;
	z-index: 90;
	width: 200px;
	height: 85px;
	background: transparent url(../images/datatree-logo.png) 0 0 no-repeat ;

}

span#green-curve {
	position: absolute;
	left: 4px;
	top: 0px;
	z-index: 99;
	width: 899px;
	height: 115px;
	background: transparent url(../images/green-curve.png) 0 0 no-repeat ;

}

#top-icon {
	position: relative;
	width:200px;
	
	float:right;
	border:0px solid #000;
	margin-right:10px;
	margin-top:28px;
	border:0px solid #000;
	text-decoration:none;
	
}



#viewDemo	{
	position: relative;
	background: url(../images/signup-btn.gif) 0 0 no-repeat ;
	display:block;
	float:left;
	width:90px;
	padding-right:15px;
	
	line-height:27px;
	color:#0C71B8;
	border:0px solid #000;
	text-decoration:none;


}



#signup	{
	position: relative;
	background: url(../images/view-demo-btn.gif) 0 0 no-repeat ;
	display:block;
	float:right;
	width:90px;
	
	line-height:27px;
	color:#0C71B8;
	border:0px solid #000;
	text-decoration:none;

}





#readmore {
	background: url(../images/readmore-button.png) 0 0 no-repeat;
	width:134px;
	cursor:hand;
	text-align:center;
	height:32px;
	margin-left:auto;
	margin-right:auto;
}



/* footer edge start*/

div#footer-edge {
	/*background: url(../images/bottom-bar.png) 0 0 repeat-x;*/

	background-color: #D3EEFF;
	margin-left: auto;
	margin-right: auto;
	min-width: 950px;
	max-width: 950px;
	width: expression(document.body.clientWidth > 950? "950px": "auto" );
}

div#footer-edge div {
	background: url(../images/footer-edge-left.png) 0 0 no-repeat;
	
}

div#footer-edge div div {
	background: transparent url(../images/footer-edge-right.png) 100% 0 no-repeat;
	height: 25px;
	padding-top: 0px;
	font-size: 10px;
	color: #556066;
	text-align: center;
}

/* footer edge end*/


#topheader{
	width:869px;
	height:253px;
	border:0px solid #000;


}

#subpage-topheader{
	width:869px;
	height:130px;
	border:0px solid #000;
}
#topnav-box{
	width:869px;
	height:41px;
	border:0px solid #000;


}

#topnav-left{
float:left;

}


#topnav{
	float:left;
	width:661px;
	height:41px;
	background: url(../images/topnav-bg.jpg) 0 0 repeat-x;

}


#topnav-right{
	float:right;

}

.topnav-menu{
	height:33px;
	line-height:33px;
	display:inline block;
	border:0px solid #000;
	color:#ffffff;
	font-weight:bold;
	padding-right:15px;
	padding-left:15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/topmenu-divider.gif) top right no-repeat;


}
a.topnav-menu{
	height:33px;
	line-height:33px;
	display:inline block;
	border:0px solid #000;
	color:#ffffff;
	padding-right:15px;
	padding-left:15px;
	font-size: 11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	


}

a.topnav-menu :link, a.topnav-menu :visited {
	color:#ffffff;
	font-size: 11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

a.topnav-menu:hover {
	color:#FBCF05;
	font-weight:bold;
	text-decoration:none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


#topnav-table {
	height:33px;
	margin-top:8px;


}


/* this is not xhtml compliant but works in ie/firefox */

/** tab menu stuff **/

.toppadd{
	padding-top:10px;
}
#mainbody { 
	margin-top:10px;
	width:869px;
	padding-top:10px;
	text-align:center;
	border: 0px solid #0ff;
	background-color:#ffffff;
	background: #ffffff url(../images/mainbody-bg.jpg) 0 0 no-repeat;
}

.mainbody-table { 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}


div#mainbody-left { 
	border: 0px solid #0ff;
	position:relative;
	border-right:0px dotted #C4C3C3;
	float:left;
	width:340px;
}

div#testimonials { 
	border: 0px solid #0ff;
	position:relative;
	float:left;
	height:250px;
	width:250px;
	border-right:0px dotted #C4C3C3;
}

div#mainbody-right { 
	border: 0px solid #0ff;
	position:relative;
	float:left;
	margin-top:10px;
	width:230px;
	
}
.content-heading{
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#F79917;
	padding-left:40px;
	margin-left:15px;
	line-height:35px;
	background: transparent url(../images/arrow-icon.png) 0 0 no-repeat;

}
#mainbody-right ul {
	
	
	padding-left:20px;
	

}
#mainbody-right li {
	
	background: transparent url(../images/star-icon.png) 0 2px no-repeat;
	list-style-type: none;
	padding-left:25px;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	list-style-position: outside;
	border:0px solid #000;
	margin-top:5px;

}
#mainbody-left ul {
	
	
	padding-left:0px;
	

}
#mainbody-left li {
	
	background: transparent url(../images/green-icon.png) 0 2px no-repeat;
	list-style-type: none;
	padding-left:20px;
	line-height:23px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	list-style-position: outside;
	border:0px solid #000;
	margin-top:5px;

}

.package-heading{
	font-family:arial;
	font-size:17px;
	
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	background: transparent url(../images/package-heading.jpg) 5px 0 no-repeat;

}
.package-body{

background: transparent url(../images/package-body-bg.jpg) 0 0 no-repeat;

}

#package{
	margin-top:25px;
}

#footer{
	margin-top:20px;
	
	background: transparent url(../images/footer-bg.jpg) 0 0 no-repeat;
	height:50px;
	width:869px;
}


div#footer table {
	margin-top: 4px;
}

div#footer table td {
	text-align: center;
	font-size:10px;
	font-family:verdana;
	color:#ffffff;
}

div#footer a {
color:#ffffff;

}