/*
Theme Name: Zebra Crossing 2009
Theme URI: http://www.zebra-crossing.co.uk/
Description: Zebra's Brand Spanking January 2009 Facelift. Dope, dude.
Version: 1.0
Author: Carl Winberg
Tags: nah.
*/

/* Site-wide */

html, body {
    height: 100%;
}
.main_wrapper {
	width: 942px;
	min-height: 100%;
	position: relative;
	top: 0px;
	margin: 0px auto;
}

h1 {
	color: #E0441A;
}

h2 {
	color: #E0441A;
}

h2 a {
	color: #E0441A;
}

h3 {
	color: #E0441A;
}

h4 {
	color: #E0441A;
}

/* Top Navigation */
	
	.logo {
		position: relative;
		top: 23px;
		left: 0px;
	}	

	.strap {
		position: absolute;
		top: 41px;
		right: 0px;
	}

	.topnav {
		position: relative;
		background-image: url(../../../images/topnav_bk.png);
		background-repeat: repeat-x;
		height: 25px;
		top: 49px;
		color: #FFFFFF;
		width: 100%;
		text-align: right;
		z-index: 2;
	}
	
	.topnav li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		display: inline;
		margin: 20px;
	}
	
	.topnav a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.top_left {
		position: absolute;
		left: 0px;
	}
	
	.top_right {
		position: absolute;
		right: 0px;
	}

/* Homepage specific */
	
	.topnav_home {
		position: relative;
		background-image: url(../../../images/topnav_bk.png);
		background-repeat: repeat-x;
		height: 25px;
		top: 80px;
		color: #FFFFFF;
		width: 100%;
		text-align: center;
	}
	
	.topnav_home li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		display: inline;
		margin: 60px;
	}
	
	.topnav_home a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
.video_placeholder {
	position: relative;
	top: 55px;
	border: solid;
	border-width: 2px;
	border-color: #ffffff;
}

.home_content {
	position: relative;
	top: 90px;
	width: 846px;
	margin: 0px auto;
}

.box1 {
	position: absolute;
	top: 68px;
	width: 183px;
	height: 237px;
	background-image: url(../../../images/box_bk.png);
}

.box2 {
	position: absolute;
	top: 68px;
	left: 198px;
	width: 183px;
	height: 237px;
	background-image: url(../../../images/box_bk.png);
}

.box3 {
	position: absolute;
	top: 68px;
	left: 396px;
	width: 183px;
	height: 237px;
	background-image: url(../../../images/box_bk.png);
}
.box_title {
	position: relative;
	top: 3px;
	left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C4BAB7;
}

.box_list {
	position: relative;
	top: 30px;
	left: 14px;
}

.box_list ul {
	margin: 0px;
	padding: 0px;
}

.box_list li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696565;
	list-style: none;
	width: 160px;
}

.box_list a {
	text-decoration: none;
	color: #696565;
}

.home_copy {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
	width: 579px;
	text-align: justify;
}

.home_header {
	position: absolute;
	top: -3px;
	right: 0px;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E0441A;
	padding: 0px;
	margin: 0px;
}

.newsbox {
	position: absolute;
	top: 45px;
	right: 0px;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: visible;
}

.newsbox li {
	list-style: none;
	color: #838383;
	font-size: 12px;
	text-indent: 7px;
	line-height: 20px;
}

.newsbox a {
	text-decoration: none;
	color: #838383;
	font-size: 12px;
	text-indent: 7px;
	line-height: 20px;

}


.newsbox h2 {
	color: #E0441A;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Internal Specific */

.internal_wrapper {
	position: relative;
	width: 942px;;
	top: 39px;
}

.content_internal {
	position: relative;
	top: 800px;
	left: 0px;
	width: 100%;
}

.video_internal {
	position: relative;
	top: 25px;
	left: 216px;
	border: solid;
	border-width: 2px;
	border-color: #ffffff;
	width: 722px;
	height: 256px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	font-size: 12px;

}

.video_filmtv {
	position: relative;
	top: 25px;
	left: 298px;
	border: solid;
	border-width: 2px;
	border-color: #ffffff;
	width: 640px;
	height: 360px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	font-size: 12px;

}

.internal_wrapper #flashbanner {
	width: 640px;
}

/* Left Navigation */
	
	.leftnav_wrapper {
		position: relative;
		left: 0px;
		width: 220px;
		display: inline;
		top: 11px;
	}
	
	.leftnav {
		position: absolute;
		top: 10px;
		width: 220px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0px;
	}
	
	.leftnav li {
		list-style: none;
		margin: 0px;
		text-indent: 0px;
	}
	
	.leftnav ul {
		padding-left: 0px;
		text-indent: 0px;
		margin: 0px;
		padding-top: 4px;
	}
	
	.leftnav a {
		text-decoration: none;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	.page_title {
		color: #E0441A;
		font-size: 18px;
		padding-bottom: 0px;
		padding-top: 9px;
	}
		
	.page_title a {
		color: #E0441A;
		font-size: 18px;
		text-decoration: none;
	}
	
	.tagcloud {
		width: 250px;
		font-family: Arial, Helvetica, sans-serif;
		position: absolute;
		top: 190px;
	}
	
	.tagcloud li {
		list-style: none;
	}

	.tagcloud a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.tagcloud ul {
		padding-left: 0px;
		text-indent: 0px;
		margin: 0px;
	}
	
	.inactive_nav a {
		color: #C0C0C0;
	}
	
	.inactive_header {
		color: #969696;
		padding-top: 9px;
	}
	
	.inactive_header a {
		font-size: 18px;
	}
	
/* Blog Lists */
	
	.pageblogs {
		position: relative;
		left: 0px;
		width: 942px;
		top: 24px;
		display: block;
	}
	
	.pageblogs h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
		
	.projectnews {
		position: absolute;
		left: 692px;
		width: 250px;
		height: 170px;
		top: 3px;
		overflow: visible;
		z-index: 2;
	}
	
	.projectnews a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.projectblog {
		position: absolute;
		top: 130px;
		left: 692px;
		height: 220px;
		width: 250px;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.projectblog a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.nugget {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 12px;
		position: relative;
	}
	
	#countrydivcontainer {
		position: relative;
		left: 216px; 
		top: 24px;
		width: 722px;
	}
		
	.nugget_tv {
		position: relative;
		left: 298px; 
		top: 24px;
		width: 640px;
	}
	
	.loading {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ABABAB;
	}
	
/* Case Studies */
	
	.casestudies {
		position: relative;
		top: 340px;
		width: 846px;
		margin: 0px auto;
	}
	
	.casestudies h1 {
		font-size: 18px;
	}
	
	#studylogo {
		margin-left: 22px;
	}
	
	.work_icons {
		position: relative;
		top: 20px;
		width: 692px;
		left: 0px;
	}
	
	.work_icons li {
		list-style: none;
		display: inline;
		padding-top: 12px;
	}
	
	.work_icons a {
		text-decoration: none;
		color: #FFFFFF;
		border: #000000;
	}
	.work_icons img {
		border: solid;
		border-width: 2px;
		border-color: #FFFFFF;
	}
	
	.client_icons {
		position: relative;
		top: 20px;
		width: 692px;
		left: 0px;
	}
	
	.client_icons li {
		list-style: none;
		display: inline;
		padding-top: 12px;
	}
	
	.client_icons a {
		text-decoration: none;
		color: #FFFFFF;
		border: #000000;
	}
	.client_icons img {
		border: solid;
		border-width: 2px;
		border-color: #FFFFFF;
		display: inline;
	}
	
	#icon_spacer {
		margin-left: 30px;
		margin-bottom: 30px;
	}
	
	#icon_vertical {
		margin-bottom: 30px;
	}
	
	.work_box {

	}
	
/* Footer */

.footer {
	position: relative;
	margin: 0px auto;
	width: 846px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px;
	color: #838383;
	text-align: center;
}

.footer a {
	text-decoration: none;
	color: #FFFFFF;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
}

/* Sidebar */

.sidebar {
	position: relative;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	top: 55px;
}

.sidebar ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

.sidebar li {
	font-size: 12px;
	margin: 0px;
}

.sidebar li a {
	text-decoration: none;
	color: #FFFFFF;
}

.sidebar label {
	color: #FFFFFF;
}

.sidebar_nav {
	position: relative;
	top: 0px;
}

/* Miscellaneous */

.single_wrapper {
	position: absolute;
	left: 218px;
	top: 36px;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.single_wrapper a {
	text-decoration: none;
	color: #FFFFFF;
}

.single_wrapper h1 a {
	color: #E0441A;
}

.single_wrapper ul {
	padding: 0px;
	list-style: none;
	width: 270px;
}

.single_wrapper li {
	text-decoration: none;
}

.single_wrapper li a {
	text-decoration: none;
}

#comment {
	width: 500px;
}

.post {
	font-family: Arial, Helvetica, sans-serif;
	color: #D5D5D5;
}

.post a {
	text-decoration: none;
	color: #D5D5D5;
}

.narrowcolumn {
	position: relative;
	top: 100px;
}

.widecolumn {
	position: relative;
	top: 0px;
	margin: 0px auto;
}

.hiddentabs {
	display: none;
}

.search_wrapper {
	position: relative;
	width: 942px;
	top: 0px;
}

.entry {
	min-height: 300px;
	position: relative;
}

.entry img {
	border: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	display: block;
}

#rightimg {
	margin-left: 16px;
}

.entry a {
	text-decoration: underline;
}

#logodivcontainer {
	position: absolute;
	top: 45px;
	width: 370px;
	height: 370px;
	left: 333px;
}