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

Title: 		GetSimple CSS Document
Author: 	Fred Kylander
URL: 			http://liquidsilver.eu/
Created: 	February 28, 2010

**************************************************** */
@font-face {
	font-family: "LeagueGothicRegular";
	src: url("/webfonts/League-Gothic/League_Gothic.eot");
	src: local("League Gothic Regular"), local("LeagueGothic"), url("/webfonts/League-Gothic/League_Gothic.ttf") format("truetype");
}

@font-face {
	font-family: "Bebas";
	src: url("/webfonts/Bebas/BEBAS___.eot");
	src: local("Bebas Regular"), local("Bebas"), url("/webfonts/Bebas/BEBAS___.ttf") format("truetype");
}
@font-face {
	font-family: "BoycottRegular";
	src: url("/webfonts/Boycott/BOYCOTT_.eot");
	src: local("Boycott Regular"), local("Boycott"), url("/webfonts/Boycott/BOYCOTT_.TTF") format("truetype");
}
@font-face {
	font-family: "WalkwayUltrabold";
	src: url("/webfonts/Walkway/Walkway_UltraBold.eot");
	src: local("Walkway UltraBold Regular"), local("WalkwayUltraBold"), url("/webfonts/Walkway/Walkway_UltraBold.ttf") format("truetype");
}

/* ***** Resetter (HTML5 flavour) ***** */
html, body {margin:0; padding:0;}
a {text-decoration:none; cursor:pointer;}
a img {border:0 none; outline:0 none; -moz-outline:0 none;}
abbr {border-bottom:1px dotted gray; cursor:help;}
abbr:hover {opacity:0.7; border-bottom:0 none;}
article, aside, header, footer, section {position:relative; display:block;}
nav {position:relative;}
h1, h2, h3, h4, h5, h6, form, fieldset, textearea, p, ol, ul, li {margin:0; padding:0;}
ul li {list-style:none;}

/* ***** Global selectors ***** */
body {margin:0 auto; background:#0d0d0d url(images/back.jpg) no-repeat center; border-top:7px solid #030203; color: #eff4f4; font:normal 16px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;}
a:link {color:#689;}
a:visited {color:#466;}
a:hover, a:active, a:focus {color:#455;}
abbr {font-weight:bold; color:#ef8724; border-color:#ef8724;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p {font-weight:300; margin:.4em 0 1em;}
header, footer {margin:0 auto;}
footer p {font-weight:300; font-size:.8em; line-height:1.3em;}
aside {padding:1%; font-size:82%;}
article aside {margin:1em auto; border-top:1px solid #333;}

/* ***** Global classes ***** */
.left {float:left;}
.right {float:right;}
.clearall {clear:both;}
.centered {text-align:center !important;}
.rightaligned {text-align:right !important;}
.justified {text-align:justify !important;}
.graphic {text-indent:-999em; overflow:hidden; text-align:left !important;}
.block li {display:block;}
.inline li {display:inline;}
.inline-block li {display:inline-block;}
a.block {display:block;}
a.inline-block {display:inline-block;}
.big {font-size:115% !important; line-height:1.5em !important;}
.small {font-size:78% !important; line-height:1.33em !important;}
.inner {width:582px; margin:0 auto; padding:26px;}
img.full {width:100%; height:auto; vertical-align:middle;}
#sc-container textarea {width:98%; padding:1%; border:0 none; min-height:160px; height:auto;}
#sc-container label {min-width:80px; padding:2px; display:inline-block; color:#f3b373;}
#sc-container p, #sc-container section {padding:2px 0;}
#sc-container .error {padding:8px !important; background:#f9f2c1; border:2px solid #fa3a0a; font-size:14px; line-height:21px; font-weight:800; color:#fa3a0a !important;}
#sc-container .success {padding:8px !important; background:#e2f9d1; border:2px solid #4afa4a; font-size:14px; line-height:21px; font-weight:500; color:green !important;}
header .inner {padding:8px 26px !important;}
.league-gothic {font-family:"LeagueGothicRegular",sans-serif !important; text-transform:uppercase; letter-spacing:1px !important; font-weight:normal;}
.bebas {font-family:"Bebas",sans-serif !important; word-spacing:3px !important; letter-spacing:-1px !important; font-weight:normal;}
.boycott {font-family:"BoycottRegular",sans-serif !important; word-spacing:-1px !important; font-weight:normal; font-style:normal !important;}
.walkway-semi {font-family:"WalkwayUltrabold",sans-serif !important; letter-spacing:1px !important; font-weight:normal; font-style:normal !important;}
.giant li {font-size:24px; margin:18px 0; padding:0;}
.giant li a {color:gray !important;}
.giant li a:hover, .giant li a:focus {color:silver !important;}
.giant li a.current {color:white !important;}
.giant li a:before {content: "/ ";}
a.current {color:white !important;}
.separator {clear:both: margin:1.5em auto;}

/* ***** IDs ***** */
#logo {width:84px; height:80px; display:block; background: url(images/logo.png) no-repeat left center;}
#topnav li {line-height: 28px; text-align:left;}
#topnav li a {padding: 8px 0;}
#content {height:auto; color:#cfd2d3;}
#content .inner {background: rgba(024,022,024,0.8); padding:9px 26px;}
#content .inner a {color: #79b;}
#content .inner a:hover, #content .inner a:focus {color:white;}
#content h1, #content h2, #content h3 {font-family:"Bebas",sans-serif; text-transform:uppercase; margin:1em 0 .5em; color:#8cadaf;}
#content h1 {font-size:88px; line-height:12px; color:#384646;}
#content article h1 {font-size:48px !important;}
h1.walkway-semi {font-size:32px !important;}
#content h3 {font-family:"LeagueGothicRegular",sans-serif; text-transform:uppercase; letter-spacing:4px; word-spacing:1px;}
#content p {line-height:1.66em;}
#content #clientlist {margin-top:16px;}
#content #clientlist p {font-size:.82em; font-weight:300 !important; letter-spacing:normal; line-height:1.6em !important;}
#gallery a {border:0 none;}
#gallery .thumb {width:128px; height:128px; overflow:hidden; opacity:.8; text-decoration:none; display:block; margin:0 14px 18px 0; border:0 none;}
#gallery .thumb img {width:128px; height:auto; margin:auto; border:0 none; outline:none; -moz-outline:0 none; color:#0d0d0d;}
#gallery .thumb:hover, #gallery .thumb:focus, #gallery .thumb:active {opacity:1; outline:none; -moz-outline:0 none; color:#0d0d0d;}
#textnav {padding:8px 26px; font-size:.66em; text-transform:uppercase; text-align:center; margin:8px auto 0;}
#switch {margin:.0 auto; padding:0 26px; width:582px; font-size:11px; background:#0a0b0b;}
#switch li a {padding:2px 4px; margin:0 4px 0 0;}
#switch li a:hover, #switch li a:focus {border-bottom: 1px solid #455; outline:0 none; -moz-outline:0 none;}
#switch li a:active {border-bottom:0 none; outline:0 none; -moz-outline:0 none; color:#952;}
#switch li a .bright {padding:4px; background:#abb !important;}
#switch li a .dark {padding:4px; background: #233 !important;}

/* ***** Slider ***** */
#slider {margin:0 auto 2em; width:582px; height:400px; padding:4px 0; text-align:center;}
.panel {width: 582px; height:400px; margin:0 auto;}
.panel img {width:100%; height:auto;}


/* ***** 12-col grid system ***** */
.g1c {width:6%; padding:1%;}
.g2c {width:14%; padding:1%; margin-right:1%;}
.g3c {width:20%; padding:1%; margin-right:1%;}
.g4c {width: 29%; padding:1%;}
.g5c {width: 36%; padding:1%;}
.g6c {width: 46%; padding:1%;}
.g7c {width:56%; padding:1%;}
.g8c {width: 67%; padding:1%;}
.g9c {width: 75%; padding:1%;}
.g10c {width:82%; padding:1%;}
.g11c {width:90%; padding:1%;}
.g12c {width:96%; padding:2%; margin:auto;}

/* ***** Twitter gadget ***** */
#absright {position:fixed; top:0; right:3.5em; width:150px; padding:18px 8px 9px 8px; background:rgba(008,008,008,0.7); height:auto; color:#bbd; cursor:default; z-index:1000;}
a#hide_twitter_div {font-size:12px !important; text-align:center !important; padding:2px 0 0 0; width:100%; display:block;}
#twitter_update_list li {display:block; padding:12px 0; border-bottom:1px solid #122; font-family:Georgia,serif; font-size:13px; line-height:17px;}