/* 
**************************************************************

DAVID CHRISTY & INTERNET

http://davidchristyandinternet.com


Cause when they met...it was a barefoot walk across hot coals!

**************************************************************
*/


/* resets */
* {padding:0;margin:0;}
body { margin:0px;padding:0px;overflow:hidden;height:100%; width:100%;color:#666666;}
img {border:0;}
h1 {width:0;height:0;display:none;}
.reset {display:block;clear: both;font-size: 0px;height: 0px;line-height: 0px;margin: 0;}
	
/* front page wrapper */	
#easel { width:100%;height:100%;  }
/* insidepage wrapper for jquery stretch */	
#easel-inside {width:100%;height:100%;position:absolute;z-index:5;overflow:auto;height:100%;width:100%;}

/* divs for inside pages */	
#contentcanvas {width:100%;z-index:10;position:absolute; }

#content_top {height:80px;display:block;margin:0 auto;padding:20px;}
#content_bottom {height:350px;display:block;margin:0 auto;font-family:Helvetica,Arial,sans-serif;color:#666;}

#content_left {float:left;width:50%;}
#content_right {float:right;width:50%;text-align:right;}


/* logo for both inside and front page */	
#logocanvas {width: 100%;height:85px;position: absolute;bottom:25px;z-index:20;}
#logo {	display:block;width:268px;height:30px;margin:0 auto;}

/* glabal links */	
a, #left-content a:visited {padding:0px; margin:0px; color:#2d2a29;text-decoration:underline;font-weight:bold;}
a:hover {color:#000;text-decoration:none;}

/* flash for front page */	
#flash_bg {width:100%;height:100%; position:absolute; z-index:1;background-image:url(_img/no-flash.jpg); background-position:bottom;background-repeat:no-repeat;}

/* stretching bg image div */	
#image_bg {position:absolute; z-index:-1; }



#foot { width:100%;position:fixed; z-index:30;bottom:0;height:25px;}
.colorfoot { background:#c5b9b6;}
#foot_nav {width:265px;height:25px;display:block;margin:0 auto;} /* width was edited from 649 to 265 */
.video .colorfoot { background:#000;}


.a {width: 40px; height: 50px; background: url(_img/butt-vid.png) 0 50px; display:block; float:left;margin-right:67px;}
.a:hover, .video .a {width:40px;height:50px;background: url(_img/butt-vid.png) 0 -25px;}

.b {width: 43px; height: 50px; background: url(_img/butt-about.png) 0 50px; display:block; float:left;margin-right:67px;}
.b:hover, .about .b {width:43px;height:50px;background: url(_img/butt-about.png) 0 -25px;}

.c {width: 70px; height: 50px; background: url(_img/butt-collection.png) 0 50px; display:block; float:left;margin-right:67px;}
.c:hover, .collection .c {width:70px;height:50px;background: url(_img/butt-collection.png) 0 -25px;}

.d {width: 75px; height: 50px; background: url(_img/butt-buy.png) 0 50px; display:block; float:left;margin-right:67px;}
.d:hover, .buy .d {width:75px;height:50px;background: url(_img/butt-buy.png) 0 -25px;}

.e {width: 38px; height: 50px; background: url(_img/butt-press.png) 0 50px; display:block; float:left;margin-right:67px;}
.e:hover, .press .e {width:38px;height:50px;background: url(_img/butt-press.png) 0 -25px;}

.f {width: 48px; height: 50px; background: url(_img/butt-credits.png) 0 50px; display:block; float:left;}
.f:hover, .credits .f {width:48px;height:50px;background: url(_img/butt-credits.png) 0 -25px;}



#content-div-left-30 {
	float:left;
	margin-left:30%;
	margin-top:100px;
}

#content-div-left-20 {
	float:left;
	margin-left:20%;
	margin-top:40px;
}

#content-div-left-10 {
	float:left;
	margin-left:10%;
	margin-top:90px;
}

h2 {
	margin-bottom:5px;
	font-size:28px;
	font-weight:normal;
	text-transform:uppercase;
	color:#2d2a29;
}
#content_bottom p {
	width:460px;
	margin-bottom:5px;
	font-size:12px;
	line-height:16px;
	color:#2d2a29;
}

.grey {
color:#666666;
}
.editorial {margin-top: 0}
#content_bottom .editorial p img {height: 75px; width: 75px}
#content_bottom .editorial p {width: 500px; float: left; clear: none; margin-bottom: 15px}
#content_bottom .editorial p.title {width: 210px; float: left; clear: left}
#content_top.editorial {height: 20px;}