@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #F9FCFF;
	font-family: Arial, Helvetica, sans-serif;
}

/* =========================== class rules ============================ */

.container {
	width:960px;
	margin: 0 auto;
	}

/* ============================ id rules ============================== */

/* ----------------------------- header --------------------------------*/
#stretch-header {	
	height: 175px;
	background-image: url(/images_css/header_bg.png)
	}
#header {
	height: 175px;
	}	
#stretch-nav {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}	
#catalog {
	background-color: black;
	}
#head-img {float: left;}
#quotes {
	width: 450px;
	margin-top: 110px;
	text-align: center;
	float: right;
	font-size: 13px;
	font-style: italic;
	}
#cat-descript {
	font-size:13px;
	text-align:justify;
	padding-bottom: 10px;
	}
/* ---------------------------- section ------------------------------ */


#left {
	width: 600px;
	float: left;
	background-color: transparent;
	
	}
#left p {
	font-size: 13px;
	margin-left: 335px;
	text-align: justify;
	}
#left ul {
	font-weight: bold;
	line-height: 1.2em;
	font-size: 14px;
	margin-left: 335px;
	}
#left h4 {
	margin-top: 45px;
	margin-left: 335px;
	text-align: center;
	}
#right {
	width: 330px;
	float: left;
	margin-left: 30px;
	background-color: transparent;
	}
#right p {
	text-align: justify;
	font-size: 13px;
	}
#contactPage {
	width: 960px;
	height: 840px;
	background-image: url(/images_css/contact_bg.jpg);
}
#biographyPage {
	margin-top: 0;
	width: 960px;
	height: 900px;	
	background-image: url(/images_css/biography.jpg);
}
#biographyPage p {
	text-align: justify;
	margin-left:40px;
	margin-right: 40px;
	font-size: 13px;
}
#biographyPage2 {
	width: 960px;
	height: 744px;
	background-image: url(/images_css/bio_bg2.jpg);
	}
#biographyPage2 p {
	width: 410px;
	font-size: 12px;
	margin: 0px 0px 0px 520px;
	padding-top: 40px;
	text-align: justify;
	}
#biographyPage2 ul {
	list-style-type: none;
	font-size:12px;
	width: 410px;
	margin-left: 480px;
	}
#biographyPage3 {
	width: 960px;
	height: 744px;
	background-image: url(/images_css/bio_bg2.jpg);
	}
#biographyPage3 p {
	width: 410px;
	font-size: 12px;
	margin: 0px 0px 0px 520px;
	padding-top: 40px;
	text-align: justify;
	}
#biographyPage3 ul {
	list-style-type: none;
	font-size:12px;
	width: 410px;
	margin-left: 480px;
	}
	
table#sketch span {
	font-size:12px;
	font-weight: bold;
	}
#tabs li {
	font-size:12px;
	}
	
#tabs p {
	font-size:11px;}
	
#tech {
	width:960px;
	height: 535px;
	}

#tech #r-content h1 {
	font-size:18px;
	text-align: center;
	font-weight: normal;
	font-stretch: expanded;
	margin-top:0px;
	}
	
#tech #r-content h2 {
	font-size:15px;
	text-align: center;
	font-weight:normal;
	}

#tech #r-content p {
	font-size: 12px;
	text-align: justify;
	line-height: 19px;
	margin: 40px 78px;}
	
#display-info {
	margin-top: 0px;
	padding-top: 20px;
	height: 160px;
	width: 960px;
	background-image: url(/images_css/disp_frames_bg.jpg);
	}
.disp-frames {
	clear: both;
	width: 958px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	
	font-size: 13px;
	}
.disp-left {
	width: 500px;
	height: 360px;
	float: left;
	}
.disp-right {
	width: 458px;
	height: 360px;
	float: left;
	}
#r-content {
	width: 400px;
	height: 500px;
	margin-left: 550px;
	}
	
#r-content a { 
	color: #999;
	text-decoration: none;
	}
#r-content a:hover { color:#000;}
	
#stretch-content {background-color: #F3F7FA;}
/* ------------------------------ Artist App -------------------------- */
div.social p a img {padding-right: 1.5em;} 
	
/* ---------------------------- footer --------------------------------*/	
#stretch-footer {
	clear: both;
	height: 200px;
	border-top: 5px double #aaaaaa;
	background-image: url(/images_css/footer_bg.png);
	}
#footLinkMain {
	margin: 10px 10px 15px 15px;
	width: 940px;
	float: left;
	font-size: 12px;
	}
	
#footLinkOverV {
	margin: 10px 0 15px 10px; 
	width: 140px;
	float: left;
	font-size: 12px;
	}
	
#footer div#footLinkCopy {
	margin: 0px 0px 15px 2px;
	width: 960px;
	float: left;
	font-size:12px;
	text-align: center;
	}
#footer div#footLinkCopy p {
	margin: 10px 0px;
	text-align: center;
	font-size: 12px;
	}


a.riology {
	color: black;
	text-decoration: none;
	}
a.riology:hover {
	color: #999999;
	}
	
/* =========  GALLERY PAGE CSS =========== */
#content .container { height:500px;}
	
#gallery { width: 960px; height:500px; position: relative; }

#lgImage {width: 960px; height: 500px;}

#lgView { width: 960px; height: 500px;}

#gridLinks { position: absolute; left:10px; top: 20px; width: 448px; padding: 0; margin: 0;}
table#gridView { width:448px; height:448px; background-color: transparent;}
table#gridview .square { width:60px; height:60px; background-color: transparent; padding:0; margin:0;}
table#gridview .square img { margin:0; padding: 0;}

div.panel {
	width:306px;
	margin-top:20px;
	min-height:395px;
	background-color:#F2F5F7;
	border: 1px solid #ddd;
}
div.panel h3 {text-align:center;color:#9B7F1F;}
div.panel p:first-of-type {padding:0px 15px 15px 15px;font-size:14px;}
div.panel p:last-child {text-align:center;padding-bottom:20px;}
div.panel p img {padding-bottom:20px;}

div.panel-2 {
	width:225px;
	margin-top:20px;
	margin-bottom:20px;
	min-height:310px;
	background-color:#F2F5F7;
	border: 1px solid #ddd;
}
div.panel-2 h3 {text-align: center; color: #eee; background-color: #9B7F1F; height: 2.2em; margin: 0; padding-top: 1em; font-weight:normal;}
div.panel-2 h3 a {color:#eee; text-decoration: none;}
div.panel-2 h3 a:hover {color: #fff; }
div.panel-2 p:first-of-type {padding:0px 15px 15px 15px;font-size:14px;}
div.panel-2 p:last-child {text-align:center;padding-bottom:20px;}
div.panel-2 p img {padding-bottom:20px;}

a.button {background-color:#9B7F1F;padding:10px;color:white;text-decoration:none;}
a.button:hover {background-color:#B09023;color:white;text-decoration:none;}
.shop-cart {max-width: 960px; margin: 0 auto;}

#subGallery { 
	width: 960px; 
	height:220px; 
	background-color: #091918;
	padding-top: 1em;
}
#textLeft h2, #textRight h2 {
	color: #C1C1C1;
	font-size: .9em;
	margin-top: 0;
}
div#textLeft {
	float: left;
	color: #C1C1C1;		
	width: 330px;
	padding-left: 1em;
}
div#textLeft p {
	margin-top:0;
	font-size: .9em;
}
div#textRight {
	float: left;
	color: #C1C1C1;
	width: 600px;
}

#textRight ul {
	font-size: .8em;
	list-style-type: none;
}