html { margin:0; padding:0; }
body { margin:0; padding:0; color:#666666; background:#d4e4f7 url("background.gif") left top repeat-x; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; }
form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; }
hr { border:none 0; margin:20px 0; border-top:2px solid #A3B4C5; height:2px; }
p { padding:0; margin:0 0 16px; line-height:1.4em; }
p.extraspace { padding:0; margin:0 0 26px; }

h1, h2 { font-size:1.33em; margin-top:0; font-weight:normal; color:#476A8C; text-transform:uppercase; font-family:Tahoma, Arial; }
h2.subtitle { font-size:1.33em; margin:0 0 3px 0; font-weight:normal; color:#5EA3E6!important; }
h3 { font-size:1.1em; margin-top:0; }
h4 { font-size:1.0em; }
h5 { font-size:0.9em; }
h6 { font-size:0.8em; }

h2.blue { font-size:1.33em; margin:0 0 15px 0; font-weight:normal; color:#92C1ED; }

a {text-decoration:none;}
a:link { color:#476A8C; text-decoration:underline; }
a:visited { color:#476A8C; text-decoration:underline; }
a:hover { color:#343434; text-decoration:underline; }
a:focus { color:#ffffff; text-decoration:underline; background-color:#343434; }
a:focus img { border-top:3px solid #343434; }
a.backlink { background:url(back-arrow.gif) no-repeat left center; padding:0 0 0 10px;}
a.backlink:focus{ background:#343434 url(back-arrow-active.gif) no-repeat left center;}

.h_anchor {position:absolute; color:#343434;display:none;}

.clear { clear:both; height:0; overflow:hidden; }
.clear5px { clear:both; height:5px; overflow:hidden; }
.spacer { clear:both; height:13px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin-left:20px; margin-bottom:17px; margin-top:3px; }
.photoLeft { float:left; margin-right:20px; margin-bottom:17px; margin-top:3px; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:290px; float:left; }
.article-right { width:290px; float:right; }
.article-rightalt { width:290px; float:right; text-align:right; }


/* Ajax Loader */
.ajax-loader { border:2px solid #B1D2F1; padding:10px; text-align:center; margin-bottom:13px; }
.ajax-loader p { padding:0; margin:0; font-weight:bold; color:#476A8C; }


/* Interface CSS */

#container { width:939px; margin:0 auto; background:url("background-content.gif") left top repeat-y; }
#container-sub { background:url("background-footer.gif") bottom right no-repeat; }

#header { background:url("background-header.gif") left top no-repeat; min-height:161px; }

#header-flash { width:939px; height:133px; overflow:hidden; }
#header-flash div { background:url("background-noflash.gif") left top no-repeat; height:133px; overflow:hidden; }
#header-flash div h1 { margin:37px 0 0 37px; padding:0; }
#header-flash div h1 a { width:171px; height:68px; overflow:hidden; display:block; }
#header-flash div h1 a span { display:none; }

#nav { }
#nav ul { margin:0 27px 0 27px; padding:0; list-style:none; }
#nav ul li { float:left; margin:0 1px 0 0; background:url("menu_left.gif") left 0 no-repeat; }
#nav ul li:hover { background:url("menu_left.gif") left 134px; }
#nav ul li.current { background:url("menu_left.gif") left 67px; }
/*#nav ul li:hover span { background:url("menu_right.gif") right 134px; }*/
#nav ul li a,
#nav ul li a:visited { color:#fff; text-decoration:none; padding-left:9px; font-size:1.1em; display:block; }
#nav ul li a span { background:url("menu_right.gif") right 0 no-repeat; padding:4px 9px 4px 0; display:block; }
#nav ul li a:hover span, #nav ul li a:focus { background:url("menu_right.gif") right 134px; color:#fff; }
#nav ul li.current a span { background:url("menu_right.gif") right 67px; color:#fff;  }
#nav ul li.alt { float:right; } 

#subnav { background-color:#476A8C; font-weight:bold; padding:4px 37px 4px 37px; color:#C8D3DD; }
#subnav a,
#subnav a:visited { color:#FFFFFF; text-decoration:none; }
#subnav a:hover { color:#FFFFFF; text-decoration:underline; }
#subnav a:focus { color:#FFFFFF; text-decoration:underline; background-color:#343434; }
#subnav ul { margin:0; padding:0; list-style:none; }
#subnav ul li { float:left; margin-right:20px; }

#article { width:595px; /*647px*/ float:left; padding:25px 25px 9px 27px; }
#article ul li { margin-bottom:5px; }
#article ol li { margin-bottom:5px; }

#sidebar { width:290px; float:right; margin-right:2px; margin-bottom:50px; color:#FFFFFF; }
#sidebar .padding { padding:0 20px 0 20px; }
#sidebar a,
#sidebar a:visited { color:#b2d5f6; text-decoration:underline; }
#sidebar a:hover { color:#FFFFFF; text-decoration:underline; }
#sidebar a:focus { color:#000; text-decoration:underline; background-color:#fff; }
#sidebar a:focus img { border-top:3px solid #fff; }

#footer { width:939px; height:12px; background:url("footer.gif") left top no-repeat; position:relative; }
#footer div { position:absolute; top:-28px; right:14px; text-align:right; font-size:0.93em; color:#FFFFFF; font-weight:bold; }
#footer div a,
#footer div a:visited { color:#FFFFFF; text-decoration:none; }
#footer div a:hover { color:#5CA2E5; text-decoration:underline; }
#footer div a:focus { color:#000; text-decoration:underline; background-color:#fff; }

/* Portfolio Items */
#portfolio-left { float:left; width:225px; }
#portfolio-left ul { list-style:none; margin:0 0 20px 0; padding:0; }
#portfolio-left ul li { padding-left:15px; background:url("arrow.gif") left 2px no-repeat; }
#portfolio-left ul li.current { font-weight:bold; color:#333333; padding-left:15px; background:url("arrow_current.gif") left 2px no-repeat; }
#portfolio-left ul li a,
#portfolio-left ul li a:visited { color:#476A8C; text-decoration:underline; }
#portfolio-left ul li a:hover { color:#5CA2E5; text-decoration:underline; }
#portfolio-left ul li a:focus { color:#ffffff; text-decoration:underline; background-color:#476A8C; }
#portfolio-right { float:right; width:350px; }
.portfolio-right-img { width:350px; overflow:hidden; }

ul#portfolio-categories{list-style:none; margin: 0 0 20px 0; padding:0; }
ul#portfolio-categories li{ padding-left:15px; background:url("arrow.gif") left 2px no-repeat; }
ul#portfolio-categories li a:visited { color:#476A8C; text-decoration:underline; }
ul#portfolio-categories li a:hover { color:#5CA2E5; text-decoration:underline; }
ul#portfolio-categories li a:focus { color:#ffffff; text-decoration:underline; background-color:#476A8C; }

#portfolio-intro { float:left; width:350px; }
#portfolio-quicknav {float:right; width:220px; text-align:right;}
#portfolio-quicknav select{ width:150px; margin-left:5px; }

/* Nice looking lists */
.list { list-style:none; margin:0 0 20px 0; padding:0; }
.list li { padding-left:15px; background:url("arrow_current.gif") 2px 3px no-repeat; }

/* Generic Accordion */
#jquery-accordion { margin-bottom:13px; }
#jquery-accordion div { display:none; padding:10px 0; }
#jquery-accordion h4 { cursor:pointer; margin:0; border-top:1px solid #476A8C; padding:5px 5px 5px 0; color:#476A8C; background:url("accordion_plus_normal.gif") right top no-repeat; }
#jquery-accordion h4:hover { color:#2583DC; cursor:pointer; background:url("accordion_plus.gif") right top no-repeat; }
#jquery-accordion h4.selected { color:#2583DC; background:url("accordion_minus.gif") right top no-repeat; }
#jquery-accordion p { padding:0 0 13px 0; margin:0; }

#article table th, td { background-color:#d6eafc;}
#article table { background-color:#B6D5F3; margin-bottom:10px; }

.tagcloud {background-color:#343434;}
.tagcloud a:hover { text-decoration:underline !important; }

#cumbria {background:url("web_design_cumbria.gif") right bottom no-repeat; min-height:376px; _height:376px;}

.tg_1 {font-size: 23px; color: #A3B4C5; text-decoration: none;}
.tg_2 {font-size: 19px; color: #5EA3E6; text-decoration: none;}
.tg_3 {font-size: 12px; color: #ffffff; text-decoration: none;}
.tg_4 {font-size: 24px; color: #FFAF03; text-decoration: none;}
.tg_5 {font-size: 13px; color: #ffffff; text-decoration: none;}
.tg_6 {font-size: 17px; color: #C9DDF2; text-decoration: none;}
.tg_7 {font-size: 21px; color: #ffffff; text-decoration: none;}
.tg_8 {font-size: 14px; color: #5EA3E6; text-decoration: none;}
.tg_9 {font-size: 19px; color: #476A8C; text-decoration: none;}
.tg_10 {font-size: 15px; color: #C9DDF2; text-decoration: none;}
.tg_11 {font-size: 23px; color: #FFAF03; text-decoration: none;}
.tg_12 {font-size: 12px; color: #ffffff; text-decoration: none;}
.tg_13 {font-size: 18px; color: #476A8C; text-decoration: none;}
.tg_14 {font-size: 14px; color: #5EA3E6; text-decoration: none;}
.tg_15 {font-size: 13px; color: #476A8C; text-decoration: none;}
.tg_16 {font-size: 15px; color: #5EA3E6; text-decoration: none;}
.tg_17 {font-size: 23px; color: #FFAF03; text-decoration: none;}
.tg_18 {font-size: 13px; color: #5EA3E6; text-decoration: none;}
.tg_19 {font-size: 15px; color: #C9DDF2; text-decoration: none;}
.tg_20 {font-size: 13px; color: #ffffff; text-decoration: none;}
.tg_21 {font-size: 13px; color: #ffffff; text-decoration: none;}
.tg_22 {font-size: 13px; color: #C9DDF2; text-decoration: none;}
.tg_23 {font-size: 17px; color: #5EA3E6; text-decoration: none;}
.tg_24 {font-size: 13px; color: #C9DDF2; text-decoration: none;}
.tg_25 {font-size: 16px; color: #ffffff; text-decoration: none;}
.tg_26 {font-size: 18px; color: #FFAF03; text-decoration: none;}
.tg_27 {font-size: 14px; color: #C9DDF2; text-decoration: none;}
.tg_28 {font-size: 19px; color: #5EA3E6; text-decoration: none;}
.tg_29 {font-size: 18px; color: #C9DDF2; text-decoration: none;}
.tg_30 {font-size: 13px; color: #476A8C; text-decoration: none;}
.tg_31 {font-size: 26px; color: #FFAF03; text-decoration: none;}
.tg_32 {font-size: 16px; color: #5EA3E6; text-decoration: none;}
.tg_33 {font-size: 12px; color: #ffffff; text-decoration: none;}
.tg_34 {font-size: 23px; color: #A3B4C5; text-decoration: none;}

.doc-toc{background:#D4E4F7; border:solid 1px #476A8C; padding:5px; margin-bottom:20px;}
.doc-sideline-content{width:190px; float:right; background:#D4E4F7; border:solid 1px #476A8C; padding:5px; margin:5px 0 5px 5px; text-align:justify;}
.doc-sideline-content h4, .doc-sideline-content h5, .doc-sideline-content h6{margin:0 0 16px 0;}
.doc-diagram{text-align:center; padding:10px;}
code pre{border:solid 1px #fefefe; padding:5px;}

.portfolio-item{float:left; width:290px; height:330px;}
.portfolio-item img{height:300px; overflow:hidden;}


.news-article{width:595px; height:110px; overflow:hidden; margin-bottom:1em;}
.news-article h2{margin-bottom:0.25em; color:#343434;}
.news-article p{margin-bottom:0.5em;}
.news-article .last-p{font-style:italic; color:#343434;}
.news-article .left-column{width:474px; height:110px; float:left; background:url(news-article_bg.gif) no-repeat;}
.news-article .left-column .padding{padding:0.5em 1em; padding-bottom:2px;}
.news-article .right-column{width:121px; height:110px; float:right;}
.news-article .right-column a{display:block; width:121px; height:110px; background:url(news-article-more_bg.gif) no-repeat 0px 0px;}
.news-article .right-column a:hover{background-position:-121px 0px;}
.news-article .right-column a:active{background-position:-242px 0;}
.news-article .right-column a span{display:none;}