*{margin:0;padding:0}.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content blockquote,.content address{margin:0.8em}.content p{margin-left:0;margin-right:0}sup,sub{font-size:55%}sup{vertical-align:super !important;vertical-align:text-top}small{font-size:85%}.content h1{margin:1em 0 0.2em}.content h2{margin:1.07em 0 0.2em}.content h3{margin:1.14em 0 0.2em}.content h4{margin:1.23em 0 0.2em}.content h5{margin:1.33em 0 0.2em}.content h6{margin:1.6em 0 0.2em}td.content th,td.content td{padding:.8em} td.content{font-size:1.0em}.content caption{padding-bottom:.8em}.content blockquote{padding:0 1em;margin:1.6em 0}.content fieldset{padding:0 1em 1em 1em;margin:1.6em 0}.content legend{padding-left:.8em;padding-right:.8em}.content legend+*{margin-top:1em}.content textarea,.content input{padding:.3em .4em .15em .4em}.content select{padding:.1em .2em 0 .2em}.content option{padding:0 .4em}.content a{position:relative;padding:0.3em 0 .1em 0}.content dt{margin-top:.8em;margin-bottom:.4em}.content ul{margin-left:2.35em}.content ol{margin-left:2.35em}.content ol ol,.content ul ol{margin-left:2.5em}.content ol li,.content ul li{margin-bottom:0.8em}.content form div{margin-bottom:.8em}.content .content{font-size:1.0em}td.content{padding:0}td.column1{padding-right:20px}td.column2{padding-left:20px}pre,.content pre{font-family:monaco,"Lucida Console","Courier New",courier,mono-space;color:#000}

/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.nathanhanna.com
*     modified:  2010-09-07
* --------------------------------------------------------------
**/

/** Sprites
-------------------------- **/
.has_featured_work #hdrImg,
#sideBar,
#sideBarHook,
#footer,
#contentWrapper,
a.browse,
#page_navi_toggle { background-image: url('optimized/bg_sprite.jpg'); }

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
   color: #282624;
   background: #CBCBCB url('optimized/bg_html.jpg') left top repeat-x;
}
body { padding-bottom: 30px; }
   a { 
      color: #233778;
      text-decoration: underline; 
   }
      a:hover { text-decoration: none; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
      line-height: 1.25em;
      margin-bottom: 0.2em;
      color: #233778;
      font-weight: normal;
   }
   	h1, .content h1 { font-size: 1.9em; margin-top: 0; }
   	   .single .content h1 { margin-top: 1.1em; }
   	h2, .content h2 { font-size: 1.5em; }
   	h3, .content h3 { font-size: 1.3em; }
   	h4, .content h4 { font-size: 1.1em; }
   	h5, .content h5 { font-size: 1.0em; }
   	h6, .content h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 5px 0 1.6em 0;
	background: transparent no-repeat scroll center;
}
	div.hr hr { display: none; }

#outer_wrapper { padding-top: 54px; }

#wrapper {
	position: relative;
	width: 951px;
	margin: 0 auto;
	background: transparent url('optimized/bg_contentWrapper.gif') left top repeat-y;
}
   .page-template-page_portfolio-php #wrapper { background-position: -951px 0; }

.content pre { 
   color: #000;
   overflow: auto;
   border: 1px dashed #919bbb;
   padding: 10px;
   margin: 0;
}
   .content pre ol, .content pre ul { margin-top: 0; margin-bottom: 0; }
      .content pre li { margin: 0; }


/** Header
-------------------------- **/
/** @group header */
#header { }

#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	left: 15px;
	width: 150px;
	height: 165px;
	background: transparent url('optimized/logo.png') left top no-repeat;
	
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   min-height: 153px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 0 -30px;
}
   .page-template-page_portfolio-php  #contentWrapper { background-position: -2302px -30px; }
/** @group contentSlot */
#contentSlot {
   width: 754px;
   min-height: 480px;
   float: right;
}
   #hdrImg {
      width: 450px;
      min-height: 332px;
      text-align: center;
      position: relative;
      top: -18px;
      left: -28px;
      margin-bottom: -18px;
   }
   .has_featured_work #hdrImg {
      height: 397px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: left 396px;
      margin-bottom: 0;
   }
      #hdrImg #img { padding: 19px 19px 0; }
         #hdrImg #img img { max-width: 410px; }
   #layout { 
      padding: 24px 32px 12px;
      width: 386px;
      float: left;
   }
      .navigation {
         position: absolute;
         width: 386px;
         top: 15px;
         left: 234px;
      }
         .navigation .alignleft { float: left; }
         .navigation .alignright { float: right; }
/** @group post */
/* @end post **/
/** @group page-template-page_portfolio-php */
.page-template-page_portfolio-php #contentSlot { padding-bottom: 45px; }
.page-template-page_portfolio-php #layout {
   position:relative; 
   overflow:hidden;
   width: 412px;
   height: 550px;
   top: 20px;
   left: 24px;
   padding: 0;
   min-height: 0;
}

.page-template-page_portfolio-php #layout .website { 
   padding: 8px 0 15px;
   margin: 0;
}
   .page-template-page_portfolio-php #layout .website * { padding: 0; margin: 0; }
   .page-template-page_portfolio-php #layout .image {
      display: block;
      overflow: hidden;
      width: 408px;
      height: 220px;
      margin-bottom: 4px;
      border: 1px solid #243676;
   }

.page-template-page_portfolio-php #main_navi {
   padding: 0;
   margin: 0;
   width: 200px;
}
   .page-template-page_portfolio-php #main_navi li { margin: 0; }
   .page-template-page_portfolio-php #main_navi li a {
      display: block;
      padding: 5px 12px;
      text-decoration: none; 
   }
      .page-template-page_portfolio-php #main_navi li a:hover { text-decoration: underline; }
      .page-template-page_portfolio-php #main_navi li.selected a { color: #CBCBCB; }

/* root element for pages */ 
.page-template-page_portfolio-php #pages { 
    position:absolute; 
    height:20000em; 
} 
.page-template-page_portfolio-php .page { 
   float: left;
   width: 410px;
}
/* root element for horizontal scrollables */ 
.page-template-page_portfolio-php .scrollable { 
    position:relative; 
    overflow:hidden;
    width: 410px;
    height: 550px; 
    top: 8px;
} 
   .page-template-page_portfolio-php .nav_prevNext .scrollable { top: 0; }

/* root element for scrollable items */ 
.page-template-page_portfolio-php .scrollable .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
}

.page-template-page_portfolio-php a.browse {
   cursor:pointer;
   display:block;
   background-position: -1401px 0;
   float:left;
   text-indent: -10000px;
   overflow: hidden;
   width:65px;
   height:30px;
   padding: 0;
   margin: 0 5px;
}
   .page-template-page_portfolio-php a.prevPage { margin-left: 0; }
   .page-template-page_portfolio-php a.nextPage { background-position: -1466px 0; }

.page-template-page_portfolio-php .prevNext {
   width: 150px;
   margin: 0 auto;
}

/*.page-template-page_portfolio-php a.disabled {
   filter: alpha(opacity=85); 
   -moz-opacity: .85; 
   opacity: .85;
}*/

/* position and dimensions of the navigator */
.page-template-page_portfolio-php div.navi {}


/* items inside navigator */
.page-template-page_portfolio-php div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: transparent url("optimized/navigator.png") 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor: pointer;
}

/* mouseover state */
.page-template-page_portfolio-php div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.page-template-page_portfolio-php div.navi a.active {
	background-position:0 -16px;     
}
/* @end page-template-page_portfolio-php **/
/** @group dynamic_info */
#dynamic_info {
   position: relative;
   width: 300px;
   float: right;
   padding-top: 153px;
}
   #dynamic_info h2 { font-size: 1.2em; }
   #dynamic_info h3 { font-size: 1.1em; }
   #dynamic_info h4 { font-size: 1.0em; }
   #dynamic_info h5 { font-size: 0.9em; }
   #dynamic_info h6 { font-size: 0.8em; }
   
   #dynamic_info ul {
      margin: 0;
      padding: 0 0 0 1.35em;
      list-style: none;
   }
      #dynamic_info ul ul { 
         list-style: disc;
         padding-left: 1.8em;
      }
   
   #dynamic_info .spacer {
      padding: 14px 24px 8px;
      position: relative;
   }
      .has_featured_work #dynamic_info #featured .spacer { padding: 26px 31px; }
   #dynamic_info h2 {
      margin: 0 0 0.5em;
      height: 28px;
      font-size: 1.1em;
   }
      #dynamic_info h2 small { 
         font-weight: normal;
         font-size: 0.85em; 
      }
         #dynamic_info h2 small a { text-decoration: underline; }
         #dynamic_info h2 small a:hover, #dynamic_info h2 small a:focus { text-decoration: none;; }
      #dynamic_info h2 img { 
         float: left;
         width: 29px;
         height: 28px;
      }
      #dynamic_info h2 span {
         display: block;
         float: left;
         padding: 11px 0 0 6px; 
      }
/** @group featured */
#featured { 
   position: relative;
   background-color: #233778;
   height: 250px;
   left: -1px;
}
#featured h2 {
   height: auto;
   color: #FFF;
   font-size: 1.5em;
   line-height: 1.15em;
   margin-bottom: 0.4em;
}
   #featured h2 small { font-size: 0.65em; color: #CBCBCB; }
   #featured h2 small.launch_date { font-size: 0.70em; color: #FFDC73; font-weight: bold; }
#featured p { color: #FFF; font-size: 0.95em; }
#featured p.discover {
   position: absolute;
   left: 10px;
   top: 194px;
/*   background-color: #050c38;*/
   width: 280px;
   height: 35px;
}
   #featured p.discover a {
      color: #01031a;/*#CBC9CF;*/
      display: block;
      background-color: #ffdc73;/* #01031a;*/
      border: 1px solid #01031a;
      font-weight: bold;
      padding: 6px 16px;
      text-decoration: none;
      float: right;
   }
/* @end featured **/
/** @group portfolio_details */
#dynamic_info .piclenselink {
   position: absolute;
   top: 5px;
   left: 58px;
}
#dynamic_info .ngg-galleryoverview { margin-top: 0; }
#dynamic_info.ngg_gallery h2,
#dynamic_info.blog h2 { 
   height: auto;
   margin-bottom: 0.8em;
}
/*.page-template-page_portfolio-php #TB_secondLine { padding-top: 10px; }*/
/* @end portfolio_details **/
/** @group blog */
#dynamic_info.blog .spacer { padding-top: 24px; }
#dynamic_info.blog ul li { padding-bottom: 20px; }
   #dynamic_info.blog ul li li { padding-bottom: 0; }
#dynamic_info.blog h2 { margin-bottom: 0.4em; }

.single .navigation { border-bottom: 1px solid #253976; }
.single .alignright { 
   text-align: right;
   padding: 4px 0 16px;
}

p.postmetadata { font-size: 0.9em; margin-top: 1.4em; }
/* @end blog **/
/** @group juitterContainer */
#juitterContainer {
   margin-top: -10px;
   min-height: 310px; 
}
.has_featured_work #juitterContainer { min-height: 265px; }
   #juitterContainer ul { padding: 0; margin: 0; }
      #juitterContainer .twittLI {
         /*background:#EEFDEA none repeat scroll 0 0;
           border-bottom:1px dashed #CAF8C9;*/
         clear:both;
         min-height:55px;
         list-style-image:none;
         list-style-position:outside;
         list-style-type:none;
         margin:0;
         margin-bottom: 1.0em; 
         padding:3px;
         font-size: 0.9em;
         line-height: normal;
      }
      #juitterContainer .juitterAvatar {
         background:#FFFFFF none repeat scroll 0 0;
         border:1px solid #D3EECA;
         float:left;
         height:48px;
         margin-right:5px;
         padding:2px;
         width:48px;
      }
      #juitterContainer .twittList span.time {
         color: #777;
         font-size:0.9em;
         /*display: none;*/
      }
      #juitterContainer .twittLI span.seperator { 
         color: #666;
         display: none;
      }
      #juitterContainer .JRM, #dynamic_info .piclenselink { 
         white-space: nowrap;
         padding-left: 3px;
         color: #3d9fb9;
      }
/* @end juitterContainer **/
/** @group page_navi */
#page_navi {
   position: absolute;
   top: 0;
   left: 0;
   padding: 0 24px;
   height: 141px;
   overflow: hidden;
}
   #page_navi a {
      display: block;
      float: left;
      margin-right: 5px;
      text-align: center;
      width: 110px;
      padding: 4px;
      font-size: 0.85em;
      height: 131px;
      overflow: hidden;
      border: 1px solid #A9A9A9;
      line-height: 1.0em;
      text-decoration: none;
      background-color: #ececec;
   }
      #page_navi a:hover { background-color: #cbcbcb; }
      #page_navi a span { display: block; padding-bottom: 3px}
         #page_navi a span.nopreviewpic { height: 105px; }
      #page_navi a img { border: 1px solid #A9A9A9; }

#page_navi #page_navi_links {
   position: relative;
   top: 0;
}

#page_navi_toggle {
   text-decoration: none;
   color: #ececec;
   display: block;
   padding: 2px 4px;
   border: 1px solid #0b0d34;
   width: 15px;
   text-align: center;
   position: absolute;
   right: 0;
   top: 128px;
   z-index: 3;
   text-indent: -10000px;
   overflow: hidden;
   background-color: #0b0d34;
   background-repeat: no-repeat;
   background-position: -1531px 0;
   outline: none;
}
   #page_navi_toggle:hover, #page_navi_toggle:focus { 
      background-color: #233678;
      background-position: -1554px 0;
   }

#page_navi_toggle.down { background-position: -1577px 0; }
   #page_navi_toggle.down:hover, #page_navi_toggle.down:focus { background-position: -1600px 0; }
/* @end page_navi **/

/* @end dynamic_info **/
/** @group comment */
#comment { width: 242px; }
#dynamic_info.comments ol,
#dynamic_info.comments ul {
   margin: 0;
   list-style: disc;
   padding: 0 10px 0 1.25em;
}
   #dynamic_info.comments ol li { margin-bottom: 0.4em; }
/* @end comment **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 197px;
   float: left;
   font-size: 1.1em;
   line-height: 0.9em;
   min-height: 200px;
   background-color: #233778;
   background-repeat: repeat-y;
   background-position: -1902px 0;
   margin-top: 214px;
   color: #CBCBCB;
}
   #sideBarHook {
      padding: 20px 13px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: -2102px 0;
   }
      #sideBarHook ul {
         padding: 0;
         margin: 0;
         list-style: none;
      }
/** @group topNavigation */
#topNavigation {}
   #topNavigation ul { 
      list-style: none;
      float: none;
      margin: 0;
      text-align: right;
   }
      #topNavigation ul li { margin: 0; }
         #topNavigation ul li a {
            display: block;
            text-transform: lowercase;
            text-decoration: none;
            font-size: 1.1em;
            color: #CBCBCB;
            margin: 0;
            padding: 8px 21px;
            border: 0;
         }
         #topNavigation ul li a:hover { text-decoration: underline;}
         #topNavigation ul li.current_page_item a,
         #topNavigation ul li.current_page_parent a,
         #topNavigation ul li.current_page_ancestor,
         .page-template-page_portfolio-php #main_navi li.selected a { background-color: #050c38; }
/* @end topNavigation **/
/* @end sideBar **/
/** @group social_media */
#social_media {
   position: absolute;
   top: 429px;
   left: 22px;
}
   #social_media ul {
      padding: 0;
      margin: 0;
      list-style: none;
   }
      #social_media ul li { 
         display: block;
         float: left;
         padding-right: 12px;
      }
         #social_media ul li a {
            display: block;
            text-indent: -10000px;
            overflow: hidden;
            float: left;
            width: 29px;
            height: 29px;
            background: transparent url('optimized/icons_social.png') 0 0 no-repeat;
         }
            #social_media ul li a.reader { background-position: -29px 0; }
            #social_media ul li a.twitter { background-position: 0 0; }
            #social_media ul li a.linkedin { background-position: -58px 0; }
            #social_media ul li a.rss { background-position: -87px 0; }
/* @end social_media **/
/* @end contentWrapper **/
/** @group advertisement */
#advertisement {
   position: absolute;
   top: 45px;
   left: 34px;
   height: 60px;
   overflow: hidden;
}
/* @end advertisement **/


/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   line-height: 1.5em;
   text-align: left;
   padding: 7px 15px;
   font-size: 0.95em;
   color: #CBCBCB;
   padding-left: 210px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: -450px 0;
}
   #footer, #footer a { color: #CBCBCB;} 
      #footer a { text-decoration: underline; }
      #footer a:hover{ text-decoration: none; }

#copyright { float: left; }
#third_party_feature { float: right; }
/* @end footer **/


/** Class Styles
-------------------------- **/
.content {
   font-size: 1.25em;
   line-height: 1.5em;
}

.js_disabled #page_navi { display: none; }

.spacer { padding: 10px 8px; }

.hidden, .printOnly { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}