/* 	
	CSS Document
	Author:  		Ronnie Brown
	Project:		Laveron
	Designer:		Wil Freeborn
	Location:		RONNIE\2006\laveron-site\_css\default.css
	Last Updated:	24 January 2006
*/

/* =Header
----------------------------------------------------------------*/
#header {
	position:relative;
	padding-top:105px;
	background-image:url(/_img/bg-header.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:170px;
	padding-bottom:4px;
}
	#header #splash {
		position:absolute;
		top:0;
		right:0;
	}

/* =Structure
----------------------------------------------------------------*/
#about-table {
	margin-top:12px;
}
#about-table th {
	text-align:left;
}
#about-table td {
	text-align:left;
	padding-bottom:15px;
}
#about-table .answer {
	color:#DC0000;
}
#about-table .question {
	color:#DC0000;
}
body {
	margin:0;
	padding:0 0 0 100px;
}
#footer {
	background-image:url(/_img/bg-header.png);
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:8px;
}
html {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #000000;
}
#wrapper {
	width:700px;
	margin-bottom:16px;
}
	/*
	#wrapper.news #content {
		background-image:url(/_img/news/background.png);
		background-position:left top;
		background-repeat:repeat-y;
		padding-top:11px;
	}
	
	#wrapper.products #content {
		background-image:url(/_img/news/background.png);
		background-position:left top;
		background-repeat:repeat-y;
		padding-top:11px;
	}
	*/
	
	*html #wrapper #content .portfolio-section {
		margin-top:8px;
	}
	
	#wrapper.contact #content {
		padding-top:11px;
	}

	#wrapper.about #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.advertising #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.branding #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.contact #content #main {
		padding:10px 0 10px 0;
		float:left;
	}
	
	#wrapper.digicomms #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.news #content #main {
		padding:1px 0 0 0;
		width:450px;
		float:left;
	}
	
	*html #wrapper.news #content #main {
		padding:12px 0 0 0;		
	}
	
	#wrapper.philosophy #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.portfolio #content #main {
		padding:13px 0 0 1px;
		width:650px;
	}
	
	#wrapper.print #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.products #content #main {
		padding:1px 0 0 0;
		width:450px;
		float:left;
	}
	
	*html #wrapper.products #content #main {
		padding:12px 0 0 0;		
	}
	
	#wrapper.services #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper.team #content #main {
		padding:8px 0 0 0;
		width:450px;
	}
	
	#wrapper.web #content #main {
		padding:18px 0 0 0;
		width:450px;
	}
	
	#wrapper #content #good-brands img {
		border:1px solid #ccc;
	}
	
#sidebar {
	float:left;
	padding:0 0 0 11px;
}

#sidebar .newsitem {
	padding-bottom:10px;
	margin-bottom:8px;
	background-image:url(/_img/dots-horizontal.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#wrapper.news #content #sidebar, #wrapper.products #content #sidebar {
	margin:0 0 0 30px;
	padding:1px 9px 0 9px;
	float:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:197px;
}

*html #wrapper.news #content #sidebar, *html #wrapper.products #content #sidebar {
	padding-top:12px;
}

/* Portfolio Thummnails */
#portfolio-images {
	margin:8px 0 0 0;
}
#portfolio-images a img,
#portfolio-images a:link img,
#portfolio-images a:visited img {
background-color: transparent;
margin: 0 7px 0 0;
padding: 2px;
background-color:#CCCCCC;
height: 97px;
width: 165px;
}
#portfolio-images a:hover img {
background-color:#FFCC00;
margin: 0 7px 0 0;
padding:2px;
height: 97px;
width:165px;
}
#portfolio-images .description {
	padding:6px 0 11px 6px;
}

/* =Nav
----------------------------------------------------------------*/
#primary-nav {
	padding:5px 0 3px 1px;
	border-bottom:1px solid #ccc;
}
#secondary-nav {
	padding-top:2px;
}

/* =Search
----------------------------------------------------------------*/


/* =Headings
----------------------------------------------------------------*/
#primary-title {
	margin:4px 0 -3px 0;
	padding:5px 0 0 -2px;
}
#secondary-title {
	margin:0;
	padding:5px 0 0 0;
}
h1 {
	margin:0;
	padding:0;
}
h2 {
	margin:0;
	padding:0;
}
h3 {
	margin:0;
	padding:0;
}
h3 .person {
	margin-top:8px;
}
/*
h3 img.person {
	margin-top:7px;
}
*/
h4 {
	margin:0;
	padding:0;
}
h5 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#333333;
}

/* =Lists
----------------------------------------------------------------*/
ul li {
	/*list-style-image:url(/_img/bullet.png);*/
	list-style-image:none;
}
#primary-nav ul {
	margin:0;
	padding:0;
}
#primary-nav ul li {
	display:inline;
	margin-right:-2px;
}
#secondary-nav ul {
	margin:1px 0 0 0;
	padding:0;
	height:15px;
}
#secondary-nav ul li {
	display:inline;
	margin-right:-2px;
}
ul.portfolio-list {
	margin:6px 0 7px 0;
	padding:0;
}
ul.portfolio-list li {
	display:inline;
}
ul.nomargin {
	margin:0;
	padding:0;
}
li.nobullet {
	list-style-type:none;
}

/* =Forms
----------------------------------------------------------------*/
input {}
textarea {}

/* =Links
----------------------------------------------------------------*/
a {
	color:#DC0000;
	text-decoration:none;
}
a:hover {
	color:#DC0000;
	text-decoration:underline;
}

/* =Misc
----------------------------------------------------------------*/
#address {
	margin-top:1px;
}
.clearboth {
	clear:both;
}
.section-title {
	margin-bottom:-6px;
}
.portfolio-section {
	background-image:url(/_img/dots-horizontal.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding-bottom:2px;
	margin-bottom:4px;
	color:#7C7C7C;
	width:700px;
	position:relative;
}
.portfolio-section .imageholder {
	text-align:center;	
}
.portfolio-section .videoholder {
	padding-top:24px;	
}
.portfolio-section .movie-panel {
	width:175px;
	height:100px;
	position:absolute;
	right:0;
	top:9px;
}
.portfolio-section .movie-panel td {
	padding-left:8px;
}
.portfolio-title h4 {
	margin:8px 0 0 0;
	padding:0;
}
.portfolio-title p {
	margin:0;
	padding:0;
}
p.date {
	margin:0;
	padding:0;
	text-transform:uppercase;
}

#pingpongladder td {
	padding:3px;
}
#pingpongladder tr.red {
	background-color:#FC4240;
}
#pingpongladder tr.orange {
	background-color:#FB9E42;
}
#pingpongladder tr.yellow {
	background-color:#FFE241;
}
#pingpongladder tr.blue {
	background-color:#5980BF;
}
#pingpongladder tr.green {
	background-color:#59BF59;
}
#pingpongladder tr.brown {
	background-color:#7E6847;
}
#pingpongladder tr.silver {
	background-color:#F0F0F0;
}

p.postHeader {
	margin:0;
	padding:0;
}
.smallerTitle {
	margin-bottom:7px;
	margin-top:3px;
}
.recycle {
	padding:0 0 16px 0;
}