@import "portfolio.css";
@import "footer.css";

body	{
	color: #696969;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
    line-height:1.1em;
   	background: url(../img/bg-tile.png) #E0E9EE repeat fixed;

    /* Christmas:
    background: url(../img/winterbg.png), url(../img/wintergrad.png) white;
    background-position: center top, left top;
	background-repeat: no-repeat, repeat-x
	*/
}

p,li	{
	font-size:0.9em;
	font-weight: 300;
}

li p	{
	font-size: 1em;
}
li li	{
	font-size: 1em;
}

img	{
	border: none;
}

h1	{
	color: #000000;
	font-weight: 300;
	font-size: 2em;
	letter-spacing: -1px;
	line-height:1.1em;
	margin: 0;
	padding: 0;
}



a:link {
	color: #27ABDF;
	text-decoration: none;
	font-size: 1em;
	outline: none;
}

a:visited	{ color: #27ABDF; text-decoration: none; }
a:hover	{ color: #92D400; }

div#container	{
	background-color: white;
	width: 940px;
	margin: 40px auto 0 auto;
	padding: 20px; 
	overflow: hidden;
	display: block;  
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    -moz-box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
}


/****************************************
***			righttabs				***	
****************************************/
div#right-tab ul li a{
	right: 0px;
	top: 100px;
	width: 40px;
	height: 128px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: fixed;
	z-index: 200;
	display: block;
	border: none;
}

div#right-tab li  {
	list-style: none;
}

div#right-tab li.c9marketingtab a	{
	background: url(../img/c9marketing-tab.png) no-repeat; 
	background-position: top;	
}

div#right-tab li.c9marketingtab a:hover	{
	background-position: bottom;
}

div#social-tabs ul li a {
	background: url(../img/socialicons-tab.png) no-repeat; 
	right: 0px;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: fixed;
	z-index: 200;
}

div#social-tabs li  {
	list-style: none;
	float: left;
}
div#social-tabs	 li.rss	a	{	background-position: 0px 0px; 	top: 230px; }
div#social-tabs li.rss a:hover	{	background-position: 0px -40px;	}

div#social-tabs	 li.linkedin	a	{	background-position: 0px -80px; 	top: 272px;	}
div#social-tabs li.linkedin	a:hover	{	background-position: 0px -120px; }

div#social-tabs	 li.twitter	a	{	background-position: 0px -160px; 	top: 314px;	}
div#social-tabs	 li.twitter	a:hover	{	background-position: 0px -200px; }

div#social-tabs	 li.facebook a	{	background-position: 0px -240px; 	top: 356px;	}
div#social-tabs	 li.facebook a:hover	{	background-position: 0px -280px; }

div#social-tabs	 li.flickr	a	{	background-position: 0px -240px; 	top: 356px;	}
div#social-tabs	 li.flickr	a:hover	{	background-position: 0px -280px; }

div#social-tabs	 li.flickr	a	{	background-position: 0px -320px; 	top: 398px;	}
div#social-tabs	 li.flickr	a:hover	{	background-position: 0px -360px; }

div#social-tabs	 li.youtube	a	{	background-position: 0px -400px; 	top: 440px;	}
div#social-tabs	 li.youtube	a:hover	{	background-position: 0px -440px; }

div#site	{
	width: 940px;
	position: relative;
	padding-bottom: 0;
}

span.hr	{
	display: block;
	margin: auto;
	height: 1px;
	font-size: 0;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCC;
}

div#head	{
	height: 70px;
	position: relative;
	display: block;
	overflow: hidden;
	width: 940px;
}

div#head	h1	{
	width: 140px;
	height: 60px;
	position:absolute;
	overflow: hidden;
	right: 0px;
	top: -5px;
	padding: 3;
	margin: 0;
	font-size: 1.2em;
}

div#head  a {
	color: #92D400;
	text-decoration: none;
	font-weight: 300;
	font-size: 0.9em;
	outline: none;
}

div.head.logo a { border: 0px;}

#c9-logo {
    background: url(../img/code9-logo.gif) no-repeat;
    display:block;
	width: 140px;
	height: 60px;
	text-indent:-9999px
}
#c9-logo  h1{
	padding-top: 0px;
	padding-bottom: 8px;
}

div#head	ul	{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 20px;
	height: 25px;
	width: 800px;
}
div#head	ul	li	{
	display: block;
	height: 20px;
	font-size: 15px;
	float: left;
	margin-right: 20px;
	
}

div#head	ul	li	a	{
	color: #a9abad;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	border-bottom: #fff 3px solid;
}
div#head	ul	li	a:hover	{
	color: #A9ABAD;
	border-bottom: #92D400 3px solid; 
	-webkit-transition-property: opacity 1s linear; 
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: opacity 1s linear; 
    -moz-transition-duration: 1.0s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: opacity 1s linear; 
    -o-transition-duration: 1.0s;
    -o-transition-timing-function: ease-out;
}

body.home 			div#head li.home-nav	a,
body.our-clients	div#head li.our-clients-nav	a,
body.jobs			div#head li.jobs-nav	a,
body.portfolio 		div#head li.portfolio-nav	a,
body.what-we-do		div#head li.about	a,
body.print			div#head li.about	a,
body.web			div#head li.about	a,
body.branding		div#head li.about	a,
body.gui			div#head li.about	a,
body.marketing		div#head li.about	a,
body.illustration 	div#head li.about a,
body.faq			div#head li.about	a,
body.testimonials	div#head li.about  a,	
body.about			div#head li.about	a,
body.contact		div#head li.contact-nav	a,
body.sitemap 		div#head li.sitemap,
body.blog			div#head li.blog-nav	a,
body.marketingsite	div#head li.marketingsite	a,
body.who-we-are		div#head li.who-we-are-nav	a {
	border-bottom: #92D400 3px solid;
}	



div.what-we-do	{
	background: url(../img/blueprint-bg.png) repeat #00436D;
}

div.fullpage-content	img.banner	{
	display: block;
	width: 940px;
}

div.sub-nav	{
    position:relative;
    padding: 6px 0 6px 0;
    width:940px;
    height: 30px;
    color:#fff;
    border:0px solid #005bbb;
    display: block;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px; 
	background: -moz-linear-gradient(top, rgba(58,58,58,1) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,1)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(58,58,58,1) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(58,58,58,1) 0%,rgba(0,0,0,0.7) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(58,58,58,1) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(58,58,58,1) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
    z-index: 200;
}

body.what-we-do div#container div#site div.sub-nav	{
	margin-top: -16px;	
}

div.sub-nav	ul	{
	padding-top: 2px;
	padding-left: 10px;
	height: 40px;
	margin: 0;
	list-style: none;
	overflow: hidden;	
}

div.sub-nav	ul	li	{
	float: left;
	text-indent: none;
	list-style: none;
	line-height: 30px;
	font-size: 12px;
	padding: 0;
	margin:  0 0 0 15px;
}

div.sub-nav	a:link	{
	color: white;
	font-size: 12px;
	padding-bottom:2px; 
	border-bottom: rgba(0,0,0,0) 3px solid;
}

div.sub-nav	a:visited	{
	color: #fff;
	border-bottom:rgba(0,0,0,0) 3px solid; 
}

div.sub-nav	a:hover {
	border-bottom: #fff 3px solid; 
	-webkit-transition-property: opacity 0.2 linear; 
    -webkit-transition-duration: 0.2s; 
    -webkit-transition-timing-function: ease-in;
    -moz-transition-property: opacity 0.2 linear; 
    -moz-transition-duration: 0.2s; 
    -moz-transition-timing-function: ease-in;
    -o-transition-property: opacity 0.2 linear; 
    -o-transition-duration: 0.2s; 
    -o-transition-timing-function: ease-in;
}

div.sub-nav:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-12px; /* value = - border-top-width - border-bottom-width */
	left:168px; /* controls horizontal position */
	bottom:0;
	right:auto;
	width:0;
	height:0;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: rgba(52,54,55,1) transparent;
}


				/* IE 8 Hack */
				div.sub-nav:after {
					top: 0px\0/;
					border-width: 0px\0/;
				}

body.what-we-do 	div.sub-nav	 li.what-we-do	a,		
body.print 	        div.sub-nav	 li.print	a,		
body.web 	        div.sub-nav	 li.web	a,		
body.branding	    div.sub-nav	 li.branding	a,	
div.illustration-container 	div.sub-nav	 li.illustration	a,		
div.marketingn-container      div.sub-nav	 li.marketing	a,		
div.faq-container	div.sub-nav	 li.faq	a,
div.testimonials-container	div.sub-nav	 li.testimonials	a,	
div.case-studies-container	div.sub-nav	 li.case-studies	a,	
div.gui-container	        div.sub-nav  li.gui	a	{
border-bottom: 3px solid #fff;
}

.banner-static {
	position: relative;
	background: white;
	position: relative;
	width: 940px;
	height: 300px;
	overflow: hidden;
	display: block;
	margin: 0px 0 50px 0;
	padding: 0;
	border: 0;
	-moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index: 51;
}

.bannersubnav {
	margin: -42px 0 50px 0;
}

.banner-static img {
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.banner-static.how-we-work { background: url(../img/banners/faq.png) no-repeat; }
.banner-static.illustration { background: url(../img/banners/illustration-ban.png) no-repeat; }
.banner-static.testimonials-ban { background: url(../img/banners/testimonial_ban.png) no-repeat; }
.banner-static.casestudies-ban { background: url(../img/banners/case-studies-ban.jpg) no-repeat; }
.banner-static.sitemap-ban { background: url(../img/banners/sitemap-ban.png) no-repeat; }
.banner-static.terms-ban { background: url(../img/banners/terms-ban.png) no-repeat; }
.banner-static.banner-referal { background: url(../img/banners/banner-referal.png) no-repeat; }
.banner-static.feedback-ban { background: url(../img/banners/feedback.png) no-repeat; }

.banner-static-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	width: 340px;
	height: 220px;
	margin: 0;
	padding: 60px 20px 20px 20px;
	z-index: 89;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	background: -moz-linear-gradient(top, rgba(58,58,58,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(58,58,58,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(58,58,58,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(58,58,58,0.8) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33a3a3a', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(58,58,58,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
}	


.banner-static-caption.nosubnav {
	height: 260px;
	padding: 20px 20px 20px 20px;
}

.banner-static h1 {
	color: white;
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;	
}
.banner-static p {
	margin:0;
	font-size: 0.9em;
	line-height: 1.3em;
}



#banner-slideshow {
	position: relative;
	background: white;
	position: relative;
	width: 940px;
	height: 250px;
	overflow: hidden;
	display: block;
	margin: -42px 0 50px 0;
	padding: 0;
	border: 0;
	-moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index: 51;
}


#banner-slideshow	IMG {
	position:absolute;
	width: 940px;
	height:250px;
	top:0;
	left:0;
	z-index:51;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    opacity:0.0;
}

#banner-slideshow 	IMG.active {
    z-index:53;
    opacity:1.0;
}

#banner-slideshow	IMG.last-active {
    z-index:52;
}

#banner-slideshow.home {
	position: relative;
	background: white;
	position: relative;
	width: 940px;
	height: 500px;
	overflow: hidden;
	display: block;
	margin: 0px 0 50px 0;
	padding: 0;
	border: 0;
	-moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index: 51;
}


#banner-slideshowhome	IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:51;
    opacity:0.0;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

#banner-slideshowhome 	IMG.active {
    z-index:53;
    opacity:1.0;
}

#banner-slideshowhome	IMG.last-active {
    z-index:52;
}



/********************************************************
******	What we do	 	******
********************************************************/

div#shadowtop	{
	position: absolute;
	background:url(js/haccordion-img/accordshadowtop.png) no-repeat; 
	margin: 0 auto 40px auto;
	display: block;
	width: 940px;
	height: 34px;
	z-index: 100;
}

div#shadowbottom	{
	position: absolute;
	background: url(js/haccordion-img/accordshadow.png) no-repeat; 
	margin: 0 auto 0px auto;
	display: block;
	bottom: 0px;
	width: 940px;
	height: 34px;
	z-index: 100;
}

div#what-we-do	{
	height:542px;
	left:298px;
	top:0;
	width:620px;
	position: absolute;
	overflow: hidden;
}
div#what-we-do	div	{
	width: 130px;
	height: 140px;
	position: absolute;
}
div#what-we-do	h2,	
div#what-we-do	h2	a	{
	width: 130px;
	height: 140px;
	display: block;
	color: white;
	text-align: center;
}

div.wwd-design	h2	a	{	background: url(../img/links/print-icon.jpg) left bottom no-repeat transparent;	}
div.wwd-web	h2	a	{	background: url(../img/links/web-icon.jpg) left bottom no-repeat transparent;	}
div.wwd-branding	h2	a	{	background: url(../img/links/branding-icon.jpg) left bottom no-repeat transparent;	}
div.wwd-illustration	h2	a	{	background: url(../img/links/illustration-icon.jpg) left bottom no-repeat transparent;	}
div.wwd-marketing	h2	a	{	background: url(../img/links/marketing-icon.jpg) left bottom no-repeat transparent;	}
div.wwd-gui	h2	a	{	background: url(../img/links/guivid-icon.jpg) left bottom no-repeat transparent;	}

div.wwd-design	{
	top: 115px;
	left: 76px;
}
div.wwd-web	{
	top: 114px;
	left: 257px;
}
div.wwd-branding	{
	top: 115px;
	left: 437px;
}

div.wwd-illustration	{
	top: 315px;
	left: 76px;
}


div.wwd-gui	{
	top: 314px;
	left: 257px;
}
div.wwd-marketing	{
	top: 314px;
	left: 436px;
}

div#what-we-do	h2	a:hover	{
	background-position: left top;
}
div#what-we-do	h2	{
	font-size: 0.9em; 
	padding: 0;
	margin: 0;
}
div#what-we-do	h2	span	{
	display: block;
	position: absolute;
	width: 130px;
	right: 0;
	bottom: 0;
	text-align: left;
}

/********************************************************
******	our clients	 	******
********************************************************/




div#our-clients	{
	background: #d1eef7;
    width:900px;
	padding: 20px;
	margin: 0px 0 50px 0;
	overflow: hidden;
	display: block;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
}

div.client-logo {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	margin: 10px;
	width: 280px;
	height:200px;
	text-align: center;
	-webkit-box-shadow: 2px 2px 10px 0px #b0b0b0;
	-moz-box-shadow: 2px 2px 10px 0px #b0b0b0;
	box-shadow: 2px 2px 10px 0px #b0b0b0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.client-logo:hover	{
	background: white;
}

div.client-logo-wrapper a {
	width: 280px;
	height:200px;
	display: block;
}

div.client-logo-wrapper.logo-1 { background: url(../img/clientlogos/logo-evolutioncoaching.png) center no-repeat;}
div.client-logo-wrapper.logo-2 { background: url(../img/clientlogos/logo-growingneeds.png) center no-repeat;}
div.client-logo-wrapper.logo-3 { background: url(../img/clientlogos/logo-godfreywilson.png) center no-repeat;}
div.client-logo-wrapper.logo-4 { background: url(../img/clientlogos/logo-novus.png) center no-repeat;}
div.client-logo-wrapper.logo-5 { background: url(../img/clientlogos/logo-disputedoctor.png) center no-repeat;}
div.client-logo-wrapper.logo-6 { background: url(../img/clientlogos/logo-treeworks.png) center no-repeat;}
div.client-logo-wrapper.logo-7 { background: url(../img/clientlogos/logo-stswithins.png) center no-repeat;}
div.client-logo-wrapper.logo-8 { background: url(../img/clientlogos/logo-infinitelearning.png) center no-repeat;}
div.client-logo-wrapper.logo-9 { background: url(../img/clientlogos/logo-bda.png) center no-repeat;}
div.client-logo-wrapper.logo-10 { background: url(../img/clientlogos/logo-bathandunwind.png) center no-repeat;}
div.client-logo-wrapper.logo-11 { background: url(../img/clientlogos/logo-apple.png) center no-repeat;}
div.client-logo-wrapper.logo-12 { background: url(../img/clientlogos/logo-eyeacademy.png) center no-repeat;}

/********************************************************
******	PRINT, WEB,BRADING, ILLUSTRATION	 	******
********************************************************/

div.fullpage-content	{
	overflow: visible;
}



p.head,	
div.fullpage-content h2,
div.fullpage-content h3 	{
	color: #000000;
	font-weight: normal;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;	
}
div.fullpage-content h3 	{
	font-size: 0.975em;
}

p.head {
		font-size: 1em;
}
div.col	{
	float: left;
	clear: none;
	width: 440px;
}
div.col-a	{
	width: 520px;
	margin: 0px 0px 20px 45px;
}

div.col-a	h1	{
	color: #000000;
	font-weight: 300;
	font-size: 2em;
	letter-spacing: -1px;
	line-height:1.1em;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 8px;
}
div.col-b	{
	width: 285px;
	margin: 15px 0px 20px 75px;
	overflow: visible;
}
div.col-full	{
	width: 880px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}	
div.col-a	ul	{
	padding-top: 0;
	margin-top: 0;
}
div.col-a	ul	li	{
	padding-top: 5px;
	padding-bottom: 5px;
}
div.col-a	ul	li	span	{
	color:#27ABDF;
	font-weight: bold;
}

div.sidebox {
	width: 220px;
	margin: 0 0 30px 0;
    padding: 15px;
    color:#000;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(225,225,225,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
   	-moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.3);
}

div.sidebox h4 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 18px;
	font-weight: 300;
}
div.sidebox p {
   font-size: 12px;
    line-height: 14px;
    margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 400;
}

div.sidebox a {
	text-decoration: none;
	font-weight: 400;
	font-size: 12px;
	outline: none;
	margin-top: 10px;
}
div.sidebox	ul {
	padding: 0px;
	margin: 0px;
}

div.sidebox li {
   font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
	margin-bottom: 0px;
	list-style: none;
	text-indent: none;
	padding: 0px;
}

div.sidebox	ul.links li	a:link	{
	color: #27ABDF;
	font-weight: normal;
	display: block;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 1em;
	line-height: 1.2em;
	background: url(../img/links/arrow.png) no-repeat;
	background-position: left top;
}

div.sidebox.contact {
	background: rgb(255,127,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,167,80,1) 0%, rgba(255,127,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,167,80,1)), color-stop(100%,rgba(255,127,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,167,80,1) 0%,rgba(255,127,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,167,80,1) 0%,rgba(255,127,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,167,80,1) 0%,rgba(255,127,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa750', endColorstr='#ff7f00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,167,80,1) 0%,rgba(255,127,0,1) 100%); /* W3C */
    -moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
	box-shadow:  0px 3px 8px rgba(0,0,0,0.2);
    color: white;   
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

div.sidebox.contact h4 {
	margin: 0px;
	padding: 0px;
	color: white;
	font-size: 16px;
	letter-spacing: 0px;
}

div.sidebox.contact h4 .shoutout {
	line-height: 25px;
	color: white;
	font-size: 29px;
	letter-spacing: 1.5px;
	line-height: 35px;
	font-weight: 600;
}


div.sidebox.contact h4 a {
	color: white;
	font-size: 16px;
	font-weight: bold;
}

div.sidebox.contact a {
	color: white;
}

div.sidebox.contact a:hover {
	color: yellow;
}

div.sidebox.contact span.hr	{
	display: block;
	margin: auto;
	height: 1px;
	font-size: 0;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #fff;
}

div.sidebox.testimonials {
	background: rgb(122,221,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(122,221,253,1) 0%, rgba(1,170,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,221,253,1)), color-stop(100%,rgba(1,170,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,221,253,1) 0%,rgba(1,170,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122,221,253,1) 0%,rgba(1,170,224,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(122,221,253,1) 0%,rgba(1,170,224,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7addfd', endColorstr='#01aae0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(122,221,253,1) 0%,rgba(1,170,224,1) 100%); /* W3C */
}

div.sidebox.testimonials h4{
	color: white;
}	

div.sidebox.testimonials p {
	color: white;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 0px;
}

div.sidebox.testimonials h4:before {
content: '\201C';
font-size: 20px;
}
div.sidebox.testimonials h4:after {
content: '\201D';
font-size: 20px;
}


div.sidebox.testimonials a {
	color: white;
	font-style: normal;
}

div.sidebox.testimonials a:hover {
	color: yellow;
}

div.sidebox	ul.portfolio-links	li	{
	width: 40px;
	height: 45px;
	float: left;
	clear: none;
	margin: 2px;
	
}
div.sidebox	ul.portfolio-links	li	a	{
	width: 40px;
	height: 40px;
	display: block;
	padding-bottom: 5px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	opacity:0.9;
}
div.sidebox	ul.portfolio-links	li	a:hover	{
	padding-bottom: 5px;
	border-bottom: 2px solid #92d400;
	-webkit-transition-property: opacity 0.1 linear; 
    -webkit-transition-duration: 0.1s; 
    -webkit-transition-timing-function: ease-in;
    -moz-transition-property: opacity 0.1 linear; 
    -moz-transition-duration: 0.1s; 
    -moz-transition-timing-function: ease-in;
    -o-transition-property: opacity 0.1 linear; 
    -o-transition-duration: 0.1s; 
    -o-transition-timing-function: ease-in;
    opacity:1;
}




div#client-testimonials-section	p	span	{
	font-style: normal;
	font-weight: bold;
	display: block;
	padding-top: 6px;
}


/*********************************
******		FORM	 	******
*********************************/

div.formcol-a	{
	width: 220px;
	margin: 0px 0px 20px 0;
}
div.formcol-b	{
	width: 220px;
	margin: 0px 0px 20px 40px;
	overflow: visible;
}

form	{
	overflow: hidden;
	padding: 0;
	margin: 0px;
}

form div.row	{
	clear: both;
	overflow: hidden;
	padding: 3px 0px 8px 0px;
}

label	{
	float: left;
	display: block;
	clear: left;
	width: 200px;
	text-align: left;
	padding-right: 15px;
	font-size: 0.9em;
	margin: 10px 0 5px 3px;
}	

input	{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CCC;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	clear: both;
	float: left;
	display: block;
	font-size: 0.9em;
	margin: 3px;
	padding: 7px;
	width: 198px;
} 

input:focus  {
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:  0 1px 8px rgba(0,0,0,0.3);
    box-shadow:  0 1px 8px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}


select	{
	width: 220px;
	line-height: 1em;
	font-size: 1em;
}

input.hidden	{
	display: none;
}
div.section	label	{
	width: 40px;
	text-align: left;
}
	

.standard-btn a,
input#submit {
	width: 100px;
	display: block;
	overflow: hidden;
	padding: 7px;
	margin: 15px 0px 15px 3px;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
	background:#00a9e0; 
	background: -moz-linear-gradient(top, rgba(123,221,253,1) 0%, rgba(0,169,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,221,253,1)), color-stop(100%,rgba(0,169,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(123,221,253,1) 0%,rgba(0,169,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(123,221,253,1) 0%,rgba(0,169,224,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(123,221,253,1) 0%,rgba(0,169,224,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bddfd', endColorstr='#00a9e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(123,221,253,1) 0%,rgba(0,169,224,1) 100%); /* W3C */
    border: none;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

.standard-btn a:hover,
input#submit:hover {
	background: rgb(115,208,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(115,208,238,1) 0%, rgba(1,153,202,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,208,238,1)), color-stop(100%,rgba(1,153,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73d0ee', endColorstr='#0199ca',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* W3C */
}

.standard-btn a:active,
input#submit:active {
	background: rgb(115,208,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(115,208,238,1) 0%, rgba(1,153,202,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,208,238,1)), color-stop(100%,rgba(1,153,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73d0ee', endColorstr='#0199ca',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(115,208,238,1) 0%,rgba(1,153,202,1) 100%); /* W3C */
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
    -moz-box-shadow: inset 0 3px 3px rgba(0,0,0,0.6);
    box-shadow: inset 0 3px 3px rgba(0,0,0,0.6);
}


form	div.checkbox-row	{
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: hidden;
}

div.checkbox-row label	{
	width: 160px;
	float: left;
	clear: none;
	line-height: 1.3em;
	font-size: 0.6em;
}

div.checkbox-row input	{
	width: auto;
	display: inline;
	margin-top: 15px;
}

div.privacy-info	{
	padding-top: 10px;
	padding-bottom: 3px;
}
div.privacy-info	h4	{
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}
p.dp	{
	font-size: 0.6em;
	line-height: 1.3em;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
}

/*********************************
******		CONTACT	 	******
*********************************/

div.contact-container,
div.contact-thanks-container,
div.jobs-container {
	position: relative;
	min-height: 700px;
	overflow: visible;
	background: url(../img/wood-tile.jpg) 0 0 repeat white;
	margin: 0;
	padding: 40px 0 20px 0;
		-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

div.jobs-container	{	
	background: url(../img/wood-tile.jpg) 0 0 repeat white; 
}

div.contact-thanks-container	{	
	height: 500px;
	background: url(../img/wood-tile.jpg) 0 0 repeat white;
}


div#contact-form	{
	position: relative;
	width: 480px;
	padding: 30px;
	overflow: hidden;
	margin-left: 350px;
	background: white;
	margin-bottom: 60px;
	-moz-box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
	z-index: 2;
	}	
	
div#contact-form	h1	{
	color: #000000;
	font-weight: 300;
	font-size: 2em;
	letter-spacing: -1px;
	line-height:1.1em;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 8px;
}

	
div#contact-cards {
	background: url(../img/contact-cards.png) no-repeat;
	width: 309px;
	height: 347px;
	position: absolute;
	top: 280px;
	left: 200px;
	z-index: 1;
}

div#contact-form	div.form-bottom	{
	clear: both;
}

div#contact-form	label	{
	color: #696969;
}
div#contact-form	div.col-a	{	padding-top: 10px; padding-bottom: 10px;	}
div#contact-form 	div.col-a	label	{	width: 60px; 	margin-top: 10px;	}
div#contact-form 	div.col-a	input	{	width: 200px;	}
div#contact-form 	div.col-b	div.row	{   padding-bottom: 8px; }
div#contact-form 	div.col-b	label	{
	clear: both;
	float: none;
	width: 200px;
	padding-bottom: 0px;
	margin-top: 10px;
}
div#contact-form	div.form-bottom	label	{	clear: both; float: none; padding-bottom: 5px; width: 300px;	}
div#contact-form	div.form-bottom	textarea	{
	clear: both;
	min-width: 456px;
	max-width: 456px;
	min-height: 220px;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 1.3em; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: white url(../img/bg_input_sml.png) repeat-x 50% 0%;
	padding: 10px 10px 10px 10px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

div.form-bottom	textarea:focus  {
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}

div#contact-topcorner {
	background: url(../img/contact-topcorner.png) no-repeat;
	position: absolute;
	width: 144px;
	height: 147px;
	top: 0;
	right: 0;
	z-index: 3;
}


div#contact-form	div.checkbox-row	{
	padding: 0;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
}



div#contact-form	div.checkbox-row	input#future_marketing_contact	{
	float: left;
	clear: none;
	width: auto;
	display: block;
	margin-top: 7px;
	padding: 0;
}
div#contact-form	div.checkbox-row	label	{
	width: 430px;
	float: left;
	clear:  none;
	padding-left: 5px;
	padding-bottom: 0;
	margin-top: 7px;
}


div.submit-row	{
	text-align: right;
}

div.submit-row	input	{
	float: left;
}

div#contact-form	div.submit-row	{
	padding-right: 30px;
	padding-top: 7px;
}
.jobs-container	div#contact-form	div.submit-row	{
	padding-right: 30px;
}


a#contact-brochure-img	{
	display: block;
	width: 620px; 
	height:461px;
	position: absolute;
	left: 300px;
	top: 0px;
}

div#contact-form	div.budget	label	{
	width: 60px;
	float: left;
}
div#contact-form	div.budget	input	{
	width: 198px;
	float: left;
	margin-right:12px;
}


/***************************
***		Job Specific 	 ***
****************************/


.jobs-container div#contact-form	h1	{
	padding: 35px 0 8px 0;	
}

.jobs-container	div#contact-form	{
	width: 490px;
	min-height: 600px;
	padding: 0 25px 25px 25px;
	overflow: visible;
	margin-left: 350px;
	background: white;
	margin-bottom: 60px;
	-moz-box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
	box-shadow:  0px 4px 8px rgba(0,0,0,0.3);
}	
	
.jobs-container	div#contact-form	form	{
	position: relative;
	width: 500px;
}

.jobs-container	div#contact-form	div.formcol-b	select	{
	width: 220px;
}

div#contact-form	div.rates	label	{
	width: 200px;
	float: left;
}
.jobs-container	div#contact-form	div.rates	input	{
	width: 200px;
	float: left;
}

div#contact-form	div.formcol-b	textarea	{
	min-width: 200px;
	max-width: 200px;
	min-height: 115px;
	border: 1px solid #ccc;
	font-size: 0.8em;
	line-height: 1.3em; 
	background: white url(../img/bg_input_sml.png) repeat-x 50% 0%;
	padding: 7px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

div#contact-form	div.formcol-b	textarea:focus  {
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}

div#contact-form div.success-text	{
	padding-left: 30px;
	padding-right: 20px;
}


/*****************************/

div.testimonials	p	{
	font-style: italic;
}
div.testimonials	p	span	{
	font-weight: bold;
	display: block;
	padding-top: 5px;
	font-style: normal;
}

div#launch-announcement	{
	position: absolute;
	width: 159px;
	height: 125px;
	right: 10px;
	top: 20px;
	z-index: 200;
}
div#launch-announcement	a	{
	display: block;
	width: 159px;
	height: 125px;
	background: url(../img/announcement-postit.png) 0 0 no-repeat;
}
div#launch-announcement	a:hover	{
	background-position: 0px -125px;
}

/************************************************/

div#job-desc	{
	height: 450px;
	padding-left: 21px;
	padding-right: 30px;
}



/*********************************
******		Feedback Form	 	******
*********************************/
div#feedback-form	{
	width: 880px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}	
div#feedback-form div#top 	{
	width: 500px;
	padding-left: 200px;
	padding-top: 20px;
	}
div#feedback-form	h3	{	
	padding-left: 200px;
	padding-bottom: 20px;
	}
	
div#feedback-form	input	{
	font-family:Arial;
	left: 350px;
	width: 240px;	
	margin-bottom: 20px;
	margin-left: 200px;		
	}

div#feedback-form	label	{	
    float: none;
	display: block;
	clear: left;
	width: 500px;
	text-align: left;
	padding-right: 15px;
	padding-left: 200px;
	font-size: 0.75em;
	margin-top: 8px
		
	}

div#feedback-form select	{
	width: 240px;
	font-size: 0.9em;
	padding: 2px;
	margin-bottom: 20px;
	margin-right: 250px;
	margin-left: 200px;	
}

div#feedback-form	textarea	{
	font-size: 0.8em;
	line-height: 1.3em;
	left: 350px;
	min-width: 500px;
	max-width: 500px;
	min-height: 150px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	margin-left: 200px;	
	background: white url(../img/bg_input_sml.png) repeat-x 50% 0%;
	padding: 50px 7px 7px 7px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

div#feedback-form	textarea:focus  {
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    box-shadow:  0 3px 8px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}





div#feedback-form	div.checkbox-row	{
	padding: 0;
	margin: 0 0 0 200px;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
}

div#feedback-form	div.checkbox-row	input#future_marketing_contact	{
	float: left;
	clear: none;
	width: auto;
	display: block;
	margin: 7px 0 0 0;
	padding: 0;
}
div#feedback-form	div.checkbox-row	label	{
	width: 500px;
	float: left;
	clear:  none;
	padding-left: 5px;
	padding-bottom: 0;
	margin-top: 7px;
}




div#feedback-form p#footnote 	{
	width: 500px;
	padding-left: 200px;
	}

div#feedback-form div#giftcard 	{
	width: 500px;
	padding-left: 200px;
	padding-top: 20px;
	}