/* ==|== custom ============================================================= */

.radial {
  /* fallback */ background-color: #2F2727; /*background-image: url(images/radial_bg.png); background-position: center center; background-repeat: no-repeat;*/
  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
  /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);
  /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
  /* IE 10 */ background: -ms-radial-gradient(circle, #1a82f7, #2F2727);
  /* Opera cannot do radial gradients yet */
}

h1, h2, h3, h4, h5 { font-family: Arial, Tahoma, Helvetica, sans-serif; color: #bbb; margin:0px;}
h2 {font-size: 64px; color:#bbbbbb; text-align:center; margin-bottom:15px;}
h3 {font-size: 17.8px; color:#bbbbbb;}
h4 {font-size: 34px; color:#bbbbbb;}
h5 {font-size: 14px; color:#bbbbbb;}
p {font-size: 18px; color:#bbbbbb;}

a { color: #bbb; text-decoration:none;}
a:visited { color: #bbb; }
a:hover { color: #ddd; cursor:pointer;}
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }


/* header */
#header_wrap { display: block; height: 55px; position: relative; width: 100%; z-index:1000;}

header {top: 0; width:100%; height:56px; background:url(../img/bckgrnd_header.gif); position:fixed; z-index:5000; display: block;}

#contact_wrap {position: fixed; padding:0px; top: -190px; opacity:0.95; display: block; width: 100%; background:url(../img/bckgrnd_contact.gif) repeat-x; z-index:1000;}
#contact { font-size: 12px; }
#contact h2 { margin-bottom: 0; text-align: left; }
#contact h3 { color:#333; margin-bottom:8px;}
#contact p {font-size:12px; color:#333; margin:0px;}
#contact a { color: #000; text-decoration: none; }
#contact a:visited {}
#contact a:hover { color: #777;}
.fn, .org { font-weight: bold; }
.contact_split {background:url(../img/contact_split.gif) repeat-y; width:2px; height: 150px; margin:20px 10px; float:left;}
#close_btn {width:32px; height:30px; border:0; position:absolute; bottom:0px; right:5px;}
#close_btn img {cursor:pointer;}

/* main */
#container {position: relative;}
.left, .right, .next, .prev {cursor:pointer;}
.left:hover, .right:hover, .next:hover, .prev:hover {opacity:0.5; transition: all .25s ease-in 0s; -moz-transition: all .25s ease-in 0s; -webkit-transition: all .25s ease-in 0s;}

/* footer */
#footer_wrap { display: block; height: 55px; position: relative; width: 100%;}
footer { position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 1005; background: #0e161a; display: block;}
footer h1 {margin: 0; line-height: 60px; }
footer .grid_4 p {font-size:13px;}
footer .gradient { height: 35px; margin-bottom: 10px; padding: 10px 0 15px; background:url(../img/bckgrnd_footer.gif); border-top: #333c41 1px solid; border-bottom: #323b41 1px solid; cursor:pointer;}
.arrow { float: right; width: 33px; height: 21px; margin: 14px 10px 25px; }
.up { background: url(../img/sprite.png) -180px -30px no-repeat; }
.down { background: url(../img/sprite.png) -180px 0 no-repeat; }
.container_12 {position:relative;}
.logo {position:relative; background: url(../img/sprite.png) 0 0 no-repeat; margin: 0 auto; width: 171px; height: 35px; }

.tweet { margin: 10px 0 5px; padding: 0 0 5px 35px; background: url(../img/icon-twitter.png) 0 0 no-repeat; font-size: 12px; color: #f3f3f3; }
.tweet p {margin: 0; }
.days { color: #999; }

footer img {width:300px; height:auto; float:left;}

/********************************************************************************************************************************************/

/*Header Nav */
#header_nav {width:550px; height:56px; margin: 0 auto; list-style:none; position: relative; z-index: 1000;}

ul#header_nav {padding-left:35px; position: relative;}

ul#header_nav li {float:left;}
ul#header_nav li a {background:url(../img/nav_headernav.gif) no-repeat scroll top left; display:block; height:54px; position:relative;}

ul#header_nav li a.home {width:85px;}
ul#header_nav li a.work {width:62px; background-position:-85px 0px;}
ul#header_nav li a.ideo {width:86px; background-position:-146px 0px;}
ul#header_nav li a.bites {width:137px; background-position:-234px -108px;}
ul#header_nav li a.contact {width:84px; background-position:-370px 0px;}

ul#header_nav li a.home span {width:107px; background-position:0px -54px;}
ul#header_nav li a.home span:hover { width:107px; background-position:0px -54px;}

ul#header_nav li a.work span {width:85px; background-position:-85px -108px;}
ul#header_nav li a.work span:hover {width:85px;  background-position:-85px -108px;}

ul#header_nav li a.ideo span {width:107px; background-position:-146px -54px;}
ul#header_nav li a.ideo span:hover {width:107px;  background-position:-146px -54px;}

ul#header_nav li a.bites span {padding-left:20px; width:130px; background-position:-234px -162px;}
ul#header_nav li a.bites span:hover {width:130px;  background-position:-234px -162px;}

ul#header_nav li a.contact span {width:100px; background-position:-370px -54px;}
ul#header_nav li a.contact span:hover {width:100px;  background-position:-370px -54px;}

ul#header_nav li a span {background:url(../img/nav_headernav.gif) no-repeat scroll bottom left;display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;}
ul#header_nav li a span:hover {cursor:pointer;}

.error-content {width:600px; margin:0 auto}