/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none;}

/*General*/
html{height:100%; font-size:100%; overflow-y:scroll; margin-bottom:0px;}
body{font-size:62.5%; line-height:1em; font-family:Tahoma, Arial, Verdana, sans-serif; color:#ccc; text-align:center; background: #363636 url('/images/big-background.php') repeat-x 50% 50%;}

h1, h2, h3, p, li, dt, dd, td, th, label{font-size:1.1em; line-height:1.4em; font-weight:normal;}
a, span, em, i, b, strong, li p{font-size:1em; line-height:1.4em;}

/*Typography*/
h1,h2,h3{margin-bottom:1em;}
h1{font-family:Gotham; font-size:1.8em; color:#fff;}
h2{font-size:1.6em; line-height:1.333em;}
h3{font-size:1.6em; line-height:1.333em;}
p{margin-bottom:1.4em;}

em{font-style:italic;}
strong{font-weight:bold;}
img{display:block;}

.clear{clear:both;}

.hr{line-height:1px; height:1px; background:#ccc; margin:2em 0;}
	hr{display:none;}

a, a:link, a:active, a:visited, a:focus{color:#2B8DAF; text-decoration:none; outline:none; line-height:1.4em; font-weight:normal;}
a:hover, li.selected a{color:#fff !important; text-decoration:none;}

/*=Layout*/
#header{position:relative; padding-top:40px; background:url('/images/dominick-tyler-motif.png') no-repeat right bottom;}
	#logo{position:relative; display:block; width:340px; height:44px; background:url('/images/dominick-tyler-logo.png') no-repeat left top;}
		#logo a{position:absolute; text-indent:-999em; display:block; left:0; top:26px; height:18px;}
		#logo a#ho{top:0; width:340px; height:22px;}
		#logo a#ed{width:80px;}
		#logo a#co{left:95px; width:110px;}	
		#logo a#pr{left:225px; width:75px;}

	#content{position:relative; margin-top:82px;}

body div#wrapper{position:absolute; top:50%; height:1px; left:0; width:100%; margin-top:-360px; min-height:655px; padding:20px 0 35px 0; /*background:url('/images/guides.png') repeat-y center;
*/}
body div#wrapper.halt{margin-top:0; top:0;}
body #header{margin-top:0; padding-top:10px;}
body #page{position:relative; width:940px; margin:0 auto; overflow:hidden; min-height:635px; background:transparent}

body.alt div#wrapper {border-top:1px solid #777; border-bottom:1px solid #444;}

#sidebar{float:left; position:relative;}
	#navigation ul{margin-bottom:35px;}
	#navigation ul li{line-height:0;}	
	#navigation ul li a{line-height:16px;}

#copyright{position:absolute; width:141px; height:49px; top:455px; color:#fff !important; background:url('/images/copyright.png') no-repeat left top; left:0;}

#credit{position:absolute; width:141px; height:9px; top:469px; color:#fff !important; background:url('/images/credit.png') no-repeat left top; left:0;}

#credit a{ display:block; z-index:1000; position:absolute; width:141px; height:9px; top:0; left:0; background-color:transparent !important;}

#credit a span{ display:block; position:absolute; left:-5000px; }

/*gallery*/
	#slider{float:right; width:700px; margin:0 auto; position:relative;}
	.scroll{height:530px; position:relative; padding-top:3px; clear:left; width:700px;}
	.gallery .scroll{overflow:hidden;}
	.gallery .scroll-container div.panel{height:500px; width:700px; padding-right:20px; width:auto;}
	
	#slide-navigation{position:absolute; top:-29px; left:0; height:30px; width:100px;}
	#slide-navigation.loading{background:url('/images/loading-small.gif') no-repeat left top;}
	#slide-navigation.loading *{display:none;}
	#slide-navigation i{position:absolute; left:25px; display:none; font-style:normal;}
	#slide-navigation.loading i{display:block;}
		.previous-next{cursor:pointer; position:absolute; top:0px; left:-3px;}
		.previous-next{display:block; text-indent:-999em; width:8px; height:9px; padding:3px;}

		.previous-next#previous{background:url('/images/arrows.png') no-repeat 3px 3px; left:16px;}
		.previous-next#previous:hover{background:url('/images/arrows.png') no-repeat 3px -35px;}

		.previous-next#next{background:url('/images/arrows.png') no-repeat 3px -55px; left:35px;}
		.previous-next#next:hover, .previous-next#next.on{background:url('/images/arrows.png') no-repeat 3px -93px;}
		
		.previous-next#back{background:url('/images/arrows.png') no-repeat 3px -113px;}	
		.previous-next#back:hover{background:url('/images/arrows.png') no-repeat 3px -151px;}	
		
		#slide-navigation.loading #count{display:none;}
		#count{color:#fff; display:block; position:absolute; width:200px; height:20px; left:62px; line-height:10px;}
			#count em{font-style:normal;}
	
		.pend{background:url('/images/arrows.png') no-repeat 3px -16px !important; cursor: default;}
		.nend{background:url('/images/arrows.png') no-repeat 3px -74px !important; cursor: default;}
		.bend{background:url('/images/arrows.png') no-repeat 3px -132px !important; cursor: default;}			
	
	.image_holder{background:#212121; height:460px; cursor:pointer; position:relative;}
	.image_holder.on{background:#121212;}
	.image_holder img{cursor:pointer;}
	body.alt .image_holder{background:#1e1e1e; height:460px;}
	.initial_load{background:#222 url('/images/loading.gif') no-repeat center center;}

	.panel{margin-bottom:100px; position:relative; float:left;}
	p.caption{margin:12px 0 0 0; width:80%; position:absolute;}
	
	#grid{width:460px; height:460px; float:left; overflow:hidden; margin-right:20px;}
	#grid ul{width:110%;}
		#grid li{float:left; margin:0; width:100px; height:100px; margin:0 20px 20px 0; }
		#grid img{cursor:pointer; width:100px !important;}

	.intro{width:700px !important;}
		.intro .image_holder{float:left; margin-right:20px; width:460px !important; /*background:url('/images/loading.gif') no-repeat center center;*/}
		.intro img{float:left; width:460px; margin-right:20px;}
		.intro .image_holder img{margin:0;}
		.intro div#about{width:220px; margin:0; float:left; display:inline;}
		.intro p.caption{width:220px; margin:0; position:relative;}
/*		body.commercial .intro p.caption{font-family:Gotham; font-size:1.8em;}*/
	
	.last{width:700px;}
		.last .image_holder{background:none; cursor:default;}
	
/*home*/
#index .panel{overflow:hidden;}
.preloading{display:none;}

/*Biog*/
#index.biography div.panel{width:380px !important;}
#biography-timeline dt{display:block; float:left; width:7em; clear:left;}
#biography-timeline dd{margin-left:7em; margin-bottom:1.4em;}

/*Contact*/
#contact_card{margin:10px 0 0 15px;}

/*=Sifr*/
@media screen {
	.sIFR-flash{visibility:visible !important; margin:0; padding:0;}
  .sIFR-replaced, .sIFR-ignore{visibility:visible !important;}
  .sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
  .sIFR-replaced div.sIFR-fixfocus{margin:0pt; padding: 0pt; overflow:auto; letter-spacing:0px; float:none;}
}

@media print{
	.sIFR-flash{display:none !important; height:0; width:0; position:absolute; overflow:hidden;}
	.sIFR-alternate{visibility:visible !important; display:block !important; position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important;}
}

@media screen {
	.sIFR-active h1{visibility:hidden; line-height:18px; margin:0 0 9px 0;}
/*	.sIFR-active body.commercial .intro p.caption{visibility:hidden; line-height:14px; line-height:14px;}*/
}
/* For faster loading apparantly */
.sIFR-dummy{width:0px;height:0px;margin-left:42px !important;z-index:0;}