/* Copyright 2010 Chris Blackhurst Creative */


/* STRUCTURE FOR IMAGE BG */


body {

  padding: 0;
  margin: 0;
  background: #eaeaea;
}



a {color: #08b0f6;}

a:hover {color:#f68708;
text-decoration:none;}




#current a
{color: #f39207;
}





/*header */

#logo {height: 100px;
background-image:url(../images/cbc_logo.png);
background-repeat:no-repeat;}

h1 {position:absolute;
margin-left: -9000px;}


/*content box stuff */

#maincontent {
margin-top:20px;
margin-bottom:50px;
width:960px;
}

	#home #maincontent  {
   height:367px;
   width:960px;
   background-image:url(../images/shadowcorners.png);
background-position:bottom;
background-repeat:no-repeat;
margin-top:20px;
margin-bottom:50px;}

	/*nav */
	
	
	
	#nav {margin-top:30px;}
	
	
	
			#nav_upper
{color:#6b6b6b;
padding-left: 0;
margin-left: 0;
margin-top:25px;
}


	#nav_upper a
{font-size:18px;
display: inline;
color: #6b6b6b;
text-decoration: none;
margin-right:30px;
}


#nav_upper a:hover
{
color: #f39207;
}



#webdesign a.what, #graphics a.what, #journalism a.what, #layout a.what, #copywriting a.what, #consultancy a.what, #art a.what  {color:#f39207;}

#home a.home {color:#f39207;}

#about a.about {color:#f39207;}
	

#nav_lower {visibility:visible;}

#home #nav_lower {visibility:hidden;}

#about #nav_lower {visibility:hidden;}

#terms #nav_lower {visibility:hidden;}

	#navlist
{color:#6b6b6b;
padding-left: 0;
margin-left: 0;
margin-top:10px;
}

#navlist li
{display:inline;
color:#6b6b6b;
list-style: none;
margin: 0;
padding: 0.25em;
}

	
	ul#navlist li a
{color: #6b6b6b;
text-decoration: none;
display:inline;
}


ul#navlist li#active a
{color:#f39207;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #f39207;
}
	
#webdesign li.webdesign a, #graphics li.graphics a, #journalism li.journalism a, #layout li.layout a, #copywriting li.copywriting a, #consultancy li.consultancy a, #art li.art a   {color:#f39207;}
	
	
	

#footer a
{color:#6b6b6b;
text-decoration:none;
}

#footer a:hover {color:#f39207;
text-decoration:none;}

#footer a:visited {color:#6b6b6b;
text-decoration:none;}
	
#footer {
padding-bottom:50px;
color:#6b6b6b;}
	
/* Forms */

.search input.text {
background-color: white;
border:1px solid #ccc;
color:#666;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
padding:4px 6px;
float: left;
}

.search input.submit {
color: white;
height:29px;
cursor: pointer;
width:34px;
margin: 1px 0 0 4px;
float: left;
background: url(../images/button_search.png) no-repeat;
}	
	
	
	
	

	
	
	
	/*social media */
	
	a.facebook span, a.twitter span {
	display: none;
	}
	
		.facebook a {
		background: url(../images/icon_facebook.png) no-repeat center right;
		padding:0 30px 0 0;
		}
	
	a.facebook {
	width:18px;
	height:19px;
	display: block;
	background: url(../images/icon_facebook.png) no-repeat;
	float:left;
	}
	
	a.twitter {
	width:31px;
	height:24px;
	display: block;
	background: url(../images/icon_twitter.png) no-repeat;
	float:left;
	margin:0 0 0 5px;
	}

	
	/*contact form */
	
	#panel {
height:460px;
padding-top: 50px;
	background-color:#08b0f6;
color:#fff;
display:none;
margin-bottom:20px;
}


#panel .contact {
color:#FFF;
text-decoration:none;
font-weight:bold;
margin-right:20px;
margin-bottom:20px;
}

#panel .contact:hover {
color:#f68708;
text-decoration:none;
font-weight:bold;
margin-right:20px;
margin-bottom:20px;
}
.contact-active {
}
			
.contact-active:hover {

}
	
a.contact-link, a.contact-link:visited  {color:#fff;
text-decoration:underline;}

a.contact-link:hover {color:#fff;
text-decoration:none;}
	
	
	/* slideshow */
	

	/* port thumbs */
	
	#port_thumbs {list-style:none;}
	
	#port_thumbs li {height:150px;
	width:150px;
	display:inline;
	margin:3px 3px 3px 3px;}