/* ----------------------------
	Description: stylesheet for CLEARLINK 
	Version: 2.0
---------------------------- */

@import url('../css/global-grid/reset.css');
@import url('../css/cl-base.css');
@import url('../css/cl-type.css');
@import url('../css/cl-forms.css');

body.about #focus {
	background: #DBDBDB url(../images/clearlink/focus-bg-cl-grunge.jpg) no-repeat center center;
	height: 300px;
}
body.about #focus h1 {
	text-indent: -9999px;
	font-size: 1px;
	background: url(../images/clearlink/headline-about-us.png) no-repeat top left;
	width: 650px;
	height: 70px;
	position: absolute;
	top: 20px;
}
body.contact #focus {
	background: #DBDBDB url(../images/clearlink/focus-bg-contact.jpg) no-repeat center center;
	height: 300px;
}
body.contact #focus h1 {
	text-indent: -9999px;
	font-size: 1px;
	background: url(../images/clearlink/headline-contact-us.png) no-repeat top left;
	width: 650px;
	height: 70px;
	position: absolute;
	top: 20px;
}
body.signup #focus h1.title {
	width: 625px;
	font-size: 34px;
	line-height: 36px;
}
body.signup #branding-nav {
	display: none;
}
body.home #focus {
	background: #D6D6D6 url(../images/clearlink/focus-bg-home.jpg) no-repeat center center;
	height: 400px;
}
body.services #focus {
	background: #D6D6D6 url(../images/clearlink/focus-bg-services.jpg) no-repeat center center;
	height: 450px;
}
body.jobs #focus {
	background: #050318 url(../images/clearlink/focus-bg-jobs.jpg) no-repeat center center;
	height: 204px;
}
body.partners #focus {
	background: #DBDBDB url(../images/clearlink/focus-bg-partners.jpg) no-repeat center center;
	height: 204px;
}
body.smalBus #focus {
	background: #010930 url(../images/clearlink/focus-bg-small-business.jpg) no-repeat center center;
	height: 204px;
}
body.partners #focus {
	background: #010930 url(../images/clearlink/focus-bg-partners.jpg) no-repeat center center;
	height: 204px;
}


body.home #focus .callout {
	position: absolute;
	top: 30px;
	right: 30px;
	background: #DBDBDB;
	border: 1px solid #FFF;
	width: 280px;
	padding: 10px;
}
body.home #focus .getFlash {
	margin: 20px 10px 10px 10px;
	font-size: 24px;
	line-height: 36px;	
	padding: 10px;
	background: #FFCC99;
	border: 1px solid #FFF;
}
body.culture #focus {
	background: #020F20 url(../images/clearlink/focus-bg-culture-grunge.jpg) no-repeat center center;
	height: 204px;
}
body.news #focus {
	background: #020F20 url(../images/clearlink/focus-bg-news.jpg) no-repeat center center;
	height: 204px;
}
body.signup #focus,
body.basic #focus {
	background: #525358 url(../images/clearlink/focus-bg-catchall.jpg) no-repeat center center;
	height: 160px;
}
body.signup #content-head,
body.basic #content-head {
	min-height: 50px;
}
body.basic #content #content-wrap {
	background-position: 0 5px;
}
body.signup #content #content-wrap {
	background-position: 0 40px;
}
body.basic #focus h1.title,
body.jobs #focus h1.title,
body.signup #focus h1.title,
body.news #focus h1.title,
body.partners #focus h1.title,
body.smalBus #focus h1.title,
body.culture #focus h1.title {
	color: #FFF;
	text-shadow: #333 1px 1px 1px;
}
body.signup #focus h1.title {
	padding-top: 10px;
}
body.basic #focus p.title.secondary,
body.signup #focus p.title.secondary,
body.news #focus p.title.secondary,
body.partners #focus p.title.secondary,
body.smalBus #focus p.title.secondary,
body.culture #focus p.title.secondary {
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #333 1px 1px 1px;
	padding-top: 0;
}


body.home #main { background: #F0F0F0; /* BACKGROUND COLOR */ }
body.partners #main,
body.jobs #main,
body.news #main,
body.culture #main { background: #F0F0F0 url(../images/clearlink/pattern-bg-tiles.png); /* BACKGROUND TILES */ }

#content-head .column#ch-one,
#content-head .column#home-lead-in , #content-head .column#soapbox{ width: 399px; }
#content-head .column#ch-two,
#content-head .column#home-slider,
#content-head .column#leadArticle { width: 220px; }
#content-head .column#ch-three,
#content-head .column#ch-slideshow,
#content-head .column#ch-busResults,
#content-head .column#culture { width: 279px; }
#content-head .column#photostream { width: 519px; }
#content-head .column p { color:#F0F0F0; }

#content-head .column#ch-partner-first { width: 639px; }

#content-head .column#home-lead-in h4, #content-head .column#home-lead-in p, #content-head .column#soapbox p {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 16px;
	color: #FFF;
	text-shadow: #333 1px 1px 10px;
}
#content-head .column#home-lead-in h4 {
	line-height: 24px;
	color: #D5D5D5;
	margin-bottom: 50px;
}
#content-head .column#home-lead-in h4 span.company, #content-head .column#home-lead-in p, #content-head .column#soapbox p span.company, .highlight {
	color: #3399FF;
}
strong.highlight { text-transform: uppercase; }
#content-head .column p.ch-arrowLink,
#content-head .column#home-lead-in p {
	background: url(../images/clearlink/icon-arrow-white.png) no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	font-size: 18px;
	color: #3399FF;
}
#content-head .column p.ch-arrowLink a,
#content-head .column#home-lead-in p a {
	color: #3399FF;
}
#content-head .column p.ch-arrowLink span.phone,
#content-head .column#home-lead-in p span.phone { color: #FFF; font-size: 18px; }
#content-head .column#soapbox p { font-size: 18px; line-height: 23px; }
#content-head .column#home-slider {
	margin-top: 16px;
}
#content-head .column#home-slider h3 {
	background: url(../images/clearlink/icon-arrow-white.png) no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	font-size: 14px;
	line-height: 16px;
	color: #3399FF;
	margin-bottom: 3px;
	font-weight: normal;
}
#content-head .column#home-slider h3 a {
	text-decoration: none;
}
#content-head .column#home-slider h3 a:hover { cursor: pointer; color: #3399FF; }
#content-head .column#home-slider hr {
	margin-bottom: 6px;
}
#content-head .column#leadArticle p,
#content-head .column#home-slider p {
	color: #F0F0F0;
	margin-bottom: 5px;
	line-height: 14px;
}
#content-head .column#leadArticle p a,
#content-head .column#home-slider p a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#content-head .column#culture {
	height: 145px;
	margin-top: 16px;
	position: relative;
	-moz-border-radius: 5px; /* FOR MOZILLA */
	-webkit-border-radius: 5px; /* FOR SAFARI/CHROME MAYBE?? */
}
body.basic #content-head .column#culture {
	height: 40px;
}
#content-head .column#culture h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
}
#content-head .column#culture h3 a {
	color: #FFF;
	text-shadow: #333 1px 1px 10px;
	background: url(../images/clearlink/content-head-culture-link.png) no-repeat;
	background-position: bottom left;
	display: block;
	width: 260px;
	height: 12px;
	padding: 15px 10px;
	text-indent: -9999px;
}
#content-head .column#culture h3 a:hover { background-position: top left; }
#content-head .column#leadArticle h3 {
	background: url(../images/clearlink/icon-arrow-white.png) no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	font-size: 14px;
	line-height: 16px;
	color: #3399FF;
	margin-bottom: 5px;
	margin-top: 16px;
	font-weight: normal;
}
#content-head .column#ch-slideshow {
	margin-top: 16px;
	position: relative;
	height: 100px;
}

/* ----------------------------
	TWO COL PAGE LAYOUT
---------------------------- */
body #contentArea, body #intRail, body #rail {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
body.two-col #contentArea { width: 640px; }
body.two-col #rail { width: 280px;margin-right:0; }

/* ----------------------------
	THREE COL PAGE LAYOUT
---------------------------- */
body.three-col #contentArea { width: 400px; }
body.three-col #intRail { width: 220px; }
body.three-col #rail { width: 280px; }



#contentArea p.logo#cl-logo-pos {
	position: absolute;
	top: -35px;
	right: -10px;
}


/* SERVICES US PAGE
---------------------------- */
#services-callout {
	font-weight: normal;
	line-height: 21px;
	text-transform: uppercase;
}
#services-callout .company {
	color: #3399FF;
}
#odometer {
	width:235px;
	height:55px;
	overflow:hidden;
	position:relative;
	margin: -10px 0 6px 0;
	z-index: 600;
}
#contentArea .column.services-left {
	width: 240px;
	margin-right: 10px;
}
#contentArea .column.services-right {
	width: 380px;
	margin-left: 10px;
}

/* SMALL BUSINESS PAGE
---------------------------- */
#content-head .column#ch-busResults .logo {
	margin-top: 16px;
}
#content-head .column#ch-busResults .ch-title {
	font-size: 14px;
	color: #FFF;
	margin-bottom: 0;
}
#content-head .column#ch-busResults .website a {
	font-size: 13px;
	color: #999;
}
#content-head .column#ch-busResults .results {
	font-size: 27px;
	line-height: 28px;
	color: #FFF;
	font-weight: bold;
	width: 170px;
}
#content-head .column#ch-busResults .results .subResults {
	font-size: 12px;
	line-height: 14px;
	color: #3399ff;
	display: block;
	font-weight: normal;
}


/* ABOUT US PAGE
---------------------------- */
#utahBus-callout {
	font-weight: normal;
	line-height: 21px;
}
#utahBus-callout .company {
	color: #3399FF;
}
#utahBus-callout img.flt_left {
	margin-right: 20px;
}
#logo-slideshow {
	margin-bottom: 24px;
	display: block;
	height: 75px;
}

#rail .history-blurb { padding-top: 35px; margin-bottom: 20px; }
#rail .history-blurb#originate { background: url(../images/clearlink/history-originate.png) no-repeat top left; }
#rail .history-blurb#innovate { background: url(../images/clearlink/history-innovate.png) no-repeat top left; }
#rail .history-blurb#revolt { background: url(../images/clearlink/history-revolt.png) no-repeat top left; }


/* JOBS
---------------------------- */
.job {
	padding-bottom: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid #999;
}
.job h4, .job p {
	margin-bottom: 4px;	
}

/* PARTNERS
---------------------------- */
#offers p {
	margin: 0;
	border-bottom: 1px solid #999;
}
#offers {
	margin-bottom: 16px;
}

/* BLOG
---------------------------- */
.article {
	padding-bottom: 16px;
	margin-bottom: 36px;
	border-bottom: 3px double #999;
}
.articleArchiveLinks {
	font-weight:bold;
	color:#333;
}
.articleArchiveLinks a {
	margin:0 3px;
	padding: 2px 6px;
	background-color: #3399FF;
	color: #FFF;
	display:inline-block;
}
.articleArchiveLinks a:hover {
	background: #CCC;
}
.articleArchiveLinks:before {
	content: "Archives : ";
}

/* ----------------------------
	PHOTOSTREAM
---------------------------- */
#content-head .column#photostream h3{
	margin: 16px 0 6px 0;
}
#content-head .column#photostream h3 a {
	background: url(../images/clearlink/icon-arrow-white.png) no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	font-size: 14px;
	color: #3399FF;
	position: relative;
	left: -5px;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
}
#content-head .column#photostream .flikr-stream a {
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#content-head .column#photostream .flikr-stream img {
	position: relative;
	top: -50%;
	left: -50%;
}