body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #fbfbfb url(i/short-bg.gif) repeat-x;
}

body.home {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #fbfbfb url(i/top-bg.gif) repeat-x;
}

img {
  border:0
}

/*=============== Links ===============*/

A:link, A:active, A:visited {
  color: #1b6dd3;
  text-decoration: none;
  outline: none;
}

A:hover {
  color: #a50101;
  text-decoration: none;
}


/*=============== Font Elements ===============*/
p {
  margin: 0 0 14px 0;
  line-height: 180%;
  color:#333;
  padding: 0;
  font-size: 120%;
}

p.copy {
  margin: 0 0 15px 0;
  line-height: 160%;
}

h1 {
  font:normal 40px/40px georgia;
  margin: 0 0 7px 0;
}

h1.title {
  margin:52px 0 0 16px;
  padding:0;
  background-image:url(i/martin-creegan-logo.gif);
  height:89px;
  width:343px;
  float:left;
}

.toptitle {
  margin:52px 0 0 16px;
  padding:0;
  height:49px;
  width:309px;
  float:left;
}


h2, h3, h4, h5 {
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
  margin:0 0 13px 0;
  padding:0;
  color:#293b3b;
}



/*=============== Positional Elements ===============*/
	


.home #top {
  height:372px;
  background:url(i/portrait.gif) no-repeat;
  background-position:right;
  margin:0px auto;
  width:990px;
  text-align:left;
}

#top {
  height:260px;
  margin:0px auto;
  width:990px;
  text-align:left;
}

#top A:link, #top A:active, #top A:visited {
  color: #fff;
  text-decoration: none;
}

#top A:hover {
  color: #c45905;
  text-decoration: none;
}

.home .toptext {
  width:670px;
  margin:80px 0 0 17px;
}

.toptext {
  width:950px;
  margin:57px 0 0 17px;
}

body.article {
 background: #fbfbfb url(http://www.martinjcreegan.co.uk/i/blog-bg.gif) repeat-x;
}

.article #top {
  height:169px;
  margin:0px auto;
  width:990px;
  text-align:left;
}

#content {
  margin:0px auto;
  width:990px;
  text-align:left;
}

#copy {
  float:left;
  width:600px;
  margin-top:20px;
}

#copypad{
  padding-right:10px;
  padding-left:15px;
  float:left;
}

#sidebar {
  margin-top:20px;
  float:left;
  width:275px;
}

#sidepad{
  padding-right:15px;
  padding-left:60px;
  float:left;
}

#copy p {font-family:Georgia,'Times New Roman',Times,serif;font-size:16px;font-weight:400;}

#copy h2, #copy h3, #copy h4 {font:normal 40px/40px georgia;font-size:28px;font-weight:500;margin:0;padding:0;}

#copy p.pages {
  color:#333;
  font-size:12px;
  float:right;
  padding: 0 10px 0 0;
}

.footercontainer {
  background:url(i/foot-bg.gif) repeat-x;
  height:77px
}


.footer {
  width:990px;
  margin:0px auto;
  text-align:left;
  padding:26px 0 0 0;
  color:#792c14;
}



.row {
  padding-bottom:20px;
  margin:25px 15px 30px 15px;
}



.rowtext {
  float: left;
  width:310px;
  margin:0 50px 0 0;
}

.rowright {
  float: left;
  width:240px;
}

.rowdouble {
  float: left;

  margin:0 90px 0 0;
}

.rowlist {
  float:left;
  margin:0 0 0 0;
}

ul.folio {
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:16px;
  font-weight:400;
  margin:0;
  margin-left: 20px;
  padding-left: 0;
  list-style: none;
}

ul.folio li {
  margin:16px 25px 16px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist, ul.bullet {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size:120%;
}

ul.ticklist li, ul.bullet li {
  margin:16px 25px 16px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist li {
  background-image: url(i/in.gif);
  line-height: 140%;
}

ul.bullet li, ul.folio li {
  background-image: url(i/bullet.gif);
  line-height: 120%;
}

.listname {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
letter-spacing: -1px;
margin:0 0 22px 0;
padding:0;
}


.field {
 margin:5px 0 15px 0;
}
 
.formbox {
 font-size:120%;
}

.green {
  color:#6d9324;
}

.brown {
  color: #95513b;
}

.red {
  color: #a50101;
}

.shimmy {
  margin-left:46px;
}

.black {
  color:#000;
}

.accessible {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.clear {
	content: "."; 
    display: block; 
    height: 10px; 
    clear: both; 
    visibility: hidden;
    }

.imagebox {
  margin:15px 0 0 21px;
  float: left;
  width: 358px;
}

.imagetitle {
  margin: 0;
  padding: 4px 0;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f8f8f8;
}

.hoverpic {
  margin:5px 8px 0 0;
  padding:2px;
  border:1px solid #e2e2e2;
  float: left;
}

.bigpic {
  margin:5px 0;
  border:1px solid #e2e2e2;
}

.horizontitle {
  font-size:110%;
  margin: 0;
  padding: 4px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f5f9fb;
}

.intro{
  width:450px;
  margin:0 11px 0 0;
  padding: 0 0 20px 0;
  float: left;
}


#sections {
  background-color: #fff;
  padding: 3px;
  font-size: 170%;
  margin: 30px 0 20px 0;
  color:#824892;
  line-height:130%;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  }

#sections ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#sections ul li {
  margin-left: 0;
  padding-right: 20px;
  border: none;
  list-style: none;
  display: inline;
}

.midalign img, span.midalign {
  vertical-align: middle;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

.floatleft {
  float: left;
  padding: 0 10px 8px 0;
  margin: 0;
}

.floatright {
  float: right;
  padding: 0 0 0 5px;
  margin: 0;
}

p.righttext {
  float: right;
}

p.lefttext {
  float: left;
}

p.righttext, p.lefttext {
  padding: 10px 15px 0 15px;
  margin:0;
}

ul.offerlist {
  margin:10px 0 16px 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 120%;
}

ul.offerlist li {
  line-height: 175%;
  padding-left: 25px;
  background-image: url(i/tick.gif);
  background-repeat: no-repeat;
  background-position:left;
  margin:0 0 10px 10px;
}

.break {
  height: 1px;
  background-color:#d5d6d6;
  line-height:0;
}

.infobox {
  font-size:110%;
  margin: 30px 0;
  padding: 10px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
}

dl.sitemap {
  font-size:110%;
  margin: 8px 0 23px 0;
  padding:0;
}

dl.sitemap dt {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 210%;
  line-height: 110%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color:#4e4e4e;
}

dl.sitemap dd {
  margin: 2px 10px 0 0;
  line-height: 1.15em;
  padding:0 0 10px 14px;
}

dl.sitemap dd {
  background: url(http://www.savingsbonds.org.uk/i/weearo.gif) no-repeat;
}


#portfoliowrapper {
  margin: 0 0 30px 0;

}

#portfolio {
  width:990px;
  text-align:left;
  margin:0px auto;
}

.fbox {
  float:left;
  width:49%;
  border-top:1px solid #fff;
  border-bottom:1px solid #eee;
  padding: 0 0 15px 0;
}

.foliotitle {
  margin:15px 20px 0 40px;
  color:#6d9324;
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
}

.fbox a {
  color: #6d9324;
  background: url(i/linkaro.gif) no-repeat right;
  padding:0 28px 1px 0;
  border-bottom:1px dotted #7caddd;
  margin:0 2px 0 0;
}

.fbox a:hover {
  color: #c64142;
  border-bottom:1px dotted #ef9d26;
}  

.fbox p {
  font-size:120%;
  line-height: 170%;
  padding:5px 40px 25px 40px;
  margin:0;
}

.fleft {
  border-right:1px solid #eee;
}

.fright {
  border-left:1px solid #fff;
} 

/* Navigation */

#nav {
  float:right;
  margin:28px 10px 0 0;
  width: 370px;
  height: 34px;
  border: 0;
  padding: 0;
}
	
#nav ul	{
	width: 370px;
	height: 34px;
	background: url(i/nav.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nav ul li, #nav a	{
	height: 34px;
	display: block;
	}

#nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#nav1 {left: 0; width: 73px;}
#nav2 {left: 90px; width: 96px;}
#nav3 {left: 203px; width: 61px;}
#nav4 {left: 281px; width: 89px;}


#nav1 a:hover {background: transparent url(i/nav.gif) 0 -68px no-repeat;}
#nav2 a:hover {background: transparent url(i/nav.gif) -90px -68px no-repeat;}
#nav3 a:hover {background: transparent url(i/nav.gif) -203px -68px no-repeat;}
#nav4 a:hover {background: transparent url(i/nav.gif) -281px -68px no-repeat;}

#nav1 a.selected {background: transparent url(i/nav.gif) 0 -34px no-repeat;}
#nav2 a.selected {background: transparent url(i/nav.gif) -90px -34px no-repeat;}
#nav3 a.selected {background: transparent url(i/nav.gif) -203px -34px no-repeat;}
#nav4 a.selected {background: transparent url(i/nav.gif) -281px -34px no-repeat;}