* {
	margin:0;
	padding:0;
}

html, body {height: 100%; margin: 0;padding: 0; background: #fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

#container {margin: 0 auto;width: 980px;height: 601px;clear: both;padding: 0px;position: relative;top: -300px;position: static;}

#align {visibility: hidden;	width: 980px;height: 50%;margin-top: -300px;float: left;}
p {line-height: 12pt; padding: 0 0 10px 0;}
#header { background: #fff; padding:0 0 12px 0; } 
#header h1 {margin: 0; padding: 10px 0;}
#logo { width:178px; height:72px; position:absolute; top:0; right:0 }

<!--MAIN BOX-->	
#frame { width: 100%; } 
#boxhome, #boxabout, #boxourpeople, #boxtest, boxourservices, #boxaboutservices, #boxaboutservices1, #boxaboutservices2, #boxaboutservices3, #boxaboutservices4, #boxaboutservices5, #boxsectors, #boxdesign, #boxdesign1, #boxdesign2, #boxdesign3, #boxdesign4, #boxdesign5, #boxdesign6, #boxdesignbuild, #boxportfolio, #boxportfolio_ca, #boxportfolio_cg, #boxportfolio_ims, #boxportfolio_lbs, #boxportfolio_rc, #boxportfolio_un, #boxportfolio_te, #boxclients, #boxcontact { width: 978px; height: 488px; margin: 0 auto; border: 1px solid #ffc525;}

#boxhome {background-image:url(../images/bg_home.jpg); background-repeat:no-repeat;}

#boxabout {background-image:url(../images/bg_services.jpg); background-repeat:no-repeat;}
#boxourpeople {background-image:url(../images/bg_ourpeople.jpg); background-repeat:no-repeat;}
#boxclients {background-image:url(../images/bg_clients.jpg); background-repeat:no-repeat;}
#boxtest {background-image:url(); background-repeat:no-repeat;}
#boxcontact {background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}

#boxaboutservices1 {background-color:#fff;}
#boxaboutservices5 {background-image:url(../images/bg_serv_strategy.jpg); background-repeat:no-repeat;}

#boxdesign {background-image:url(../images/bg_design.jpg); background-repeat:no-repeat;}


#boxportfolio {background-image:url(../images/bg_port.jpg); background-repeat:no-repeat;}


#sidebar {height: 488px; float: left; width: 35%; background-color:#84004c; color:#FFF;  }

#sidebar .subheaders  {font-size:12px; color:#ffc525;}
#sidebar h3  {margin: 20px 0px 20px 0px; font-size:16px; color:#ffc525;}
#sidebar h4  {margin: 0px 0px 20px 0px; font-size:14px; color:#ffffff;}

.text {padding: 10px 30px 0px 30px;}
.points {list-style-type: none; font-size: 12px;}
.points li {background-image: url(../images/bullet.gif);background-repeat: no-repeat; background-position: 0px 4px; padding-left: 18px; margin-bottom: 2px;}
.scroll {height: 380px; width: 300px; overflow: auto;padding: 0px; margin-top:10px}
.line {height:1px; color:#ffc525; background-image:url(../images/line.gif); background-repeat:repeat-x;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/*SHADOW BOX*/
#thumbnails { margin: 430px 20px 0 840px;} 
.thumbnails { padding:10px 10px 0 0px;float:left;}
#thumbnails a {
  color:#84004c;
  font-size:14px;
  font-weight:bold;
  cursor:hand
}
#thumbnails a:hover { color:#ffc525 } 
#thumbnails1rows5 { margin: 380px 20px 0 42%;} 
.thumbnails1rows5 { padding:10px 10px 0 0px; float:left;}

#thumbnails2rows { margin: 290px 20px 0px 42%;}
.thumbnails2rows { padding:10px 10px 0 0px; float:left;}

#thumbnails2rows4 { margin: 290px 20px 0 42%;}
.thumbnails2rows4 { padding:10px 10px 0 0px; float:left;}

#thumbnails2rows5 { margin: 290px 20px 0 42%;} 
.thumbnails2rows5 { padding:10px 10px 0 0px; float:left;}

#thumbnails3rows4 { margin: 190px 20px 0 42%;} 
.thumbnails3rows4 { padding:10px 10px 0 0px; float:left;}

#thumbnails4rows4 { margin: 110px 20px 0 42%;} 
.thumbnails4rows4 { padding:10px 10px 0 0px; float:left;}

.zoom {position:relative; right:16px; top:-64px; z-index:100;}

/*LINKS*/

.portfoliolinks a {text-decoration: none; color:#ffc525; padding-left:1px; font-size:12px; padding-right:5px;}
.portfoliolinks a:hover {text-decoration: none; color:#fff; padding-left:1px; font-size:12px; padding-right:5px;}

.sublinks a {text-decoration: none; color:#ffc525; padding-left:1px; font-size:12px; padding-right:5px; text-transform:lowercase;}
.sublinks a:hover {text-decoration: none; color:#fff; padding-left:1px; font-size:12px; padding-right:5px; text-transform:lowercase;}
.sublinksoff a {text-decoration: none; color:#fff; padding-left:1px; font-size:12px; padding-right:0px; text-transform:lowercase;}
.email a:link {text-decoration: none; color:#be006d; padding-left:1px;}
.email a:hover {text-decoration: none; color:#be006d; padding-left:1px;}
.yellow {color:#ffc525; font-size:12px;}

/*FOOTER*/

.copyright {text-align:right; color:#ffc525; padding-left:505px;}
#footer { padding: 0 10px; background:#fff;color:#be006d;font-size:10px;} 
#footer p {margin: 0; padding: 10px 0; }