/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: #cdcdcd url(../images/body_slice.png) repeat-x top left;
 padding:0px;
 margin:0px;
}

#whirl {
 padding:0px;
 margin:0px;
 background: url(../images/whirl.png) no-repeat 50% -175px;
 overflow:hidden;
}

img {
 vertical-align: middle;
}

/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 margin: 0 auto;
 width: 890px;
 padding: 25px 25px 0px 25px;
 margin-top: 20px;
 background:url(../images/white_pixel.png);
}

#header {
 background: #fff;
width:854px;
padding:18px 18px 0px 18px;
}

#logo {
 float: left
}

#strapline {
 float: right;
}

/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 margin: 0 auto;
 width: 890px;
 padding: 0px 25px 0px 25px;
 background:url(../images/white_pixel.png);
}

#navigationInside {
width:854px;
padding:0px 18px 0px 18px;
background: #fff;
}

#navigation {
 background: url(../images/nav_slice.jpg) repeat-x top left;
 height:51px;
 padding:6px 0px 0px 0px;
}

/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 float: left;
 padding: 10px 0px 10px 20px;
 width: 760px;
 height:16px;
}
/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 margin: 0 auto;
 width: 890px;
 padding: 0px 25px 0px 25px;
 background:url(../images/white_pixel.png);
}

#copyarea {
width:890px;
padding:0px 0px 0px 0px;
background:#fff;
}

#ctl00_mainarea_content1 {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 0px 10px;
 width: 405px;
 margin: 0px 0px 0px 18px;
}

#ctl00_mainarea_content2 {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 10px 0px 0px;
 width: 405px;
 margin: 0px 18px 0px 0px;
}

#bottomArea {
 width:854px;
 background: url(../images/bg_bottomArea.png) no-repeat top left;
 padding:13px 18px 0px 18px;
 float: left
}

#ctl00_mainarea_content3 {
 float: left;
 height:auto !important;
 height: auto;
 min-height: 176px;
 padding: 0px 0px 0px 0px;
 width: 255px;
 margin-right:55px;
}

#ctl00_mainarea_content4 {
 float: left;
 height:auto !important;
 height: auto;
 min-height: 176px;
 padding: 0px 0px 0px 0px;
 width: 255px
}

#ctl00_mainarea_content5 {
 height:auto !important;
 height: auto;
 min-height: 200px;
 width: 854px;
 margin: 0 auto;
}

/*Used for the homepage address only*/
#ctl00_mainarea_content6 {
 float: right;
 height:auto !important;
 height: auto;
 min-height: 176px;
 padding: 0px 0px 0px 15px;
 width: 185px;
 color: #fff;
 border-left: solid 1px #55a6ca;
}

#ctl00_mainarea_content1.copy {
 float: right;
 height:auto !important;
 height: auto;
 min-height: 600px;
 padding: 0px 0px 0px 0px;
 width: 220px;
 margin-right:18px;
 margin-bottom:5px;
}

#ctl00_mainarea_content1.contact {
 float: right;
 height:auto !important;
 height: auto;
 min-height: 400px;
 padding: 60px 0px 0px 0px;
 width: 220px;
 margin-right:18px;
 margin-bottom:5px;
 background: #f2f2f2 url(../images/our_address.jpg) no-repeat top;
 font-size:0.9em;
}

#ctl00_mainarea_content2.copy {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 0px 0px;
 width: 598px;
 margin-left:18px;
}

/*To the top link*/
#toTheTop {
 width:854px;
 background: url(../images/bg_tothetop.png) no-repeat center left;
 height:27px;
 float:left;
 padding: 38px 18px 0px 18px;
}

/*To the top link*/
a.topthetop {
background: url(../images/top.png) no-repeat 0 0;
display: block;
width:56px;
height:27px;
float: left;
margin-right:20px;
}

/*To the top link*/
a.topthetop:hover {
background: url(../images/top.png) no-repeat 0 -27px;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 220px;
 margin-bottom: 1px;
}

/*##################################### QUOTE BOX STYLING ############################################*/

/* quote box container */
.quotes {
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 width: 220px;
 position:relative;
}

/* top quote area*/
.quotestop {
 background: url(../images/quote_top.gif) no-repeat top left;
 padding: 0px 0px 5px 0px;
 height:15px;
}

/* middle section that contains content*/
.quotesmiddle {
 padding: 0px 15px 0px 15px;
 height:auto;
}

/* bottom quote area*/
.quotesbottom {
 background: url(../images/quote_bottom.gif) no-repeat top right;
 padding: 0px 0px 0px 0px;
 height:15px;
}

/*##################################### SECTORS STYLING ############################################*/

#sortSector {
background: url(../images/casestudies_sort_bg.jpg) no-repeat top left;
width:458px;
height:106px;
padding: 25px 0px 0px 135px;
}

#drop label {
display:block;
float:left;
margin-right:5px;
color:#dd3a17;
font-family: "Georgia", Times, Serif;
font-style: italic;
font-size:16px;
}

.SectorDropList{
float: left;
margin: 0 3px 0 0;
width:260px;
}

.sectorFilter {
float: right;
width:155px;
font-size:16px;
margin:20px 40px 0 0;
background: url(../images/filter_arrow.gif) no-repeat center right;
}

#ctl00_mainarea_content2.copy .newsoverview span.sectorLine {
font-size:0.9em;
font-weight: normal;
float: left;
}

#ctl00_mainarea_content2.copy .newsoverview span.sector {
color: #282828;
font-size:0.9em;
font-weight: normal;
float: left;
padding-left:10px;
}

/*##################################### NEWS PAGE STYLING ############################################*/

.newsoverview {
 display: block;
 height:auto !important;
 height: auto;
 margin: 15px 0px 10px 0px;
 min-height: 120px
}

#ctl00_mainarea_content2.copy div.newsoverview a.newsTitle {
font-size:1.3em;
}

#ctl00_mainarea_content2.copy div.newsoverview p {
padding:5px 0px 10px 0px;
margin:0px;
font-size:0.9em;
line-height:1.3em;
}

div.studyContainer {
float: right;
width:475px;
height: auto;
}

div.newsContainer {
float: right;
width:435px;
height: auto;
}

a.newsMore {
float: right;
}

img.newsImg {
border: solid 1px #cbcbcb;
padding:2px;
float: left;
}

.newsBrk {
height:5px;
width:100%;
background: url(../images/newsBrk.gif) repeat-x top left;
margin-top:15px;
float: left;
}

/*########################### HOMEPAGE NEWS TICKER ##################################*/

#tickerContainer { /*Over all container*/
background: url(../images/ticker_bg.png) no-repeat top left;
width: 694px;
height: 63px;
float: left;
padding:0px 0px 0px 160px;
}

#copyarea ul#news {
width: 650px;
float: left;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#copyarea ul#news li {
background:none;
padding: 5px 0px 0px 0px;
margin:0px;
color: #282828;
list-style: none none;
}

#copyarea ul#news li a {
color: #dd3a17;
padding: 0px;
margin:0px;
font-family: Georgia;
}

/*########################################FOOTER LAYOUT##############################*/

/* Outer container, containing the background*/
#footer {
 margin: 0 auto;
 width: 890px;
 padding: 0px 25px 30px 25px;
 background: url(../images/footer_bg.png) no-repeat top left;
 height:120px;
}

/* Contains the content*/
#designBy {
 padding: 60px 0px 20px 0px;
 width: 890px;
}

span#News-Pagination.pagination{
color: #dd3a17;
font-family: Georgia;
font-style: italic;
height:40px;
}

span#News-Pagination.pagination a {
display: inline;
padding:4px;
width:20px;
height:20px;
}

span#News-Pagination.pagination span.current{
display:inline-block;
padding:0px 0px 0px 0px;
text-align: center;
}

span#News-Pagination.pagination span.prev,
span#News-Pagination.pagination span.next{
border: 0;
display:inline;
padding:0px;
}