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

* {
margin:0 auto;
padding:0;
outline:none;
}

html {
min-height:100%;
margin-bottom:1px;
}

body {
margin:0 auto;
padding:0;
background:#232323 url(../img/mainbody-bg.gif) 0 0 repeat-x;
}


#container {
width:600px;
height:100%;
margin: 0 auto;
}


#mast {
width:600px;
height:70px;
border-bottom:solid 1px #7e7e7e;
padding:0;
}
#mast h1 {
display:block;
width:195px;
height:70px;
float:left;
}
#mast h1 a {
display:block;
width:195px;
height:70px;
background:url(../img/joansharma.gif) 15px 75% no-repeat;
text-indent:-5000px;
}
#mast ul {
list-style:none;
float:right;
text-align:right;
padding:40px 15px 0 0;
}
#mast li {
float:left;
display:inline;
margin-left:25px;
}	
#mast li a {
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}



/****** gloabal opacity control ******
*************************************/
#mast h1, #mast li, #paintings {
/* For browser that care */
opacity: 0.7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#mast h1:hover, #mast li:hover, #paintings:hover {
/* For browser that care */
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*********************************
****** End opacity control ******/



#content {
width:600px;
height:100%;
padding:0 15px 0 15px;
}

#paintings {
background:transparent url(../img/paintings.gif) 0 22px no-repeat;
text-align:left;
padding:0 0 0 40px;
width:570px;
height:500px;
}
#paintings h2 {
text-indent:-5000px;
padding:0;
}

#paintings h3 {
font:bold 13px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
margin-bottom:8px;
display:block;
}

#paintings ul {
list-style:none;
width:570px;
}
#paintings li {
float:left;
display:inline;
padding:0 0 10px 0;
margin:0 16px 0 0;
}
#paintings li a img {
border:solid 3px #fff;
}
#paintings li a img:hover {
border:solid 3px #232323;
}
h3.clear {
clear:both;
padding-top:10px;
}



#footer {
width:600px;
height:35px;
padding-top:25px;
border-top:solid 1px #7e7e7e;
clear:both;
}
#footer p, #footer a {
font:bold 10px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#a2a2a1;
text-decoration:none;
}
#footer p.left {
float:left;
margin-left:15px;
}
#footer p.right {
float:right;
margin-right:15px;
}
#footer a:hover {
color:#fff;
}