/* DTI 
   by Jonathan Gala - www.jongala.com */

/* =============================

DEFAULTS

============================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	margin:0;
	padding:0;
	text-align:center;
	}
	
a {
	color:#09c;
	text-decoration:none;
	border-bottom:1px solid #ace;
	}
	
a:hover {
	color:#06c;
	border-color:#69f;
	}

a:visited {
	color:#08b;
	border-color:#bdf;
	}
	
h1 {font-size:122%;font-weight:normal;}
h2 {font-size:122%}
h3 {font-size:114%}
h4 {font-size:107%}
	
p {
	line-height:1.35;
	margin:1em 0;
	}

/* colors
darkblue:094878;
middle: 27628e
menulight:437aa3


panelhead dark:908970
middle: aaa38d
panelhead light:c4bfac
*/


/* =============================

LAYOUT

============================= */

.wrapper {
	min-width:760px;
	width:58.46em;
	*width:57.048em;
	margin:0 auto 3em;
	text-align:left;
	}

.header {

	}
	
.main {
	clear:both;
	}

.main:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
.footer {
	clear:both;
	background:#27628e url("../images/menu_shade.gif") 0 0 repeat-x;
	}

/* =============================

STYLES

============================= */

hr {height:0;border:0;border-bottom:1px solid #aaa;}

a.img, img, a img, #logo a, #mainnav a {border:0;text-decoration:none;}

img.right {float:right;}
img.left {float:left;}

p {
	color:#333;
	line-height:1.5em;
	}

p.intro {
	font-weight:bold;
	color:#036;
	}

body.clients .col,
body.clients .col.right {
	width:188px;
	display:inline;
	margin:0;
}

body.clients .col.right {

}

.col p.logostack {
	text-align:center;
	line-height:4.0em;
	margin:1em 0;
	}


.content p.photostack {
	text-align:center;
	float:right;
	margin:0 0em .5em 1.5em;
	}


p.caption {
	margin:0;
	padding:.25em 0;
	font-size:91%;
	font-style:italic;
	text-align:right;
	background:#f2f2f2;
	color:#777;
	}

p.note,
.content p.note {
	margin:0 .5em;
	color:#777;
	font-style:italic;
	}

img.biopic {
	float:left;
	margin:0 1em 1em .5em;
	}

body.home h1 {
	padding:0;
	margin:1em 0;
	color:#908970;
	color:#805030;
	color:#704030;
	color:#502010;
	background:transparent;
	}

h1 {
	padding:.5em .5em;
	margin:1px 0;
	color:#fff;
	background:#c4bfac url("../images/panelhead_shade.gif") 0 100% repeat-x;
	background:#aaa38d;
	background:#a09779;
	}

	h1.alert {
		background:#758;
		}

#logo, #tagline {
	margin:10px 20px 10px 0;
	padding:0;
	height:97px;
	float:left;
	}

#tagline {
	float:left;
	}

.footer {
	height:1.3em;
	padding:.5em 1em;
	}

.footer .copyright {
	color:#cde;
	float:left;
	}
	
.footer .utilitynav {
	float:right;
	}

.footer a {
	color:#fff;
	}

/* COLUMNS AND BLOCKS 
------------------------------------------ */

/* Content Page Cols */

.content {
	width:380px;
	float:right;
	float:left;
	}

	.content p {
		margin:1em;
		color:#444;
		line-height:1.5em;
		
		margin-left:.5em;
		}

	.content h2 {
		margin:.74em .35em;
		color:#654;
		border-bottom:2px solid #c4bfac;
		clear:both;
		}
		
	.content h3 {
		margin:.74em .35em;
		padding:.22em .44em;
		background:#f2f2f2;
		color:#555;
		clear:both;
		}	
		
	.content li {
		color:#444;
		}

.content.full {
	float:none;
	width:auto;
	}

.extras {
	width:379px;
	float:left;
	float:right;
	}

.figure {
	line-height:0;
	margin-bottom:1px;
	}


/* News */

.newsitem {
	/* border-bottom:1px solid #a09779; */
	margin:1em 0;
	margin-right:1em;
	border-bottom:1px dotted #bbb;
	}

span.date,
.newsitem .date {
	font-weight:bold;
	}


/* Mini Columns */

.colset {
	margin:1px 0;
	clear:both;
	zoom:1; /* ie clearing */
	}

.colset:after,
.col:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

.colset.rightfeature {
	background:url("../images/right_feature.gif") 100% 0 repeat-y;
	}

.colset.doublefeature {
	background:url("../images/bg_double_feature.gif") 100% 0 repeat-y;
	}


.col {
	width:189px;
	float:left;
	display:inline;
	margin-right:1px;
	zoom:1;
	}

	
.col.double {
	width:379px;
	}

.col.triple {
	width:569px;
	}
	
.col.right {
	margin-right:0;
	}

.colset .col.double.right {
	width:379px;
	margin-right:0;
	}

.col.feature,
.module.feature {
	background:#c4bfac;
	background:#eceae4; /* ultralight */
	background:#e2dfd6;
	}

	.col h3,
	.module h3 {
		margin:0 0 .5em;
		padding:2px .5em;
		font-weight:normal;
		font-size:114%;
		color:#fff;
		background:#908970 url("../images/panelhead_shade.gif") 0 0 repeat-x;
		position:relative;
		}
	
		.col h3 a,
		.col h3 a:visited, 
		.module h3 a,
		.module h3 a:visited {
			font-size:85%;
			border:0;
			color:#fff;
			position:absolute;
			top:.25em;
			right:.5em;
			}
	
		.col h3 a:hover,
		.module h3 a:hover {
			border-bottom:1px solid;
			}
	
	.col p,
	.module p {
		margin:.5em .5em 1em;
		color:#555;
		}
	
	.col hr,
	.module hr {
		margin:0 .5em;
		}

.module {
	overflow:auto;
	}


/* BUTTONS
---------------------------------- */

a.button,
a.button:visited {
	display:block;
	padding:5px 10px;
	margin:0 0 1em;
	float:left;
	color:#fff;
	border:0;
	font-size:114%;
	background:#27628e url("../images/menu_shade.gif") 0 0 repeat-x;
	}

a.button:hover {
	background:#248;
	}


/* DISCUSS
---------------------------------- */

table.discuss {
	margin:0 .5em;
	padding:0;
	border:0;
	}

	table.discuss td {
		padding:5px;
		border-top:1px solid #ddd;
		color:#444;
		}

	table.discuss th {
		padding:5px;
		padding-top:2em;
		text-align:left;
		background:#eaf4f9;
		background:#f0f9ff;
		border-top:2px solid #789;
		}


/* HOME PAGE
---------------------------------- */

body.home .col.double {
	width:380px;
	}


#navdiagram {
	min-height:346px;
	*height:346px;
	margin:0;
	}
	
	#navdiagram #diagram {
		float:left;
		width:571px;
		height:346px;
		}
		
	#navdiagram #diagram_notes {
		float:right;
		width:189px;
		min-height:346px;
		*height:346px;
		
		background:url("../images/diagram_notes_shade.gif") 0 0 repeat-x;
		}
		
		#diagram_notes p {
			margin:1em 10px;
			line-height:1.4em;
			color:#fff;
			}

		#diagram_notes ul {
			color:#fff;
			margin:1em 10px;
			padding:0;
			}
			
			#diagram_notes ul ul {
				margin:.5em 0;
				list-style:square;
				}
			
			#diagram_notes li {
				padding:0;
				margin:0;
				margin-left:1.5em;
				}
				
			#diagram_notes li li {
				margin-left:1.25em;
				}
				

.rollnote {
	display:none;
	}

.rollnote.default {
	display:block;
	}

	.rollnote h3 {
		margin:0;
		padding:5px 10px;
		color:#fff;
		}

#diagram_notes a {
	color:#bbe6ff;
	border:0;
	text-decoration:none;
	}
	
	#diagram_notes a:hover {
		color:#def;
		border-bottom:1px solid #def;
		}
		

#note_lab h3 {
	background:#ad937a;
	}

#note_he h3 {
	background:#174a77;
	}
	
#note_hub h3 {
	background:#7aa740;
	}
	
#note_rb h3 {
	background:#ea3;
	}

#note_nb h3 {
	background:#e80;
	}
	
#note_op h3 {
	background:#999;
	}
	
#note_data h3 {
	background:#569ec6;
	}

#note_noc h3 {
	background:#611;
	}
	
#note_voip h3 {
	background:#3d3571;
	}	

#note_internet h3 {
	background:#666;
	}
	
	
/* WHERE PAGE
---------------------------------- */

body.where #navdiagram {
	background:#e9e9e9;
	}

body.where #navdiagram #diagram {
	float:right;
	}

body.where #navdiagram #where_nav {
	width:189px;
	float:left;
	}


/* =============================

MENUS

============================= */

#mainnav {
	clear:both;
	margin:0;
	padding:0;
	height:32px;
	list-style:none;
	background:#368fb5 url("../images/menu_shade.gif") 0 0 repeat-x;
	}
	
	#mainnav li {
		margin:0;
		padding:0;
		line-height:14px;
		float:left;
		position:relative;
		top:0;
		left:0;
		}
		
		#mainnav li a {
			display:block;
			line-height:14px;
			padding:9px 13px;
			color:#fff;
			text-decoration:none;
			font-size:100%;
			text-align:center;
			
			padding-left:12px;
			border-left:1px solid #368fb5;
			}
		
		#mainnav li a:hover,
		#mainnav li.menuparent:hover,
		#mainnav li.over {
			background:#005b84;
			}
			
#mainnav ul,
#mainnav ul ul {
	position:absolute;
	top:32px;
	left:0;
	margin:0;
	padding:0;
	width:200px;
	list-style:none;
	border-bottom:2px solid #036;
	z-index:10;
	
	border:1px solid #fff;
	border-width:0 1px 1px;
	
	background:#005b84;
	}


#mainnav ul {
	padding-top:5px;
}
	
#mainnav ul li,
#mainnav ul ul li {
	width:200px;
	float:none;
	margin:0 0 1px;
	padding:0;
	background:#005b84;
	}


#mainnav ul li,
#mainnav ul li a {
	text-align:left;
	display:inline-block;
}

#mainnav ul li,
#mainnav ul li a {
	display:block;
}


#mainnav li ul li a,
#mainnav li ul li ul li a {
	display:block;
	padding:3px 10px 3px 17px;
	background:#005b84;
	color:#def;

	
	font-size:95%;
	}

#mainnav li ul li a:hover,
#mainnav li ul li ul li a:hover {
	background:#0d3254;
	color:#fff;

	}


	
#mainnav li:hover ul ul,
#mainnav li:hover ul ul ul,
#mainnav li.over ul ul,
#mainnav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

#mainnav ul {display:none;}

#mainnav li:hover ul,
#mainnav li li:hover ul,
#mainnav li li li:hover ul,
#mainnav li.over ul,
#mainnav li li.over ul,
#mainnav li li li.over ul { display: block; } /* The magic */


#mainnav #mn_contact ul {
	left:-125px;
}

#mainnav #mn_home a{border:0;}

body.home #mn_home,
body.where #mn_where,
body.services #mn_services,
body.expertise #mn_expertise,
body.why #mn_why,
body.clients #mn_clients,
body.news #mn_news,
body.about #mn_about,
body.contact #mn_contact {
	background:#0d3254;
	}
	
/* Subnav styles
-------------------------------- */

ul.subnav {
	margin:0;
	padding:0;
	list-style:none;
}

	.subnav li {
		margin:0;
		padding:0;
	}
	
	.subnav li a {
		display:inline-block;
		}
		
	.subnav li a,
	.subnav li a:visited {
		display:block;
		padding:2px 10px;
		border:0;
		background:#e6edf6;
		background:#b6e2f3;
		border-bottom:1px solid #fff;
		color:#094878;
		}
		
	.subnav li a:hover {
		background:#0d3254;
		color:#fff;
		}