body{margin:0px;padding:0px;} 
#Nestedtab
{
	margin:0px auto;
	padding:0px;
	width:530px;
	background:#fff url(../images/bodybg.gif) repeat-y;
	border:0px solid red;
	min-height:199px;
	height:auto !important;
	height:199px;
	border:0px solid red;
}

#Nestedtab:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
<!--[if IE7]>

#Nestedtab
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#Nestedtab ul
{
	float:left;
	padding:0px 0 0 0px;
	margin:0px 0 0 10px;
	width:524px;_width:524px;
	height:31px;
    border-bottom:1px solid #d3d3d3;
}

#Nestedtab ul li
{
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0; 
	display:inline;
	white-space:nowrap;
}

#Nestedtab ul li a
{
	float:left;
	margin:0; 
	padding:13px 0 0 0px;
	list-style-type:none;
	font:bold 11px  arial;
	border:0px solid red;
	text-decoration:none;
	color:#000;
	outline:none;
	text-align:center;
}


#a
{
	background:url(../images/sitecore_services.gif) no-repeat;
	width:132px;
	height:32px;
}

#a.selected
{
	width:132px;
	height:32px;
	background:url(../images/sitecore_services_hover.gif) no-repeat;
}

.selectedSer
{
	width:132px;
	height:32px;
	background:url(../images/sitecore_services_hover.gif) no-repeat;
}
#b
{
	width:148px;
	height:32px;
	background:url(../images/customer.gif) no-repeat;
}

#b.selected
{
	width:148px;
	height:32px;
	background:url(../images/customer_hover.gif) no-repeat;
	display:block;
}
.selectedcustomer
{
	width:148px;
	height:32px;
	background:url(../images/customer_hover.gif) no-repeat;
	display:block;
}

#c
{
	width:115px;
	height:32px;
	background:url(../images/why_edynamic.gif) no-repeat;
}

#c.selected
{
	width:115px;
	height:32px;
	background:url(../images/why_edynamic_hover.gif) no-repeat;
}
.selectedwhy
{
	width:115px;
	height:32px;
	background:url(../images/why_edynamic_hover.gif) no-repeat;
}
#d
{
	width:90px;
	height:32px;
	background:url(../images/contact.gif) no-repeat;
}

#d.selected
{
	width:90px;
	height:32px;
	background:url(../images/contact-hvr.gif) no-repeat;
}
.selectedcontact
{
	width:90px;
	height:32px;
	background:url(../images/contact-hvr.gif) no-repeat;
}
#tab-1
{
	float:left;
	margin:0px 0 0 10px;
	padding:20px 0 0 0px;
	width:522px;
	min-height:165px;
	height:auto !important;
	height:165px;
	border-top:0px solid red;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	font-weight:normal;
}

#tab-1:after 
{
    content: ".";

    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
<!--[if IE7]>

#tab-1
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#tab-1 h2
{
	margin:10px 0 10px 12px;
	_margin:10px 10px 10px 6px;
	padding:0px 0 0 8px;
	float:left;
	font:bold 12px Arial;
	color:#4767a0;
	border:0px solid red;
	text-align: left;
}

#tab-1 p
{
	margin:10px 0 10px 18px;
	_margin:10px 10px 10px 10px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
	text-align: left;
}  

#tab-1 table
{
	margin:10px 0 10px 35px;
	_margin:10px 10px 10px 10px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
}  


#tab-2
{
	float:left;
	margin:0px 0 0 10px;
	padding:20px 0 0 0px;
	width:522px;
	min-height:165px;
	height:auto !important;
	height:165px;
	border-top:0px solid red;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
}

#tab-2:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
<!--[if IE7]>

#tab-2
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#tab-2 h2
{
	margin:0px 0 0 10px;
	_margin:7px 10px 0 7px;
	padding:0px 0 0 8px;
	float:left;
	font:bold 12px Arial;
	color:#4767a0;
	border:0px solid red;
	text-align: left;
}

#tab-2 p
{
	margin:0px 10px 18px;
	_margin:0px 10px 10px 10px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
	text-align: left;
}  

#tab-3
{
	float:left;
	margin:0px 0 0 10px;
	padding:20px 0 0 0px;
	width:522px;
	min-height:165px;
	height:auto !important;
	height:165px;
	border-top:0px solid red;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
}

#tab-3:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
<!--[if IE7]>

#tab-3
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#tab-3 h2
{
	margin:10px 0 10px 10px;
	_margin:10px 10px 10px 6px;
	padding:0px 0 0 8px;
	float:left;
	font:bold 12px Arial;
	color:#4767a0;
	border:0px solid red;
	text-align: left;
}

#tab-3 p
{
	margin:10px 0 10px 18px;
	_margin:10px 10px 10px 10px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
	text-align: left;
}  
#tab-3 table
{
	margin:10px 0 10px 35px;
	_margin:10px 10px 10px 15px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
}  



#tab-4
{
	float:left;
	margin:0px 0 0 10px;
	padding:20px 0 0 0px;
	width:522px;
	min-height:165px;
	height:auto !important;
	height:165px;
	border-top:0px solid red;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	font:normal 12px Arial;
	color:#767677;
}



#tab-4 h2
{
	margin:0px 0 0 10px;
	_margin:0px 0 0 6px;
	padding:0px 0 0 8px;
	float:left;
	font:bold 12px Arial;
	color:#4767a0;
	border:0px solid red;
	text-align: left;
}

#tab-4 table
{
	margin:10px 0 10px 18px;
	_margin:10px 10px 10px 10px;
	padding:0px;
	float:left;
	width:480px;
	font:normal 12px Arial;
	color:#767677;
}  
.forminnertable {
	BACKGROUND-COLOR: #e6e6e6
}
.formtdwhitetext {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 

11px; PADDING-BOTTOM: 5px; COLOR: #5f5f5f; LINE-HEIGHT: 17px; PADDING-TOP: 5px; 

FONT-FAMILY: Arial, verdana, Sans-Serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: 

right;
}
.orangelinksbold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff8400; LINE-HEIGHT: 11px; 

FONT-FAMILY: Arial, verdana, Sans-Serif; 
}
.formtdwhite {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 

11px; PADDING-BOTTOM: 5px; COLOR: #5f5f5f; LINE-HEIGHT: 17px; PADDING-TOP: 5px; 

FONT-FAMILY: Arial, verdana, Sans-Serif; BACKGROUND-COLOR: #ffffff
}
.formtdgrey {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 

11px; PADDING-BOTTOM: 5px; COLOR: #5f5f5f; LINE-HEIGHT: 17px; PADDING-TOP: 5px; 

FONT-FAMILY: Arial, verdana, Sans-Serif; BACKGROUND-COLOR: #f8f8f8; TEXT-ALIGN: 

left
}

.stronge{
color:#ff7800
}

#tab-2 img
{
	margin:10px 0 10px 20px;
	_margin:10px 10px 10px 20px;
	padding:0px;
	float:left;

}