/*==============================================================

    	

    CANARYINA.COM

	by	

	HEADHIGH CREATIVE		

    for

	Dan Burke, Inc.

	

==============================================================*/



body {
	font: 12px/18px Arial, Verdana, Helvetica Neue, Helvetica, "Lucida Grande", sans-serif;
	background-color:#222222;
	background-image:url(../cssimg/top_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	color:#a6a6a6;
	min-height: 682px;
	}

img {
	border: none;
	}
	
img, div { behavior: url(../iepngfix.htc);
	 }	

a, a:link, a:visited {
	color:#918f87;
	text-decoration: none;
	}

a:hover, a:active {
	color:#ffd513;
	}

a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	}

a.button.next {
	float: right;
	text-indent: -9999px;
	}

a.button.next {
	background: url(../cssimg/button-frontslidenext.png) no-repeat 0 0;
	height: 25px;
	width: 71px;
	}

a.button.next:hover, .scroller a.button.next:active {
	background: url(../cssimg/button-frontslidenext.png) no-repeat 0 -25px;
	}

a.button.next_res {
	text-indent: -999px;
	}

a.button.next_res {
	background: url(../cssimg/button-frontslidenext.png) no-repeat 0 0;
	height: 25px;
	width: 71px;
	}
	
a.button.next_res:hover, .scroller a.button.next_res:active {
	background: url(../cssimg/button-frontslidenext.png) no-repeat 0 -25px;
	}	

.home .scroller #section1 a.next {
	background: none;
	float: right;
	}

ul#tour-path {
	background: #020202;
	}

#wrap {
	position:absolute;
	height:680px;
	width:960px;
	left: 50%;
  	margin-left: -480px; 
	}
	
#box {
	width:960px;
	height:514px;
	position: absolute;
	margin-top:-26px;
	}
	
#canary {
	width:136px;
	height:123px;
	background-image:url(../cssimg/canary.gif);
	z-index:500;
	margin-left:725px;
	}	

.home .scroller {
	background: #020202;
	}	

.home .scroller #section1 {
	}

#tour-path a:link, #tour-path a:visited {
	text-decoration:none;
	}

#tour-path a:hover, #tour-path a:active {
	color: #vffd513;
	text-decoration:none;
	}

/*	
#tour-path a.on {
	background:transparent url(../cssimg/on-frontpageslider-new.jpg) no-repeat scroll 50% 0pt;	
	cursor:default;
	}
*/	


#logo {
	height: 84px;
	padding:0;
	width: 960px;
	/*
	background-color:#020202;
	*/
	background-image:url(../cssimg/c_top_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	}

.logo {
	margin:34px 0 0 50px;
	}
	
		



.home .scroller {
	height: 380px;
	overflow: hidden;
	width: 960px;
	}

.home .scroller .section {
	height: 380px;
	float: left;
	overflow: hidden;
	width: 910px;
	padding:0;
	/*
	padding:35px 0px 35px 50px;
	*/
	}

.home .scroller #section1 a.next {
	background: none;
	float: right;
	}

#section1 {
	font-size:36px;
	line-height:30px;
	width:860px;
	padding:35px 50px 0 50px;
	}
	
#section2 {
	width:860px;
	padding:20px 50px 0 50px;
	}

#section3 {
	width:860px;
	padding:20px 50px 0 50px;
	}

	

#section4 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section5 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section6 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section7 {

	width:860px;

	padding:20px 50px 0 50px;

	}



#section8 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section9 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section10 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section11 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section12 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section13 {

	width:860px;

	padding:20px 50px 0 50px;

	}

	

#section13 ul li {

	list-style:none;

	}													

	

.home .scroller .content {

	width: 10000px;

	}



.scroller .content img.screenshot {

	float: right;

	}



.caption {

	float: left;

	font-size: 12px;

	line-height:13px;

	height: 400px;

	width: 400px;

	margin-top:-2px

	}

	

.caption_res {

	float: left;

	font-size: 12px;

	line-height:12px;

	height: 300px;

	width: 830px;

	margin-top:-2px;

	padding-right:30px;

	}	



.res_de {

	float:right;

	width:auto;

	height:auto;

	margin:-50px 0 35px 35px;

	}	



.home .scroller #section1 .caption {

	padding-top: 0px;

	}



.caption h1 {

	font-size: 14px;

	font-weight: normal;

	margin:0;

	}

	

h2 {

	font-size: 14px;

	font-weight: bold;

	margin:0;

	}	



.home .scroller #section1 {

	margin: 45px 0 24px;

	}



#flashcontent {

	margin: 30px 0 0 0;

	}



ul#tour-path {

	height: 50px;

	margin: 0 0 36px;

	padding: 0 0 10px 40px;

	width: 920px;

	background-image:url(../cssimg/c_bottom_bg.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

	}



ul#tour-path li {

	display: inline;

	}



ul#tour-path li a {

	float: left;

	font-size: 12vpx;

	line-height: 50px;

	margin: 0 8px;

	}

	

#tour_path_email {

	float:right;

	margin:18px 70px 0 0;

	color:#ffd513;

	}

	

#tour_path_email span{

	font-weight:bold;

	font-stretch:expanded;

	}

	

#tour_path_email a:hover{

	color:#fff;

	}

	

#tour_path_email a{

	color:#ffd513;

	}			



#footer {
	position:fixed;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:100%;
	height:	130px;
	background-image:url(../cssimg/bottom_bg.png);
	background-repeat:repeat-x;
	min-width:960px;
	overflow:hidden;
	min-height:130px;
	z-index:1;
	}

/* FixPNG for IE6 */

/* FixPNG from Komodo */

* html .fixPNG {

azimuth: expression(

this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

this.runtimeStyle.backgroundImage = "none")),this.pngSet=true

);

}