.todo
{
	background-color: red;
	color: #FFF;
	font-weight: bold;
}

body {
	background: transparent url("../media/images/bg.jpg") repeat-x;
	background-color: #f0f4f7;
	color: #000000;
	margin:0 0;
}





.container{
	padding-top: 10px;

}

#home-container .container{
	padding-top: .75em;
}

#view-container .container{
	padding-top: .75em;
}


table.layout td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#footer {
color:#006699;
	margin-top: 15em;
	padding-bottom: 1.5em;
	font-size: .75em;
	text-align:right;
}

#section-home #footer {
	margin-top: 0em;
}


/**
 * Generic line spacing
 */

.add-vspace-bottom-03{padding-bottom: 1.5em;}
.add-vspace-bottom-05{padding-bottom: 1.5em;}
.add-vspace-bottom-075{padding-bottom: 1.5em;}
.add-vspace-bottom-1{padding-bottom: 1.5em;}
.add-vspace-bottom-2{margin-bottom:3em;}
.add-vspace-bottom-3{margin-bottom:4.5em;}
.add-vspace-bottom-4{margin-bottom:6em;}


.add-vspace-top-03{padding-top: 1.5em;}
.add-vspace-top-05{padding-top: 1.5em;}
.add-vspace-top-075{padding-top: 1.5em;}
.add-vspace-top-1{padding-top: 1.5em;}
.add-vspace-top-2{margin-top:3em;}
.add-vspace-top-3{margin-top:4.5em;}
.add-vspace-top-4{margin-top:6em;}

/*.add-vspace-bottom-03{padding-bottom: .5em;}
.add-vspace-bottom-05{padding-bottom: .75em;}
.add-vspace-bottom-075{padding-bottom: 1em;}
.add-vspace-bottom-1{padding-bottom: 1.5em;}
.add-vspace-bottom-2{margin-bottom:3em;}
.add-vspace-bottom-3{margin-bottom:4.5em;}
.add-vspace-bottom-4{margin-bottom:6em;}


.add-vspace-top-03{padding-top: .5em;}
.add-vspace-top-05{padding-top: .75em;}
.add-vspace-top-075{padding-top: 1em;}
.add-vspace-top-1{padding-top: 1.5em;}
.add-vspace-top-2{margin-top:3em;}
.add-vspace-top-3{margin-top:4.5em;}
.add-vspace-top-4{margin-top:6em;}*/

/**
 * text
 */


.centre-text{
	text-align: center;
}

.right-text{
	text-align: right;
}

/**
 * Press
 */
 

 
.press-items .month h2  {
	border-bottom: 2px solid #ADE700;
	font-weight: bold;
	font-size: 1.75em;
	padding: 0 0 .5em 0;
	margin: 0 0 0 0;
	line-height: 1em;
}

.search-items .item .link{
	border-bottom: 1px solid #ADE700;
	padding: 0 0 1.5em 0;
	margin: 0 0 0 0;
	line-height: 1em;
}

.linktestimonialname
{	padding: 0 0 1.5em 0;
	margin: 0 0 0 0;
	line-height: 1em;	
	font-weight: bold;
	color: #999999;
	text-align: right;
}

.linktestimonial
{
	padding: 0 0 1.5em 0;
	margin: 0 0 0 0;
	line-height: 1em;	
	color: #888888;
	text-align: right;
}

.press-items .item, .search-items .item{
	margin: 2em 0 3em 0;
	padding-left: 40px;
	background: url("../media/images/dot-red.gif") no-repeat 20px 3px;
}

.itembold{
	margin: 2em 0 3em 0;
	padding-left: 40px;
	font-weight: bold;
	background: url("../media/images/dot-red.gif") no-repeat 20px 3px;
}

.search-items .item {
	margin: 0em 0 2em 0;
}

 .sitemap-items .item h2{
	margin: 0em 0 5px 0;
	padding-left: 20px;
	background: url("../media/images/dot-red.gif") no-repeat 0px 15px;
}

 .sitemap-items .item ul,#section-services #content ul {
 	padding-left: 10px;
	padding-bottom: 10px;
	list-style:none;
	/*text-transform:uppercase;*/
}


 .sitemap-items .item ul li, .sitemap-items .item ul li, #section-services #content ul li {
 	padding-bottom: 4px;
  	padding-left: 15px;
	font-size: 1.1em;
	background: url("../media/images/list_dots.gif") no-repeat 0px 5px;
}




 .sitemap-items .item ul ul li{
	font-size: .85em;
	background: url("../media/images/list_dots_small.gif") no-repeat 0px 5px;
}

 .sitemap-items .item ul ul, #section-about #content ul, #section-services #content ul{
 	margin: 10px 0 0px 0;
 	padding-left: 0px;
	padding-bottom: 0px;
	list-style:none;
}


#section-about #content ul li{
 	padding-left: 14px;
	padding-bottom: 5px;
	margin-left:0px;
	list-style:none;
	font-size: .9em;
	background: url("../media/images/list_dots_small.gif") no-repeat 0px 3px;
}

.press-items .item h3, .search-items .item h3{
	font-weight: bold;
	font-size: 1.2em;
}

.press-items .item .link, .search-items .item h3 {
	font-weight: bold;
}

/**
 * Address (contacts page)
 */
.region {
	margin-bottom: 36px;
}

.region:target {
	background-color: #f0f4f7;
}

.address h3 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

.address p {
	margin: 0.5em 0;
}

.address p.mailto {
	margin: 0.5em 0 2em 0;
}

.address p.telephone {
	font-weight: bold;
}

/**
 * Style for a jQuery flash plugin replaced element
 *
 * see: http://jquery.lukelutman.com/plugins/flash/
 */
.flash-replaced .alt {
    display: block;
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
}

/**
 * Homepage left hand News panel
 */
#news {
	background: #27415D url("../media/home/news-box-top.gif") no-repeat;
	padding: 0;
	margin: 0 10px 15px 10px;
}

#news .accordion {
	margin: 0 7px;
	padding: 7px 0 0 0	;
}

#news .head {
	background-image: url("../media/home/news-heading.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding: 6px 0;
	cursor: pointer;
}

#news .head h3,
#news .head p {
	margin: 0;
	padding: 0 0 0 25px;
	color: #FFF;
}

#news .head h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

#news .head p.date {
	font-size: 0.9em;
}

#news .body {
	padding: 5px 5px 5px 25px;
	color: #FFF;
		font-size: 0.95em;
		font-family:verdana;}
}



#news .more {
	background: #27415D url("../media/home/news-box-bottom.gif") no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 7px 7px 7px 0;
	text-align: right;
}

#news .more a, #news .body a {
	color: #10B0BC;
	font-style: italic;
	text-decoration: none;
}

#section-home .links a{
	color: #ffffff;
	text-decoration: none;
	padding:0px 5px 0px 5px;
}
#section-home .links a:hover {
	color: #00FF00;
	text-decoration: none;
}

#news .more a:hover, #news .body a:hover {
	color: #00FF00;
	font-style: italic;
	text-decoration: none;
}




/**
 * Consultants
 */
ul.consultants {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.consultants li {
	display: block;
	float: left;
	width: 104px;
	height: 136px;
	margin: 0 0 5px 10px;
	text-align: center;
}

ul.consultants li :hover{
	background-color: #CCCCCC;
}

ul.consultants .caption {
	margin: 5px 0;
	font-size: 0.9em;
}

ul#MD {
	padding-bottom: 36px;
}


#home-container
{
    background: url(../media/home/background.gif) repeat-y;
	padding: 0; margin: 0;
}
#home-container .column1
{
    width: 307px; float: left; padding: 0 0 500px 0; margin: 0;
}
#home-container .column2
{
    width: 676px; float: left; padding: 0; margin: 0;
}
#home-container .column1 .buttons
{
    margin: 10px;
}


#view-container
{
    background: url(../media/home/background.gif) repeat-y;
	padding: 0; margin: 0;
}
#view-container .column1
{
    width: 157px; float: left; padding: 0 0 500px 0; margin: 0;
}
#view-container .column2
{
    width: 826px; float: left; padding: 0; margin: 0;
}
#view-container .column1 .buttons
{
    margin: 10px;
}


#search {
	margin: 1px 15px;
	text-align: right;
}
#search form
{
	display: inline;
}
#language {
	margin-right: 5px;
}
#language .label {
    font-size: 0.9em;
    color: #666;
	margin-right: 5px;
}
#language img {
	vertical-align: middle;
}

#search input {
	vertical-align: middle;
}

/* Container: main page column */
.container {
	background-color:#FFFFFF;
}

/* Quotes */
.quote {
	color: #3C5A73;
	text-align: right;
	font-weight: bold;
}
.quote p
{
	font-size: 1em;
	font-style: italic;
	margin: 0;
}

.quote p.cite
{
	font-size: 1.2em;
	font-style: normal;
	margin-top: 0.5em;
}










/* Feature */
.feature
{
	font-weight: bold;
	font-size: 1.2em;
}

.feature h3
{
	margin-bottom:6px;
	
}

.dquo { margin-left: -.5em; } 

/**
 * Top image
 */
#top_image h1 {
	background-image: url(../media/top-images/placeholder.jpg);
	background-repeat: no-repeat;
	width: 983px;
	height: 252px;
}
#top_image h1 span {
	position: relative;
	left: -999em;
}

/**
 * Left column
 */
#left_column_heading {
	margin: 0px 0 36px 0;
	padding: 0;
}

#left_column_heading h1 {
	background-repeat: no-repeat;
	width: 151px;
	height: 18px;
}

#left_column_heading h1 span {
	position: relative;
	left: -999em;
}

/*
 * Give content a big bottom-margin
 * todo: investigate if this is required or if there is a better way of doing this
 */
#content {
	margin: 0 0 3em 0;
}

#content h1 {
	font-size: 24px;
	margin: 0 0 36px 0;
	padding: 0;
	text-transform: uppercase;
	color: #3C5A73;
}




#showcase_article{
	text-align: justify;
}

#showcase_article ul{
		padding-bottom: 18px;
}

#showcase_article ul li{
	font-size: 11px;
		margin: 0 0 5px 18px;
		font-weight: bold;
}

#showcase_article h3{
	font-size:1.2em;
		margin: 36px 0 18px 0;
		font-weight: bold;
}

#showcase_article h2{
	font-size:1.5em;
		margin: 36px 0 18px 0;
		font-weight: bold;
}

#showcase_article p{
	font-size:12px;
	line-height:1.7em;
}

#showcase_article p strong{
	font-size:12px;
	line-height:1.8em;
}


#section-about  h3 { 
	font-size:1.2em;
	font-weight: bold;
	margin: 36px 0 10px 0;
	text-transform:uppercase;
}





/* -------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:0em; margin: 0 0 0 0; border: 0px solid #ccc; }
legend      { font-weight: bold; font-size:.8em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 151px; padding:0 0 0 0px; }
input.title   { font-size:.6em; }
textarea      { width: 390px; height: 250px; padding:5px; }


input.send-btn {
width: 20px;
height: 18px;
background: #333 url(../media/images/search.gif) no-repeat;
outline: none;
}
input.send-btn:hover {
background: #fff url(../media/images/search.gif) no-repeat 0 -18px;
}
