/* CSS Reset */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

body {
	font-family: Calibri, Helvetica, Arial, sans-serif; color:#464646;
	font-size: 12pt;
	line-height:150%;
	margin:0;
	padding:0;
	background-image:url(assets/images/rule.gif);
	background-repeat:repeat;
}

a:link {
color: #FF0000;
text-decoration:none;
}

a:hover {
color: #FF0000;
text-decoration:underline;
}

a:visited {
color: #FF0000;
text-decoration:none;
}

#container {
	width:960px;
	margin:0 auto;
	padding:0;
}

#header {
	margin:20px 10px 0 10px;
	padding:0;
}

#header h1 {
	background-image:url(assets/images/logo2.gif);
	background-repeat:no-repeat;
	width:460px;
	height:120px;
	text-indent:-9999px;
	float:left;
	padding:0;
	margin:0;
}

p.big {
	font-size:18pt;
	width:540px;
	margin:20px 0;
}

ul li {
	list-style:none;
}

	#menu {
		width:460px;
		margin:0;
		padding:0;
		float:right;
	}
	
	/* CSS Menu */
	
		
	ul.cssmenu {
	list-style: none;
	padding: 0px;
	display:block;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 92px;
	height: 120px;
	background:url(assets/images/menu2.gif);
	}

/*
*	Normal Links
*/
ul.cssmenu li.doing a {
	background-position: 0 0;
	}

ul.cssmenu li.about a {
	background-position: -92px 0;
	}

ul.cssmenu li.work a {
	background-position: -184px 0;
	}
	
ul.cssmenu li.blog a {
	background-position: -276px 0;
	}

ul.cssmenu li.contact a {
	background-position: -368px 0;
	}

/*
*	Selected
*/

ul.cssmenu li.doing a.selected, ul.cssmenu li.doing a:hover {
	background-position: 0px -120px;
	}

ul.cssmenu li.about a.selected, ul.cssmenu li.about a:hover {
	background-position: -92px -120px;
	}

ul.cssmenu li.work a.selected, ul.cssmenu li.work a:hover {
	background-position: -184px -120px;
	}
	
ul.cssmenu li.blog a.selected, ul.cssmenu li.blog a:hover  {
	background-position: -276px -120px;
	}

ul.cssmenu li.contact a.selected, ul.cssmenu li.contact a:hover {
	background-position: -368px -120px;
	}

#content {
	padding:30px 10px;
	margin:0;
	background-color:#FFF;
}

#latest_news {
	width:400px;
	float:right;
	margin:0;
	background-color:#fff;
	height:350px;
	padding:0;
}

	#latest_news h2 {
		font-size:30pt;
		padding:20px 0 30px;
		margin:0 0 0 10px;
		color:#000;
	}
	
	#latest_news p {
		padding:10px;
	}
	
p.imagecredit {
	font-size:8pt;
	font-style:italic;
}

#introbox {
	margin: 0;
	padding:20px 10px 30px 10px;
	border-bottom:3px solid #333;
	border-top: 3px solid #333;
}

#introtext {
	width:540px;
	margin:0;
	padding:0;
	float:left;
}

	#introtext h2 {
		font-size:30pt;
		padding:20px 0 30px;
		color:#000;
	}
	
	#introtext p {
		font-size:18pt;
		font-style:italic;
		color:#000;
	}

#jumpboxes {
	margin:0;
	padding:0;
	background-color:#FFF;
}

	#jumpbox1 {
		float:left;
		width:300px;
		height:160px;
		margin:0 20px 0 0;
	}
	
	#jumpbox2 {
		float:left;
		width:300px;
		height:160px;
		margin:0 20px 0 0;
	}
	
	#jumpbox3 {
		float:left;
		width:300px;
		height:160px;
		margin:0;
	}
	
		#jumpbox3 h2 {
			margin:0 0 20px 0;
		}

	
#columns4 {
	margin:0;
	padding:0;
	background-color:#FFF;
}

	#columns4_1st {
		float:left;
		width:220px;
		height:600px;
		margin:0 10px 0 0;
	}
	
	#columns4_2nd {
		float:left;
		width:220px;
		height:600px;
		margin:0 10px;
	}
	
	#columns4_3rd{
		float:left;
		width:220px;
		height:600px;
		margin:0 10px;
	}
	
		#columns4_4th{
		float:left;
		width:220px;
		height:600px;
		margin:0 0 0 10px;
	}
	

#3columns {
	margin:0;
	padding:0;
	background-color:#FFF;
}

	#columns3_1st {
		float:left;
		width:300px;
		margin:0 10px 0 0;
	}
	
	#columns3_2nd {
		float:left;
		width:300px;
		margin:0 0 0 10px;
	}
	
	#columns3_3rd {
		float:left;
		width:300px;
		margin:0 10px;
	}



#workboxes {
	margin:0;
	padding:0;
	background-color:#FFF;
}

	#workbox1 {
		float:left;
		width:300px;
		height:300px;
		margin:0 20px 0 0;
		padding:0;
	}
	
	#workbox2 {
		float:left;
		width:300px;
		height:300px;
		margin:0 20px 0 0;
		padding:0;
	}
	
	#workbox3 {
		float:left;
		width:300px;
		height:300px;
		margin:0;
		padding:0;
	}

#creditfooter {
	display: none;
	}
	

/* PORTFOLIO DIVS */

#portfolio {
	margin:0;
	padding:0;
}

#portfolio h2 {
	font-size:16pt;
	font-weight:bold;
	color:#464646;
	max-width:300px;
	text-align:left;
}

#portfolio p.location {
	font-size:9pt;
	color:#a5bbe1;
	font-weight:bold;
	margin:0 0 10px 0;
}

	ul.portfolio {
	list-style: none;
	padding: 0px;
	display:block;
	}

#portfolio li {
	float: left;
	width: 940px;
	display:block;
	margin:10px 0;
	padding:20px 0 0 0;
	border-top:1px solid #000;
}

#shot {
	width:640px;
	float:right;
	margin:0 0 0 20px;
	padding:0;
	display:block;
}

	p.location {
	font-size:9pt;
	color:#a5bbe1;
	font-weight:bold;
	margin:0 0 10px 0;
}

#shot img {
	margin:0 0 20px 20px;
}

	/* Portfolio Menu */
	
		
	ul.portfoliomenu {
	list-style: none;
	padding: 0px;
	display:block;
	}

ul.portfoliomenu li {
	float: left;
	}

ul.portfoliomenu li a {
	display: block;
	width: 300px;
	height: 200px;
	background:url(assets/images/icons/portfolio-menu.gif);
	}

/*
*	Normal Links
*/
ul.portfoliomenu li.web a {
	background-position: 0 0;
	}

ul.portfoliomenu li.logos a {
	background-position: -300px 0;
	}

ul.portfoliomenu li.assets a {
	background-position: -600px 0;
	}

/*
*	Hover Links
*/

ul.portfoliomenu li.web a:hover {
	background-position: 0px -200px;
	}

ul.portfoliomenu li.logos a:hover {
	background-position: -300px -200px;
	}

ul.portfoliomenu li.assets a:hover {
	background-position: -600px -200px;
	}

/*
*	Selected/Active Links
*/
ul.portfoliomenu li.web a.selected {
	background-position: 0 -400px;
	}

ul.portfoliomenu li.logos a.selected {
	background-position: -300px -400px;
	}

ul.portfoliomenu li.assets a.selected {
	background-position: -600px -400px;
	}
	
/* ABOUT PAGE */

#about_left {
	width:460px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}

#about_left ul {
	padding:0 0 0 20px;
}

#about_left ul li {
	list-style:square;
}

#about_right {
	width:380px;
	float:right;
	display:block;
	padding:0;
	margin:0;
	line-height:110%;
}

#about_right img {
	margin:70px 0 10px 0;
	padding:0;
}

/* LOGOS */

ul.logos {
	list-style: none;
	}
	
	ul.logos li {
	display:block;
	float: left;
	padding:0;
	margin:0;;
	}

ul.logos img {
	margin:0 20px 20px 0;
}

p.quote {
	text-align:right;
	font-weight:bold;
	line-height:100%;
}

p.case {
	width:380px;
}

#quote {
	width:380px;
	float:left;
	margin:0;
	padding:0;
}

/* WORK PAGE */

#testimonials4 {
	margin:0;
	padding:0;
	background-color:#FFF;
}

	#testimonials4_1st {
		float:left;
		width:220px;
		height:440px;
		margin:0 10px 0 0;
	}
	
	#testimonials4_2nd {
		float:left;
		width:220px;
		height:440px;
		margin:0 10px;
	}
	
	#testimonials4_3rd{
		float:left;
		width:220px;
		height:440pxpx;
		margin:0 10px;
	}
	
		#testimonials4_4th{
		float:left;
		width:220px;
		height:440px;
		margin:0 0 0 10px;
	}

	
/* CONTACT PAGE */

#formspace {
	width:460px;
	float:right;
	margin:0;
	padding:0;
}
	
#contact {
	width:380px;
	float:left;
	margin:0;
	padding:0;
}


	ul.square li.square {
		list-style:square;
		margin:0 0 0 20px;
	}
	
/* FORMS FOR BRIEFS */

#brief_form {
	width:600px;
	float:left;
	padding:0;
	margin:0 0 0 -10px;;
}

/* FOOTER */

#footer {
	margin:0;
	padding:20px 10px;
	border-bottom:1px solid #464646;
	border-top:1px solid #464646;
}

	/* Footer icons */

#footericons {
	width:940px;
	height:60px;
	margin:0;
	padding:0;
}
		
	ul.footericons {
	list-style: none;
	padding: 0px;
	display:block;
	margin:0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.footericons li {
	float: left;
	}

ul.footericons li a {
	display: block;
	width: 60px;
	height: 60px;
	background:url(assets/images/icons/footer_icons.gif);
	margin:0 20px 0 0;
	padding:0;
	}

/*
*	Normal Links
*/
ul.footericons li.twitter a {
	background-position: 0 0;
	}

ul.footericons li.flickr a {
	background-position: -60px 0;
	}

ul.footericons li.linkedin a {
	background-position: -120px 0;
	}
	
ul.footericons li.posterous a {
	background-position: -180px 0;
	}

ul.footericons li.rss a {
	background-position: -240px 0;
	margin:0 220px 0 0;
	}

ul.footericons li.home a {
	background-position: -300px 0;
	margin:0 220px 0 0;
	}

ul.footericons li.up a {
	background-position: -360px 0;
	margin:0;
	}

/*
*	Hover Links
*/

ul.footericons li.twitter a:hover {
	background-position: 0px -60px;
	}

ul.footericons li.flickr a:hover {
	background-position: -60px -60px;
	}

ul.footericons li.linkedin a:hover {
	background-position: -120px -60px;
	}
	
ul.footericons li.posterous a:hover {
	background-position: -180px -60px;
	}

ul.footericons li.rss a:hover {
	background-position: -240px -60px;
	margin:0 220px 0 0;
	}
	
ul.footericons li.home a:hover {
	background-position: -300px -60px;
	margin:0 220px 0 0;
	}

ul.footericons li.up a:hover {
	background-position: -360px -60px;
	margin:0;
	}
	
#copyright {
	height:60px;
	margin:0;
	padding:10px;
}

	#copyright p {
		size:10pt;
		line-height:100%;
	}
	

/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */