
/*--------------------------------------------------------------------------- Browser Reset and Utilities ---*/
html{overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}.tr{text-align:right;}.tc{text-align:center;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.hide{display:none;visibility:hidden;}.no-show{position:absolute;left:-9999em;height:0;width:0;}

div{
	zoom:1;
}

.ca, .content:after, #nav-1:after, .li-ca li:after {content:'.';display:block;clear:both;height:0;visibility:hidden;}
.ca, .content, #nav-1, .li-ca li {zoom:1;}

/*--------------------------------------------------------------------------- Generic Styles ---*/
body {background:#e9e3be url(../images/skin/bg/body-arrows.png) center 447px repeat-x;
	font:11px/1.2 arial,sans-serif;color:#000;}
h1,h2,h3,h4 {color:#000;}
h1 {font-size:15px;}
h2 {font-size:13px;}
h3 {font-size:11px;}
h4 {font-size:11px;}

#nav-1{width:936px; position:absolute; left:200px;}
#nav-1 li{display:block; float:left; clear:none; position:relative;}


.redLink{color:#c31e3e;}

hr{
	height:1px;
	color: #000;
	background-color:none;
	border-bottom:dotted 1px #000;
	clear:both;
	margin:10px 0px 10px 0px;
}

.readMore{
	color:#c31e3e;
	background-image:url(../images/skin/btns/red-arrow.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:7px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin:8px 0px 8px 0px;
}

.readMore2{
	display:block;
	color:#c31e3e;
	background-image:url(../images/skin/btns/red-arrow.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:7px;
	font-weight:bold;
	float:right;
	text-decoration:none;
	margin:8px 0px 8px 0px;
}

.readMore3{
	display:block;
	color:#000;
	background-image:url(../images/skin/btns/black-arrow.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:7px;
	font-weight:bold;
	float:right;
	text-decoration:none;
	margin:8px 0px 8px 0px;
}

/*--------------------------------------------------------------------------- Consistent Elements ---*/
#wrap {width:952px;margin:0 auto;position:relative;}

#header-outer {background:url(../images/skin/bg/header.png) center top repeat-x;}
#header-inner {height:135px;} 


#nav-1 {position:absolute;top:101px;right:0px;font-size:13px;}
#nav-1 li {float:left;font-weight:bold;}
#nav-1 a {color:#e9e3be;background:#000;padding:3px 6px;text-decoration:none;}
#nav-1 a:hover {text-decoration:underline;}

#leftContent{width:174px; position:absolute;top:560px;left:-30px;z-index:10; text-align:left;}
#twitter_update_list a{color:#000;}
#twitter_update_list li{margin:10px 0px 10px 0px;}
#freeDownload{margin:0px 0px 10px 0px; height:97px;}

#footer-outer {background:url(../images/skin/bg/footer.png) center top repeat-x;position:relative;z-index:2;margin-top:90px;}
#footer-inner p {padding:20px 0 30px;text-align:center;}
#footer-inner,
#footer-inner a {font-weight:bold;color:#e9e3be;}
#footer-inner a {text-decoration:none;}
#footer-inner a:hover {text-decoration:underline;}
#footer-inner span {padding:0 5px;}

.playerPopup{
	background-image:none;
	text-align:center;
	background-color:#e9e3be;
	margin:0px;
	padding:0px;
}

#mp3Player{
	padding:2px;
}

#compCta a{
	color:#000000;
}
#compCta p{
	margin:5px 0px 5px 0px;
}


#wrap, 
#footer-inner,
#header-inner {width:936px;}
/*#headerSwf{position:absolute;top:0px;left:170px;font-size:13px;z-index:4;}*/
#headerSwf{position:absolute;margin:auto;margin-left:10px;z-index:8;}
#header-inner {width:936px;margin:auto;}
#hyperContentHolder{margin-bottom:60px;}
#decca-logo{position:absolute;top:-50px;left:200px;z-index:7;}
#decca-logo-sml{position:absolute;top:-50px;left:550px;z-index:7;}
#canvas-logo{position:absolute;top:-50px;left:665px;z-index:7;}
#garys-head-sml{position:absolute;top:-50px;left:1040px;z-index:7;}


.content {min-height:400px;position:relative;z-index:2;}
#dog {position:absolute;top:-33px;left:-210px;z-index:1;}
.home #dog {position:absolute;top:-60px;left:-73px;z-index:1;}
#head { margin: 10px 0px 25px 70px}


div[class^=column] {min-height:200px; margin-top:30px;}
.column-1 {float:left;width:348px;margin-left:200px;}
.column-2 {float:right;width:343px;}

.shortContentItem, .fullContentItem{
	clear:both;
	border-bottom:1px dotted #000; 
	margin:10px 0px 10px 0px;
	zoom:1;
}
.fullContentItem:after, .shortContentItem:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.shortContentItem p, .fullContentItem p,  .shortContentItem h4, .fullContentItem h4{
	margin-left:5px;
}
.fullContentItem{
	margin-bottom:10px;
	padding-bottom:10px;
}
.fullContentItem a{
	text-decoration:none;
	color:#c31e3e;
}
.fullContentItem a:hover{
	text-decoration:underline;
}
.seeAllBtn{
	clear:both;
	zoom:1;
}
#videoContainer:after, #videoInner:after, .seeAllBtn:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

#videoContainer{
	width:988px;
	height:750px;
	zoom:1;
	position:absolute;
	left:0;
	z-index:5;
	text-align:center;
}
#videoInner{
	background-color:#cec8a8;
	width:988px;
	height:550px;
	text-align:center;
}

/* Headings */

h2{
	background-position:top left;
	background-repeat:no-repeat;
	height:40px;
	text-indent:-10000px;
	margin-top:10px;
}

#h2-competition{
	background-image:url(../images/skin/headings/competition.png);
	
}


#h2-iamwonderful{
	background-image:url(../images/skin/headings/iamwonderful.png);
	background-position:590px;
}

#h2-twitter{
	background-image:url(../images/skin/headings/twitter.png);
	background-position:0px;
	height:65px;
}

#h2-contact{
	background-image:url(../images/skin/headings/contact.png);
	margin-top:20px;
}


#h2-youtube{
	background-image:url(../images/skin/headings/you-tube.png);
	background-position:590px;
}
#h2-imeem{
	background-image:url(../images/skin/headings/imeem.png);
	background-position:590px;
}
#h2-wiki{
	background-image:url(../images/skin/headings/wiki.png);
	background-position:590px;
}
#h2-facebook{
	background-image:url(../images/skin/headings/facebook.png);
	background-position:590px;
}
#h2-myspace{
	background-image:url(../images/skin/headings/myspace.png);
	background-position:590px;
}
#h2-bebo{
	background-image:url(../images/skin/headings/bebo.png);
	background-position:590px;
}
#h2-lastFm{
	background-image:url(../images/skin/headings/last-fm.png);
	background-position:590px;
}
#h2-mobile{
	background-image:url(../images/skin/headings/mobile.png);
}
#h2-allVideos{
	background-image:url(../images/skin/headings/all-videos.png);
}
#h2-latestNews{
	background-image:url(../images/skin/headings/latest-news.png);
}

#h2-lsotb{
	background-image:url(../images/skin/headings/lsotb.png);
	height:65px;
}
#h2-liveDates{
	background-image:url(../images/skin/headings/live-dates.png);
}
#h2-liveArchive{
	background-image:url(../images/skin/headings/live-archive.png);
}
#h2-latestVideos{
	background-image:url(../images/skin/headings/latest-videos.png);
}
#h2-store{
	background-image:url(../images/skin/headings/shop.png);
}
#h2-signup{
	background-image:url(../images/skin/headings/signup.png);
}

h3{
	background-color:#030000;
	color:#e9e3be;
	padding:3px 3px 3px 9px;
	min-width:208px;
}
h4{
	margin:5px 0px 5px 0px;
}

/*--------------------------------------------------------------------------- Form Styles ---*/
.list-fields {border-bottom:1px dotted #aaa;margin:.6em 0;padding-bottom:1em;}
	.list-fields li {padding:0 0 .6em;}
	.list-fields label {float:left;text-align:right;padding:2px 10px 2px 0;width:120px;}
	.list-fields span.field {float:left;}

button {background-color:#030000;
	color:#e9e3be;
	font-size:11px;
	text-transform:uppercase;
	border:none;
	width:100px;
	height:20px;
	margin:10px 0px 10px 20px;
	}

/*--------------------------------------------------------------------------- Reusable Styles ---*/


/*--------------------------------------------------------------------------- Start Comp Form ---*/


div#formcontainer {
}
 
div#formcontainer hr {
	height:1px;
	background-color: #000;
	color: #000;
}
 
div#formcontainer .invalid {
	/* Change */
	background-color:#FFFF99;
	/* Change */
}
 
div#formcontainer div#errorDisplay {
	/* Change */
	color:#FF0033;
	/* Change */
}
 
div#formcontainer div#errorDisplay ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
 
div#formcontainer h1, div#formcontainer h2, div#formcontainer h3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:1.2em;
}
 
div#formcontainer a {
}
 
div#formcontainer a:hover {
}
 
div#formcontainer div.footer {
	/* Change */
	color: #000000;
	/* Change */
	font-size:0.8em;
	margin-top:5px;
}
 
div#packshot {
	margin-bottom:10px;
}
 
div#formcontainer div.mainText {
	margin-bottom:10px;
}
 
div#formcontainer p {
	margin:0px 0px 5px 0px;
	padding:0px;
}
 
div#formcontainer input, div#formcontainer select {
	font-size:1em;
	margin:0px;
	padding:0px;
}
 
div#formcontainer form {
	padding:0px;
	margin:0px;
}
 
div#formcontainer div.formObject {
	margin-bottom:10px;
	clear:both;
	color:#000000;
}
 
div#formcontainer div.formObject .submitObject {
	font-size:1.3em;
}
 
div#formcontainer div.formObject div.labelName {
	width:150px;
	float:left;
}
 
div#formcontainer div.formObject div.labelCheck {
	width:300px;
	float:left;
}
 
div#formcontainer div.formObject div.inputObject {
}
 
div#formcontainer div.formObject div.inputObject .textfield {
	width:170px;
}
 
div#formcontainer div.formObject div.inputObject .marginright {
	margin-right:2px;
}
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
 
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
 
 
/*--------------------------------------------------------------------------- End Comp Form ---*/
