
body {
    background-color: #fff;
    padding: 0;
    margin: 0;
    font-family: arial;
    background: #000 url(/images/bkg.jpg) top center no-repeat;
    background-size: 100% 100%;
    background-attachment:fixed;
    font-size: 14px;
}

#floater {
    width: 960px;
    margin: 0 auto;
}


#container {
    width: 1000px;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 20px;
}

#containerinner {
    width: 960px;
    margin: 0 auto;
}

#topnav {
    height: 49px;
    background: #1C3B62 url(/images/topnav-bkg.jpg) no-repeat;
    z-index: 200;
}

#topnav ul {
    padding:0;
    list-style:none;
    margin:0 10px; 0 0;
}

#topnav ul li {
    float:right;
    position:relative;
}

#topnav ul li a {
    font: bold 14px arial;
    color:#fff;
    display:block;
    float:left;
    padding:16px 18px 14px 18px;
    text-decoration: none;
}

#topnav ul li a:hover {
    color:#FFEE21;
    text-decoration: none;
}

#topnav ul li ul {
    display:none;
}

#topnav ul li > ul {
    left:auto;
    top:auto;
}
						
#topnav ul li.over ul, #topnav ul li:hover ul {
    background:#333333;
    border:1px solid #333333;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-width:0 1px 1px;
    clear:left;
    display:block;
    list-style:none;
    margin:0;
    padding:5px;
    position:absolute;
    text-indent:0;
    top:42px;
    width:204px;
    z-index: 100;
}

#topnav ul li ul li {
    display:block;
    text-transform:none;
}
								
#topnav ul li ul li a {
    display:block;
    padding:5px 5px 5px 10px;
    width:190px;
    font-size: 14px;
}

#topnav ul li ul li a:hover {
    background-color:#5C5C5C;
    text-decoration: none;
}

#fp-rotation {
    width: 625px;
    height: 390px;
    float: left;
}
   
#fp-contact-panel {
    width: 315px; 
    height: 390px;
    float: right;
    background-color: #1C3B62;
}    

#fp-contact-panel div {
    width: 295px;
    margin: 10px auto;
    font: normal 12px arial;
    color: #fff;
   
}    

#fp-contact-panel div input {
    width: 295px;
    height: 20px;
    padding: 0;
}


#fp-search-box {
    margin-top: 20px;
    background: #C8C8C8 url(/images/search-box-bkg2.jpg);
    padding: 10px;

}

#fp-search-box-hdr {
    background-color: #0965B0;
    text-align: center;
    font: bold 16px arial;
    color: #FEF200;
    padding: 8px 0 6px 0;
}

.fp-search-box-subhdr {
    background-color: #1C3B62;
    color: #fff;
    float: left;
    margin-top: 1px; 
    text-align: center; 
    font: bold 14px arial; 
    padding: 6px 0;
}

.search-form {
    background-color: #C8C8C8;    
    margin-right: 10px;
    padding: 10px 0;
    
}
.search-form-inner {    
    width: 210px;
    margin: 0 auto; 
    font-weight: bold;
}
.search-form-header {
    background-color: #1C3B62;
    padding: 5px;
    color: #FBE103;
    margin-bottom: 10px;
}


#product-box {
	border:1px solid #0965B0;
    background-color: #B7DCFA;
    width: 352px; 
    height: 200px;
    margin: 0 10px 10px 0;
    float: left; 
    
}

#product-box-inner {
    width: 340px;
    margin: 5px auto
}

#product-box-header {
    background-color: #0965B0;
    font: bold 12px arial;
    color: #fff; 
    padding: 0 10px;
    height: 40px;
}

.product-box-data {
    margin-bottom: 5px;

}

#pagination {
    width: 720px; 
    padding: 10px 0;
    background-color: #0965B0;
    color: #fff;
    font: bold 13px arial;
    
}

#pagination-inner {
    width: 340px;
    float: right;
    text-align: right;    
    margin-right: 10px;
}

#pagination-inner a { 
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#pagination-inner a.active {
    color: #FBE103;
}

#pages {
    width: 360px;
    float: left;   
    margin-left: 10px; 
}

#content {
    padding: 10px 0 20px 0;
}

#content p { 
    padding: 0; 
    margin: 0;
}

#content h1 { 
    margin: 0 0 10px 0;
    padding: 0;
    font: bold 28px georgia;
    color: #1C3B62;
}

#content h2 { 
    margin: 15px 0 10px 0;
    padding: 0;
    font: bold 16px georgia;
    color: #1C3B62;
}

#content a {
    color: #194242;
}

#content #pagination a { 
    color: #fff; 
}

#contact a:hover {
    text-decoration: none;
}


#footer {
    background-color: #1C1C1C;
    height: 80px;
    color: #fff;
    font: bold  12px arial;
    text-align: center;
}

#footer div {
    font-size: 10px;
    margin-top: 10px;
}

#subfooter {
    width: 1000px;
    margin: 10px auto;
    text-align: center;
    font: normal 11px arial;
    color: #fff;
}

#subfooter a {
    color: #fff;
}

/*** ADMIN STYLES ***/

td.inverse { background: #2357A0; font: bold 11px Arial; color: #fff; margin-top: 0; }
td.inverse a { font: bold 11px Arial; color: #fff; text-decoration: none; }
td.inverse a:hover { text-decoration: underline;}
td.inversesmall { background: #2357A0; font: bold 11px Arial; color: #fff; margin-top: 0; }
td.inversesmall a { color: #fff; }
td.inversesmall a:hover { color: #fff;text-decoration: none; }
td.small { font: normal 11px Arial; color: #2357A0; margin-top: 0;}
td.small a { color: #2357A0;}
td.small a:hover { text-decoration: none;}
td.small2 { font: normal 10px Arial;color: #005E9C; margin-top: 0; }
td.small2 a { color: #005E9C; }
td.small2 a:hover { text-decoration: none; }


/* PHOTO GALLERY ----------------------- */

#content .galleryimages {
    float: left; 
    width: 22.33%; /* HERE */
    margin-right: 3%; /* HERE */
    margin-top: 5px;
}

#gallerycontainer > div:nth-child(4n) {
    margin-right: 0;
}

#gallerycontainer > div:nth-child(4n+1) {
    clear: both;
}

#content .galleryimages img, #content .galleryimages div {
    width: 100%;
}

#content .gallerycaption {
    font: normal 14px arial; /* HERE */
    text-align: center;
    padding: 5px 0;
}

.square {
  position: relative;
  width: 31.33%; /* HERE */
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.squarecontent {
  position: absolute;
  width: 100%;
  height: 100%;
}



