@font-face {
	font-family: 'Interstate-BoldCondensedBold';
	src: url('/fonts/interstate-boldcondensed-webfont.eot');
	src: local('☺'), url('/fonts/interstate-boldcondensed-webfont.woff') format('woff'), url('/fonts/interstate-boldcondensed-webfont.ttf') format('truetype'), url('/fonts/interstate-boldcondensed-webfont.svg#webfontVsNbgtqE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Interstate-RegularRegular';
	src: url('/fonts/interstate-regular-webfont.eot');
	src: local('☺'), url('/fonts/interstate-regular-webfont.woff') format('woff'), url('/fonts/interstate-regular-webfont.ttf') format('truetype'), url('/fonts/interstate-regular-webfont.svg#webfontbhY2GldW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Interstate-LightRegular';
	src: url('/fonts/interstate-light-webfont.eot');
	src: local('☺'), url('/fonts/interstate-light-webfont.woff') format('woff'), url('/fonts/interstate-light-webfont.ttf') format('truetype'), url('/fonts/interstate-light-webfont.svg#webfont9hrBRdqt') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: #000000;
	background-image: url('/images/capsulelabs_background.jpg');
	font-family:  helvetica, arial, helvetica, sans-serif, sans;
	color:#ffffff;
}

#jobs { padding:10px; background-color:#000000; font-family:'Interstate-LightRegular';  font-size: 14px; margin-top:20px; margin-bottom:20px; cell-padding:0px; }
#jobs th { font-family:'Interstate-RegularRegular'; font-weight:normal; text-align:left; }
#jobs .amt { text-align:right; }

#tracks { padding:10px; background-color:#000000; font-family:'Interstate-LightRegular';  font-size: 14px; margin-top:20px; margin-bottom:20px; cell-padding:0px; }
#tracks th { font-family:'Interstate-RegularRegular'; font-weight:normal; text-align:left; }


#estimate { padding:10px; background-color:#000000; 
font-family:'Interstate-LightRegular';  font-size: 14px;  cell-padding:2px; }
#estimate th { font-family:'Interstate-RegularRegular'; font-weight:normal; text-align:left; }
#estimate .amt { text-align:right; }
#client { margin-top:40px; }
.line0 { font-family:'Interstate-RegularRegular';  padding-top:6px; }
.line1 { font-family:'Interstate-RegularRegular';  border-top:1px dashed white; padding-top:6px; }
.line2 {border-top:2px solid white; }
.qty { width:50px; }
.off { color: #666666; }
.on { color: #ffffff; }
.total {   font-family:'Interstate-RegularRegular'; font-size:14px; margin-top:10px;  }

.calendar {
	width:100%;
	margin-bottom:20px;
}


.speciallink {
	text-decoration:none;
}

.speciallink:hover {
	color:#ff6600;
}


.special {
	border:2px solid #8c837d;
	padding:0px;
	margin-bottom:10px;
	width:100%;
	color:#ffffff;
	clear:both;
	height:47px;
}

.special .price {
	font-family:'Interstate-RegularRegular'; 
	font-size:18px;
	text-align:center;
	float:left;
	padding:10px;
}

.special .desc {
	padding:10px;
	float:left;
	width:160px;
	font-family:'Interstate-RegularRegular'; 
	font-size:12px;
}

#gallery {  
    position:relative;  
    height:320px;  
}  

#gallery img {  
   float:left;  
   position:absolute;  
}  
      
#gallery img.show {  
       z-index:500;  
}  

p, ul, li {
	font-size:14px;
	line-height:18px;
}


em {
	font-style:normal;
	color:#ff6600;
	font-weight:bold;
}

a {
	color:#ffffff;
	text-decoration:underline;
}

a:hover {
	color:#ff6600;
}

form {
	font-size:12px;
	font-family: helvetica, arial, helvetica, sans-serif, sans;
	display:block;
	clear:both;
	margin-bottom:10px;
}

.formerror {
	color:#ff6600;
	font-style:italic;
}

select {
	background-color:#8c837d;
}

input {
	background-color:#8c837d;
}

label {
}

.formline {
	width:100%;
	clear:both;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
}

.formline label {
}

.formline select {
	display:block;
	background-color:#8c837d;
	position:relative;
	width:100%;
}	

.formline input {
	display:block;
	width:60%;
	position:relative;	
	background-color:#8c837d;
}	

.formline .error {
	display:inline;
	margin-left:10px;
	color:#ff6600;
	background-color:#000000;
}


#page {
	width:930px;
	margin:auto;
}


#photo {
	width:100%; height:100%;
	position:absolute;
	left:0; top:100px;
	
	background-repeat: no-repeat;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	z-index:-1000;
}

#header {
	background-image: url('/images/capsulelabs_header.png');
	background-repeat: no-repeat;
	width:100%;
	height:85px;

}

#header A {
	color:#ffffff;
	text-decoration:none;
}
#header A:hover {
	color:#ff6600;
}

#vumeter {
	float:right;
	width:320px;
	height:80px;
}

#address {
	margin:0;
	margin-top:27px;
	margin-left:340px;
	text-align:right;
	font-size:11px;
	line-height:17px;
	float:left;
	color:#aaaaaa;
}

.headertext {
	display:none;
}


.button {
	background-image: url('/images/capsulelabs_nav_bar.jpg');
	background-repeat:repeat-x;
	font-family:  helvetica, arial, helvetica, sans-serif, sans;
	font-size:11px;
	line-height:14px;
	padding:4px;
	padding-left:8px; padding-right:8px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
}


#nav {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url('/images/capsulelabs_nav_bar.jpg');
	background-repeat: repeat-x;
	width:100%;
	height:24px;
	margin:0;
	padding:0;
	font-family: Interstate-BoldCondensedBold,Hevletica,Arial;
	font-size:14px;
	letter-spacing:0;
	font-weight:normal;
}

.homeimage {
	border:3px solid black;
}

#nav ul {
	float:left;
	list-style-type: none;
	width:100%;
	margin:0;
	padding:0;
	height:100%;
}

#nav li {
	display:inline;
}

#nav .selected {
	color:#ff6600;
	display: block;
	float:left;
	margin:0;
	height:22px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	border-right:2px solid black;
}

#nav a {
	color:#ffffff;
	display: block;
	float:left;
	margin:0;
	height:22px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	border-right:2px solid black;
	text-decoration: none; 
} 
#nav a:hover {
	color:#ff6600;
}

.pagenav {
	text-align:center;
	width:100%;
	font-size:12px;
}

.pagenav .selected {
	color:#ff6600;
	display: inline;
	background-color:#000000;
	font-weight:bold;
	margin:2px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.pagenav a {
	color:#ffffff;
	display: inline;
	text-decoration:none;
	background-color:#000000;
	background-image: url('/images/capsulelabs_nav_bar.jpg');
	background-repeat:repeat-x;
	font-weight:bold;
	margin:2px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pagenav a:hover {
	color:#ff6600;
}

hr {
	height:1px;
	border: 0;
	background-color: #8c837d;
	margin-bottom:10px;
}

.quote {
	font-size: 20px;
	line-height:24px;
	color:#8c837d;
	margin-bottom:24px;
}

#welcome {
	width:100%;
	font-family:Interstate-LightRegular;
	font-size: 25px;
	line-height:31px;
	color:#8c837d;
	margin-top:20px;
	margin-bottom:25px;
}

.left {
	float:left;
	width:440px;
	margin:0;
	margin-right:50px;
	margin-bottom:20px;
}

.right {
	float:left;
	width:440px;
	margin:0;
	margin-bottom:20px;
}

.leftwide {
	float:left;
	width:600px;
	margin:0;
	margin-top:30px;
	margin-right:30px;
	margin-bottom:20px;
}
.leftwide p {
	font-size:14px;
}

.leftwide ul {
	font-size:13px;
	margin:0;
	margin-bottom:10px;
}

.rightnarrow {
	float:left;
	width:280px;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	margin-top:30px;
	margin-bottom:20px;
	background-color:#000;
	font-size:13px;
}


.rightnarrow p {
	font-size:13px;
	margin:0;
	margin-bottom:16px;
}

.rightnarrow ul {
	font-size:13px;
	margin:0;
	margin-bottom:16px;
}


.rightnarrow li {
	font-size:13px;
	margin:0;
}


#news {
	
}

.homeheader {
	font-family:Interstate-LightRegular;
	font-size: 20px;
	/*font-weight:bold;*/
	color:#ffffff;
}

.pageheader {
	font-family:Interstate-LightRegular;
	font-size: 22px;
	/*font-weight:bold;*/
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:5px;
}

.pagesubhead {
	font-family:Interstate-LightRegular;
	font-size: 18px;
	/*font-weight:bold;*/
	text-transform:uppercase;
	color:#8c837d;
	margin-bottom:5px;
}

.pagesubhead2 {
	font-family:Interstate-LightRegular;
	font-size: 16px;
	/*font-weight:bold;*/
	text-transform:uppercase;
	color:#8c837d;
	margin-bottom:5px;
}

.homenewsitem {
	color:#ffffff;
	margin-top:10px;
	margin-bottom:15px;
}
.homenewsitem a {
	text-decoration:none;
}
.homenewsitem .newsdate {
	margin-bottom:0px;
}

.newsitem {
	color:#ffffff;
	margin-bottom:30px;
}
.newstitle {
	font-family:Interstate-LightRegular;
	font-size: 20px;
	line-height:22px;

}

.newsitem a {
	text-decoration:none;
}

.newsdate {
	font-size:11px;
	font-weight:bold;
	color:#8c837d;
	width:130px;
	margin-bottom:5px;
	padding:2px;
	background-color:#000000;
}
.newsbody {
	font-size:14px;
	line-height:18px;
}

#recent {
	
}


#projectlist {
	overflow:auto;
}


.projectimage {
	width:280px;
	height:280px;
	margin:0;
	margin-bottom:10px;
}

.projecthumb {
	border: 2px solid black;
	display:block;
	float:left;
	width:90px;
	height:90px;
	margin:0;
	margin-right:25px;
	margin-bottom:25px;
}

#recent a {
	display:block;
	float:left;
	width:110px;
	height:110px;
}

#mastering {
	
}

#cutting {
	
}

#footer {
	clear:both;
	font-size:10px;
	color:#8c837d;
	padding-top:50px;
	margin-bottom:20px;
	text-align:center;
}

.clear {  
    clear:both;  
}  
  
#files {
	width:100%;
}

#tracks {
	width:100%;
	
}

.fileitem {
	width:100%;
	height:40px;
}


.fileitem .trackno {
	width:30px;
	margin-right:10px;
}

.fileitem .duration {
	width:50px;
	color:#000000;
	margin-right:10px;	
}

.fileitem .filename {
	width:250px;
	color:#000000;
}


.fileitem .artistname {
	width:250px;
	margin-right:10px;	
}

.fileitem .trackname {
	width:250px;
	margin-right:10px;	
}