/* 

Standard colours
-----------------
Signals blue: #007c9a
Signals yellow: #fefde1
Signals red: #e32518

re-do above :) 

*/

/* ---------------------------- Reset.css ----------------------------- */
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address,abbr { font-style:normal; }

/* ---------------------------- Standard.css -------------------------- */
.floatleft{ float: left; }
.floatright { float: right; }
.clear { clear: both; }
.theme-red { color:#e32518; }
.caps { text-transform:uppercase; font-weight:bold; font-size: 1.4em;}

/* ---------------------------- Layout.css ---------------------------- */

html { text-align: center; }
body
{
	font-family: Trebuchet MS, Arial,"Lucida Grande",Helvetica,sans-serif;
	font-size: 12px;
	background: #7c7b80 url("../images/page-background.gif") repeat-x;
}
a { color: #587384; font-weight:bold; }
p { font-size: 1em; font-family: Trebuchet MS; line-height: 1.4em;}

img.client-logo { float:left; padding: 0px; margin: 5px 70px 5px 0; }

div.header { width: 868px; height: 106px; margin: 0 auto; position: relative; background: transparent url("../images/page-top.gif") no-repeat right top; }
div.header img.logo { position: absolute; top: 21px; left: 23px;}
div.header div.toplinks { position: absolute; top: 15px; right: 25px;}
div.header div.toplinks p { margin: 0 0 5px 0;}
div.header h2 { position: absolute; top: 42px; left: 642px; font-size: 1.5em; color:#5a5a5b; font-weight:normal; }

.breadcrumbs { display:none; padding: 5px 0 5px 235px; height: 20px; width: 509px; }
.breadcrumbs ul li {float:left;display:inline;}
.breadcrumbs ul li.chevron { padding: 0 10px;}                    
.breadcrumbs ul a { color: #5A5A5A; }

#container { width: 868px; margin: 0 auto; text-align:left;  background-color:#fff;  }
div.topnav { width: 868px; height: 28px; position: relative; background: transparent url("../images/nav-background.jpg") no-repeat right top; z-index:1; }
#navigation { display:none; }
#navigation li.topselected { background: transparent url("../images/menu-selected.gif") no-repeat;}
#navigation li.topselected a { color:#e32518; }
#navigation li.topselected li a { color:#73726e; }

#content { padding: 22px 25px 42px;  background:#fff ; }
.footer { width: 868px; height: 86px; margin: 0 auto; position: relative; background: #000; }
.footer .floatleft { text-align:left;}
.footer .floatleft p.first { padding: 15px 0 0 43px; }
.footer .floatleft p { color: #ffffff; font-size: 0.8em; padding: 0 0 0 43px; font-weight:bold;}
.footer .floatleft a { color: #ffffff; }
.footer .floatright { text-align:right; }
.footer .floatright p.first { padding: 15px 50px 0 0; }
.footer .floatright p { color: #ffffff; font-size: 0.8em; padding: 0 50px 0 0; font-weight:bold;}
.footer .floatright a { color: #ffffff; }

/* Homepage specific */
div.fullcol h1 { font-size: 1.2em; margin: 10px 0; }
div.fullcol p { margin: 5px 0; }

div.flash-banner { clear:both; width: 809px; height: 204px; margin: 10px 0 0; background: transparent url("../images/flash-banner.jpg") no-repeat;}
div.showcase-panel { width: 809px; height: 227px; padding: 19px 0 0 0; background: #fff url("../images/showcase-panel.gif") no-repeat; overflow:hidden; }
div.panel { float:left; padding: 0 32px 0 9px; height: 228px; width: 260px; overflow:hidden; } 
div.panel h2 { font-size: 1.4em; }
div.panel h2 a { color: #fff; }
div.panel h3 { font-size: 1.2em; }
div.panel p { font-size: 1.0em; }
div.news { width:239px; margin-right: 15px; padding: 40px 12px 0 9px; background: transparent url("../images/news-panel.gif") no-repeat; } 
div.news h2 { /*color: #ee3024;*/ }
div.news h2 a { /*color: #ee3024;*/ }
div.news  p { font-size: 1.0em;}
div.news .news-item { margin: 5px 0; }
div.news .news-item img { float:left; clear:left; margin: 5px 5px 15px 0; }
div.news .news-item p { float:left; }
div.news .news-item a { color:#000; }
div.promotion1 { padding: 120px 32px 0 9px; width: 219px; margin-right: 16px; color:#fff; background: #007c9a url("../images/promotion1-panel.gif") no-repeat; } 
div.promotion1 a { color:#fff;} 
div.promotion2 { padding: 120px 32px 0 9px; width: 217px; background: #96b201 url("../images/promotion2-panel.gif") no-repeat; } 
div.promotion2 h2{ padding: 10px 0;  }
div.promotion2 h2 a{ color: #000; }
#ticker { height: 25px; overflow:hidden; margin: 10px 0 20px; padding: 5px 0; }

/* Sub page specific */
div.leftcol { width: 174px; margin: 0 14px 0 0; }
div.leftcol h1 { padding: 9px 18px; }

div.leftnav { margin: 0 0 27px 0; background: #b3b3b1 url("../images/left-nav-background.jpg") no-repeat; }
#leftnav { padding: 15px;}
#leftnav li { margin: 0 0 10px 0;}
#leftnav li a.selected  { text-decoration:underline;}
#leftnav a { color: #fff; font-size: 1.0em; font-weight: bold; line-height: 1.4em; }

div.case-study { width: 140px; min-height: 100px; background: #E32518 url("../images/case-study-background.jpg") no-repeat; padding: 100px 17px 0; }
div.case-study h3 { font-size: 1.4em; color:#fff; }
div.case-study p { color:#fff; margin: 5px 0; }
div.case-study a { font-weight:bold; color:#fff; }

div.leftcolwide ul,
div.column1
{ 
    padding: 0 0 0 15px; list-style-type:disc;
}
div.leftcolwide { width: 664px; min-height: 206px; padding: 0px 0 0 0px; background: #fff; position: relative; }
div.leftcolwide img.header { position: absolute; top:0; left: 0; }
div.leftcolwide h2 { margin: 10px 0 5px 0; font-size: 1.5em; }
div.leftcolwide h3 { color:#666; font-size:1.1em;}
div.leftcolwide p { margin: 10px 0 10px 0; }

div.column1
{
	border-style: none dotted none none;
	border-width: 1px;
	border-color: #000;
	min-height: 256px;
	width: 372px;
	padding: 0 10px 0px 0;
	position:relative;
}
div.column2 { width: 183px; padding: 0 0 0 10px; }
div.column2 img { margin: 0 0 10px 0; }

form label,
form input,
form textarea {float: left;}
form label { clear: both; width: 100px;}
form input,
form textarea {margin: 3px; }
.textbox { border: solid 1px #999;}
fieldset { border: none;}


.project { display: none; position: relative;}
.project img { position: absolute; top: 0; right: 0; }
.project ul li { list-style-type: square; margin-left: 15px; }

img.selected { border: solid 1px #e32518; }

div#pager { position: absolute; bottom: 0; border-top: dotted 1px #000; width:100%; }
div#news h3 { margin: 20px 0 0 0; }
div#news h3.empty {margin:0; height:1px;}
div#news .newsitem .title { font-weight:bold;}
div#news .newsitem .teaser {}
div#news .newsitem .date { font-style:italic;}

blockquote {
        background-color:#e1e8f2;
        border:1px solid #a6a6a6;
        width:258px;
        padding:10px;
        margin:20px 0;
   }
blockquote span {
        background:#fff url(../images/bkg_talkBubble-bot.jpg) no-repeat;
        display:block;
        width:220px;
        padding:12px 0 0 60px;
       margin:10px 0 -11px -11px;
    }
blockquote span strong { font:bold 1.4em 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }


/* 
	Calendar Styles
	
	These are all the specific styles that you can
	use to customize the look and feel of the Calendar
	except for the Color
*/
 
.hCalendarDay {
	font-weight: normal;
}

.hCalendarDay A {
	font-weight: normal;
}

.hCalendarDay A:visited {
	font-weight: bold;
}

.hCalendarDay A:hover {
	font-weight: bold;
}

.hCalendarDayCurrent {
	font-weight: normal;
	line-height: 100%;
}

.hCalendarDayNameRow {
	border-bottom: 1px solid;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	line-height: 100%;
}

.hCalendarMonthYearRow {
	padding: 0px;
	border-bottom: 1px solid;
	width: 100%;
	font-weight: bold;
	line-height: 100%;
}

.hCalendarMonthYearRow td {
	font-weight: bold;
}

.hCalendarNextPrevStyle {
}

.hCalendarOtherMonthStyle {

}

.hCalendarOtherMonthWeekendStyle {
}

.hCalendarStyle {
	width: 180px;
	font-family: georgia, verdana, sans-serif;
	font-size: 13px;
}

.hCalendarStyle td {
	line-height: 120%;
}

.hCalendarWeekendStyle {
	font-weight: normal;
}


/*
	Colors
	
	All of the colors of the theme are located here.
*/


.adminNavbarStyle { border-color: #CCCCCC; }

.adminNavbarStyle { border-bottom-color: #BBBBBB; }

.adminNavbarStyle UL LI { border-color: #BBBBBB; background-color: #CCCCCC; }

.adminNavbarStyle UL LI a { }

.adminNavbarStyle UL LI.here { border-bottom-color: #EEEEEE; background-color: #EEEEEE; }

.adminNavbarStyle UL LI.first { border-left-color: #BBBBBB; }

.adminNavbarStyle UL LI.firstHere { border-left-color: #BBBBBB; border-bottom-color: #EEEEEE; background-color: #EEEEEE; }

.commentDateStyle { border-bottom-color: #CCCCCC; color: DimGray; }

.configSectionStyle { border-color: #CCCCCC; background-color: White;}

.configSectionTitleStyle { border-bottom-color: DimGray; }

.date { border-bottom-color: #CCCCCC; color: DimGray; }

.description { color: White; }

.FreeTextboxStyle { color: #000000; }

/* 
	Calendar Colors
*/
 
.hCalendarDay { color: Black; background-color: #CCCCCC; }

.hCalendarDay A { color: White; }

.hCalendarDay A:visited { color: White; }

.hCalendarDay A:hover { color: White; }

.hCalendarDayCurrent, .hCalendarDayCurrent A { color: White; background-color: DimGray; }

.hCalendarDayNameRow { border-bottom-color: #7F7F7F; }

.hCalendarMonthYearRow { border-bottom-color: #7F7F7F; color: DimGray; }

.hCalendarNextPrevStyle { }

.hCalendarOtherMonthStyle { color: DimGray; background-color: #BFBFBF; }

.hCalendarOtherMonthWeekendStyle { color: DimGray; background-color: #AFAFAF; }

.hCalendarStyle { color: DimGray; }

.hCalendarStyle td { }

.hCalendarWeekendStyle { background-color: #959595; }


.itemBodyStyle p { text-align:justify; }



/* 
	admin
	
	These are all the DasBlog specific styles that you can
	use to customize the look and feel of the admin content
*/

.adminNavbarStyle {
	padding-top: 10px;
	padding-left: 1%;
	padding-right: 1%;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	height: 16px;
	display: block;
	z-index: 1;
	position: relative;
	border-bottom: 1px solid;
}

.adminNavbarStyle UL { 
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.adminNavbarStyle UL LI { 
	margin: 0px;
	padding: 3px;
	border-right: 1px solid;
	border-top: 1px solid;
	list-style: none;
	display: inline;
}

.adminNavbarStyle UL LI a { 
	
}

.adminNavbarStyle UL LI.first 
{
	border-left: 1px solid;
}

.adminNavbarStyle UL LI.here 
{
	border-bottom: 1px solid;
	list-style: none;
	display: inline;
	z-index:2;
	position:relative;
}

.adminNavbarStyle UL LI.firstHere 
{
	border-left: 1px solid;
	border-bottom: 1px solid;
	list-style: none;
	display: inline;
	z-index:3;
	position:relative;
}

.configControlStyle { font-size: 11px; font-family:Tahoma; }

.configLabelColumnStyle { vertical-align: top; }

.configLabelStyle { margin-right: 10px; font-size: 11px; }

.configSectionStyle {
	border: 1px dashed;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
}

.configSectionTitleStyle {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	font-weight: bold;
	font-size: 110%;
}

.statsTableColumnStyle {
	border: solid 1px;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.statsTableDateColumnStyle {
	border: solid 1px;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 25%;
	text-align: left;
}

.statsTableFooterColumnStyle {
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-top: solid 2px;
	padding: 3px;
	font-weight: bold;
}

.statsTableFooterNumColumnStyle {
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-top: solid 2px;
	padding: 3px;
	width: 15%;
	font-weight: bold;
	text-align: right;
}

.statsTableHeaderColumnStyle {
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 2px;
	border-top: solid 1px;
	padding: 3px;
	font-size: 105%;
	font-weight: bold;
}

.statsTableNumColumnStyle {
	border: solid 1px;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 15%;
	text-align: right;
}

.statsTableStyle {
	margin-bottom: 10px;
	border: solid 1px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

/* 
	DasBlog
	
	These are all the DasBlog specific styles that you can
	use to customize the look and feel of the content
*/

.blogRollCellStyle { }

.blogRollContainerStyle { }

.blogRollDescriptionStyle {
	margin-left: 15px;
	font-weight: normal;
}

.blogRollLinkStyle { }

.blogRollNestedOutlineBodyTableStyle { margin-left: 20px; }

.blogRollNestedOutlineTitleCellStyle { }

.blogRollTableStyle { }

.blogRollXmlLinkStyle { }

.bodyContentStyle { width: 100%; }

.categoryListCellStyle { }

.categoryListContainerStyle { }

.categoryListExpanded { }

.categoryListlinkstyle { }

.categoryListNestedOutlineBadgeCellStyle { }

.categoryListNestedOutlineBadgeStyle { }

.categoryListNestedOutlineBodyTableStyle {
	width: 100%;
	margin-left: 25px;
	margin-bottom: 4px;
}

.categoryListNestedOutlineContainer { }

.categoryListNestedOutlineTitleCellStyle { }

.categoryListNestedOutlineTitleStyle { }

.categoryListTableStyle { }

.categoryListXmlLinkStyle { }

.commentBoxFooterStyle  { text-align: left; }

.commentDateStyle {
	width: 100%;
	border-bottom: 1px dashed;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: right;
}

.date {
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 22px;
	border-bottom: 1px dotted;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.description {font-style: oblique; }

/*
	ItemStyle
*/


.pageTopic {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Georgia;
	font-weight: bold;
}

.searchButtonStyle {
	
}	

.searchTextBoxStyle {
}

.side {
	padding: 5px 5px 5px 8px;
	margin: 0 0 10px 0;
}

.sidetitle 
{
	clear:both;
	margin-top: 10px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: .1em;
	
	background: transparent url("../images/chevron.gif") no-repeat 0 5px; padding: 0 0 0 10px; 
}

.signInPasswordTextBoxStyle { width: 160px; }

.signInTableStyle { margin: 0 0 0 10px; width: 400px; }
.signInTableStyle form label, 
.signInTableStyle form input, 
.signInTableStyle form textarea { float:none;}

.signInUsernameTextBoxStyle { width: 160px; }

.siteName, .siteName a, .siteName a:visited, .siteName a:hover, .siteName a:active, .siteName a:link {
	font-size: 1.5em;
	font-weight: normal;
	font-family: Georgia;
	letter-spacing: .2em;
	text-decoration: none;
	text-transform: uppercase;
}

.titleListCellStyle { }

.titleListStyle { }

.trackbackLinkStyle { }



/* Post */

.wrap {
	width: 100%;
}
.left-col 
{
	float:left;
}
.right-col 
{
	float:right;
}

.post {
	width: 100%;
	clear: both;
	padding: 0 0 20px 0;
	border-bottom: #CBCBCB 1px solid;
	background: url(../images/post_element.gif) no-repeat 159px 21px;
}

.error, .page {
	border: 0;
}

/* Post Content */

.post-content {
	width: 440px;
	margin-right: 21px;
	display: inline;
}

.post-content a {
	font-weight: bold;
}

.post-content a:hover {
	text-decoration: underline;
}

/* Post Content Headings */

div.leftcolwide .post-content h2 {
	font-size: 28px;
	line-height: 30px;
	margin:5px 0;
}

.post-content h2 a {
	color: #404040;
}

.post-content h2 a:hover {
	text-decoration: underline;
}

.post-content h3 {
	font-size: 14px;
	padding: 5px 0;
}

/* Post Content Lists and Blockquote */

.post-content ol, .post-content ul {
	line-height: 20px;
}

.post-content ul {
	padding-left: 30px;
}

.post-content ul li {
	list-style: circle;
	padding: 3px 0;
}

.post-content ol {
	padding-left: 37px;
}

.post-content ol li {
	list-style: decimal;
	padding: 3px 0;
}

.post-content blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Post Content Images*/

.post-content img {
	padding: 5px;
	background: #1A272E;
}

/* Post Content (read more) */

.post-content span.read_more {
	padding: 5px 0 10px 0;
	display: block;
	float: left;
	font-size: 13px;
}

.post-content a span.read_more {
	color: #1A86DF;
	text-decoration: underline ;
}

.post-content a:hover span.read_more {
	text-decoration: none;
}

/* Post Meta */

.post-meta {
	width: 140px;
	margin-left: 6px;
	text-align: right;
	display: inline;
	padding-top: 11px;
}

.post-meta a {
	color: #587384;
}

.post-meta a:hover {
	text-decoration: underline;
}

/* Post Meta Date */

.post-meta h3 {
	padding: 3px 0;
	margin-bottom: 23px;
}

.post-meta h3 span.day {
	display: block;
	float: right;
	line-height: 28px;
	font-size: 35px;
	border-right: #CBCBCB 1px solid;
	padding-right: 5px;
	color: #8D8D8D;
}

.post-meta h3 span.month, .post-meta h3 span.year {
	color: #666666;
	width: 40px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 16px;
	line-height: 14px;
	padding-left: 4px;
	text-align: center;
	text-transform: uppercase;
}

.post-meta h3 span.year {
	font-size: 14px;
	display: block;
}

/* Post Meta Author and Comments */

.post-meta h4 {
	font-size: 12px;
	padding: 3px 21px 3px 0;
	color: #666666;
}

.post-meta h4.author {
	background: url(../images/icon_author.gif) no-repeat right 2px;
	font-style: italic;
}

.post-meta h4.comments {
	background: url(../images/icon_comment.gif) no-repeat right 4px;
}

.post-meta h4.comments a {
	color: #666666;
}

/* More Entries */

.more_posts {
	width: 400px;
	clear: both;
	margin-left: 190px;
	padding: 5px 0 6px 0;
}

.more_posts h2 {
	font-size: 20px;
}

.more_posts h2 a {
	color: #404040;
}

.more_posts h2 a:hover {
	color: #1A86DF;
}

.itemFooterStyle a
{
    color:#587384;    
}
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */