
/*------------------------------------------------------------------------
 *
 *	Tag Dev Theme, Drupal 6
 *	by Ultraviolet Design
 *
 *----------------------------------------------------------------------*/
 
/*------------------------------------------------------------------------
 COMMON
------------------------------------------------------------------------*/
* {
  margin: 0;
}

body {
  background: url('images/bgfade.jpg') repeat-x; !important
  color:#111;
  font:0.75em/170% Verdana, Arial, sans-serif;
/*  *font: 0.71em/161% Verdana, Arial, sans-serif;*/
  margin:0;
  padding:0;
}

b, strong {
  font-weight:700;
}

caption {
  text-align:left;
}

fieldset {
  border:1px solid #e0e0e0;
  padding:5px;
}

i, em {
  font-style:italic;
}

li, form {
  margin:0;
  padding:0;
}

p {
  margin:5px 0 15px;
}

ul, ol {
  clear:both;
  list-style:outside;
  margin:10px;
}

table {
  border-collapse:collapse;
  border-left:1px solid #bbb;
  border-spacing:0;
  border-top:1px solid #bbb;
  /* width:678px; */
  margin:10px 5px;
}

tbody {
  border:none;
}

th {
  background:url('images/bg-th.jpg');
  border:none;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  padding:3px 3px 3px 5px;
}

td {
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  padding:2px 2px 2px 8px;
  font-size:12px;
}

td:hover {
  background:#ddd;
}

thead th {
  background:url('images/bg-th.jpg');
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  font-weight:700;
  text-align:left;
  padding:2px 2px 2px 5px;
}

u {
  text-decoration:none;
}

code {
  color:#777;
  font-size:12px;
}

fieldset legend {
  color:#555;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-size:1em;
  font-weight:700;
}

blockquote, cite {
  background:url('images/bg-cite.gif') no-repeat;
  clear:both;
  color:#666;
  display:block;
  font-style:italic;
  padding-left:45px;
  padding-top:10px;
}

acronym, abbr {
  border-bottom:1px dotted;
}

acronym:hover, abbr:hover {
  cursor:help;
}

dl {
  width:100%;
  margin:5px 0;
}

dt {
  font-weight:400;
  padding:2px 0;
  border:none;
}

dd {
  margin:0;
  padding:10px 0;
}

dl.node-type-list dd {
	border-bottom:solid 1px #bbb;
}

dl.node-type-list dt {
	font-size:14px;
  font-weight:bold;
  margin: 10px 10px 0 0;
}


/*------------------------------------------------------------------------
 LINKS
------------------------------------------------------------------------*/
a img {
  border:0;
}

a:active {
  color:#666;
}

a:hover {
  text-decoration: none;
}

a {
  color:#90191C;
  text-decoration:underline;
}

a:visited {
  color:#90191C;
  text-decoration:underline;
}

/*------------------------------------------------------------------------
 HEADINGS
------------------------------------------------------------------------*/
h2, h3, h4, h5, h6 {
  clear:both;
  color:#222;
  display:block;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:-1px;
  line-height:140%;
  margin-bottom:10px;
  margin-top:5px;
}

h2 {
  color:#222;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  line-height:140%;
  margin:0;
  font-size:1.6em;
}

h3 {
  font-size:1.6em;
}

h4 {
  font-size:1.4em;
}

/*------------------------------------------------------------------------
 LAYOUT
------------------------------------------------------------------------*/
#wrapper {
  background:##F3F3F5;
  height:auto !important;
  min-height:100%;
  height:100%;
  width:940px;
  margin:0 auto;
}

h1.logo {
	width:380px;
	height:80px;
	text-indent:-9999px;
	font-size: 10px;
	display:block;
	background:url(images/logo.jpg) no-repeat;
	}

div#wrap_drop {
	width:940px;
	float:left;
	background:url(images/drop_bg.png) repeat-y transparent;
	padding:0px 20px 0px 20px;
}

#page {
  background: #F3F3F5;
  overflow:hidden;
  padding-bottom:25px;
  width:670px;
}

body.both #page {
  float:right;
}

body.left #page {
  float:right;
}

body.right #page {
  float:left;
}

#content {
  padding-left:10px;
  float: left;
}

body.both #content {
  margin-right:0px;
}

body.left #content {
  margin-right:0px;
}

body.right #content {
  margin-left:0px;
}

.container {
  clear:both;
  float: left;
  background:#F3F3F5;
  width:900px;
}
/*
div.container#home {
		background:#F3F3F5 url('images/homebg.jpg') top left no-repeat;
}*/

.push {
  clear:both;
  height:5em;
  width:900px;
  background:#F3F3F5;
}


/* height must match .push margin top vertical total     */
#content_top {
  clear:both;
}

#content_bottom {
  clear:both;
}

/*------------------------------------------------------------------------
 HEADER
------------------------------------------------------------------------*/

#header {
	width:900px;
	height:120px;
	float:left;
	display:inline;
	background:url('images/bg-header.jpg') no-repeat left top;
}

div.navigation {
	width:900px;
	height:40px;
	float:left;
	background:url(images/nav_bg.jpg) repeat-x;
	}
	
div.navigation ul, div#footer ul {
	margin:0px 0px 0px 20px;
	list-style:none;
	}
	
div.navigation ul li, div#footer ul li { 
	color:#FFFFFF; 
	float:left;
	margin:12px 0px 0px 0px;
}

div.navigation ul li a, div#footer ul li a {
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:0px;
	padding:0px 5px 0px 0px;
	color: #FFFFFF;
	}
	
div.navigation ul li a:hover, div#footer ul li a:hover { text-decoration:underline; }

div.navigation ul li a:visited { color: #FFFFFF; text-decoration: none; }

div.navigation ul li.first a, div#footer ul li.first a {
	margin-left:0px;
	padding-left:0px;
	}	


/*------------------------------------------------------------------------
 HEADER > SECONDARY LINKS
------------------------------------------------------------------------*/
#page .secondary_links {
  clear:both;
  float: left;
  height:35px;
  width:auto;
}

body.left #page .secondary_links {
  float:right;
}

body.right #page .secondary_links {
  float:left;
}

body.left #page .secondary_links .links {
  background:url('images/bg-secondary-links.jpg') no-repeat left top;
}

body.right #page .secondary_links .links {
  background:url('images/bg-secondary-links-right.jpg') no-repeat right top;
}

#page .secondary_links .links {
  color:#fff;
  float:left;
  height:35px;
  padding-left:10px;
  padding-right:10px;
  width:auto;
}

#page .secondary_links .links span {
  color:#fff;
  font-weight:400;
  line-height:35px;
}

/*------------------------------------------------------------------------
 MAIN 
------------------------------------------------------------------------*/
#page .breadcrumb {
  clear:both;
}

#page h1 {
  color:#222;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  line-height:140%;
  margin:0;
  margin-left:15px;
  font-size:1.6em;
}

div.breadcrumb {
	width:900px;
	height:40px;
	float:left;
	display:inline;
	background:url(images/breadcrumb_bg.jpg) no-repeat;
	display:block;
	padding:0px;
}

div.hr { 
	width:900px;
	height:10px;
	float:left;
	display:block;
	background:url(images/breadcrumb_drop.jpg) no-repeat;
	border:none;
	margin:0;
	}

/*------------------------------------------------------------------------
 MAIN > BLOCKS
------------------------------------------------------------------------*/
#content .block {
  padding:0px;
  float: left;
}

#content .block .content {
/*  padding:10px;*/
}

#content .block .title {
  font-size:1.6em;
}

/*------------------------------------------------------------------------
 NODES
------------------------------------------------------------------------*/
.node {
  clear:both;
  display:block;
  margin:0 0 30px;
  padding:0 10px;
}

.node .title a {
  color:#314c74;
}

.node .content {
  padding:5px 0px 0px 0px;
}

/*
.node .content p {
	font-size:0.9em;
	
}*/

.node .content ol {
  list-style-type:decimal;
  margin-left:35px;
}

.node .content ul {
  list-style-type:square;
  margin-left:35px;
}

.node .content li {
  padding:2px 0;
}

.node dl {
  border-bottom:1px solid #bbb;
  width:100%;
  margin:10px 5px;
}

.node dt {
  background:url('images/bg-dt.jpg') repeat-x left bottom;
  border:1px solid #bbb;
  font-weight:700;
  padding:4px 0 4px 8px;
}

.node dd {
  border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  margin:0;
  padding:10px;
}

.node dd:hover {
  background:#ddd;
}

/*------------------------------------------------------------------------
 NODE > LINKS
------------------------------------------------------------------------*/
.node .links {
  background:#F3F3F5;
  clear:both;
  font-size:0.95em;
  height:28px;
  list-style:none;
  margin:0;
  padding:0;
}

.node .links span {
  font-weight:400;
}

.node .links li {
  float:left;
}

.node .links li a {
  background:#fff url('images/bg-node-links.jpg');
  color:#777;
  cursor:pointer;
  display:block;
  float:left;
  font-weight:400;
  height:26px;
  line-height:26px;
  text-align:center;
  text-decoration:none;
  padding:0 0 0 8px;
}

.node .links li a span {
  background:url('images/bg-node-links.jpg') no-repeat right bottom;
  display:block;
  float:left;
  padding:0 16px 0 8px;
}

.node .links li a:hover {
  background:#fff url('images/bg-node-links.jpg');
}

.node .links li a:hover span {
  color:#111;
}

.node .links li.comment_forbidden {
  background:none;
  display:inline;
  float:none;
}

.node .links li.comment_forbidden span {
  background:url('images/bg-node-links.jpg') no-repeat left top;
  display:block;
  float:left;
  width:260px;
  padding:0 0 0 8px;
}

.node .links span.comment_forbidden a {
  background:none;
  display:inline;
  float:none;
  padding:0;
}

.node .links span.comment_forbidden a:hover {
  background:none;
  color:#314c74;
}

.node .links li.comment_forbidden + li {
  background:none;
  display:inline;
  float:none;
}

.node .links li.comment_forbidden + li a span {
  float:left;
  position:static;
}

.node .links li.comment_forbidden + li a {
  float:none;
  display:inline;
  position:absolute;
}

/*------------------------------------------------------------------------
 NODE > POST INFORMATION
------------------------------------------------------------------------*/
.node .info {
  color:#777;
  font-size:0.95em;
}

.node .info .picture {
  float:left;
  margin-right:10px;
  margin-top:1px;
}

.node .info ul.links li a {
  background:none;
  color:#314c74;
  display:inline;
  float:none;
  font-weight:400;
  text-align:left;
  padding:0;
}

.node .info ul.links li a:hover {
  background:none;
  color:#111;
}

.node .info ul.links, .node .info ul.links li, .node .info ul.links li a, .node .info ul.links li a span {
  background:none;
  clear:none;
  display:inline;
  float:none;
  margin:0;
  padding:0;
}

/*------------------------------------------------------------------------
 COMMENTS
------------------------------------------------------------------------*/
.box {
  clear:both;
}

.box .title {
  display:block;
  font-size:1.5em;
  letter-spacing:-1px;
  line-height:2em;
}

#comments {
  padding:15px;
}

#comments .box {
  clear:both;
  margin-top:25px;
}

.comment {
  border:1px solid #bbb;
  clear:both;
  display:block;
  margin-bottom:15px;
}

.comment .title {
  display:block;
  font-size:1.5em;
  letter-spacing:-1px;
  line-height:2em;
  text-indent:8px;
}

.comment .title .new {
  color:#C00;
  padding-left:4px;
}

.comment .info {
  clear:both;
  color:#777;
  display:block;
  font-size:0.95em;
  padding:5px 10px;
}

.comment .info .picture {
  display:inline;
  margin-left:10px;
  margin-right:10px;
}

.comment .info .picture img {
  display:inline;
  padding-bottom:10px;
  vertical-align:middle;
}

.comment .content {
  padding:5px 10px;
}

.comment .links {
  background:url('images/bg-comment.jpg') left bottom;
  clear:both;
  display:block;
  float:none;
  font-size:1em;
  height:auto;
  line-height:45px;
  margin:0;
  padding:0 0 0 10px;
}

/*------------------------------------------------------------------------
 SIDEBAR
------------------------------------------------------------------------*/
#sidebar {
  overflow:hidden;
  width:220px;
  padding:15px 0 0;
  background:none;
  
}

/*
#sidebar.sidepush {
	margin-top:360px;
	
}
*/

body.left #sidebar, body.both #sidebar {
  margin-left:10px;
  float:left;
}

body.left #IE #sidebar, body.both #IE #sidebar {
  margin-left:5px;
}

body.right #sidebar {
  background: url('images/sidebarfade.jpg') 0px 30px no-repeat #F3F3F5;
  float:right;
}

body.right #IE #sidebar {
  margin-right:5px;
}


/*------------------------------------------------------------------------
 SIDEBAR > BLOCKS
------------------------------------------------------------------------*/
#sidebar .block {
  overflow:hidden;
  width:190px;
  margin:0 0 15px;
  padding:0px 20px 0px 20px;
}

#sidebar .content {

  padding:0 10px;
}

#sidebar .content-menu {

}

#sidebar #user-login-form {
  text-align:left;
}

/*------------------------------------------------------------------------
 SIDEBAR > TITLES
------------------------------------------------------------------------*/
#sidebar .title {
  color:#90191C;
  display:block;
  font-weight:700;
  letter-spacing:normal;
  font-size: 120%;
  text-align:left;
  text-indent:10px;
  margin-bottom: 0.2em;
}

body.right #sidebar .title {

}

body.left #sidebar .title, body.both #sidebar .title {

}

/*------------------------------------------------------------------------
 SIDEBAR > MENUS
------------------------------------------------------------------------*/
#sidebar ul.menu {

}

#sidebar ul.menu ul, #sidebar ul.menu ul ul {
  border:none;
}

#sidebar ul.menu li {
  list-style:none;
  list-style-image:none;
  list-style-position:outside;
  margin:0;
  padding:0;
}

#sidebar ul.menu a {
  color:#000000;
  display:block;
  line-height:30px;
  text-transform:capitalize;
  width:228px;
}

#sidebar ul.menu a:hover, #sidebar ul.menu a.active {
  color:#000000 !important;
}

#sidebar ul.menu li a {
  text-indent:14px;
}

#sidebar ul.menu li li a {
  line-height:30px;
  text-indent:18px;
}

#sidebar ul.menu li li li a {
  text-indent:30px;
}

body.left #sidebar ul.menu a.active:after {
  content:" ->";
}

body.right #sidebar ul.menu a.active:before {
  content:"<- ";
}

#sidebar ul.menu li a.active {
  background:#5f7da1;
  border-bottom:1px solid #5f7da1;
  line-height:30px;
}

#sidebar ul.menu li a:hover {
  background:#91a6c1;
  border-bottom:1px solid #91a6c1;
  color:#111;
  line-height:30px;
}

#sidebar ul.menu ul {
  background:none;
  padding-top:0;
}

/*------------------------------------------------------------------------
 SIDEBAR > UNOERED LISTS
------------------------------------------------------------------------*/
#sidebar .item-list ul {
  list-style:disc outside;
  margin:0;
}

#sidebar .item-list ul li {
  list-style:disc outside;
  margin:0;
}

/*------------------------------------------------------------------------
 POLLS
------------------------------------------------------------------------*/
#sidebar .block-poll .content .choices, #sidebar .block-poll .content .title {
  background:none;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-size:1.3em;
  letter-spacing:-1px;
  text-indent:0;
  color:#000;
  font-weight:400;
  margin-bottom:10px;
  padding:0;
}

#sidebar .block-poll .content .choices .form-item label {
  letter-spacing:normal;
  color:#000;
  font-weight:400;
  margin-bottom:10px;
  padding:0;
  font-size:12px;
}

#sidebar .block-poll .content ul {
  margin:0;
  padding:0;
}

#sidebar .block-poll .content ul li {
  display:block;
  padding:0;
}

#sidebar .block-poll .content ul.links li a {
  display:block;
  line-height:2em;
}

#sidebar .block-poll div.links {
  padding:5px 0;
}

#sidebar .form-item {
  margin:0 0 5px;
}

.poll {
  color:#231222;
  clear:both;
}

.poll .bar {
  background:#eee url('images/bg-poll-background.jpg');
  height:18px;
  padding:0;
}

.poll .bar .foreground {
  background:#344E74 url('images/bg-poll-foreground.jpg');
  height:18px;
}

.poll .form-item {
  color:#532F50;
}

.poll .vote-form .choices {
  display:table;
  margin:0;
  text-align:left;
}

.poll .vote-form, .node-poll .vote-form, .poll .total {
  text-align:left;
}

/*------------------------------------------------------------------------
 FOOTER
------------------------------------------------------------------------*/

div#footer {
	width:940px;
	height:60px;
	margin:0 auto;
	clear:left;
	background:url(images/footer.png) no-repeat;
	}
	
	
div#footnav {
	float:left;
	overflow:hidden;
	width:700px;
	height:40px;
	margin:10px 0px 0px 20px;
	font-size:0.8em;	
}



/*------------------------------------------------------------------------
 FEED ICON
------------------------------------------------------------------------*/
body.left .feed-icon {
  float:right;
  padding-right:5px;
  clear:both;
}

body.right .feed-icon {
  float:left;
  padding-left:5px;
  clear:both;
}

/*------------------------------------------------------------------------
 DRUPAL CSS OVERRIDES
------------------------------------------------------------------------*/
ul.menu, ul.menu ul, ul.menu ul ul, ul.menu li, ul.menu li li, ul.menu li li li {
  list-style:none;
  list-style-image:none;
  margin:0;
  padding:0;
}

li a.active {
  color:#314C74;
  font-weight:700;
}

.error {
  border-color:red;
}

.messages {
  margin-bottom:10px;
}

.mission {
  background:#fff url('images/bg-mission.jpg') repeat-x left bottom;
  border:1px ridge #bbb;
  margin:15px 0;
  padding:15px;
}

.tabs {
  margin:10px 0 0;
}

td.menu-disabled {
  background:#eee;
  border-bottom:1px solid #ccc;
}

tr.even, tr.odd {
  background-color:#fff;
  border-bottom:none;
  padding:0;
}

.marker, .form-required {
  color:#c00;
}

.form-item label {
  color:#555;
  font-size:12px;
}

.form-item input, .form-item textarea {
  background:url('images/bg-input.jpg') repeat-x;
  border:1px solid #bbb;
  font:12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:3px;
}

.form-checkboxes, .form-radios, .form-item select {
  font:12px"Lucida Grande",  Arial, Helvetica, sans-serif;
  margin:0;
  padding:2px;
}

input.form-radio {
  background:none;
  border-style:none;
}

.form-item .description {
  color:#777;
}

div.error {
  background:#eee url('images/bg-error.gif') no-repeat left top;
  border:1px solid #aaa;
  margin-bottom:15px;
  padding:45px 10px 10px;
}

div.status {
  background:#eee url('images/bg-message.gif') no-repeat left top;
  border:1px solid #aaa;
  margin-bottom:15px;
  padding:45px 10px 10px;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  border:1px solid #C00;
  color:#111;
  font-family:"Lucida Grande", Verdana, Arial, sans-serif;
  font-size:12px;
}

.admin-list dt {
  border-bottom:1px solid #eee;
}

.admin-list dd {
  font-size:0.95em;
  margin:0;
  padding:5px 0 15px;
}

#blocks td.block {
  border-bottom:1px solid #bbb;
  border-left-style:none;
  border-right:1px solid #bbb;
  border-top-style:none;
  margin:0;
  padding:2px 2px 2px 8px;
  font-size:12px;
}

#blocks td.region {
  background:#eee;
}

.profile .picture {
  float: left;
}




/* ADDITIONS */
.node-blog .title {
	margin-left: 0;
}

.projects-row {
	clear: both;
	width: 640px;
	margin: 0.5em 0;
	*font: 1em/150% Verdana, Arial, sans-serif;
}
.projects-row .col1 {
	float: left;
	width: 260px;
	margin-right: 20px;
}
.projects-row .col2 {
	margin-left: 340px;
	float: right:
	width: 270px;
}
/*
#projects-left {
	float: left;
	width: 280px;
	margin-right: 20px;
}

#projects-right {
	float: right;
	width: 280px;
/*	margin-left: 300px;*/
/*
}

#projects-left div, #projects-right div {
	margin: 1em 0;
}
*/
#contact-details {
	float: left;
	width: 250px;
}

#contact-address {

	float: right;
	width: 250px;
}

#map {
	clear: both;
}

.person .portrait {
	float: left;
}

.person .biog {
	margin-left: 140px;
}

#testimonial {
	background: url(images/testimonials-bg.gif) no-repeat;
}


#block-block-1 .title {
	padding: 15px 0 10px 40px;
	background: url(images/testimonials.jpg) no-repeat 0 0;
}

#block-block-2 {
	margin-top: 10px;
}

#block-block-5 .title {
	padding: 15px 0 10px 40px;
	background: url(images/new.jpg) no-repeat 0 0;
}

#block-user-3 .title {
	padding: 15px 0 10px 40px;
	background: url(images/i.jpg) no-repeat 0 0;
}

#ticks {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#ticks li {
	padding-left: 25px;
	background: url(images/icons/tick.jpg) no-repeat 0 -2px;
}

#node-5 h2 {
	display: none;
}

#cleft {
	background: url(images/icons/home.jpg) no-repeat;
}
#homeopener {
	display: block;
	margin-left: 50px;
	margin-bottom: 10px;
}

#about_us #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/about_us.jpg) no-repeat;
}
#people #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/people.jpg) no-repeat;
}
#our_projects #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/our_projects.jpg) no-repeat;
}
#our_partners #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/our_partners.jpg) no-repeat;
}
#case_studies #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/case_studies.jpg) no-repeat;
}
#news #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/news.jpg) no-repeat;
}
#contact_us #page #content h1 {
	padding: 10px 0px 15px 50px;
	background: url(images/icons/contact_us.jpg) no-repeat;
}

.project {
	padding-left: 60px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
#project-rpt {
	background-image: url(images/projects/icons/rpt.jpg);
}
#project-dtool {
	background-image: url(images/projects/icons/dt.jpg);
}
#project-escape {
	background-image: url(images/projects/icons/escape.jpg);
}
#project-citz {
	background-image: url(images/projects/icons/cf.jpg);
}
#project-walkers {
	background-image: url(images/projects/icons/walkers.jpg);
}
#project-maps {
	background-image: url(images/projects/icons/maps.jpg);
}
#project-open {
	background-image: url(images/projects/icons/bsi.jpg);
}
#project-cems {
	background-image: url(images/projects/icons/ems.jpg);
}
#project-ttn {
	background-image: url(images/projects/icons/ttn.jpg);
}
#project-tlj {
	background-image: url(images/projects/icons/tlj.jpg);
}
#project-heritage {
	background-image: url(images/projects/icons/eh.jpg);
}

#latest-news {
/*	list-style: disc; */
}

#latest-news li {
	border-bottom: 1px #888888 dotted;
	margin: 0.5em 0;
	padding-bottom: 0.5em;
	text-align: center;
}
