.col-1, .col-2, .col-3, .col-4 { float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:896px;  }

/*======= header =======*/
#header {height:414px;  background:url(images/top.gif) no-repeat top center #ffffff}

#header .col-1{ width:307px; margin:0}
#header .col-2{ width:589px}

/*======= index.html =======*/
#homePage #content .col-1{ width:307px; margin-right:0px}
#homePage #content .col-2{ width:550px}
#homePage #content .col-3{ width:500px; margin-right:20px; margin-left:20px; }
#homePage #content .col-4{ width:0px}
#homePage #content .col-3 .box-tan {height:410px}
#homePage #content .col-4 .box-tan {height:0px}
#homePage #header {height: 136px;}

/*======= contact.html =======*/
#contactPage #content .col-1{ width:307px; margin-right:0px}
#contactPage #content .col-2{ width:530px; margin-left:20px;}
#contactPage #content .col-3{ width:250px; margin-right:10px; margin-left:00px;}
#contactPage #content .col-4{ width:250px}
#contactPage #content .col-3 .box-tan {height:300px}
#contactPage #content .col-4 .box-tan {height:300px}

/*======= company.html =======*/
#companyPage #content .col-1{ width:307px; margin-right:0px}
#companyPage #content .col-2{ width:550px}
#companyPage #content .col-3{ width:500px; margin-right:20px; margin-left:20px;}
#companyPage #content .col-4{ width:0px}

/*======= editions.html =======*/
#editionsPage #content .col-1{ width:307px; margin-right:0px}
#editionsPage #content .col-2{ width:550px}
#editionsPage #content .col-3{ width:500px; margin-right:20px; margin-left:20px; }
#editionsPage #content .col-4{ width:0px}
#editionsPage #content .col-3 .box-tan {height:410px}
#editionsPage #content .col-4 .box-tan {height:0px}
#editionsPage #header {height: 136px;}

/*======= demos.html =======*/
#demosPage #content .col-1{ width:307px; margin-right:0px}
#demosPage #content .col-2{ width:550px}
#demosPage #content .col-3{ width:500px; margin-right:20px; margin-left:20px;}
#demosPage #content .col-4{ width:0px}

/*======= acrhitecture.html =======*/
#architecturePage #content .col-1{ width:307px; margin-right:0px}
#architecturePage #content .col-2{ width:550px}
#architecturePage #content .col-3{ width:500px; margin-right:20px; margin-left:20px}
#architecturePage #content .col-4{ width:0px}

/*======= <standard page>.html =======*/
#standardPage #content .col-1{ width:307px; margin-right:0px}
#standardPage #content .col-2{ width:550px}
#standardPage #content .col-3{ width:510px; margin-right:20px}
#standardPage #content .col-4{ width:0px}

/*======= promotion.html =======*/
#promotionPage #content .col-1{ width:307px; margin-right:0px}
#promotionPage #content .col-2{ width:550px}
#promotionPage #content .col-3{ width:255px; margin-right:20px; margin-left:10px}
#promotionPage #content .col-4{ width:255px}
#promotionPage #content .col-3 .box-tan {height:300px}
#promotionPage #content .col-4 .box-tan {height:300px;}

/*======= ce.html =======*/
#cePage #content .col-1{ width:307px; margin-right:0px}
#cePage #content .col-2{ width:530px; margin-left:20px;}
#cePage #content .col-3{ width:250px; margin-right:10px}
#cePage #content .col-4{ width:250px}
#cePage #content .col-3 .box-tan {height:190px}
#cePage #content .col-4 .box-tan {height:190px}

/*======= providers.html =======*/
.providers-layout { width:500px; background: #ffffff; padding:20px 20px 20px 20px}

/*======= cmestandards.html =======*/
.cmestandards-layout { width:500px; background: #ffffff; padding:20px 20px 20px 20px}

/*======= integrate.html =======*/
.integrate-layout { width:500px; background: #ffffff; padding:20px 20px 20px 20px}

.col-sidebar {width: 307px; float: left; }
.col-detail  {width: 660px; margin-left: 307px;}

/*======= footer =======*/
#footer { height:104px; }