/* foundation */

#pages {
	width: 745px; /* optional */
	padding: 45px 0px 0px 0px;

}
#pages img {
	border: 0;
}
#pages .clear_both {
	clear: both;
}
#pages .float_left,
#pages  ul li {
	float: left;
	display: inline;
}
#pages .float_right {
	float: right;
}
#pages .overclear {
	width: 100%;
	overflow: hidden;
}

/* styles */

#pages .buttons {
	position: relative;
	height: 30px;
	margin: 0 0 5px 0;
}
#pages .prev {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
#pages .next {
	position: absolute;
	top: 0;
	right: 0;
}
#pages .showing {
	margin: 5px 60px 0 60px;
	text-align: center;
	font-size: .8em;
}
#pages .top {
	background: url(../images/pages_top.gif) repeat-x;
}
#pages .inner {
	padding: 0 0 0 20px;
	margin: 0 0 -20px 0;
	background: url(../images/pages_left_mid.gif) repeat-y;
}
#pages  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../images/pages_right_mid.gif) repeat-y top right;
}
#pages  ul li {
	display: none;
	position: relative;
	margin: 0;
	padding: 0 20px 20px 0;
	font-size: .8em;
	z-index: 1;
}
#pages  ul li.loader {
	display: block;
	float: none;
	height: 115px;
	margin: 0 0 20px -20px;
	background: url(../images/pages_loader.gif) no-repeat center center;
}
#pages  ul li a.info {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height:auto;
}
#pages  ul li a.thumb {
	display: block;
	border: 1px solid #ddd;
}
#pages  ul li a.thumb img {
	display: block;
	margin: 0;
	padding: 3px;
}
#pages .btm {
	background: url(../images/pages_btm.gif) repeat-x;
}
.pages_tool_tip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	z-index: 9999;
}
.pages_tool_tip .pages_pointer_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/pages_pointer_left.gif);
}
.pages_tool_tip .pages_pointer_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/pages_pointer_right.gif);
}
.pages_tool_tip .inner {
	border: 1px solid #ddd;
	padding: 15px 15px 3px 15px;
	margin: 0 0 0 9px;
	background: #fff;
}
.pages_tool_tip .inner_right {
	margin: 0 9px 0 0;
}
.pages_tool_tip .inner p {
	font-size: .8em;
	margin: 0;
	padding: 0 0 12px 0;
}

.boxgrid{  
    width: 520px;  
    height: 390px;  
    margin:0px;  
    float:left;  
    background:#161613;  
    border: solid 2px #8399AF;  
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}

.boxcaption{  
    float: left;  
    position: absolute;  
    background:#003366;  
    height: 130px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.captionfull .boxcaption {  
    top: 265px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 260px;  
    left: 0;  
}