@charset "UTF-8";
/* CSS Document */
html, body { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,ul,li,p,img,div { margin:0; padding:0; }
h1 { margin:0 0 10px 0; }
h2 { font-weight:bold; color:#333333; font-size:14pt; margin:0 0 5px 0; line-height:100%; }
h3 { font-weight:bold; color:#555555; font-size:13pt; margin:0 0 5px 0; line-height:100%; }
p { color:#333333; font-size:1em; }
body { background:#FFF; font-family:Arial, Helvetica, sans-serif; }
a:link, a:visited { color:#990000; font-weight:bold; text-decoration:none; }
a:hover, a:active { color:#990000; font-weight:bold; text-decoration:underline; }
a.btn1:link,a.btn1:visited { background:#990000; color:#FFF; text-decoration:none; margin:10px 0 10px 0; padding:5px 20px; font-size:.8em; font-weight:bold; display:inline-block; width:auto; }
a.btn1:hover,a.btn1:active { background:#fff; background:#ccc; }
ul { margin:0 0 0 20px; }
ul li { margin:0 0 15px 0; }
.accent1 { color:#990000; }
/*.separate { border-top:1px #CCC solid; }*/
.section { margin:0px 0 25px 0; border-top:1px #CCC solid; padding:25px 0 0 0;}
hr { border:none; border-top:1px #CCC solid; }
/* main container */
div#container { width:970px; margin:0 auto; background:#FFF; position:relative; }
/* header */
div#header { height:95px; position:relative; }
div#header h1 a { background:url(../images/logo-mcloughlin-art-gallery-wicon.gif) no-repeat; width:381px; height:83px; text-indent:-9999px; display:block; border:none; position:absolute; left:35px; top:0px; }
div#header div#headerContactInfo { position:absolute; left:600px; top:10px; }
div#header p { font-size:11pt; color:#333333; }
div#header img { position:absolute; left:600px; top:10px; }
div#header div#socialLinks { position:absolute; right:0px; top:25px; width:386px; height:53px; }
div#header div#socialLinks a#facebook { background:url(../images/logo-facebook.jpg) no-repeat; width:36px; height:53px; text-indent:-9999px; display:inline-block; border:none; float:left;margin:0 10px 0 0; }
div#header div#socialLinks a#twitter { background:url(../images/logo-twitter.jpg) no-repeat; width:35px; height:53px; text-indent:-9999px; display:inline-block; border:none; float:left; margin:0 10px 0 0;  }
div#header div#socialLinks a#instagram { background:url(../images/logo-instagram.jpg) no-repeat; width:35px; height:53px; text-indent:-9999px; display:inline-block; border:none; float:left; margin:0 10px 0 0;  }
div#header div#socialLinks a#pinterest { background:url(../images/logo-pinterest.jpg) no-repeat; width:35px; height:53px; text-indent:-9999px; display:inline-block; border:none; float:left; margin:0 10px 0 0;  }
div#header div#socialLinks a#googlegallery { background:url(../images/logo-googlegallery.jpg) no-repeat; width:171px; height:53px; text-indent:-9999px; display:inline-block; border:none; float:left; }
/* navMain */
div#navMain { background:#fff; margin:0 0 15px 0; padding:5px; position:relative; }
div#navMain ul { list-style-type:none; margin:0px 0 0 45px; }
div#navMain ul li { display:inline; margin:0px 45px 0 0; padding:5px 0 0 0; }
div#navMain ul li a:link, div#navMain ul li a:visited { font-weight:bold; color:#aaa; font-size:12pt; text-decoration:none; }
div#navMain ul li a:hover, div#navMain ul li a:active { color:#CCC; }

.col_1_3 { width:320px; float:left; margin:0 15px 25px 0; }
.col_1_2 { width:540px; float:left; margin:0 35px 25px 0; }
/*--------- nav sub menu ---------------*/
ul.menuVert li {
	display:block;
	background-color:#3f3f3f;
	width:200px;
	border-bottom:1px dashed #f1f1f1;
}
ul.menuVert li.lastItem { border-bottom:none; }
ul.menuVert a:link, ul.menuVert a:visited {
	display:block;
	color: #FFF;
	text-decoration:none;
	padding:5px 30px 5px 5px;
}
ul.menuVert a:hover {
	color:#CCCCCC;
}
ul#menuSubOne {
	margin:0;
	z-index:101;
	position:absolute;
	top:117px;
	left:470px;
	padding-top:5px; /*use this to put a gap above sub menus*/

	visibility:hidden;
	/*opacity: 0;*/
}
ul#menuSubOne li { margin:0; }
/*ul#menuSubOne {position:absolute; top:0px; left:500px; }*/
/*footer*/
div#footer { margin:50px 0 0 0; padding:0 0 15px 0; clear:both; }
div#footer h4 { background:url(../images/logo-mcloughlin-art-gallery-footer.gif) no-repeat; width:224px; height:26px; text-indent:-9999px; margin:0 auto; }
div#footer div#footerDividerBar { height:2px; background:#CCC; margin:2px 0 2px 0; }
div#footer p { text-align:center; color:#666666; font-size:12pt; margin:2px 0 0px 0; }
div#footer a:link, a:visited { color:#dbdbdb; font-weight:normal; text-decoration:none; }
a#cruxLink:link, a#cruxLink:visited { color:#dbdbdb; font-weight:normal; text-decoration:none; font-size:10pt; float:right; margin:0 0 25px 0; }
a#cruxLink:hover, a#cruxLink:active { color:#ccc; }
/* home page eventBright section */
div#eventBrightSection { position:absolute; }

/*------- home page styles -------- */
#contentHome { background:#FFF; padding:0px 0px 25px 0px; }
div.rssfeeds h3 { font-size:10pt; color:#333; font-weight:normal; }
div.rssfeeds a { font-size:10pt; }

/*div#links { margin-top:15px; }
div#links h1 { font-size:1.5em; }
div#links h2 { font-size:1.5em; }
div#links a#glide:link, div#links a#glide:visited { background:url(images/logo-glide-v2.gif) no-repeat; width:95px; height:81px; display:block; text-indent:-9999px; float:left; }
div#links a#selamta:link, div#links a#selamta:visited { background-color:#999999; color:#FFF; padding:15px; margin:0px 0px 15px 15px; float:left; }
*/
.currentexhibition { width:576px; width:600px; margin:25px auto 0 auto; }
.currentexhimg { width:213px;float:left; }
.currentexhcontent { width:353px; width:377px; float:left; padding:0px 0 0 10px; line-height:26px; }
.currentexhibition p { color:#000; }
.currentexhcontent p a { color:#000; font-weight:normal; }
/* --------------------- home banner styles --------------------- */
div#bannerArea { clear:both; margin:0 0 5px 0; }
div#banners { width:970px; height:320px; margin:0 auto; position:relative; }
div#banners .banner { position: absolute; top:0; left:0; display:block; }
div#banners .banner a img { border:none; }
.banner.current { z-index: 2; }

.banner.current .bannerContentArea { display:block; }
.bannerContentArea { display:none; }
.bannerContentArea { position:absolute; right:0px; top:0px; width:200px; height:260px; padding:30px; background:url(../images/bg-homeBannerContent.png) repeat; }
.bannerContentArea h1 { font-size:1.45em; color:#FFF; margin:0 0 5px 0; line-height:100%; }
.bannerContentArea h2 { font-size:1.45em; color:#FFF; margin:0 0 5px 0; line-height:100%; }
.bannerContentArea h3 { font-size:.8em; color:#999; margin:0 0 5px 0; line-height:180%; }
.bannerContentArea p { font-size:.8em; color:#FFF; margin:0 0 5px 0; }

div#bannerControlArea { height:35px;  clear:both; width:970px; margin:0 auto;}
ul#controls { text-align:center;list-style:none; padding:15px 0 30px 0; }
ul#controls li { display:inline; }
ul#controls li a { background:url(../images/banner-control-img.gif) bottom left no-repeat; width:13px; height:13px; margin:0 4px 0 0; display:inline-block; text-indent:-9999px; }
ul#controls li.active a { background-position:top left; }
ul#controls li a:hover { background-position:top left; }





div#gallery a img { border:3px #ccc solid; margin:0 15px 15px 0; float:left; }
div#gallery a img:hover, div#gallery a img:active { border-color:#333; }




/*------ artist detail styles -------- */
.artistDetail h2 { font-weight:bold; color:#666666; font-size:17pt; }
.artistDetail h3 { font-weight:bold; color:#333; font-size:17pt; }
.artistPortfolioImage { text-align:center; margin:0 0 100px 0; }
.artistPortfolioImage img { text-align:center; }
.artistPortfolioImage p { text-align:center; }
/*div#artistHeader { background:url(../images/artist-header-generic.jpg) no-repeat; width:970px; height:253px; position:relative; }
div#artistHeader { background:url(../images/artist-header-generic.jpg) no-repeat; width:970px; height:253px; position:relative; }
div#artistHeader div#artistHeadshot { position:absolute; left:420px; top:100px; }
div#artistHeader div#artistName { position:absolute; left:590px; top:120px; }*/
div#artistHeader { background:none; width:970px; height:253px; position:relative; }
div#artistHeader div#artistHeadshot { position:absolute; left:320px; top:100px; }
div#artistHeader div#artistName { position:absolute; left:490px; top:120px; }
div.artWorkDisplay { margin:25px 0 75px 0; text-align:center; }
div.artWorkDisplay p {  color:#333333; font-weight:bold; }
div.artWorkDisplay img { margin:0 0 10px 0; }
div.artistbio { margin:0 50px; }
/*div.artistbio p { color:#333333; }*/

div.artistList ul li a:link,div.artistList ul li a:visited { color:#000000; }
div.artistList ul li a:hover,div.artistList ul li a:active { color:#cccccc; }
/*------ exhibits styles -------- */
.exhibits { padding:70px 0 0 130px; }
.exhibits div { margin:0px 0px 65px 0; clear:both; }

/*------ news styles -------- */
div.newsItem { margin:5px 0 25px 0; }
div.newsItem a:link, div.newsItem a:visited { text-decoration:underline; font-size:12pt; margin:0; }
div.newsItem a:hover, div.newsItem a:active { text-decoration:none;}