/* Starcore 2010 Grid Gallery Styling - JC */

#header {width: 980px; margin:auto;}
#logo { background: url(../img/logo-light.gif) no-repeat top left; width: 230px; height:230px; position: absolute;}

#gridUpperLayout {clear: both; margin: 200px 0px 30px 0px;}
#gridUpperLayout ul { margin: 0px; padding:0px;}
#gridUpperLayout ul li {width: 164px; height:150px; margin: 0 0 15px 0; padding: 0; list-style:none; float: left; display:block; padding: 4px 11px 0 11px}
#gridUpperLayout ul li a {display:block; padding: 8px 7px 7px 7px; color: #C00;}
#gridUpperLayout ul li a:hover {background: #000; color: #FFFFFF;}
#gridUpperLayout ul li a.active {background: #000; color: #FFFFFF;}
#gridUpperLayout ul li a img {display: block; margin-bottom: 4px;}

.galleryItem {background: #1c1c1c; padding: 40px; color:#FFFFFF;}
.imgHolder {width: 690px; margin:auto;}
.galleryItem img {display: block;  margin-bottom: 30px;}
.galleryItem blockquote {color: #C00; width: 324px; float:left; margin: 0px 20px 0px 0px; font-size:18px; line-height: 24px;}
.galleryItem p {width: 344px; float:left;}

img.thumb {width: 150px; max-height: 113px;}

#largePhoto {background: #1c1c1c; padding: 30px 10px 30px 10px; margin: 0; visibility: hidden;}
#largePhoto img {display: block; margin:auto;}
#largePhoto a {display: block; text-decoration: none; height: 0px; overflow:hidden; padding-top: 65px; width: 65px;}
#largePhoto .nextButton {background: url(../img/next.gif) no-repeat 0px 0px; float: right; margin-top: 200px;}
#largePhoto .nextButton:hover {background: url(../img/next.gif) no-repeat 0px -65px ;}
#largePhoto .prevButton {background: url(../img/prev.gif) no-repeat 0px 0px;float: left; margin-top: 200px;}
#largePhoto .prevButton:hover {background: url(../img/prev.gif) no-repeat 0px -65px ;}