html, body {background: #ffffff url("images/bg.jpg") 0 0 repeat-x; margin:0; padding:0; font-family: Arial, verdana, helvetica; font-size: 12px; color: #fff; }
img {border:0; }
form { margin:0; padding:0; }
.both { clear:both; }
#bg_ind {/*background: transparent url("images/bg_ind.png") top center no-repeat;*/}
#header { margin:0 auto; padding:0; width:819px; height: 74px; }
#logo {padding-top:20px; width:223px; float:left; margin-left:30px; }
#header .menu { font-family: Segoe UI, Arial, verdana, helvetica; padding-top:50px; line-height: 37px; text-align:right; border: 0px solid #000000;}
#header .menu a { padding: 0 15px; text-decoration: none; color:#fff; }
#header .menu a:hover {color:#fff739;}
#header .vertical_line {margin-bottom:-14px; border: 0px solid #000000;}
#footer {margin:0 auto; padding:0; width:800px;background: transparent url("images/footer_background.png") top center repeat-x;font-size: 11px; color: #b1b1b1; line-height: 30px; }
#footer a {font-family: Arial; text-decoration: none; color:#b1b1b1; }
#footer a:hover { text-decoration: underline; }
#footer .leftBox {float:left; margin-left:10px;}
#footer .rightBox {width:600px; float:right; text-align: right;  margin-right:10px; margin-top:-30px;}

#middle {margin:0 auto; padding:0; width:819px;}
/*
#ind_top_box {margin:0; padding:0; width:863px; height:259px; background: transparent url("images/top_main_blurb_computer.png") 0 0 no-repeat;overflow:hidden; border: 1px solid #000000; margin-top:50px;}
*/
#ind_top_box {margin:0; padding:0; width:880px; height:259px; overflow:hidden; border: 0px solid #000000; margin-top:48px;}

#ind_top_box .leftBox { float:left; padding-top:46px; margin-left:0px; border: 0px solid #000000;}
#ind_top_box .leftBox h2 {margin:15px 0; padding:0; font-size: 26px; font-weight: normal;font-family: Segoe UI, Arial, verdana, helvetica;}
#ind_top_box .leftBox p {margin:15px 0; padding:0; font-size: 16px; font-family: Segoe UI, Arial, verdana, helvetica; color:#0764c6; }
#ind_top_box .rightBox { float:left; width:448px; margin:0px; margin-right:0px; padding:0px;  border: 0px solid #000000;}

#ind_content {}
#ind_content p { padding: 0;font-size: 11px; text-align:justify;}

#ind_content .leftBox
{
	overflow:hidden;
	position:relative;
	float:left;
	width:279px;
	border: 0px solid #000000;
	margin-top:30px;
	background: transparent url("images/three_objects_background.png") 5px 65px no-repeat;
}
#ind_content .leftBox p {margin:-20px 40px 30px 20px; color:#5d5d5d;}
#ind_content .leftBox h2
{
	width:274px;
	height:54px;
	
	text-indent: -9000px;
	
	margin:0;
	margin-bottom:50px;
	margin-left:5px;
	padding: 0;
	/*background: transparent url("images/design_develop_market_sprite.png") 0 0 no-repeat;*/
	
	border: 0px solid #000000;
}

#ind_content .leftBox h2 a
{
	margin: 0px 0 0 0px;
	display: block;
	
	width:274px;
	height:54px;

	background: transparent url(images/design_develop_market_sprite.png) 0px 0px no-repeat;
	text-indent: -9000px;
}
#ind_content .leftBox h2 a:hover
{
	background: transparent url(images/design_develop_market_sprite.png) 0px -54px no-repeat;
}



#ind_content .leftBox h3
{
	font-family: Segoe UI, Arial, verdana, helvetica;
	color:#5d5d5d;
	margin-top:-25px;
	margin-left:10px;
	padding: 10px 0 0 15px;
	background: transparent url("images/bg_ind_nav_design_1.png") 0 0 no-repeat;
	width:284px;
	height:80px;
	text-align:center;
	font-size: 16px;
	font-weight: normal;
	border: 0px solid #000000;
}

#ind_content .centerBox
{
	overflow:hidden;
	position:relative;
	float:left;
	width:279px;
	border: 0px solid #000000;
	margin-top:30px;
	background: transparent url("images/three_objects_background.png") 0px 65px no-repeat;
}
#ind_content .centerBox h2
{
	margin:0;
	padding: 0;
	/*background: transparent url("images/develop_header.png") center 0 no-repeat;
	text-indent: -9000px;*/
	width:275px;
	height:102px;
}
#ind_content .centerBox h2 a
{
	margin: 0px 0 0 0px;
	display: block;
	
	width:274px;
	height:54px;

	background: transparent url(images/design_develop_market_sprite.png) -274px 0px no-repeat;
	text-indent: -9000px;
}
#ind_content .centerBox h2 a:hover
{
	background: transparent url(images/design_develop_market_sprite.png) -274px -54px no-repeat;
}

#ind_content .centerBox h3
{ 
	font-family: Segoe UI, Arial, verdana, helvetica; 
	margin-top:-25px;
	margin-left:10px;
	padding: 10px 0 0 20px;
	background: transparent url("images/bg_ind_nav_ddevelop_1.png") 0 0 no-repeat;
	width:275px;
	height:80px;
	text-align:center;
	font-size: 16px;
	font-weight: normal;
	color:#5d5d5d;
}
#ind_content .centerBox p
{
	margin:-20px 45px 30px 20px;
	color:#5d5d5d;
}

#ind_content .rightBox
{
	overflow:hidden;
	position:relative;
	float:left;
	width:255px;
	border: 0px solid #000000;
	margin-top:30px;
	margin-left:-9px;
	background: transparent url("images/three_objects_background.png") 5px 65px no-repeat;
}
#ind_content .rightBox h2
{
	margin:0;
	padding: 0;
	/*background: transparent url("images/market_header.png") center 0 no-repeat;
	text-indent: -9000px;*/
	width:260px;
	height:102px;
}

#ind_content .rightBox h2 a
{
	margin: 0px 0 0 0px;
	display: block;
	
	width:274px;
	height:54px;

	background: transparent url(images/design_develop_market_sprite.png) -544px 0px no-repeat;
	text-indent: -9000px;
}
#ind_content .rightBox h2 a:hover
{
	background: transparent url(images/design_develop_market_sprite.png) -544px -54px no-repeat;
}

#ind_content .rightBox h3
{
	font-family: Segoe UI, Arial, verdana, helvetica;
	margin-top:-25px;
	margin-left:10px;
	padding: 10px 0 0 20px;
	background: transparent url("images/bg_ind_nav_market_1.png") 0 0 no-repeat;
	width:260px;
	height:80px;
	text-align:center;
	font-size: 16px;
	font-weight: normal;
	color:#5d5d5d;
}
#ind_content .rightBox p
{
	margin:-20px 20px 30px 20px;
	color:#5d5d5d;
}

#ind_content a { color:#a8a8a8;}
#ind_content a:hover {text-decoration: none; }
#ind_content .more {text-align:right; }
#ind_content .more a {padding-right:10px;background: transparent url("images/bg_more.gif") right center no-repeat;}

/**/
#h2_page_design {margin:0; padding:0;width:819px; height:124px; background: transparent url("images/bg_page_design.png") center 0 no-repeat; text-indent: -9000px;}
.page_design {margin:0; padding:0;color:#00489a;}
.page_design h3 {margin:0 0 0 140px; padding:0;font-family: Segoe UI, Arial, verdana, helvetica; font-size: 26px; }
.page_design p {margin:10px 0 20px 140px; padding:0;}
#step_1 { background: transparent url("images/step_1.png") 0 0 no-repeat; }
#step_2 { background: transparent url("images/step_2.png") 0 0 no-repeat; }
#step_3 { background: transparent url("images/step_3.png") 0 0 no-repeat; }


#menu ul
{
	margin: 0;
	padding: 0;
	padding-right: 10px;
	padding-top: 50px;
	list-style-type: none;
	
	border: 0px solid #000000;
	
	float:right;
}

#menu li
{
	display:inline;
}

#menu ul a.box1
{
	margin: 15px 0 0 0px;
	display: block;
	width:37px;
	height:9px;
	line-height:0px;
	color: #000;
	text-decoration: none;
	background: transparent url(images/menu_items.png) 0px 0px no-repeat;
	float: left;
	text-indent: -9000px;
}
#menu a:hover.box1
{
	background-position: 0px -10px;
}

#menu ul a.box2
{
	margin: 15px 0 0 22px;
	display: block;
	width:60px;
	height:9px;
	line-height:0px;
	color: #000;
	text-decoration: none;
	background: transparent url(images/menu_items.png) -41px 0px no-repeat;
	float: left;
	text-indent: -9000px;
}
#menu a:hover.box2
{
	background-position: -41px -10px;
}

#menu ul a.box3
{
	margin: 15px 0 0 22px;
	display: block;
	width:39px;
	height:9px;
	line-height:0px;
	color: #000;
	text-decoration: none;
	background: transparent url(images/menu_items.png) -105px 0px no-repeat;
	float: left;
	text-indent: -9000px;
}
#menu a:hover.box3
{
	background-position: -105px -10px;
}

#menu ul a.box4
{
	margin: 15px 0 0 22px;
	display: block;
	width:60px;
	height:9px;
	line-height:0px;
	color: #000;
	text-decoration: none;
	background: transparent url(images/menu_items.png) -147px 0px no-repeat;
	float: left;
	text-indent: -9000px;
}
#menu a:hover.box4
{
	background-position: -147px -10px;
}

#menu ul a.box5
{
	margin: 15px 0 0 22px;
	display: block;
	width:39px;
	height:9px;
	line-height:0px;
	color: #000;
	text-decoration: none;
	background: transparent url(images/menu_items.png) -211px 0px no-repeat;
	float: left;
	text-indent: -9000px;
}
#menu a:hover.box5
{
	background-position: -211px 0px;
}

#menu li#vertical_line
{	
	display: block;
	
	border: 0px solid #000000;
				
	width:2px;
	height:38px;
	
	margin-left: 20px;
	margin-right: 0px;
	
	float: left;

	background: url(images/vertical_line.png) no-repeat;
	text-indent:-9000px;
}

/* IMAGE TRANSITION THING FROM UTRACK.COM */

#display_box
{
	*/
	margin: 31px auto 0 auto; background: transparent url("images/bg_display_box.gif") -2px 0 no-repeat; width:532px; height:267px; position:relative;
	*/
	
	margin: 0px auto 0 auto; background: transparent url("images/bg_display_box2.png") 0px 0 no-repeat; width:461px; height:259px; position:relative;
}
#display_box .dhonishow
{
	position:absolute; margin: 2px 0 0 -5px;
}
#display_box .dhonishow p
{
	margin: 0; padding: 0;color:#dcebf8; text-align: left; font-size: 14px; line-height: 35px;height: 35px; color:red; font-weight: bold;
	
	text-indent:-9000px; /* If you want to see the captions on the image transitions, just comment-out this command */
}
#display_box .dhonishow p i
{
	color:#7ab9e2;
}
#display_box .dhonishow .dhonishow-paging
{
	display: none;
}
#display_box img
{
	padding:0px 0 0 0px;
}