/* Global CSS Stylesheet */

/* Colors
CrossComm blue: 89b6d4
CrossComm gray: 717074
dark blue: 2D658A
light gray: f2f2f3
light blue: ebf3f9
light tan: dfdbd2
white gray: f8f8f8
dark brown: A65134
light brown: A68834

*/

/*CORE BASE STYLES*/

body {
	margin:0;
	padding:0;
	text-align:center;
	font:16px/1.4em 'Century Gothic', Tahoma, Arial, sans-serif; 
	background:#fff url(../images/bg-body.gif); 
	color:#666; 
	}
p, ul, ol {
	margin:0 0 1em 0; 
	}
p {
	
	}
ul {
	margin:0; 
	padding:0 0 0 1.5em; 
	list-style-type:square; 
	}
ol {
	margin:0; 
	padding:0 0 0 1.5em; 
	list-style-type:decimal; 
	}
a:link {
	color:#A65134; 
	text-decoration:none; 
	border-bottom:1px solid #2D658A; 
	}
a:visited {
	color:#A65134; 
	text-decoration:none; 
	border-bottom:1px dashed #2D658A; 
	}
a:hover {
	color:#2D658A; 
	text-decoration:none; 
	/* double property does not work in FF3 as border-bottom-style */
	border-style:double solid;
	border-top-width:0; 
	border-right-width:0; 
	border-left-width:0; 
	border-bottom-width:medium; 
	border-bottom-color:#2D658A; 
	}
a:active {
	color:#758E9F; 
	text-decoration:none; 
	border-style:double solid;
	border-top-width:0; 
	border-right-width:0; 
	border-left-width:0; 
	border-bottom-width:medium; 
	border-bottom-color:#2D658A; 
	}
h1, h2, h3, h4, h5, h6 {
	margin:0px 10px 0 0; 
	padding:0px 0 0 0; 
	color:#2D658A; 
	font:normal 100%/1.2em Garamond, Palatino, 'Palatino Linotype', Georgia, serif; 
	}
h1 {
	margin-top:0.4em;
	font-size:230%; 
	}
h2 {
	font-size:200%; 
	}
h3 {
	font-size:150%; 
	}
h4 {
	font-size:120%; 
	}
h5 {
	font-size:110%; 
	}
h6 { 
	font-size:100%; 
	}
abbr {
	speak:spell-out; 
	border-bottom:0; 
	}
acronym {
	speak:normal; 
	border-bottom:0; 
	}

/*SPECIFIC PAGE SECTION STYLES*/

#page {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
	}
#navWrapper, #contentWrapper, #logo, #header {
	position:absolute; 
	}
#navWrapper {	
	top:30px; 
	padding:0; 
	background:url(../images/bg-nav.gif) no-repeat; 
	width:100%; 
	height:150px; 
	}
#navWrapper ul {
	padding:10px 20px; 
	list-style-type:none; 
	}
#navWrapper li {
	float:right; 
	padding:0 15px 0 0; 
	}
#navWrapper a:link, #navWrapper a:visited {
	color:#333333;
	}
#navWrapper a:hover, #navWrapper a:active {
	color:#2D658A;
	}
#navigation {
	float:left; 
	margin:0 0 0 10px; 
	padding:100px 0 0 0; 
	font-size:86%; 
	width:645px; 
 	voice-family:"\"}\""; 
	voice-family:inherit;
	width:635px; 
	}
	html>body #navigation {
		width:635px;
		} 
#navWrapper a:link, #navWrapper a:visited, #navWrapper a:hover, #navWrapper a:active {
	border-width:0; 
	}
#navigation LI.current a:link, #navigation LI.current a:visited {
	color:#2D658A;
	border-style:double solid; 
	border-top-width:0; 
	border-right-width:0; 
	border-left-width:0; 
	border-bottom-width:medium; 
	text-decoration:none; 
	}
#logo {
	top:40px; 
	left:10px; 
	}
#logo a {
	display:block; 
	width:635px; 
	height:90px; 
	border-bottom-width:0;
	color:#89b6d4; 
	font-size:200%; 
	}
#utilityNavigation {
	position:relative;
	float:left; 
	width:300px; 
	margin:101px 0 0 4px; 
	padding:0; 
	font-size:76%; 
	color:#999; 
	}
#utilityNavigation ul {
	margin:0; 
	padding:10px 20px;
	}
#utilityNavigation li {
	float:left; 
	padding:0 0 0 14px; 
	}
#searchBox {
	position:absolute;
	top:-27px;
	left:34px;
	color:#333333;
	}
#searchBox TD{
	}
#searchBox INPUT.searchText {
	height:13px;
	border:1px solid #89b6d4;
	}
#subnavWrapper {
	top:140px;
	/*z-index:10;*/
	width:760px; 
	/*background:url(../images/bg-page.gif) repeat-y; */
	}
#subnavigation {	
	width:255px; 
	margin:0 0 20px 0; 
	}
#subnavigation ul {
	list-style-type:none;
	padding:0 10px 0 0; 
	text-align:right; 
	}
#subnavigation ul ul {
	padding:0 10px 0 0;
	border-right:3px dotted #efefef;
	}
#subnavigation li {
	margin:0.5em 0;
	padding:0;
	}
#subnavigation a:link, #subnavigation a:visited {
	color:#333; 
	}
#subnavigation a:hover, #subnavigation a:active {
	color:#2D658A; 
	}
#subnavigation li.current a:link, #subnavigation li.current a:visited {
	color:#2D658A; 
	border-style:double solid; 
	border-top-width:0; 
	border-right-width:0; 
	border-left-width:0; 
	border-bottom-width:medium; 
	text-decoration:none; 
	}
#header {	
	top:180px; 
	left:315px; 
	margin-left:10px;
	padding:0; 
	font-family:Garamond, Palatino, 'Palatino Linotype', Georgia, serif; 
	font-size:300%; 
	overflow:hidden; 
	height:105px; 
	width:635px;  
 	voice-family:"\"}\""; 
	voice-family:inherit;
	width:625px; 
	}
	html>body #header {
		width:625px;
		} 
.headerText {
	min-height:232px;
	padding:50px 30px 0 360px;
	background-repeat:no-repeat;
	font-family:'Century Gothic', Tahoma, Arial, sans-serif;
	font-size:17px;
}
.headerText h2 {
	color:#666;
	font-size:180%;
}
.headerText p {
	margin-bottom:0.5em;
}
#bannerMediareader {
	background-image:url(/resources/.template/images/banner-ipad-iphone.jpg);
}
#bannerWebdesign {
	background-image:url(/resources/.template/images/banner-webdesign.jpg);
}
#bannerIphone {
	background-image:url(/resources/.template/images/banner-iphone.jpg);
}
#bannerEmail {
	background-image:url(/resources/.template/images/banner-email.jpg);
}
#bannerCms {
	background-image:url(/resources/.template/images/banner-cms.jpg);
}
#bannerConsulting {
	background-image:url(/resources/.template/images/banner-consulting.jpg);
}
#bannerSloan {
	background-image:url(/resources/.template/images/banner-sloan.jpg);
}
#contentWrapper {
	top:180px; 
	width:100%; 
	clear:both; 
	background:url(../images/bg-page.jpg) repeat-y; 
	}
#mainContent {
	float:right; 
	width:635px; 
	padding:100px 0 0 0;  
	}
#content { 
	margin:0; 
	padding:10px 30px 10px 20px; 
	float:left; 
	font-size:76%; 
	height:300px; 
	width:634px; 
 	voice-family:"\"}\""; 
	voice-family:inherit;
	width:584px;  
	}
	html>body #content {
		height:auto; 
		min-height:300px; 
		width:584px;
		} 
#content p, #content ul, #content ol {
	margin-right:100px;
	}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-right:80px;
	}
#supplement {
	margin:0 0 0 20px; 
	padding:10px 20px; 
	font-size:76%; 
	width:295px; 
 	voice-family:"\"}\""; 
	voice-family:inherit;
	width:255px; 
	}
	html>body #supplement {
		width:255px; 
		} 
#footer {
	clear:both; 
	padding:4px 0 8px 325px; 
	background:url(../images/bg-footer.gif) no-repeat; 
	font-size:69%; 
	width:960px;
 	voice-family:"\"}\""; 
	voice-family:inherit;
	width:635px;
	}
	html>body #footer {
		width:635px;
		} 
#address {
	margin-left:20px;
	text-align:left; 
	}
#address address {
	font-style:normal;
	display:inline;
	}
.teamImage {
	border:1px solid #dedede;
	}

/* Client List */
.tooltipTarget {
	font-weight:bold; 
	font-size:120%; 
	}
.tooltipContent {
	list-style-type:none;
  padding:1.5em 2em;
  border:3px solid #fff;
  background-color:#89b6d4;
	width:30em;
	color:#000;
	}
.noDescription .tooltipTarget {
	font-weight:normal; 
	font-size:100%; 
	}
.noDescription .tooltipContent {
	visibility:hidden; 
	}

/* http://www.positioniseverything.net/easyclearing.html */
#navWrapper:after, #contentWrapper:after, #logoLinks UL:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}