/*

     oooooooooo     
    oooooooooooo    
   oooooooooooooo   
  ooooo      ooooo  
 oooo          oooo 
 oooo          oooo 
 ooo     oo     oooo
oooo    oooo    oooo
oooo   oooooo   oooo
oooo   oooooo   oooo
oooo    oooo    oooo
 ooo     oo     oooo
 oooo          ooooo
 oooo          ooooo
  ooooo      ooooooo	Toby Leftly, Accent Media
   ooooooooooooooooo	http://accentmedia.ca/
    oooooooooooooooo
     ooooooooooooooo

*/

/* very, VERY quick reset */

html * {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html {
	background: url(images/hdr_bg.jpg) no-repeat center top #10100e;
}

body {
	background: url(images/new_ft_rpt.png) repeat-x left bottom;
}

#wrap {
	width: 1000px;
	margin: 0 auto;
}

#main {

}

#header {
	background: url(images/hdr_noflash.jpg) no-repeat center top;
	height: 250px;
	text-align: center;
}

#flashhdr {
	height: 180px;
}

#header.black-hdr {
	width: 1000px;
	text-align: center;
}

#content {

}

.one-col {
	
}

.one-col h2 {
	display: block;
	height: 20px;
	background: url(images/one_col_top_sml.png) no-repeat;
	text-indent: -999em;
}

.one-col #inner-cont {
	background: url(images/one_col_mid_sml.png) repeat-y;
	padding: 0 50px 0 50px;
	
}

.one-col #inner-cont .left {
	float: left;
	width: 48%;
}

.one-col #inner-cont .right {
	float: right;
	width: 48%;
}

.yt {
	background: url(images/yt_link.jpg) no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	margin: 25px 0 0 0;
}

.lnkin {
	background: url(images/link_logo.jpg) no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	margin: 15px 0 0 0;
}

.fb {
	background: url(images/fb_link.jpg) no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	margin: 15px 0 0 0;
}

.yt:hover, .lnkin:hover, fb:hover {
	opacity: 0.75;
}

.two-col {

}

.two-col h2 {
	display: block;
	height: 20px;
	background: url(images/two_col_top_sml.png) no-repeat;
	text-indent: -999em;
}

.two-col #inner-cont {
	background: url(images/two_col_mid_sml.png) repeat-y;
	padding: 0 29px 0 50px;
	clear: both;
	
}

.two-col #inner-cont .left {
	float: left;
	width: 625px;
}

.two-col #inner-cont .right {
	float: right;
	width: 250px;
}

.two-col #inner-cont .right p {
	margin-right: 14px;
}

.black-col {


}

.black-col h2 {
	display: block;
	height: 37px;
	background: url(images/new_black_top.png) no-repeat;
	text-indent: -999em;
}

.black-col #inner-cont {
	background: #0f110d;
	padding: 0;
	
}

.black-col #inner-cont .left {
	float: left;
	width: 225px;
}

.black-col #inner-cont .right {
	float: right;
	width: 675px;
	min-height: 460px;
}

#inner-cont p {
	padding-bottom: 12px;
}

#inner-cont h3 {
	color: #f79335;
	font-size: 1.5em;
	padding: 12px 0 10px 0;
}

#inner-cont img {
	border: 1px solid #fff;
	margin: 0 16px 12px 0;
}

#footer {
	margin: 0 auto;
	width: 1000px;
}

#footer .ftlft {
	float: left;
	width: 296px;
	height: 21px;
	display: block;
	background: url(images/artist_marc_lacourciere.png) no-repeat;
	text-indent: -999em;
	margin-top: 10px;
}

#footer .ftrt {
	float: right;
	margin-top: 12px;
}

#innerft {
	height: 180px;
	background: url(images/new_ftr_wspot_short.png) no-repeat center bottom;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.jca {
	margin: 15px 0 15px 0;
}

/*navigation styles */

#navigation {
	position:relative;
	width:98%;
	float:left;
	height: 70px;
	padding-left: 37px;
}

/* sub-menu ULs */

#navigation li ul {
	cursor:default;
	width:35em;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.06em;
	padding:10px 0;
	padding-left:2em !important;
	background-position:0 0 !important;
	left:-9000px;
}

#navigation.std {

}

#navigation.homenavi {
	border: 1px solid green;
}

/* added tpl */

#homelnk a {
	background: url(images/home_lnk.png) no-repeat;
	width: 55px;
}

#aboutlnk a {
	background: url(images/about_lnk.png) no-repeat;
	width: 143px;
}

#gallerylnk a {
	background: url(images/gallery_lnk.png) no-repeat;
	width: 66px;
	height: 35px;
}

#newslnk a {
	background: url(images/news_lnk.png) no-repeat;
	width: 129px;
}

#artlnk a {
	background: url(images/print_lnk.png) no-repeat;
	width: 85px;
}

#orderinglnk a {
	background: url(images/ordering_lnk.png) no-repeat;
	width: 84px;
}

#contactlnk a {
	background: url(images/contact_lnk.png) no-repeat;
	width: 96px;
}

#linkslnk a {
	background: url(images/links_lnk.png) no-repeat;
	width: 51px;
}

#indexlnk a {
	background: url(images/index_lnk.png) no-repeat;
	width: 50px;
}

#evntgalllnk a {
	background: url(images/evntgall_lnk.png) no-repeat;
	width: 122px;
}

#homelnk a:hover, #aboutlnk a:hover, #gallerylnk a:hover, #newslnk a:hover, #artlnk a:hover, #orderinglnk a:hover, #contactlnk a:hover, #linkslnk a:hover {
	background-position: left bottom;
}

/* tpl add end */

/* All LIs */

#navigation li {
	float:left;
	text-align:center;
	list-style-type:none;
	padding-right: 14px;
	margin-right: 14px;
}

/* sub-menu LIs */

#navigation li ul li {
	padding:0 10px 0 0;
	border:none;
	width:auto;
	max-width:none;
}

/* All anchors */

#navigation li a {
	text-indent: -999em;
	display:block;
	float:left;
	height: 25px;
}

/* sub-menu Anchors */

#navigation li ul li a {
	position:relative !important; /* ie Mac */
	white-space:nowrap;
}
/* position and z-index for the sub-menus */
#navigation li:hover ul,
#navigation li.msieFix ul {left:0;z-index:10}


#gallerylnk ul li {
	margin-left: 270px;
}

#newslnk ul li {
	margin-left: 365px;
}

#homelnk, #aboutlnk, #gallerylnk, #newslnk, #artlnk, #orderinglnk, #contactlnk {
	border-right: 2px solid #fff;
}

/* home page styles */

.home-bdy .left-home {
	float: left;
	background: url(images/home_page_beatles.jpg) no-repeat;
	width: 669px;
	height: 474px;
	margin-left: -21px;
}

.home-bdy .right-home {
	width: 250px;
	height: 473px;
	float: right;
	background: url(images/home_grad.png) repeat-x left bottom;
}

.home-bdy .right-home > * {
	margin: 10px 0 0 20px;
}

.home-sml {
	color: #e1e1e1;
	margin-top: 15px;
	margin-left: 18px;
	font-size: 15px;
}

.home-name {
	color: #f79335;
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-left: 18px;
}

.home-txt {
	font-weight: bold;
	width: 295px;
	margin-left: 18px;
	font-size: 1.1em;
}

/*  product page styles */

#prod-left {
	width: 310px;
	float: left;
	padding-right: 15px;
	margin-right: 20px;
}

.details p, .details li, #prod-left p {
	font-size: 1.1em;
	clear: both;
}

.details h3, #prod-left h3 {
	color: #f79335;
	font-size: 1.75em;
	margin: 0;
	padding: 0;
}

.details h4, #prod-left h4 {
	color: #a7a9ac;
	font-size: 1.3em;
}

#prod-left b {
	color: #a7a9ac;
	line-height: 1.8em;
}

#prod-mid {
	width: 302px;
	float: left;
}

#prod-right {
	width: 350px;
	padding-left: 15px;
	float: right;
	background: url(images/third_col.png) no-repeat;
	width: 325px;
	height: 500px;
	margin-top: -18px;
}

.prod-right-cont {
	margin: 45px 0 0 25px;
}

.details {
	border: 1px solid #666;
	padding: 15px;
	margin-top: 20px;
}

.details .first-low {
	width: 36%;
	float: left;	
}

.details .second-low {
	width: 30%;
	float: left;
	margin: 0 2% 0 2%;
}

.details .third-low {
	width: 30%;
	float: left;
}

#matrix {
	font-size: 9px;
	background: url(images/strokes.png) repeat-x;
}

#matrix li {
	padding: 6px 0 6px 0;
	clear: both;
	height: 14px;
}

#matrix .first-row {
	background-color: #555;
}

#matrix li span {
	display: block;
	float: left;
	width: 70px;
	padding-left: 3px;
}

#matrix li .edsize {
	width: 110px;
}

strong.genre {
	color: #f79335;	
	font-weight: bold;
	font-size: 1.2em;
}

.perf {
	margin-top: 35px;
	color: #f79335;
	font-weight: bold;
	font-size: 1.4em;
}

.bandlogo {
	display: block;
	margin-top: 35px;
	float: left;
	width: 70px;
	height: 64px;
}

.ituneslogo {
	float: right;
	margin: 25px 40px 0 30px;
	width: 85px;
	height: 27px;
}

.ytlink {
	float: right;
	margin: 10px 20px 0 0;
}

.backtoindex {
	text-decoration: none;
	
}

.crt {
	visibility: hidden;
}

/* gallery page */

.gallery-bdy #inner-cont {
	
}

.gallery-bdy #inner-cont {
	min-height: 440px;
	padding-top: 10px;
	background: #0f110d;
}

.browse {
	display: block;
	width: 212px;
	height: 27px;
	background: url(images/browse.png) no-repeat;
	margin: 20px 0 10px 400px;
	text-indent: -999em;
}

.browse:hover {
	opacity: 0.65;
}

/* gallery index page */

#indexgenres {
	margin-bottom: 25px;
}

.active a {
	color: #f79335;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
}

.active a:hover {
	color: #fff;
}

.inactive a {
	color: #666;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
}

.inactive a:hover {
	color: #666;
}

.backlink {
	text-decoration: none;
	font-size: 1.2em;
}

.newshdr {
	font-size: 1.3em;
	line-height: 1.75em;
	margin: 15px 0 15px 0;
	border-bottom: 1px solid #777;
}

/* art-terms page */



/* contact page */

#process li {
	margin-bottom: 15px;
}

/* about page */

.about-the-artist-bdy .right {
	background: url(images/mid_grad.png) repeat left bottom;
	min-height: 600px;
	
}

.about-the-artist-bdy .right div {
	margin: 0 25px 0 20px;
}

.about-the-artist-bdy .right div img {
	width: 100%;
}

/* ordering page */

.ordering-bdy .left p span, .ordering-bdy .right p span {
	color: #f79335;
}

#req, #req li {
	list-style-type: disc;
}

#req {
	margin-bottom: 15px;
	color: #f79335;
}

#req li {
	margin: 0 0 6px 15px;
	color: #fff;
}

.tgif {
	position: absolute;
	top: 285px;
	left: 50%;
	margin-left: -157px;
	width: 305px;
	height: 445px;
}