/* 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;
}
#bannerBibletouch {
	background-image:url(/resources/.template/images/banner-bibletouch.jpg);
}
#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; 
	}

/* Portfolio */
#content .filterLabel {
	float:left;
	margin-right:10px;
}
#content .filters {
	margin-right:0;
}
#content .filters li {
	list-style-type:none;
	float:left;
	margin:0 5px 8px 5px;
}
#content .filters a {
	background-color: #89b6d4;
	color: #000;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
}
#content .filters a:hover, #content .filters a:focus {
	background-color: #2D658A;
	color: #fff;
}
.clients {
	display:none;
}
.clients.all {
	display:block;
}
#content .boxgrid h3, #content .boxgrid p {
	margin-right:10px;
}
#content .boxgrid a {
	display:block;
	height:130px;
}
#content .boxgrid a:link, #content .boxgrid a:visited, #content .boxgrid a:hover, #content .boxgrid a:active {
	text-decoration:none;
	border-width:0;
	color:#f8f8f8;
}
#content .boxgrid h1, #content .boxgrid h2, #content .boxgrid h3 {
	width:240px;
	min-height:30px;
	margin:10px 10px 0 10px;
	color:#fff;
	font-weight:bold;
	font-size:150%;
	font-family:'Century Gothic', Tahoma, Arial, sans-serif;
}
.boxgrid { 
	width: 260px; 
	height: 200px; 
	margin:10px; 
	float:left; 
	background:#dfdbd2; 
	border: solid 4px #dfdbd2; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	padding: 0 10px; 
	color:#f8f8f8; 
	font-weight:bold; 
	line-height:1.2em;
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #2D658A; 
	height: 180px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 200px;
	left: 0;
}
.caption .boxcaption {
	top: 160px;
	left: 0;
}

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