/*
PURPLE = #514e86

*/

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* gridframework */
.row {position:relative; margin-left:-12px;}
.gu1 .row {width: 181px;}
.gu2 .row {width: 362px;}
.gu3 .row {width: 543px;}
.gu4 .row {width: 724px;}
.gu5 .row { width: 905px; margin-bottom: 14px; }
.gu5 .row#footer { margin-bottom: 0px; height:34px; }

.col {padding-left:12px; float:left; position:relative;}
.gu1{width: 169px;}
.gu2{width: 350px;}
.gu3{width: 531px;}
.gu4{ width: 712px; }
.gu5{ width: 893px; }


/* FACEBOX ============================================================ */
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 0;
  background: #000;
  width: 923px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
	display:none;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* END FACEBOX ============================================================ */


body { font:12px/1.2 Arial, Helvetica, sans-serif; background: #404041; color: #FFF; padding: 0 0 0 0; 
}
.canvas { margin:0 auto; position:relative; background: #000; padding: 0 20px; 
}

a:focus {
	outline:1px dotted invert
}
hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
h1 {
	font-size:25px
}
h2 {
	font-size:23px
}
h3 {
	font-size:21px
}
h4 {
	font-size:19px
}
h5 {
	font-size:17px
}
h6 {
	font-size:15px
}
ol {
	list-style:decimal
}
ul {
	list-style:square
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:16px 
}
h1 { margin:0; }
#navholder { }
#navholder a { color:#6d6e71; text-decoration: none; border-top:5px solid #6d6e71; padding:7px 0 0 0; width:78px; display:block; float: left; margin: 0 12px 0 0; line-height: 13px; font-size: 12px; height: 40px; }

#navholder a:hover, #navholder .active a, #navholder #contact.active, .home #navholder a { color: #FFF; border-top:5px solid #514e86; }

#navholder .last a { margin-right:0; }
#navholder a#contact { margin:0 0 0 631px; height: 76px; }
#navholder ul { list-style:none; margin: 5px 0 0 0; }
#navholder li { margin:0; display: inline; }
a.purple { display:block; background:#514e86 url(../images/arrow-purple.gif) no-repeat right center; color:#fff; text-decoration:none; padding: 3px 0 3px 6px; }
a.purple:hover { color:#000; }
.uline p { border-top:1px solid #fff; padding:4px 0 0 0; margin:0 0 8px 0; }
#main {  margin-top: -5px; 
}
.coldesc h1 { margin: 10px 0 12px 18px; font-weight:normal; font-size:20px; width:349px; text-transform:uppercase; }
.coldesc { float: left; width: 383px; height:260px; overflow: hidden; background:#404041; }
.csholder { overflow:hidden; width:933px; margin:0 0 0 0; }
.descleft { margin: 0 0 0 18px; float: left; width: 169px; }
.descright { margin: 0 0 0 12px; float: left; width: 169px; }
.colimg { float:left; width:530px; height: 260px; overflow: hidden;}
.coldesc p { border-top:5px solid #514e86; padding:7px 0 0 0; margin:0 0 12px 0; }
.closediv { text-align:right; padding:8px 8px 0; display: block; border: none; }
a.close { float:right; margin:-5px 0 23px 0; display: block; }
.case ul, .news ul { list-style-type:none; padding:0; margin:0; }
.case li, .news li { padding:5px 6px; margin:0 0 7px 0; background-image:url(../images/bg-case.gif); background-color:#514e86; background-repeat:no-repeat; background-position:right -121px; }
/*.case li { height:22px; }*/
.case li:hover, .news li:hover { background-color:#404041; background-position:right top; background-repeat:no-repeat; }
.case a, .news a {text-decoration:none; color:#fff; }
.case a, .news a span {  text-transform:uppercase;  }
.news a { width:512px; display:block; }
#bannerimage { width:541px; height:286px; overflow:hidden; }