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

* {
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

body {
background:#08212e url('../img/bg.gif') repeat-x;
font:12px Arial, Helvetica, sans-serif;
color:#333;
padding:0;
margin:0;
}

img {
border:none;
}

a {
color:#7cb4cd;
}

a:hover {
color:#C8DCE5;
}

h1 {
margin:0 0 10px 0;
}

h3 {
margin:8px 10px 0 10px;
color:#fff;
font:16px Arial, Helvetica, sans-serif;
font-weight:normal;
}

.strong {
margin:0 0 8px 0;
color:#333;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.main_wrap {
width:998px;
margin:auto;
background:url('../img/bg_head_icon.jpg') no-repeat top left;
}

.header {

}

.col_left {
float:left;
width:180px;
}

.col_right {
float:right;
width:770px;
padding:15px 15px 10px 20px;
background:#fff;
line-height:170%;
}

.col_right_flash {
float:right;
width:805px;
height:135px;
margin:0 0 15px 0;
}

.col_right_title {
float:right;
width:785px;
padding:0 5px 0 15px;
background:#393939;
}

.col_right_img {
float:right;
width:320px;
padding:15px;
}

.col_bot {
float:right;
background:url('../img/col_bot.gif') no-repeat;
width:805px;
height:5px;
}

.back {
float:right;
width:782px;
padding:0 10px 0 13px;
background:#fff;
}

.footer {
text-align:center;
color:#fff;
font-size:11px;
width:805px;
float:right;
padding:10px 0 10px 0;
}

.pageNum {
width:100%;
text-align:center;
}

.current {

}

.nav {
list-style:none;
}

.nav1 {
background:url('../img/btn_digitalOFF.gif');
margin:0 0 2px 0;
}

.nav1:hover {
background:url('../img/btn_digitalON.gif');
margin:0 0 2px 0;
}

.nav2 {
background:url('../img/btn_inkOFF.gif');
margin:0 0 2px 0;
}

.nav2:hover {
background:url('../img/btn_inkON.gif');
margin:0 0 2px 0;
}

.nav3 {
background:url('../img/btn_identityOFF.gif');
margin:0 0 2px 0;
}

.nav3:hover {
background:url('../img/btn_identityON.gif');
margin:0 0 2px 0;
}

.nav4 {
background:url('../img/btn_bgOFF.gif');
margin:0 0 2px 0;
}

.nav4:hover {
background:url('../img/btn_bgON.gif');
margin:0 0 2px 0;
}


.preload {
display:none;
}

.boxgrid { 
width:250px; 
height:215px; 
margin:5px 3px 5px 0; 
float:left; 
background:#161613; 
border:solid 1px #333; 
overflow:hidden; 
position:relative; 
}

.boxgrid img{ 
position:absolute; 
top:0; 
left:0; 
border:0; 
}

.boxgrid p{ 
padding:0 10px; 
color:#afafaf; 
}

.boxcaption{ 
float:left; 
position:absolute; 
background:#000; 
height:100px; 
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)";
}


.caption .boxcaption {
top:187px;
left:0;
}

.halloween {
float:right;
width:600px;
height:125px;
margin:0 0 15px 0;
padding:5px 5px 0 200px;
background:url('../img/bg_halloween.jpg') no-repeat;
font:28px "Arial Black", Gadget, sans-serif;
color:#eaeaea;
font-weight:bolder;
line-height:100%;
letter-spacing:-1;
}

.inprogress {
float:right;
width:805px;
height:125px;
margin:0 0 25px 0;
}

.halloween_link {
color:#d7d7d7;
text-decoration:none;
}
 
.halloween_link:hover {
color:#F90;
}