html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#body_container {
   padding-bottom:89px;   /* Height of the footer */
}
#footer_container {
   position:absolute;
   bottom:0;
   width:100%;
   height:89px;   /* Height of the footer */
   background:#6cf;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



 /******************************************************************************
* GLOBAL
*******************************************************************************/
* {
  margin: 0;
  padding: 0;
}
body {
  color: #001526;
  font-size: 75%;
  background: /*#BACAD5*/#fff url('../images/background-general.png') repeat-x;
  font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
html>body {
  font-size: 12px;
}
img { border: none; }
img.centered {
  display: block;
  margin: 0 auto;
}

.clear { clear:both; }
div.clear {
  height: 0;
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
/* fix for older browsers */
#main-content div.clear {
  height: 1px;
}
p {
  font-size: 1em; /* 12px */
  line-height: 1.3em;
  padding: 0 0 2em 0;
}
#tc-vine {
  width: 120px;
  height: 393px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url('../images/tc_vine.png') no-repeat 0 0;
}
#tc-butterfly {
  width: 200px;
  height: 393px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url('../images/tc_butterfly.png') no-repeat 40px 20px;
}
#tc-tree {
  width: 200px;
  height: 393px;
  position: absolute;
  top: -2px;
  left: 0;
  background: transparent url('../images/tc_tree.png') no-repeat 0px 0px;
}

#tc-tree2 {
  width: 200px;
  height: 393px;
  position: absolute;
  top: -2px;
  left: 35px;
  background: transparent url('../images/tc_tree2.png') no-repeat 0px 0px;
}

#tc-bop {
  width: 200px;
  height: 393px;
  position: absolute;
  top: -2px;
  left: 0;
  background: transparent url('../images/tc_bop.png') no-repeat 0px 0px;
}

#tc-flora {
  width: 317px;
  height: 858px;
  position: absolute;
  top: -2px;
  left: 0;
  background: transparent url('../images/tc_flora.png') no-repeat 0px 0px;
}

em {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #555;
}

del { text-decoration: line-through; }

acronym { border-style: dotted; border-width: 0 0 1px 0; cursor: help; }

.float-left { float: left; }
.float-right { float: right; }

/* hide and show divs */
div.show { display: block; }
div.hide { display: none; }

#header-toggle {
  float: left;
  margin-top: 9px;
}
#header-toggle.hide { width: 72px; background-position: left -108px; }
#header-toggle.hide:hover { background-position: left -126px; }

#header-toggle.show { width: 68px; background-position: left -144px; }
#header-toggle.show:hover { background-position: left -162px; }

#skip-link {
  display: none;
}

/* button links */
a.button {
  display: block;
  height: 18px;
  text-indent: -10000em;
  text-decoration: none;
  background: transparent url('../images/buttons.gif') no-repeat left 0;
}

a.button:hover { background-position: left -18px; }
a.testimonial { width: 126px; }

a.learn-more { width: 95px; background-position: left -324px; }
a.learn-more:hover { background-position: left -342px; }

a.read-more { width: 61px; background-position: left -216px; }
a.read-more:hover { background-position: left -234px; }

a.show-more { width: 79px; background-position: left -180px; }
a.show-more:hover { background-position: left -198px; }

a.hide-em { width: 79px; background-position: left -72px; }
a.hide-em:hover { background-position: left -90px; }

a.journal { width: 94px; background-position: left -36px; }
a.journal:hover { background-position: left -54px; }

a.proposal { width: 96px; background-position: left -252px; }
a.proposal:hover { background-position: left -270px; }

a.portfolio-overview { width: 94px; background-position: left -288px; }
a.portfolio-overview:hover { background-position: left -306px; }

a.read-more { margin: 4px 1em 0 0; }

/******************************************************************************
* LINKS
*******************************************************************************/
a {
  color: #7f9c47;
  text-decoration: none;
}
a:hover {
  color: #7f9c47;
  text-decoration: underline;
}

a.rss {
  padding-left: 20px;
  background: url('../images/icons/rss.gif') no-repeat center left;
}
a.sitemap {
  padding-left: 20px; 
  background: url('../images/icons/world.png') no-repeat center left;
}



/******************************************************************************
* LISTS
*******************************************************************************/
ul, ol {
  line-height: 2em; /* 24px */
  text-align: left;
  margin-bottom: 2em; 
}
ul {
  padding-left: 14px;
  list-style-type: disc;
}
ul li {
  margin-bottom: 2em;
}
ol {
  margin-left: 30px;
}
ol li {
  list-style-type: decimal;
}
pre {
  overflow: auto;
}
/* code */
pre ol {
  line-height: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* specials */
ul.simple {
  margin-left: 15px;
  list-style-type: square;
}
ul.simple li {
	margin-bottom: 0;
}
/* boxed lists */
ul.boxed-list {
  padding: 0;
  line-height: 1em;
  list-style: none;
  border-top: 1px solid #E6E5E7;
}
ul.boxed-list li {
  border-bottom: 1px solid #E6E5E7;
  margin: 0;
  padding: 1.12em 0;
  padding-top: 1em;
  padding-left: 50px;
}
ul.boxed-list li:hover,
ul.boxed-list li.active {
  background-color: #F7F6F7;
}
ul.boxed-list li div.small-date {
  color: #777;
  font-size: 0.8333em; /*10px*/
  line-height: 1.8em;
}

/* specials for project list */
ul.boxed-above { margin-bottom: 0; }
ul.boxed-below { display: none; border-top: none; }

/* categories special */
ul.categories {
  margin: 0;
  margin-bottom: 2em;
  padding: 0;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #E6E5E7;
}
ul.categories li {
  padding-top: 1em;
  line-height: 1em;
  list-style-type: none;
  border: none;
  border-top: 1px solid #E6E5E7;
  margin: 0;
}
ul.categories li.active,
ul.categories li:hover {
  background-color: #F7F6F7;
}
ul.categories li.last {
  padding-bottom: 1em;
  background-color: #fff;
}
ul.categories li a {
  margin-left: 50px;
}
/* second level */
ul.categories ul {
  padding: 0;
  border: none;
  background: white;
  margin: 0;
  margin-top: 1.12em;
}
ul.categories ul li {
  padding-left: 70px;
  padding-bottom: 1.12em;
}
ul.categories ul li a {
  margin: 0;
}

/* ticks */
ul.ticks li,
ul.ticks-special li {
  padding-left: 22px;
  list-style-type: none;
  background: url('../images/icons/tick.gif') no-repeat 5px center;
  margin: 0;
}
ul.ticks-special li {
  padding-left: 70px;
  background-position: 50px center;
}

/* socials */
ul.social-sites {
  padding: 0;
  padding-bottom: 2em;
  list-style-type: none;
}
ul.social-sites li {
  float: left;
  padding-right: 5px;
  margin: 0;
}
ul.social-sites li img {
  padding: 1px;
  background: none;
  border: 1px solid #E6E5E7;
}
ul.social-sites li img:hover {
  border-color: #aaa;
}

/******************************************************************************
* HEADLINES (vertical grid is 22px high)
*******************************************************************************/
h1, h2, h3, h4, h5, h6 {
  color: #2f4e6b;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  padding: 0;
  color: #2f4e6b;
  text-decoration: none;
  background: transparent !important;
}
h1 a:hover, h2 a:hover, h3 a:hover {
  text-decoration: none;
} 

h1 { font-size: 3em; /* 36px */ line-height: 1.3333em; /* 48px */ margin-top: 0.6667em; margin-bottom: 0em; }
h2 { font-size: 2em; /* 24px */ line-height: 1em; /* 24px */ margin-top: 1em; margin-bottom: 0em; }
h3 { font-size: 1.6667em; /* 20px */ line-height: 1.2em; /* 24px */ margin-top: 1.2em; margin-bottom: 0em; }
h4 { font-size: 1.5em; /* 18px */ line-height: 1.3333em; /* 24px */ margin-top: 1.3333em; margin-bottom: 0em; }
h5 { font-size: 1em; /* 12px */ line-height: 2em; /* 24px */ margin-top: 2em; margin-bottom: 0em; }
h6 { font-size: 0.8333em; /* 10px */ line-height: 2.4em; /* 24px */ margin-top: 2.4em; margin-bottom: 0em; }

/******************************************************************************
* WRAPPERS
*******************************************************************************/
#nav-bar-wrapper {
  width: 100%;
  background: url('../images/background-general.png') repeat-x 0 -213px;
}
#logo-wrapper {
  width: 100%;
  background: #2f4e6b url('../images/header-back.png') repeat-x 0 0;
}
#logo-wrapper a {
  border: none;
  padding: 0;
  background-color: transparent;
  clear: both;
}
#head-wrapper {
  width: 100%;
  background: #f5f5f5 url('../images/header-back.png') repeat-x 0 -147px;
  border-bottom: solid 1px #fff;
}
#content-wrapper {
  width: 100%;
  background: #fff url('../images/background-main.png') repeat-x 0 0;
  border-top: 1px solid #E6E5E7;
}
#footer-wrapper {
  width: 100%;
  color: #ccc;
  background: #2f4e6b url('../images/background-general.png') repeat-x 0 -297px;
}
/******************************************************************************
* TOP BAR
*******************************************************************************/
#top-bar {
  background: url('../images/background-alpha.png') no-repeat 100px 8px;
  width: 1000px;
  height: 44px;
  margin: 0 auto;
  position: relative;
}

/******************************************************************************
* LOGO BAR
*******************************************************************************/
#logo-bar {
  height: 147px;
  width: 850px;
  margin: 0 auto;
  text-align: left;
  padding-left: 120px;
  background: url('../images/header_graphic.png') top right no-repeat;
}
#logo {
  margin-top: 19px;
  margin-left:30px;
}

/******************************************************************************
* HEAD
*******************************************************************************/
#head {
  width: 825px;
  margin: 0 auto;
  text-align: left;
  padding: 10px 25px 22px 150px;
}
#head h1,
#head h4 {
  margin: 0;
}
#head h1 {
  margin-top: 0.433em;
}

/******************************************************************************
* NAVIGATION & MENUS
*******************************************************************************/
/* navigation bar */
#nav-bar {
  height: 38px;
  width: 825px;
  margin: 0 auto;
  padding: 0 25px 0 150px;
}

/* main menu */
#main-menu {
  float: right;
  width: 600px;
  line-height: 1em;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
  height: 38px;
}
#main-menu li {
  padding: 0;
  float: right;
  margin-right: 1px;
  background: transparent;
  margin-bottom: 0;
}
#main-menu li a {
  height: 18px;
  color: #D5E5F0;
  border: none;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  background: transparent;
  text-align: center;
}
#main-menu li.active a,
#main-menu li a:hover {
  color: #3c5567;
  background: url('../images/background-general.png') repeat-x 0 -251px;
}

/******************************************************************************
* CONTENT
*******************************************************************************/
#main-content {
  width: 825px;
  margin: 0 auto;
  padding: 0 25px 0 150px;
  text-align: justify;
}

#main-content div.double-column {
  background: transparent url('../images/content-columns.gif') repeat-y 0 0;
}
#main-content div.triple-column {
  background: transparent url('../images/content-columns.gif') repeat-y -824px 0;
}
#main-content div.column {
  float: left;
  width: 255px;
  padding:0 20px;
}
#main-content div.column-single-first {
  width: 245px;
  padding-left: 0;
}
#main-content div.column-single-last {
  float: right;
  width: 245px;
  padding-right: 0;
}
#main-content div.column-double-first {
  width: 530px;
  padding-left: 0;
}
/******************************************************************************
* FOOTER
*******************************************************************************/
#footer-content {
  width: 825px;
  margin: 0 auto;
  padding: 22px 25px 11px 150px;
  background: transparent url('../images/background-alpha.png') no-repeat 500px -255px;

}
#footer-bottom {
  width: 100%;
  height: 8px;
  background: url('../images/background-general.png') repeat-x 0 -289px;
}
#footer-wrapper a {
  color: #333;
  text-decoration: none;
}
#footer-wrapper a:hover {
  text-decoration: underline;
}
#footer-wrapper p {
  padding: 0;
}
/******************************************************************************
* GENERAL
*******************************************************************************/
/* hr */
div.hr {
  height: 1px;
  border-bottom: 1px solid #E6E5E7;
}
div.hr hr { display: none; }

/* boxes */
.box,
div.codeblock,
pre.css,
pre.php,
pre.java,
pre.html4strict {
  background: #f2f2f3;
  border: 1px solid #e6e5e7;
  padding: 10px;
  margin-bottom: 1.8333em;
}

.stress {
  font-weight: bold;
  text-align: center;
  border-width: 2px;
}

/* pager */
div.pager {
  padding: 1em;
  margin: 1em 0;
  background-color: #F2F2F3;
  border: 1px solid #E6E5E7;
}
p.pager {
  border-top: 1px solid #E6E5E7;
  padding-top: 1.8333em;
}

span.captcha-hints, .information {
  color: #666;
}
span.sup {
  vertical-align: super;
  font-size: 70%;
}
div.blog img {
  padding: 4px;
  background: #F2F2F3;
  border: 1px solid #e6e5e7;
}
div.author {
  float: right;
  padding-bottom: 1.5em;
  padding-top: 0.5em;
  color: #555;
  font-style: italic;
}
/******************************************************************************
* ICONS
*******************************************************************************/
h1.icon, h2.icon, h3.icon {
  padding: 12px 0;
  padding-left: 50px;
  background-position: left center;
  background-repeat: no-repeat;
}
.pencil { background-image: url('../images/icons/pencil-large.gif'); }
.necktie { background-image: url('../images/icons/necktie-large.gif'); }
.jigsaw {  background-image: url('../images/icons/jigsaw-large.gif'); }
.cog { background-image: url('../images/icons/cog-large.gif'); }
.jump-down { background-image: url('../images/icons/jump-down-large.gif'); }
.toolbox { background-image: url('../images/icons/toolbox-large.gif'); }
.pencilcan { background-image: url('../images/icons/pencilcan-large.gif'); }
.notebook { background-image: url('../images/icons/notebook-large.gif'); }
.talk { background-image: url('../images/icons/talk-large.gif'); }
.talk-add { background-image: url('../images/icons/talkadd-large.gif'); }
.shout { background-image: url('../images/icons/shout-large.gif'); }
.speaker { background-image: url('../images/icons/speaker-large.gif'); }
.paperclip { background-image: url('../images/icons/clip-large.gif'); }
.globe { background-image: url('../images/icons/globe.png'); }
.notepad { background-image: url('../images/icons/notepad.png'); }
.tag { background-image: url('../images/icons/tag-large.gif'); }
.calendar { background-image: url('../images/icons/calendar-large.gif'); }
.feed { background-image: url('../images/icons/feed-large.gif'); }
.sitemap { background-image: url('../images/icons/sitemap-large.gif'); }
.letter { background-image: url('../images/icons/letter-large.gif'); }
.search { background-image: url('../images/icons/search-large.gif'); }
.ballpen { background-image: url('../images/icons/ballpen-large.gif'); }
.heart { background-image: url('../images/icons/heart-large.gif'); }
.phone { background-image: url('../images/icons/phone-large.gif'); }
.card { background-image: url('../images/icons/card-large.gif'); padding-left: 60px !important; }
.building { background-image: url('../images/icons/building.png'); }
.attention { background-image: url('../images/icons/attention-large.gif'); padding-left: 60px !important; }

.meta {
  color: #666;
  font-size: 0.8333em; /*10px*/
  line-height: 2.4em; /*24px*/
  padding-bottom: 2.4em; /*24px*/
}
span.icon {
  padding-left: 15px;
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
}
span.date { background-image: url('../images/icons/calendar-small.gif'); }
span.ago { background-image: url('../images/icons/clock-small.png'); }
span.tags { background-image: url('../images/icons/tag-small.gif'); margin-left: 10px; }
span.comments { background-image: url('../images/icons/comments.gif'); margin-left: 10px; }
span.comment-add { background-image: url('../images/icons/pencil.gif'); margin-left: 10px; }

li.twitter { background: transparent url('../images/icons/twitter.gif') no-repeat 15px center; }
li.facebook { background: transparent url('../images/icons/facebook.gif') no-repeat 15px center; }

/*******************************************************************************
* MISC
*******************************************************************************/
.margin-bottom {
  margin-bottom: 24px;
}
.border-bottom {
  border-bottom: 1px solid #E6E5E7;
}
.border-top {
  border-top: 1px solid #E6E5E7;
}
p.border-bottom {
  padding-bottom: 1.916em;
}
.margin-top {
  margin-top: 24px;
}
.padding-top {
  padding-top: 24px;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
/*******************************************************************************
* QUOTES
*******************************************************************************/
cite {
  font-style: italic;
  color: #555;
}
blockquote {
  width: 60%;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 2em; /* 24px */
  padding: 2em 0 0 25px;
  margin: 0 auto 2em auto;
  background: url('../images/quote-open.gif') no-repeat left 5px;
}
blockquote p {
  display: block;
  padding-right: 25px;
  background: url('../images/quote-close.gif') no-repeat right bottom;
}
div.testimonial blockquote { width: 90%; }
#site-description div.testimonial { width: 80%; margin: 0 auto; }
#site-description div.testimonial blockquote { width: 100%; }
#site-description div.testimonial p.person { text-align: right; }

.pullquote {
  padding: 10px; /*TODO*/
  float: right;
  width: 200px;
  margin-top: 10px;
  margin-left: 20px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #2f4e6b;
  border-bottom-color: #2f4e6b;
  text-align: center;
  font-style: italic;
  font-weight: normal;
}

/*******************************************************************************
* SYNTAX HIGHLIGHTING SPECIFICS
*******************************************************************************/
code { font-family: monospace; }

div.dp-highlighter {
  width: 100%;
  margin: 1em 0 2em 0 !important;
  background-color: #F2F2F3;
}

div.dp-highlighter ol li,
div.dp-highlighter .columns div {
  line-height: 2em;
  border-left: 3px solid #6CE26C;
}

div.dp-highlighter .tag { background: transparent; }

div.dp-highlighter span.func { color: #0000BB; }
div.dp-highlighter span.comment { color: #E6B43F; }
div.dp-highlighter span.vars { color: #0000BB; }
div.dp-highlighter span.string { color: #DF3F00; }
div.dp-highlighter span.keyword { color: #007700; }

/*******************************************************************************
* FORMS
*******************************************************************************/
fieldset {
 border: 1px solid #eee;
 padding: 15px;
 margin-bottom: 1em;
}
legend {
  font-size: 1.25em; /*15px*/
  color: #2f4e6b;
  font-weight: normal;
  line-height: 1.6em; /*24px*/
}
label {
  line-height: 2em;
}
input, textarea, select {
  padding: 4px;
  border: 1px solid #c9c9c9;
  font-size: 1em;
  line-height: 2em;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background: #fff url('../images/background-input.gif') no-repeat 0 0;
}
input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {
  border: 1px solid #aaa;
  background-position: 0 -400px;
}
input.check, input.radio {
  background: none;
  border: none;
}
input.date_input {
  padding-left: 30px;
  background-image: url('../images/background-input-calendar.gif');
  width: 186px;
}
input.double-length, textarea.double-length, select.double-length {
  width: 212px;
}
input.triple-length, textarea.triple-length, select.triple-length {
  width: 450px;
}
div.form-column {
  float: left;
  width: 400px;
  padding-right: 12px;
}
.required {
  color: #ee7f0b;
}
/* form validation */
.LV_invalid_field {
  border: 1px solid #c00;
}
span.LV_invalid {
  color: #c00;
  padding-left: 20px;
  background: url('../images/icons/cross.gif') no-repeat 5px center;
}
span.LV_valid {
  color: #693;
  padding-left: 20px;
  background: url('../images/icons/tick.gif') no-repeat 5px center;
}

/*******************************************************************************
* COMMENTS
*******************************************************************************/
div.comment { margin-top: 2em; }
div.comment img { padding: 0; background: transparent; }

div.comment-header {
  background: #fff url('../images/comment-header.png') no-repeat left center;
}
div.comment-dark {
  background-position: -530px center;
}
div.comment-count {
  float: left;
  padding: 0 10px;
  padding-top: 4px;
  margin-left: 5px;
  height: 24px;

}
div.blog img.comment-avatar {
  float: left;
  border: 1px solid #eee;
  height: 40px; 
  background-color: #fff;
}
div.comment-posted {
  float: left;
  line-height: 14px;
  padding: 0 10px;
  padding-top: 4px;
}
div.comment-posted div.small-date {
  color: #777;
  font-size: 0.8333em; /*10px*/
  line-height: 2.4em; /*24px*/
  padding-top: 0.4em;
}
div.comment-body {
  width: 508px;
  padding: 10px;
  padding-top: 0;
  border-top: 0;
}

div.comment-pesche,
div.comment-dennis,
div.comment-lukas {
  background-color: #F7F6F7;
}
/* comment form */
#comment_form .information p,
#comment_form p.checkbox,
#comment_form .captcha label {
  width: 50%;
  float: left;
}
#comment_form fieldset { padding-top: 2em; }
#comment_form p.bottom { padding-bottom: 0; }
#comment_form .information input { width: 90%; }
#comment_form textarea { width: 95%; }
#comment_form .captcha input { width: 45%; float: left; }

/*******************************************************************************
* RFP
*******************************************************************************/
#rfp .captcha {
  margin-right: 12px;
}
#rfp .captcha label {
  width: 30%;
  float: left;
}

/*******************************************************************************
* PORTFOLIO
*******************************************************************************/
/* preview */
div.site-preview {
  width: 255px;
  margin-bottom: 2em;
}
div.site-preview-pic a {
  display: block;
}
div.site-preview-pic {
  padding: 4px;
  height: 120px;
  position: relative;
  background: #F2F2F3;
  border: 1px solid #e6e5e7;
  border-bottom: none;
}
div.site-preview div.site-preview-link {
}

div.site-preview-desc {
  width: 245px;
  color: #434343;
  background: #F2F2F2;
  display: inline-block;
  padding: 0.6em 4px;
  margin-bottom: 2em;
  border: 1px solid #E6E5E7;
  border-top: none;
}
div.site-preview-desc div.site-name, div.site-preview-desc div.site-name a {
  color:#000099;
}
div.site-preview-desc div.small-date {
  color: #333;
  font-size: 0.8333em; /*10px*/
  padding-top: 0.4em;
}
div.site-preview-desc span.site-link {
	display:block;
	text-align:center;
	margin-bottom:10px;
}

div.site-preview-desc span.site-description {
  color: #666;
  font-size: 0.9333em;
  padding-top: 0.4em;
  margin-top: 5px;
  display:block;
  text-align:left;
}

/* full view */
#loader {
  width: 520px;
  height: 298px;
  background: #fff;
  text-align: center;
}
#loader img {
  margin-top: 120px;
}
#screenshotz {
  padding: 4px;
  width: 520px;
  height: 298px;
  position: relative;
  border: 1px solid #E6E5E7;
  border-bottom: none;
  background-color: #F2F2F3;
}
#screenshot-list {
  margin: 0;
  padding: 0;
  width: 520px;
  display: block;
  list-style-type: none;
}

#screenshot-list li {
  width: 520px;
  height: 298px;
  display: none;
  line-height: 1em;
}
#screenshot-list li.first { display: block; }

#site-link {
  bottom: 4px;
  height: 30px;
  width: 520px;
  z-index: 100;
  display: none;
  position: absolute;
  background: url('../images/background-overlay.png') no-repeat 0 0;
}
#site-link a {
  width: 100%;
  height: 30px;
  color: #e6e5e7;
  display: block;
  line-height: 30px;
  padding-left: 34px;
  text-decoration: none;
  background: url('../images/icons/plus.png') no-repeat 0 0;
}
#site-desc {
  width: 520px;
  color: #434343;
  background: #F2F2F2;
  display: inline-block;
  line-height: 2em;
  padding: 0.4582em 4px;
  padding-bottom: 0.374em; /*-1px(-0.0833em)*/
  margin-bottom: 0.916em;
  border: 1px solid #E6E5E7;
  border-top: none;
}
#site-services {
  float: right;
  width: 200px;
  padding-left: 20px;
}

/* next / previous */
#site-next,
#site-previous {
  display: block;
  height: 48px;
  line-height: 48px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.6667em;
  margin-bottom: 2em;
}

#site-next {
  float: right;
  padding-right: 50px;
  background: transparent url('../images/icons/arrowright-large.gif') no-repeat right center;
}
#site-previous {
  float: left;
  text-align: left;
  padding-left: 50px;
  background: transparent url('../images/icons/arrowleft-large.gif') no-repeat left center;
}


/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #7F9C47;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #7F9C47;
        text-align: center;
      }
      .date_selector td.today a {
        background: #D0DCE4;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }