/* Layout CSS Document for Nina Bliese Gallery*/

/* Container and Masthead */



html {overflow-y: scroll !important; 
	overflow: -moz-scrollbars-vertical !important;
}

body {
	background-color:#d6d4d4;
	text-align: center;
	font: Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

/* Links */

a:active, a:focus {
	outline: 0;
	border: none;
	
}


a img {	border: 0;}
img {
	border: 0;
	border-style: none;
	
}


a {font: Arial, Helvetica, sans-serif; }


a:link, a:visited {color:#CCCCCC; text-decoration: none; }

a:hover, a:active { color:#6F6F6F; text-decoration:underline; }


#navlinks a:link, a:visited {color:#000000; text-decoration: none; }

#navmain a:hover, a:active { color:#6F6F6F; text-decoration:underline; }

.pActive {font-size:18px; color:#6F6F6F; text-decoration:underline; }


#exinfo a:link {color:#CCCCCC; text-decoration: none; }
#exinfo a:hover { color:#6F6F6F; text-decoration:underline; }

#prev a {color:#CCCCCC; text-decoration: none; }
#prev a:hover { color:#6F6F6F; text-decoration:underline; }

#choice a {color:#CCCCCC; text-decoration: none; }
#choice a:hover { color:#6F6F6F; text-decoration:underline; }
	
#linfo a:link, a:visited {color:#000000; text-decoration: none; font-size:14px;}

#linfo a:hover, a:active { color:#6F6F6F; text-decoration:underline; }

#artNet a {color:#CCCCCC; text-decoration: none; }
#artNet a:hover { color:#6F6F6F; text-decoration:underline; }

a.gray {
	color: #CCCCCC;
	text-decoration: none;
}

.large {font-size:24px; }
		
.med {font-size:16px; }
.med14 {font-size:14px; }

.sml {font-size:13px; }

a.gray:hover {
	color: #6F6F6F;
	text-decoration: underline;
}

.pic {
	border: 0 none; }



#container {
	position:relative;
	width: 785px;
	height:606px;
	margin: 0 auto;
}


#masthead {
	position: relative;
	width:785px;
	height:81px;
	background:url(../imagesPro/name.jpg);
	margin: 0 auto;
}

#logoL {
	position:absolute;
	width: 192px;
	top:0;
	left:0;
	height: 81px;
	background-image: url(../imagesPro/logoL.jpg);
	
	
}


#logoR {
	position:absolute;
	width:186px;
	top:0;
	right:5px;
	height: 81px;
	background-image: url(../imagesPro/logoR.jpg);
	z-index:2:
	
}


#navmain {
	position:relative;
	width:785px;
	height:37px;
	background-image:url(../imagesPro/navNew.jpg);
	margin:0 auto;
	
	text-align: center;
	
}

#navlinks li {

	position: relative;
	display: inline;
	color:#000000;
	z-index: 2;
	
	
}

#navmain ol a {
  font-size:18px;
  line-height: 2em;
  
}

#content {
	position:relative;
	width:785px;
	height:430px;
	background:url(../imagesPro/content.jpg);
	margin:0 auto;
	
	
}

#cont1 {
	position: relative;
	float:left;
	width:758px;
	height:180px;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:12px;
	background-color:#b0b3b6;
	
}

#apDivSS1 {
	float:left;
	width:246px;
	height:171px;
	margin-top: 4.5px;
	margin-left: 5.5px;
	
}

#apDivSS2 {
	float:left;
	width:246px;
	height:171px;
	margin-top:4.5px;
	margin-left:5.5px;
	
}

#apDivSS3 {
	float:left;
	width:246px;
	height:171px;
	margin-top:4.5px;
	margin-left:5.5px;
	
}

#cont2 {
	clear:both;
	position:relative;
	width:753px;
	height:180px;
	
	left:12px;
	background:url(../imagesPro/swirl2New.jpg) no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:24px;

}

#cont2 p {	
	padding-top:30px;

}
	
#addr {
	float:left;
	width:251px;
	height:180px;

}


/* remove after saturday info is removed*/
#addr p {
	padding-top:30px; }

#currExh {
	float:left;
	width:251px;
	height:180px;

}



h3 {
	padding-top:5px;
}

#hours {
	float:right;
	width:251px;
	height:180px;

}

#sline {
	clear:both;
	position:absolute;
	top:409px;
	left:4px;
	width:772px;
	height:16px;
	background-image:url(../imagesPro/lineSilver2.jpg);
	
	z-index:3;
	
}

#footer {
	position:relative;
	width:785px;
	height:61px;
	background-image:url(../imagesPro/footer.jpg);
	margin:0 auto;
	font-size:14px;
	z-index:1;
}

/*       -----------------------------------------Artists Tabbed page------------------------------------------- */



/*a:link, a:visited {color:#CCCCCC; text-decoration: none; }

a:hover, a:active { color:#6F6F6F; text-decoration:underline; }*/

h4 {
	font-size:16px;
	padding:3px;
}


#contas {
	position: relative;
	float:left;
	width:760px;
	height:390px;
	margin-left:12px;
	margin-bottom:15px;
	
}

#asimage {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:10px;
	background-color:#999999;
	
}


.name {
	float:left;
	width:150px;
	height:390px;
	font-size:15px;
	
	

}

#slinea {
	clear:both;
	position:relative;
	top:0px;
	width:786px;
	height:16px;
	background-image:url(../imagesPro/lineSilver2.png);
	z-index:2;
	
}

/*   ------------------------------------------------   indiv artist    ---------------------  */

#conta {
	position: relative;
	float:left;
	width:760px;
	height:390px;
	margin-left:12px;
	margin-bottom:15px;
}

#conta7 {
	position: relative;
	float:left;
	width:760px;
	height:390px;
	margin:0 auto;
	
}

#conta8 {
	position: relative;
	float:left;
	width:760px;
	height:390px;
	margin-left:12px;
	
}

#aimage {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	
	background-image:url(../imagesPro*/artists/tBlondell/01.jpg);
}

#aimageP2 {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background-image:url(../imagesPro*/artists/sCarpenter/01.jpg);
}




.ainfo {
	float:left;
	width:420px;
	height:300px;
	
	
}

.ainfo h1 {
	font-size:24px;
	padding-top:85px;
}



#size {
	width:420px;
	margin:0 auto;
	height:85px;
	margin-top:75px;
}


#artNet {
	position:absolute;
	width:420px;
	height:20px;
	top:395px;
	left:330px;
}
	
#thumbnails {
	float:left;
	width:420px;
	height:90px;
	
	

}

#one {
	width:80px;
	height:90px;
	float:left;
	margin-right:5px;
	
	
}

#two {
	width:80px;
	height:90px;
	float:left;
	margin-right:5px;
	
}

#three {
	width:80px;
	height:90px;
	float:left;
	margin-right:5px;
	
}

#four {
	width:80px;
	height:90px;
	float:left;
	margin-right:5px;
	
}

#five {
	width:80px;
	height:90px;
	float:left;
	
}


.ainfoT {
	float:left;
	width:420px;
	height:390px;
	
	
}

/*            ----------------------------------  artist information  --------------------------- */

#conta3 {

position: relative;
	float:left;
	width:760px;
	
	margin-bottom:15px;
}

#artinfo {
	position:relative;
	width:785px;
	
	text-align:justify;
	background-image:url(../imagesPro/content.jpg);
	background-repeat:repeat;
	
}

#artinfo h1 {
	font-size:30px;
	padding-top:10px;
}

#artinfo h2 {
	font-size:20px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:35px;
	
}

#artinfo p {
	text-indent:2em;
	padding-right:35px;
	padding-left:30px;
}



	
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

#footerBlank {
	position:relative;
	width:785px;
	height:61px;
	background-image:url(../imagesPro/footer.jpg);
	margin:0 auto;
	font-size:14px;
	z-index:1;
}


/*         ----------------------------------------------------  artists tab  ------------------------------- */


#aimageCat {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background-image:url(../imagesPro/paintCat.jpg);
}

#multCat {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background-image:url(../imagesPro/multCat.jpg);
}

#woodCat {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background-image:url(../imagesPro/woodCat.png)
}


/*   ------------------------------------  Current Exhibition Page  ----------------------------- */


#currSS {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:10px;
	margin-right:15px;
	
}

#currSS9 {
	
	float:left;
	width:300px;
	height:390px;
	margin-top:10px;
	margin-right:15px;
	
}

#currInto {
	float:left;
	width:420px;
	height:330px;
	margin: 0 auto;
	padding-top:25px;
	line-height: 1.60em;
	
}


#currInto h1 {
	font-size:24px;
	font-weight:400;

}

#currInto h2 {
	font-size:24px;
	font-weight:400;

}

#currInto h3 {
	font-size:20px;
	font-weight:300;

}

#currInto h4 {
	font-size:17px;
	font-weight:400;
}

#currInto p {
	font-size:16px;
	padding-top:3px;
	text-align:justify;
	line-height:1.20em;
	padding-bottom:5px;
	padding-right:3px;
}


/*  Current Exhibition page for 2 openings */


.ceinfoT {
	position:relative;
	width:760px;
	height:390px;
}

#currInto2 {
	
	width:500px;
	height:340px;
	margin: 0 auto;
	padding-top:30px;
	line-height: 1.9em;
	border:1px #999 solid;
}

#currInto2 h1 {
	font-size:28px;
	font-weight:400;

}

#currInto2 h2 {
	font-size:22px;
	font-weight:350;

}

#currInto2 h3 {
	font-size:20px;
	font-weight:300;

}

#currInto2 h4 {
	font-size:17px;
	font-weight:400;
}

#currInto2 p {
	font-size:16px;
	padding-top:3px;
	text-align:justify;
	line-height:1.20em;
	padding-bottom:5px;
	padding-right:3px;
}

/* ---------------------  galley 1 and 2 */

.exgal1T {
	position:relative;
	width:752px;
	height:378px;
}


.currSS3 {
	
	float:left;
	width:291px;
	height:378px;
	
	margin-right:15px;
	border: 0 none;
	
	
}

/*.currSS4 {
	
	float:left;
	width:291px;
	height:378px;
	margin-top:5px;
	margin-right:15px;
	border: 0 none;
	
	
}*/

.currSS4 {
	
	float:left;
	width:291px;
	height:378px;
	margin-top:2px;
	margin-right:15px;
	
}



#currInto3 {
	float:left;
	width:420px;
	height:325px;
	margin: 0 auto;
	padding-top:5px;
	/*line-height: 1.60em;*/
	
}


#currInto3 h1 {
	font-size:22px;
	font-weight:200;

}

#currInto3 p {
	font-size:14px;
	padding-top:3px;
	text-align:justify;
	line-height:1.10em;
	padding-bottom:2px;
	padding-right:3px;
}

p.ctn20 {
	font-size:40px;
	text-align:center;
}

#currInto3e {
	float:left;
	width:415px;
	height:330px;
	margin: 0 auto;
	padding-top:5px;
	/*line-height: 1.60em;*/
	
}


#currInto3e h1 {
	font-size:24px;
	font-weight:400;

}

#currInto3e p {
	font-size:16px;
	padding-top:3px;
	text-align:justify;
	line-height:1.20em;
	padding-bottom:2px;
	padding-right:3px;
}


#currInto4 {
	width:615px;
	height:340px;
	margin: 0 auto;
	padding-right:10px;
	overflow:scroll;
	background-image:url(../imagesPro/currEx/10/toscar/toscar.jpg);
	
	
}



/*      --------------------------------------------------  Exhibition  ------------------------------------------ */

#grp1 {
	position: relative;
	float:left;
	width:360px;
	height:220px;
	margin-left:12px;
	margin-bottom:15px;
	
}

#grp2 {
	position: relative;
	float:left;
	width:360px;
	height:220px;
	margin-left:12px;
	margin-bottom:15px;
	
}

.exinfo h1 {

	font-size:36px;
	font-weight:400;
	
	

}

.exinfo h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.exinfo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	

}

/*     ------------------------------------------------- Exhibition Tab  ----------------------------------------------------- */


#eximageT {
	float:left;
	width:300px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background: url(../imagesPro/2010.jpg);
}

.exinfoT {
	float:left;
	width:600px;
	height:390px;
	
	
}


.nameT {
	float:left;
	text-align:left;
	width:420px;
	height:390px;
	font-size:15px;
	

}

/*    ----------------------------------------------------  Lease page  ---------------------------------------------------- */

#limage {
	
	position:relative;
	width:700px;
	height:390px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	margin-right:25px;
	background-color:#FFFFFF;
	
}

#lHeader {
	position:relative;
	width:700px;
	height:310px;
	background-image:url(../imagesPro/leaseImageNew.jpg);
}

#linfo{
	position:relative;
	width:680px;
	height:98px;
	top:5px;
	padding-top:6px;
	padding-left:10px;
	padding-right:6px;
	font-size:13px;
	color:#000000;
	text-align:justify;
}

/*   ------------------------------------------Location Page------------------------------------  */

#imagel {
	
	float:left;
	width:218px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	
}

#aimageLoc {
	
	float:left;
	width:218px;
	height:390px;
	margin-top:8px;
	margin-right:25px;
	background-image:url(../imagesPro/buildLoc.jpg);
}

#direction {
	float:left;
	width:495px;
	height:390px;
	
}
	

.loc {
	text-align:justify;
	padding:20px;
	text-align:justify;
	font-size:17px;
}

.mp1 {
	padding-top:20px;
}




/*   --------------------------------------  exhibition past shows  ------------------------------------       */




#limage {
	
	position:relative;
	width:700px;
	height:390px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	margin-right:25px;
	background-color:#FFFFFF;
	
}
#exinfo {
	
	position:relative;
	width:760px;
	height:275px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	line-height:2.5em;

}

#eximage{
	position:relative;
	width:760px;
	height:98px;
	padding-top:10px;

}

#exinfo h1 {font-size:34px; }

#exinfo h2 {font-size:26px; }

#exinfo h3 {font-size:20px; }

#exinfo p {font-size:20px; }


#gallery {
	position:relative;
	width:760px;
	height:98px;
	
	margin-left:auto;
	margin-right:auto;
}

/* jQuery lightBox plugin - Gallery style */
#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {
	border: 2px solid #999;
	
}

#gallery ul a:hover img {
	border: 2px solid #fff;
	border-width: 2px;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }




/*   --------------------------------------Contact page------------------------------------       */

.ainfoC {
	float:left;
	width:420px;
	height:305px;
	padding-top:8px;
	
	
}

.ainfoC h1 {
	font-size:24px;
	
}

