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

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { background: #152630 url(img/subbody-bg.png) repeat-x left top; }
html, body {height: 100%;}
#page-wrapper { background: url(img/subpage-bg.jpg) no-repeat left top; min-height: 100%; width: 940px; }

#screenshots { width: 660px; padding: 0px 0px 0px 17px; }
#right-column { width: 231px; float: right; }
/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {}

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer {}

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu {}

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/

h1 { position: static; float: none; background: none; margin: 0px 0px 10px 17px; padding: 223px 0px 0px 0px; width: auto; height: 30px; line-height: 30px; font-size: 22px; color: #FFFFFF; letter-spacing: -2px; text-transform: uppercase; }
h1.sifr { font-size: 50px; height: 50px; margin-bottom: 30px; }

/* PAGE TITLES */
#h3-01 { background-image: url(img/h3-01.png); }
#h3-02 { background-image: url(img/h3-02.png); }
#h3-03 { background-image: url(img/h3-03.png); }
#h3-04 { background-image: url(img/h3-04.png); }
#h3-05 { background-image: url(img/h3-05.png); }
#h3-06 { background-image: url(img/h3-06.png); }
#h3-07 { background-image: url(img/h3-07.png); }
#h3-08 { background-image: url(img/h3-08.png); }

/* SECTION */
.section { background: url(img/section-bg.gif) no-repeat 0px 4px; padding: 0px 0px 0px 7px; }
.section h2 { height: auto; width: auto; overflow: auto; border: none; font-size: 10px; font-weight: normal; letter-spacing: normal; text-transform: none; line-height: 10px; padding: 0px 0px 0px 2px; }

.splitter { width: 745px; height: 24px; overflow: hidden; position: relative; }
.splitter .bg { position: absolute; top: 0px; left: 0px; width: 939px; height: 24px; background: url(img/splitter-bg.png) no-repeat left top; }
.splitter p { position: absolute; top: 0px; left: 0px; width: 745px; height: 24px; line-height: 24px; text-align: right; }
.splitter a { background: url(img/arrow-up.gif) no-repeat left 2px; padding: 0px 9px 0px 20px; font-size: 11px; color: #80B3BB; }
.splitter a.right { background: url(img/arrow-right.gif) no-repeat left 2px; padding-left: 23px; }

.anchors { margin: 0px; padding: 0px; position: absolute; top: 36px; left: 36px; }
.anchors li { padding: 0px 0px 13px 0px; margin: 0px; list-style: none; }
.anchors a { display: block; height: 30px; width: 70px; background: url(img/anchors.png) no-repeat left top; text-indent: -200px; overflow: hidden; }
.anchor-portfolio a { background: url(img/title-portfolio.png) no-repeat left top; width: 230px; height: 34px; border-left: 24px solid #FF3300; }
.anchor-about-me a { background-position: 0px -150px; }
.anchor-contact a { background-position: 0px -210px; }

#screenshots { padding-bottom: 30px; }
#screenshots .col1,
#screenshots .col2 { width: 320px; float: left; padding-top: 15px; }
#screenshots .col1 { margin-right: 20px; }

#right-column { padding-top: 14px; }
#right-column dt { font-size: 13px; font-weight: normal; color: #FFFFFF; letter-spacing: -1px; text-transform: uppercase; height: 20px; line-height: 20px; padding-bottom: 12px; overflow: visible;}
#right-column dd { color: #BBE5EC; padding-bottom: 20px; }
#right-column a { color: #BBE5EC; }
#right-column li { padding-bottom: 5px; }
#right-column .name { font-size: 12px; font-weight: bold; color: #FFFFFF; }
#right-column .url { background-color: #FF3300; padding: 4px 6px 6px 6px; color: #FFFFFF; line-height: 24px; }

#footer { padding: 10px 0px 30px 17px; color: #BBE5EC;  }
#footer a { color: #BBE5EC; }

#page-news {  padding: 0px 0px 0px 0px; }
#page-news h1 { padding-left: 20px; margin-left: 0px; }
#page-news .anchor-portfolio a { background: url(img/anchors.png) no-repeat 0px -90px; height: 30px; width: 65px; border: none; }
#page-news .col1 { width: 325px; float: left; margin-right: 75px; }
#page-news .col2 { width: 325px; float: left; }
#page-news #main-content {padding-left: 20px; padding-bottom: 30px; }
#page-news .news-item { border-top: 8px solid #80B3BB; }
#page-news .col1 .news-item:first-child,
#page-news .col2 .news-item:first-child { border: none; }