.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



*
{
margin: 0;
padding: 0;
}


#galInner
{
width: 640px!important;
}


body
{
text-align: center;
}


#gallery
{
float: left;
width: 913px;
height: 650px;
}


#galLeft
{
float:left;
width: 273px;
min-height: 640px;
}



#galRight
{
float:left;
width: 640px;
}




.imgPiece
{

}


.info
{
font-family: georgia;
font-size: 13px;
color: #000;
font-style: italic;
margin-top: 300px;
}

#container
{
text-align: left;
margin: 0 auto;
width: 913px;
height: auto;
padding-bottom: 100px;
}




#header
{
width: 913px;
height: 140px;
border-bottom: 1px solid #ccc;
margin: 0 auto;
}


#topBar
{
width: 913px;
height: 7px;
background: #000;
}

#logo
{
float:left;
}

#topNav
{
float: right;
text-align: left;
width: 475px;
padding-top: 100px;
}


#controls
{
width: 220px;
float:left;
margin-top: 80px;
}

#main
{
float:left;
width: 913px;
min-height: 670px;
/* border: 1px solid #000; */
margin-top: 35px;
}


.slides
{
float:right;
height: 600px;
z-index: 500;
}


.homeInfo
{
position: absolute;
bottom: 0px;
z-index: 1000;
width: 888px;
padding-top: 25px;
padding-left: 25px;
height:72px;
color: #fff;
display: none;
background: url('images/black.png');
}


#sideNav
{
position: absolute;
margin-left: -220px;
margin-top: 122px;
width: 150px;
padding-top: 25px;
padding-left: 25px;
height: 266px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}



#logo2
{
position: absolute;
margin-left: -180px;
top:40px;
}




#sideNav ul
{
}


#sideNav ul li
{
font-family: Georgia;
font-size: 16px;
text-align: right;
font-style: italic;
margin-bottom: 7px;
color: #ccc;
list-style-type: none;
}


#sideNav ul li a
{
color: #7f7f7f;
text-decoration: none;
}

#sideNav ul li a:hover
{
color: #333;
}

.subNav
{
text-align: right;
margin-top: 15px;
margin-bottom: 30px;
display: none;
}



.subNav  li
{
font-style: normal!important;
font-size: 11px!important;
margin-top: 10px!important;
}


#footer
{
float: left;
width: 915px;
margin-top: 50px;
font-size: 11px;
font-style: italic;
padding-top: 15px;
border-top: 1px solid #ccc;
}



#topNav ul
{
float: left;
margin-left: 30px;
}


#topNav ul li
{
font-family: Georgia;
font-size: 17px;
font-style: italic;
display: inline;
color: #ccc;
list-style-type: none;
padding-right: 20px;
}


.nopad
{
padding-right: 0px!important;
}

#topNav ul li a
{
color: #7f7f7f;
text-decoration: none;
}


#topNav ul li a:hover
{
color: #333;
}


#social
{
width: 70px;
float: right;
}


#social img
{
float: left;
margin-top: -20px;
}


.blackLine
{
border: 0;
border-bottom: 4px solid  #000;
width: 913px;
}


.blackLineDotted
{
border: 0;
border-bottom: 1px dotted  #000;
width: 913px;
}


.shelf
{
width: 913px;
font-size: 20px;
line-height: 150%;
font-style: italic;
}

.series
{
float:left;
margin: 0 auto;
width: 913px;
margin-bottom: 25px;
font-style: italic;
padding-bottom: 50px;
border-bottom: 4px solid  #000;
}

.piece
{
float:left;
width: 217px;
font-size: 13px;
height: 218px;
margin-right: 11px;
margin-bottom: 20px;
display: inline;
border-bottom: 1px dotted #000;
}

.piece img
{
margin-bottom: 15px;
}

.piece h4
{
font-family: georgia;
font-size: 14px;
font-style: normal;
}




.last
{
margin-right: 0px;
}



#blogBox
{
width: 661px;
float: right;
min-height: 800px;
/* border: 1px solid #ff0000; */
}


.innerPost
{
width: 661px;
float: left;
border-bottom: 1px dotted  #000;
margin-bottom: 15px;
}

.post
{
float: left;
width: 661px;
padding-top: 25px;
border-bottom: 4px solid  #000;
padding-bottom: 15px;
margin-bottom: 25px;
}

.topPost
{
border-top:0!important;
}


.author
{
float: left;
width: 150px;
font-size: 11px!important;
font-family: Helvetica!important;
}


.blackBox
{
float: left;
padding-left: 10px;
padding-right: 10px;
font-family: Helvetica!important;
font-style: normal;
background: #000;
text-transform: uppercase;
color: #fff;
font-size: 12px;
}


.blackBox a
{
color:#fff;
text-decoration:none;
}

.control
{
float: left;
margin-right: 10px;
width: 90px;
text-align: center;
padding: 5px;
color: #fff;
font-family: Helvetica;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
}

.imgName,.buffer
{
display: none;
}

/*---------------text--------------------------*/

p
{
font-family: Georgia;
color: #6e6e6e;
-webkit-font-smoothing: antialiased;
}

a
{
color: #7f7f7f;
}

a:hover
{
color: #333;
}

.shelf p
{
margin-bottom: 20px;
font-size:16px;
}

.contact p
{
font-size: 15px;
}


.presTitle
{
font-family: Georgia;
font-style: italic;
color: #7f7f7f;
line-height: 160%;
margin-bottom: 35px;
}

.postTitle
{
margin-bottom: 15px;
}


.post p
{
font-style: italic;
font-size:15px;
font-weight: normal;
font-smooth:always;
line-height: 160%;
margin-bottom:15px;
-webkit-font-smoothing: antialiased;
}

.author p
{
float: left;
width: 150px;
font-size: 11px!important;
font-style: normal;
color: #000!important;
line-height: 130%!important;
font-family: Helvetica!important;
}




.title
{
font-family:Georgia;
font-weight: normal;
font-smooth:always;
-webkit-font-smoothing: antialiased;
font-style: italic;
}

.descript
{
font-style: italic;
font-size:15px;
font-weight: normal;
font-smooth:always;
-webkit-font-smoothing: antialiased;
}


.date
{
color: #888888;
margin-bottom: 15px;
}

.view
{
float: right;
text-decoration: underline;
margin-right: 25px;
margin-top:-25px;
font-style: italic;
font-size:15px;
font-weight: normal;
font-smooth:always;
-webkit-font-smoothing: antialiased;
}


h1,h2,h3,h4,h5,h6
{
font-smooth:always;
-webkit-font-smoothing: antialiased;
font-family: Helvetica;
font-weight: normal;
}