* {
	margin: 0;
	padding: 0;
	}

html {
	font: 11px/1.5em 'Lucida Grande',Geneva,Arial,Trebuchet,Verdana,Helvetica,sans-serif;
	}

body {
	background: url(../images/bgBg.gif) repeat-x top left #160700;
	text-align: center;
	}
	
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

input.seconds {
	width: 40px;
	}
	
input.issue {
	width: 350px;
	}

a, a img, img, map {
	border: none;
	outline: none;
	}

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

dl dd {
	margin: 0 0 5px 0;
	}
label {
	font-weight: bold;
	}

.venti {
	font-size: 14px;
	}
	
.venti span {
	font-weight: bold;
	}
	
#clientInstructions {
	padding: 5px;
	background: #FFFFCC;
	border: 1px solid #FFFF66;
	margin: 0 0 10px 0;
	display: none;
	}
	
dl {
    margin: 0 0 10px 0;
    }
    
   .yesNo select {
	width: 60px;
	}

ul, ul li {
	list-style: none;
	}
	
#vid_comments h3 {
	padding: 5px;
	background: #CCC;
	}

#videoTitle {
	 background: #222; 
	 padding: 5px;
	 color: #FFF;
	 font-size: 16px; 
	 margin-bottom: 10px;
	}

#projectStatus {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #CCC;
	}
	
	#projectStatus h3 {
		margin: 0 0 5px 0;

		}
	
	#projectStatus li{
		margin: 0 10px 2px 0;
		float: left;
		padding: 4px;
		font-weight: bold;
		}
	
	#projectStatus li.currentState {
		border:1px solid #060;
		background: #d2e7bb;
		}

.impDate {
	font-weight: bold;
	}

#Ul1, #UL1 li {
	padding: 0;
	margin: 0;
	}
	
	#UL1 li {
		margin: 0 10px 0 0;
		}

#tabs {
	padding: 7px 10px 0 10px;
	background: #CCC;
	}
	
	.tab {
		float: left;
		padding: 3px 7px;
		background: #ccc;
		margin: 0 2px 0 0;
		}
		
		.tab.live {
			background: #FFF;
			}
		
		.tab.live a {
			color: #222;
			}
		
		.tab a {
			color: #7e7e7e;
			font-weight: bold;
			display: block;
			}

table thead td {
	font-weight: bold;
	border-bottom: 1px solid #222;
	}
	
table td {
	padding: 4px;
	}
	
table tr.alt td {
	background: #F1F1F1;
	}



	.blue {
		color: #0072BC;
		}
	
#container {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}
	
	#header {
		height: 100px;
		position: relative;
		background: url(../images/CantaloupeLOGO.jpg) no-repeat top left;
		}
		
		#home #header {
			margin: 0 0 20px 0;
			}
		#header h1 {
			position: absolute;
			height: 96px;
			width: 195px;
			top: 0;
			left: 0;
			text-indent: -5000px;
			}
			
			#header h1 a {
				display: block;
				text-indent: -5000px;
				width: 195px;
				height: 96px;
				background: url(../images/cantaloupeLogo.gif) no-repeat top left;
				}
				
				#header h1 a:hover {
					background: url(../images/cantaloupeLogo_o.gif) no-repeat top left;
				}
		
		#home #video {
			height: 270px;
			width: 480px;
			position: absolute;
			left: 250px;
			}
			
	#l_col {
		width: 480px;
		float: left;
		margin: 0 15px 0 0;
		padding: 0 15px 0 0;
		}
	#r_col {
		float: left;
		width: 360px;
		}


dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
		
/* ClearFix CSS */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



.clearboth {
	clear: both;
	}
