@charset 'utf-8';
@import url(reset.css);


/*MIR image replacement*/

html > body .mir {letter-spacing:normal; text-indent: -999em;}

/* --STRUCTURAL STYLES */

body {text-align:center; line-height:18px; font-family:Helvetica, Arial, sans-serif;}

a {color:#000000; text-decoration:none;}

h1 {text-indent:-9999px; margin-bottom:0px;}

#wrapper {text-align:left; margin: 0 auto; width:890px; background-color:#FFFFFF;}

/*common*/
#header, #contact, #logo, #navigation, #navigation ul, #main, #ctrl_line, #slideshow, #caption {float:left; width:890px; margin-bottom:9px;}

#slideshow {margin-bottom: 18px; text-align:center; display:table;}

/*boxes - in flow order*/
#header {margin-top:27px;}

#contact {float:right; width:121px; margin-top:36px;}

#contact a {text-transform:uppercase; font-size:10px;}

#contact a:hover {text-decoration:underline;}

#contact span {font-size:10px;}

#logo {float:left; width:400px;}

#navigation {float:left; margin-bottom:9px;}

#navigation ul {
border-top: 1px solid #a3a3a3; padding: 9px 0px 0px 0px; height:27px;
}

#navigation ul li {display:inline;}

#navigation ul li a {float:left; margin-right: 26px; display:block; height: 18px;}

#navigation ul li a.portfolio {width:92px; background:url(../img/portfolio_helv.jpg) no-repeat; margin-right:18px;}

#navigation ul li a.divide {width:8px; height:14px; background:url(../img/navigation_divide.jpg) no-repeat; margin-right:10px;}

#navigation ul li a.bands {width:40px; background:url(../img/bands_helv.jpg) no-repeat;}

#navigation ul li a.portraits {width:55px; background:url(../img/portraits_helv.jpg) no-repeat;}

#navigation ul li a.apparel {width:49px; background:url(../img/apparel_helv.jpg) no-repeat;}

#navigation ul li a.recent_work {width:78px; background:url(../img/recent_work_helv.jpg) no-repeat;}

#navigation ul li a.contact {width:48px; background:url(../img/contact_helv.jpg) no-repeat;}

#navigation ul li a.bio {width:90px; background:url(../img/bio_helv.jpg) no-repeat; margin-right:0px; float:right;}

/*hover styles*/


#navigation ul li a.bands_hvr {width:40px; background:url(../img/bands_hvr.jpg) no-repeat;}

#navigation ul li a.portraits_hvr {width:55px; background:url(../img/portraits_hvr.jpg) no-repeat;}

#navigation ul li a.apparel_hvr {width:49px; background:url(../img/apparel_hvr.jpg) no-repeat;}

#navigation ul li a.recent_work_hvr {width:78px; background:url(../img/recent_work_hvr.jpg) no-repeat;}

#navigation ul li a.contact_hvr {width:48px; background:url(../img/contact_hvr.jpg) no-repeat;}

#navigation ul li a.bio_hvr {width:90px; background:url(../img/bio_hvr.jpg) no-repeat; margin-right:0px; float:right; }


/*current style*/

#navigation ul li a.current {padding: 0px 0px 3px 0px; border-bottom: 4px solid #d5d5d5;}









#main {}


#ctrl_line a {font-size:12px; color:#a3a3a3;}

#thumbs {width:740px; float:left;}

	ul.thumbs li {display:inline-block; float:left; margin-right:4px;}
	ul.thumbs li a {border:1px solid #A3A3A3;
display:block;
padding:1px 4px;}
	
	ul.thumbs li a:hover {}
	
	#ctrl_line ul.thumbs li.selected a {font-weight:bold; color:#000000; background-color:#efefef;} 
	
#controls {float:right; width:139px;}
	 
	a.prev {margin-right:19px;}
	
	a.prev:hover {}
	
	a.next:hover {}
	
	.pagination {float:left;}
	
	.pagination span {margin-right:2px; color:#A3A3A3;
font-size:12px;}
	
	.pagination a {margin-right:2px;}
	
.caption p {font-size:12px;}


#pagination {}


#slideshow {}

#caption { border-top:1px solid #a3a3a3; padding-top: 18px;}



/*contact page*/

.biorail {float:left; width: 291px; margin-right:18px;}

#getintouch {float:left; width: 168px;}

	#getintouch img, #bio img, #getintouch p, #bio p {margin-bottom:18px; font-size:12px;}
	


#bio {float: left; width: 395px; margin-right:18px;}