
/*                      */
/*      =Structure      */
/*                      */

body {
  margin:0;
  padding:0;
  background:#fff url(../img/body_bg.gif) 0 0 repeat-x;
  font: normal 11px/18px Verdana, sans-serif;
  color:#666;
}

#page {
  width:984px;
  padding:161px 0 0 0;
  margin:0 0 0 0;
  text-align:left;
}

.textblock {
  margin:0;
  padding:1px 239px 100px 295px;
  position:relative;
}

#home .textblock .left_col {
  float:left;
  width:220px;
}

#home .textblock .right_col {
  float:right;
  width:220px;
}

#broadband .textblock .right_col {
  float:right;
  width:350px;
}

#profile .textblock .right_col {
  float:right;
  width:325px;
}

.sidenav {
  position:absolute;
  width:248px;
  top:180px;
  left:24px;
}

.textblock .margin {
  width:185px;
  position:absolute;
  top:24px;
  right:24px;
  color:#333;
}

.runningfooter {
  height:24px;
}

#flash {
  padding:24px 0 0 24px;
}

/*	          	*/
/*	=Headings	*/
/*	          	*/

h1 {
  margin:0;
  padding:0;
  background:#fff url(../img/h1_bg.png) 0 0 repeat-x;
  position:absolute;
  top:30px;
  left:0px;
  width:297px;
  height:131px;
}

h1 a {
  display:block;
  width:297px;
  height:131px
}

h1 a span {
  display:none;
}

h2 {
  margin:0;
  padding:20px 0 10px 0;
  font: bold 16px/21px Verdana, sans-serif;
}

.sidenav h3 {
  margin:0;
  padding:0;
  display:block;
  width:248px;
  height:23px;
}

#home .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -69px no-repeat;
}

#profile .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 0 no-repeat;
}

#broadband .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -115px no-repeat;
}

#casestudies .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -23px no-repeat;
}

#faq .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -46px no-repeat;
}

#contact .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -69px no-repeat;
}

#support .sidenav h3 {
  background:#fff url(../img/h3_sprite.png) 0 -93px no-repeat;
}

.sidenav h3 span {
  display:none;
}

h4 {
  font: bold 13px/18px Verdana, sans-serif;
}

/*	          	*/
/*	=Lists  	*/
/*	          	*/

#headnav {
  position:absolute;
  top:10px;
  right:0px;
  font:bold 11px/11px Verdana, sans-serif;
}

#headnav ul {
  list-style:none;
  margin:0 24px 0 0;
  padding:0;
}

#headnav ul li {
  margin:0;
  padding:0;
  float:left;
}

#headnav ul li a:hover {
  background:transparent url(../img/headnav_hover.png) 2px 2px no-repeat;
}

#headnav ul li a {
  display:block;
  color:#fff;
  padding:0 5px 0 15px;
  text-decoration:none;
}

.sidenav ul, #home .textblock dl {
  font: normal 13px/18px Verdana, sans-serif;
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
}

.sidenav ul li, #home .textblock dl dt  {
  background:transparent url(../img/sub_menu_bullet.png) 0 5px no-repeat;
  padding:0 0 10px 16px;
}

#home .textblock dl dd {
  padding:0 0 24px 24px;
  font-size:10px;
  line-height:14px;
  background:transparent url(../img/doglegarrow_bullet.png) 10px 5px no-repeat;
}

#support a.vanilla {
  font-weight:normal;
  text-decoration:underline;
}

a.arrowbullet {
  background:transparent url(../img/sub_menu_bullet.png) 0 3px no-repeat;
  padding:0 0 10px 16px;
  font-weight:bold;
}

ul.arrow {
  margin:0;
  padding:0;
  list-style:none;
}

ul.arrow li {
  padding:0 0 12px 12px;
  background:transparent url(../img/doglegarrow_bullet.png) 0 5px no-repeat;
}

dt {
  font-weight:bold;
}

dd {
  margin:0;
  padding:0 0 24px 0;
}

#casestudies .textblock table ul {
  margin:0;
  padding:0;
  list-style:none;
}

#casestudies .textblock table ul li {
  padding:0 0 0 16px;
  background:transparent url(../img/doglegarrow_bullet.png) 5px 5px no-repeat;
}

/*	         	*/
/*	=Images 	*/
/*	         	*/

img.logo {
  display:block;
  float:left;
  padding:14px 0 0 0;
}

p.banner img {
  display:block;
  position:absolute;
  top:30px;
  left:295px;
}

/*                      */
/*      =Links          */
/*                      */

a {
  color:#333;
}

dl a {
  color:#666;
  font-weight:bold;
  text-decoration:none; 
}

.sidenav a {
  color:#666;
  font-weight:bold;
  text-decoration:none;
}

.sidenav a:hover {
  color:#333;
}

p.homelink a {
  font:bold 11px/11px Verdana, sans-serif;
  position:absolute;
  top:10px;
  left:12px;
  text-decoration:none;
  color:#fff;
}

#home p.homelink a,
#profile #headnav li.itm01 a,
#services #headnav li.itm02 a,
#broadband #headnav li.itm03 a,
#casestudies #headnav li.itm04 a,
#faq #headnav li.itm05 a,
#contact #headnav li.itm06 a,
#support #headnav li.itm07 a {
  color:#999;
}

.offering .sidenav .itm01 a,
.hardware .sidenav .itm02 a,
.choose .sidenav .itm03 a,
.clients .sidenav .itm04 a {
  color:#aaa;
}

.history .sidenav .itm01 a,
.staff .sidenav .itm02 a {
  color:#aaa;
}

.clothing .sidenav .itm01 a, .solicitors .sidenav .itm02 a, .property .sidenav .itm03 a, .recruitment .sidenav .itm04 a {
	color:#aaa;
}

a img {
  border:none;
}

a.download {
  text-decoration:none;
}

/*                      */
/*      =Tables         */
/*                      */

#broadband table {
  padding:12px;
  border-collapse:collapse;
  width:100%;
  border:1px solid #ccc;
}

#broadband table th {
  background-color:#EFEFEF;
  padding:12px;
  text-align:center;
}

#broadband table td {
  padding:12px; 
  text-align:center;
}

#casestudies table {
  border-collapse:collapse;
  width:100%;
}

#casestudies table th {
  vertical-align:top;
  width:100px;
  padding:12px 24px 12px 0;
}

#support table th {
  width:100px;
}

/*                      */
/*      =Forms          */
/*                      */

textarea {
  width:200px;
  height:100px;
}

#submit {
  border:none;
  background:#fff url(../img/sub_menu_bullet.png) 0 5px no-repeat;
  font: bold 12px/18px Verdana, sans-serif;
  color:#666;
  padding:0 0 0 10px;
  margin:0;
}

/*                      */
/*      =Orphans        */
/*                      */

/*                      */
/*      =P, B, etc      */
/*                      */

blockquote {
  margin:0;
  padding:0;
  color:#666;
}

p {
  margin:10px 0;
}

address {
  margin:10px 0 0 0;
  font-style:normal;
}
