@charset "UTF-8";
/* CSS Document */
/*  html, body   */
html {font-size: 62.5%; background-color:#FFFFFF;}
html, body {margin:0; padding:0}
body {margin:0 auto; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif}

/* Baseline values for browser consistency*/
div, h1, h2, h3, h4, ul, li, form, input, select, option {margin:0;padding:0;}
img {margin:0;padding:0;border:0;}
ul {list-style:none;}
a {outline:0;}

.clear {clear:both;}

/* General Links */
a, a:link, a:visited {color:#000000; text-decoration:none;font-weight:bold}
a:hover {color:#000000; text-decoration:underline}

/* Site Structure */

#content {width:1000px; margin: 0 auto; padding-top:150px}
#content h1 {font-size:6.0em; font-weight:normal;text-align:right; letter-spacing:-0.085em;}
#content h1 a, #content h1 a:link, #content h1 a:visited {color:#000000;text-decoration:none; font-weight:normal}
#content h1#activeLink {background: transparent url(http://faktionlabs.com/images/common/nav_box.jpg) no-repeat; background-position:right; position:relative; right:-30px; padding-right:30px;font-weight:normal}
#content h1 a:hover {background: transparent url(http://faktionlabs.com/images/common/nav_over.jpg) no-repeat; background-position:right; position:relative; right:-30px; padding-right:30px; font-weight:normal}
#content h2 {font-size:2.1em;font-weight:normal; margin-bottom:1.5em;}
#content h2#faktion {margin-bottom:0;}
#content h2 span.spelling {font-weight:normal}
#content p {font-size:1.2em; line-height:1.4em;font-weight:normal; margin:0}


/* Navigation */
ul.navigation {float:right;margin-top:50px; position:relative;}
ul.navigation li {text-align:right;font-size:2.1em; margin-bottom:1em;}
ul.navigation li a, ul.navigation a:link, ul.navigation a:visited {color:#000000;font-weight:normal;text-decoration:none;}
ul.navigation li a:hover {color:#000000;}
ul.navigation li#activeLink {background: transparent url(http://faktionlabs.com/images/common/nav_box.jpg) no-repeat; background-position:right; position:relative; right:-30px; padding-right:30px;}
ul.navigation li.nav_link a:hover {background: transparent url(http://faktionlabs.com/images/common/nav_over.jpg) no-repeat; background-position:right; position:relative; right:-30px; padding-right:30px;}
#left_column {width:462px;float:left;}

#right_column {width:340px; padding:5.5em 100px 0 50px; float:right; border-left:#000000 solid thin} 
#right_column h2.faktion {margin-bottom:0}
#right_column p {margin:0 0 1.4em 0}

.indent {margin-left:20px;}

/* Footer */
#footer {text-align:center; margin:25px auto;}

/* Contact Form */
form#contact input.text {height:1.4em; font-size:1.5em; width:300px;}
form#contact textarea {width:300px; font-size:2.0em;}
form#contact td.odd {text-align:right; font-size:1.2em;}

/* Services Page */
#services {text-align:center;}
.fancyRightSide {float:right;border-left:#000000 thin solid;width:230px; padding-left:20px;font-size:1.3em;margin:auto 0;}
.fancyLeftSide {width:220px;float:left; margin:auto 0;}

/* Social Bookmarks */

#social_bookmarks {margin-top:30px; text-align:right; float:right; position:relative;}

#social_bookmarks ul {width:300px; list-style:none;}
#social_bookmarks li {display:inline; float:right; padding-right:10px; text-decoration:none; margin-bottom:25px;}



/* Lightbox */
/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar
(http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name
jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 *
@category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative
Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit
http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay {
position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0;
left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width:
100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%;
z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; } #lightbox-nav-btnPrev {
left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px
Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;
padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data
#lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose {
width: 66px; float: right; padding-bottom: 0.7em; }