/* 
Theme Name: CreativeLink
Theme URI: http://creativelink.com
Description: 2010 Redesign for creativelink.com
Version: 2010
*/

body {
	font: 62.5% "Arial", Verdana, sans-serif;
	color: #;
	background: #666;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

header, section, article, aside, footer {
	display: block;
}

/* @group header */

header {
	background: #333;
	width: 100%;
	height: 50px;
	margin-bottom: 25px;
	position: relative;
}

#topBar {
	position: fixed;
	z-index: 9999;
}

#header-inner {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

figure.mid-header {
	background: #666;
	display: block;
	text-align: center;
	padding: 70px 0 0px 0;
}

/* @group logo */

a#logo:link, a#logo:visited, a#logo:active, a#logo:hover {
	background: url(../images/logo.png) no-repeat 0 0;
	display: block;
	width: 176px;
	height: 36px;
	margin: 7px 0 0;
	float: left;
	text-indent: -99999px;
	text-decoration: none;
}

/* @end */

/* @group nav */

nav {
	float: right;
	margin-top: 20px;
	font-size: 1.4em;
}

nav ul li {
	float: left;
}

nav ul li a:link, nav ul li a:visited, nav ul li a:active {
	float: left;
	display: inline;
	margin-right: 15px;
	color: #ccc;
	text-decoration: none;
}

nav ul li a:hover, nav ul li a.active {
	color: #fff;
	text-decoration: none;
	padding: 0;
}

a#whatwedo {
	cursor: default;
	color: #666;
	font-weight: bold;
}
nav ul li#whatwedoLI {
	height: 16px;
	overflow: hidden;
	float: left;
	display: inline !important;
}

ul#whatwedoSlider {
	float: left;
	padding-right: 14px;
	display: inline;
}

ul#whatwedoSlider li {
	display: inline;
	float: left;
}

ul#whatwedoSlider li a {
	padding: 0 10px 0 0;
	font-weight: bold;
	margin-right: 8px;
}

ul#whatwedoSlider li.last a {
	padding-right: 21px;
	border-right: 1px solid #666;	
}

a#discoverA {
	color: #8aa1b5;
}

a#discoverA:hover {
	color: #97c1e5;
}

a#createA {
	color: #b6c53b;
}

a#createA:hover {
	color: #d2e345;
}

a#engageA {
	color: #db7f32;
	border: 0;
}

a#engageA:hover {
	color: #f88f37;
}

/* @end */

/* @end */

/* @group mid */

#mid {
	float: left;
	width: 100%;
}

#mid-inner {
	width: px;
	margin: 0 auto;
	text-align: left;
}

/* @end */

/* @group latest-posts */

section#latestPosts {
	border-top: 1px solid #999;
	padding: 20px 0 0;
	margin: 20px 0 0;
}

/* @group fromBlog */

.fromBlog {
	float: left;
	width: 260px;
}

.fromBlog h2 {
	color: #b6c53b;
	font: 2.5em bold Myriad Pro, Arial, sans-serif;
	margin: 0 0 15px;
}

.fromBlog ul {
	font-size: 1.5em;
	font-family: Myriad Pro, Arial, sans-serif;
	margin: 0 0 25px;
}

.fromBlog ul li {
	margin: 0 0 12px;
}

.fromBlog ul li a:link, .fromBlog ul li a:visited, .fromBlog ul li a:active {
	color: #ccc;
	text-decoration: none;
}

.fromBlog ul li a:hover {
	text-decoration: underline;
}

a.moreFrom:link, a.moreFrom:visited, a.moreFrom:active {
	background: url(../images/plusButton-green.png) no-repeat 0 0;
	display: block;
	height: 28px;
	padding: 3px 0 0 38px;
	text-decoration: none;
	color: #b6c53b;
	font-size: 1.8em;
}

a.moreFrom:hover {
	text-decoration: underline;
}

/* @end */

/* @group blogSlider */

.blogSlider {
	float: left;
	width: 655px;
	height: 355px;
	margin: 0 0 0 15px;
	overflow: hidden;
}

#slider ul {
	overflow: hidden;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider ul li img {
	z-index: 9;
	float: left;
}

#slider span {
	background: #333;
	width: 635px;
	font-size: 1.4em;
	color: #fff;
	padding: 10px 10px;
	float: left;
	display: block;
	margin: -36px 0 0;
	z-index: 999;
}

#slider span a:link, #slider span a:visited, #slider span a:active {
	float: right;
	color: #b6c53b;
	text-decoration: none;
}

#slider span a:hover {
	text-decoration: underline;
}

#slider2 {
	margin-top: 1em;
}

#slider li, #slider2 li {
	/*

define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 655px;
	height: 326px;
	overflow: hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 71px;
	z-index: 1000;
}

#nextBtn, #slider1next {
	left: 696px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(../images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls {
	margin: 1em 0;
	padding: 0;
	height: 28px;
	float: right;
}

ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
}

ol#controls li a {
	float: left;
	height: 13px;
	line-height: 28px;
	background: transparent url(../images/slider-bullet.jpg) no-repeat 0 0;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
	text-indent: -99999px;
}

ol#controls li.current a {
	background: transparent url(../images/slider-bullet.jpg) no-repeat 0 -13px;
	color: #fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline: none;
}

/* @end */

/* @end */

/* @group discover */

#discover-panel {
	margin: 0 0 0px;
}

#discover {
	background: #fff;
	margin: 0;
}

.discover header {
	background: transparent url(../images/wediscover.jpg) no-repeat 0 13px;
	width: 906px;
	height: 130px;
	margin: 0 0 20px;
	text-indent: -9999px;
	position: static;
}

.discoverInner {
	width: 830px;
	margin: 0 auto;
	padding: 0 0 25px;
}

.discover figure {
	width: 830px;
	margin: 0 auto 10px;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
}

.discover article {
	float: left;
	width: 560px;
	border-right: 1px dashed #ccc;
	padding: 0 20px 0 0;
	color: #666;
	font-size: 1.4em;
	line-height: 1.5;
}

.discover article h3 {
	color: #8da1b9;
	font-size: 1.7em;
	margin: 0 0 8px;
}

.discover article p {
	margin: 0 0 20px;
}

.discover aside {
	color: #666;
	width: 231px;
	margin: 0 0 0 15px;
	float: left;
	font-size: 1.2em;
}

.discover aside h4 {
	font-size: 1.2em;
	margin: 5px 0;
}

a.wowLightA:link, a.wowLightA:active, a.wowLightA:visited {
	background: transparent url(../images/plusButton-blue.png) no-repeat top right;
	height: 28px;
	padding: 8px 35px 0 0;
	margin: 5px 0 0;
	display: block;
	text-align: right;
	color: #8aa1b5;
	text-decoration: none;
}

a.discoverTop:link, a.discoverTop:active, a.discoverTop:visited {
	background: transparent url(../images/arrowButton-green.png) no-repeat top right;
	height: 32px;
	width: 100px;
	padding: 10px 40px 0 0;
	margin: 10px -25px 0 0;
	text-align: right;
	float: right;
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

a.discoverTop:hover {
	text-decoration: underline;
}

/* @end */

/* @group create */

#create-panel {
	margin: 0 0 20px;
}

#create {
	background: #fff;
	margin: 0;
	clear: right;
}

.create header {
	background: transparent url(../images/wecreate.jpg) no-repeat 0 27px;
	width: 906px;
	height: 140px;
	margin: 0 0 20px;
	text-indent: -9999px;
	position: static;
}

.createInner {
	width: 830px;
	margin: 0 auto;
	padding: 0 0 40px;
}

.create-column1 {
	width: 350px;
	float: left;
	margin: 0 15px 0 0;
}

.create-column2 {
	width: 445px;
	float: left;
}

.create h3 {
	color: #666;
	font-size: 2.2em;
	margin: 0 0 25px;
}

.create article {
	font-size: 1.5em;
	color: #666;
	clear: left;
	border-bottom: 1px solid #ccc;
	margin: 0 0 25px;
}

.create article h3 {
	color: #b6c53b;
	margin: 0;
}

.create article figure {
	float: left;
	width: 346px;
	margin: 0 25px 0 0;
}

.createCats {
	font-size: 0.7em;
	text-transform: uppercase;
	margin: 0 0 18px 0;
	display: block;
}

.create article p {
	line-height: 1.5;
}

a.viewSamples:link, a.viewSamples:active, a.viewSamples:visited {
	color: #b6c53b;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	margin: 15px 0;
}

a.viewSamples:hover {
	text-decoration: underline;
}

a.experienceLight:link, a.experienceLight:active, a.experienceLight:visited {
	background: url(../images/plusButton-green.png) no-repeat 0 0;
	display: block;
	height: 28px;
	padding: 0 0 0 35px;
	color: #999;
	text-decoration: none;
	font-size: 2.4em;
	font-weight: bold;
	float: left;
	margin: 0 35px 0 0;
}

.createSlogan {
	font-size: 2.0em;
	color: #999;
	margin: 2px 0 0 0;
	float: right;
}

a.createTop:link, a.createTop:active, a.createTop:visited {
	background: transparent url(../images/arrowButton-orange.png) no-repeat top right;
	height: 32px;
	width: 100px;
	padding: 10px 40px 0 0;
	margin: 10px -25px 0 0;
	text-align: right;
	float: right;
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

a.createTop:hover {
	text-decoration: un

derlin
e
;
}

/* @end */

/* @group engage */

#engage-panel {
	margin: 0 0 20px;
}

#engage {
	background: #fff;
	margin: 0;
	clear: right;
}

.engage header {
	background: transparent url(../images/weengage.jpg) no-repeat 0 44px;
	width: 906px;
	height: 161px;
	margin: 0 0 20px;
	text-indent: -9999px;
	position: static;
}

.engageInner {
	width: 830px;
	margin: 0 auto;
	padding: 0 0 25px;
}

.engage figure {
	width: 830px;
	margin: 0 auto 23px;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 0 0 19px;
}

.engage article {
	float: left;
	width: 560px;
	border-right: 1px dashed #ccc;
	padding: 0 20px 0 0;
	color: #666;
	font-size: 1.4em;
	line-height: 1.5;
}

.engage article h3 {
	font-size: 1.8em;
	color: #666;
	line-height: 1.2;
	margin: 0 0 15px;
}

.engage article h4 {
	color: #db7f32;
	font-size: 1.3em;
	margin: 0;
}

.engage article p {
	font-size: 1.1em;
	margin: 0 0 15px;
}

.engage aside {
	color: #666;
	width: 221px;
	margin: 0 0 0 25px;
	float: left;
	font-size: 1.2em;
}

.engage aside h2 {
	font-weight: bold;
	font-size: 1.2em;
}

.engage aside ul {
	list-style: disc inside;
	margin: 4px 0 20px;
}

.engage aside ul li {
	margin: 0 0 3px;
}

a.creativeLightA:link, a.creativeLightA:active, a.creativeLightA:visited {
	background: url(../images/plusButton-orange.png) no-repeat 0 0;
	display: block;
	height: 32px;
	padding: 3px 0 0 45px;
	color: #666;
	font-size: 2.3em;
	font-weight: bold;
	text-decoration: none;
}

a.engageTop:link, a.engageTop:active, a.engageTop:visited {
	background: transparent url(../images/arrowButton-blue.png) no-repeat top right;
	height: 32px;
	width: 100px;
	padding: 10px 40px 0 0;
	margin: 10px -25px 0 0;
	text-align: right;
	float: right;
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

a.engageTop:hover {
	text-decoration: underline;
}

/* @end */

/* @group footer */

footer {
	background: #333;
	color: #fff;
	font-size: 1.2em;
	width: 940px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
}

footer h4 {
	color: #8aa1b5;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0 0 6px;
}

footer section {
	float: left;
	margin: 0 20px 0 0;
}

#siteMap {
	width: 130px;
	margin-left: 70px;
}

#siteMap ul li {
	margin: 0 0 4px;
}

#siteMap a:link, #siteMap a:visited, #siteMap a:active {
	color: #fff;
	text-decoration: none;
}

#siteMap a:hover {
	text-decoration: underline;
}

#followUs {
	width: 100px;
	margin-right: 35px;
}

#followUs ul li {
	margin: 0 0 2px 0;
}

#followUs a {
	margin: 0 3px 0 0;
}

#followUs a:link, #followUs a:visited, #followUs a:active {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 18px;
	padding: 2px 0 0 23px;
	background: url(../images/socialIcons.jpg) no-repeat 0 0;
}

#followUs a:hover {
	text-decoration: underline;
}

#followUs a.subscribe {
	background-position: 0 0;
}

#followUs a.facebook {
	background-position: 0 -20px;
}

#followUs a.twitter {
	background-position: 0 -41px;
}

#followUs a.linkedin {
	background-position: 0 -60px;
}

#followUs a.vimeo {
	background-position: 0 -82px;
}

#followUs a.youtube {
	background-position: 0 -102px;
}

#followUs a.flickr {
	background-position: 0 -122px;
}

#followUs a.lastfm {
	background-position: 0 -142px;
}

#getInTouch {
	width: 175px;
}

#getInTouch p {
	margin: 0 0 15px;
	line-height: 1.4;
}

#getInTouch a:link, #getInTouch a:visited, #getInTouch a:active {
	color: #fff;
	text-decoration: underline;
}

section#contactForm {
	margin: 0;
}

#contactForm {
	width: 315px;
	margin: 0;
}

.contactForm h4 {
	color: #999;
}

.contactForm p {
	margin: 12px 0 0;
	color: #b6c53b;
	font-weight: bold;
}

.contactForm form input {
	width: 295px;
	/*height: 28px;*/
	border: 1px solid #ccc;
	margin: 0 0 10px;
	padding: 7px 6px;
	color: #666;
	vertical-align: center;
}

.contactForm form input.checkbox {
	display: inline;
	vertical-align: middle;
	width: 20px;
	height: 18px;
	margin: 10px 0 0;
	padding: 0;
	float: left;
}

.contactForm form label {
	margin: 10px 0 0 5px;
	float: left;
	font-weight: bold;
}

.contactForm form textarea {
	width: 295px;
	height: 105px;
	border: 1px solid #ccc;
	padding: 6px;
	color: #666;
}

input#submitContact {
	background: url(../images/submitButton.jpg) no-repeat 0 0;
	width: 91px;
	height: 26px;
	border: 0;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

.contactForm span {
	
}

section#copyright {
	float: none;
	margin: 10px 0 10px 70px;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
	color: #fff;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;
}

/* @end */

/* @group miscellaneous */

strong {
	font-weight: bold;
}

.clear {
	clear: both;
	line-height: 1;
	height: 0;
	margin: 0;
	padding: 0;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.hidden {
	display: none;
}

/* @end */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */

.tail_page {
	margin-top: 24px;
	padding-top: 17px;
	border-top: 1px solid #ccc;
}

.vcard .geo {
	display: none;
}


.dumb_spambots {
	display: none;
}