@charset "UTF-8";
/*---------------------------------------------------------------------

Template Name: 	OpenFolio
Version:	 	1.0
Release Date: 	August 28, 2010

File:       	style.css
Updated:    	2010-08-28

Copyright (c) 2010 Zoran Juric - http://themeforest.net/user/zoranjuric

-----------------------------------------------------------------------

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in
this file. Instead use the custom.css file to add your styles. You can
copy a style from this file and paste it in custom.css and it will
override the style in this file.

---------------------------------------------------------------------*/

/* Reset  

html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
---------------------------------------------------------------------*/
/* tip to hide google translate auto toolbar*/
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
/* tip to hide google translate auto toolbar*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}                  

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration:line-through;
}
abbr[title],dfn[title] {
	border-bottom:1px dotted #000;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
input,select {
	vertical-align: middle;
}

/*  Fonts

There are two custom edits:
* make the line-height relative and unit-less
* remove the pre,code styles as we use a recommendation from Eric 
  Meyer instead
---------------------------------------------------------------------*/

body {
	*font-size:small;
	*font:x-small;
	line-height:1.22;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
table {
	font-size:inherit;
	font:100%;
}
select,input,textarea {
	font:99% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
code,pre {
	font-family:"Courier New",monospace,serif;
	font-size: 1em;
}

/* Base styles 
---------------------------------------------------------------------*/

body, select, input, textarea { 
	/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
	color:#444; 
}
 
h1,h2,h3,h4,h5,h6 { 
	font-weight: bold; 
	/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
	text-rendering: optimizeLegibility; 
}

html { 
	/* always force a scrollbar in non-IE */
	overflow-y: scroll; 
	/* maxvoltar.com/archive/-webkit-font-smoothing */
	-webkit-font-smoothing: antialiased; 
}

a:active, a:focus {
	outline:none;
}
a,a:active,a:visited {
	color:#ccc;
}
a:hover {
	color:#fff;
}
ul {
	margin-left:30px;
}
ol {
	margin-left:30px;
	list-style-type:decimal;
}
small {
	font-size:85%;
}
strong,th {
	font-weight:bold;
}
td,td img {
	vertical-align:top;
}
sub {
	vertical-align:sub;
	font-size:smaller;
}
sup {
	vertical-align:super;
	font-size: smaller;
}

pre { 
	padding: 15px; 
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align:text-bottom;
}
input[type="checkbox"] {
	vertical-align:bottom;
	*vertical-align:baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { 
	cursor: pointer; 
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection {
	background:#730000;
	color:#fff;
	text-shadow:none;
}
::selection {
	background:#730000;
	color:#fff;
	text-shadow: none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link { 
	-webkit-tap-highlight-color: #FF5E99; 
} 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  
	width: auto; 
	overflow: visible; 
}
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { 
	-ms-interpolation-mode: bicubic; 
}

/* Non-semantic helper classes 
---------------------------------------------------------------------*/

/* for image replacement */
.ir { 
	display:block; 
	text-indent:-999px; 
	overflow:hidden; 
	background-repeat: none; 
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { 
	display:none; 
	visibility:hidden; 
} 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { 
	position:absolute !important;    
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); 
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
	visibility: hidden; 
}

/* >> The Magnificent CLEARFIX << */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height: 1%;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}

.inline {
	display: inline; /* This is to fix the common problem with IE6 and 'ghost text' */
}

/* 3 Column Grid

Margin/Column Widths: 18, 296, 18, 296, 18, 296, 18
---------------------------------------------------------------------*/

.colgroup {
	padding: 1em 0;
	*margin-bottom: 1em;
}

.width1, .width2, .width3, .width4, .width5, .width6, .width7, .width8{
	display:inline;
	float: left;
	position: relative;
	margin-right: 18px;
	hasLayout: 1;
}

.width1{
	width:296px;
}
.width2{
	width:610px;
}
.width3{
	width:924px;
}
.width4{
	width:336px;
}
.width5{
	width:570px;
}
.width6{
	width:316px;
}
.width7{
	width:590px;
}
.width8{
	width:250px;
}
.first {
	margin-left: 18px;
}
 
.fl { 
	float: left; 
}
.fr { 
	float: right; 
}
 
.leading { 
	margin-bottom: 18px; 
}
.noleading { 
	margin-bottom: 0 !important; 
}
 
.full { width: 100%; }

.wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative; 
}


/* Border radius / Corners
---------------------------------------------------------------------*/

.corners {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}
 
.corners-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px; 
}
 
.corners-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
}


/* Page Design Styles
---------------------------------------------------------------------*/

@font-face {
	    font-family: 'SansationRegular';
    src: url('../fonts/Sansation_Regular-webfont.eot');
    src: local('☺'), url('../fonts/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation_Regular-webfont.woff') format('woff'),
         url('../fonts/Sansation_Regular-webfont.ttf') format('truetype'),
         url('../fonts/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	/*font-family: 'ChunkFiveRegular';
	src: url('../fonts/chunkfive-webfont.eot');
	src: local('☺'), url('../fonts/chunkfive-webfont.woff') format('woff'), url('../fonts/chunkfive-webfont.ttf') format('truetype'), url('../fonts/chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
	font-weight: normal;
	font-style: normal;*/
}


@font-face {
    font-family: 'SansationBold';
    src: url('../fonts/Sansation_Bold-webfont.eot');
    src: local('☺'), url('../fonts/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation_Bold-webfont.woff') format('woff'),
         url('../fonts/Sansation_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Sansation_Bold-webfont.svg#SansationBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	
	background: #2C2C2C;
	color: #999; 
	
}
#top {
	border-bottom: 4px solid #1C1C1C;
	background-color: #B70000;
}
h1 {
	color: #fff;
	position: relative; 
}
 
h1, h2 { 
	text-align: center; 
}
 
h1 {
	/*font: 30px/35px 'ChunkFiveRegular', Arial, sans-serif;*/
	font: 30px/35px 'SansationBold', Arial, sans-serif;
	background: #B70000;
	letter-spacing: -0.02em;
	margin-top: 0px; 
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
 
h2 {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.15);
	color:#9EEAF7;
	background: #B70000;
	color:#CCC;
	margin:8px 0 18px;
	padding:4px 16px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);


	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/*font-family: 'ChunkFiveRegular', Arial, sans-serif;*/
	font-family: 'SansationRegular', Arial, sans-serif;
	font-size: 20px;
	line-height: 28px;
}

h3 {
	color: #EEE6D2;
	/*font: 26px/32px 'ChunkFiveRegular', Arial, sans-serif;*/
	font: 26px/32px 'SansationBold', Arial, sans-serif;
	margin: 10px 0;
	text-shadow: none; 
}
 
h4 {
	color: #EEE6D2;
	font: 24px/30px 'ChunkFiveRegular', Arial, sans-serif;
	margin:.2em 0 .5em;
}

h5 {
	color:#EEE6D2;
	margin:.5em 0;
	font: 18px/24px 'ChunkFiveRegular', Arial, sans-serif;
}
h5.leading {
	margin-top: 0;
}

h6 {
	color:#EEE6D2;
	font-size:15px;
	margin:.5em 0 .5em;
}

section#first {
	margin-top: 1em;
}

section:hover h3 {
	color: #fff;
	text-shadow: none; 
}

hr {
	background: #1C1C1C;
	border-color: #555;
	height: 1px;
	margin-top: 2em;
	width: 100%;
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.mozilla hr {
	height: 1px;
}

.container {
	background: #1C1C1C;
	margin: 1em 0;
	color: #CCC;
}
 
.container:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

p+p {
	margin-top: 1em;
}

q {
	display:block;
	font-style:normal;
	quotes:"" "";
	background:url("../img/quote.png") no-repeat scroll 6px 8px #f4f4f4;
	display:block;
	min-height:42px;
	line-height:20px;
	padding:4px 4px 4px 28px;
	font-family:Georgia,"Times New Roman",Times,serif;
	margin:1em 0;
	text-shadow:0 1px 0 #fff;
	background-color:#333;
	color:#aaa;
	text-shadow:none;
}
* html q {
	background:url("../img/quote.gif") no-repeat scroll 6px 8px #333;
}
q cite {
	display:block;
	font-size:12px;
	color:#999;
}

big,.big {
	font-size:120% !important;
	line-height:150%;
}

/* Google Map */
#gmap {
	height:198px;
	margin-top:1em;
}

/* Navigation menu
----------------------------------------------- */

nav {
	text-align: center;
	margin: 0;
	height: 48px; 
}
 
nav ul {
	margin: 0 auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
	padding: 8px 0; 
	background: #730000;
}

nav ul li {
	display: inline;
	white-space: normal;
	padding-left: 10px; 
}

nav li a:link, nav li a:visited {
	color: #E8E1CE;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-shadow: none;
}

nav li a:hover, nav li a:focus {
	color: #fff;
	background: #A9322A;
	/*background: #580E0E;
	background: rgba(0,0,0,0.1);*/ 
}

nav li.active a { 
	background: #111; 
	color: #fff;
}

/* Floating navigation */
.floating {
	color: #fff;
	background: #730000;
	/*background: rgba(0,0,0, 0.5);*/
	left: 0;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999; 



	opacity: .9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

/* Lists
---------------------------------------------------------------------*/

/* Social */

ul.social {
	list-style:none;
	margin: 0 0 1em;
}

ul.social li {
	height:40px;
	display:block;
}

ul.social img {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

ul.social a {
	float:left;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

ul.social a span {
	font-size:12px;
	color:#aaa;
	display: block;
	font-weight: normal;
}

/* dl */

dl.dl dt {
	font-weight: bold;
}
dl.dl dd {
	margin-bottom: .8em;
}

/* Portfolio boxes
---------------------------------------------------------------------*/

.boxgrid{ 
	width: 296px; 
	height: 185px; 
	margin:10px 0; 
	float:left; 
	background:#fff; 
	overflow: hidden; 
	position: relative;
}
.boxgrid_big{ 
	width: 300px; 
	height: 244px; 
	background:#fff; 
	overflow: hidden; 
	position: relative;
}
.boxgrid:hover, .boxgrid_big:hover { 
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.boxcaption h5 { 
	margin: 10px 10px 0 10px; 
	color: #fff;
}

.boxgrid img{ 
	background:none;
	background-color: #2C2C2C;
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	padding: 6px;
}
.boxgrid_big img{ 
	background:none;
	background-color: #2C2C2C;
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	padding: 6px;
}
.boxgrid p{
	padding: 0 10px;
	color: #CCCCCC;
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 97px; 
	width: 284px; 
	opacity:0; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	left: 0;
	top: 180px;
	margin: 6px;
}

.boxdetails {
	display: none;
	height: auto;
	width: auto;
}
.boxdetails_fixed {
	display: none;
	height: 410px;
	width: 400px;
}
.boxdetails_fixeds {
	display: none;
	height: 200px;
	width: 200px;
}
a.rounded {
	background:#333;
	color:#fff !important;
	display:inline-block;
	margin:2px 0 0;
	padding:2px 6px;
	text-decoration:none;
	font-size:11px;
}
a.rounded:hover {
	background:#444;
	color: #fff !important;
}

ul.specs {
	list-style: none;
	margin: 0;
	width:100%;
	float: left;
	margin:0 0 1em;
}

ul.specs li {
	background: url('../img/check.png') no-repeat 0 -2px;
	padding-left: 1.5em
}
* html ul.specs li {
	background: url('../img/check.gif') no-repeat 0 -2px;
	padding-left: 1.5em	
}

.portfolio_group {
	margin:0 0 3em;
}

/* Nyro popup window
---------------------------------------------------------------------*/

div#nyroModalFull {
	font-size: 12px;
	color: #444;
}
div#nyroModalFull div#nyroModalLoading {
	border: 8px solid #1C1C1C;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #1c1c1c url('../img/ajax-loader.gif') no-repeat;
	background-position: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #1C1C1C;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #1C1C1C;
	border: 8px solid #1C1C1C;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -19px;
	right: -19px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/nyro/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -53px;
	left: 0;
	font-size: 12px;
	color: #fff;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
	overflow: auto;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(); /* Trick IE6 */
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/* IE6 */
* html div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, 
* html div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	width: 48px;
	height: 48px;
	top: 45%; 
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 40%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
	background-position: 10% 45%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background-image: url(../img/nyro/prev.gif);
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
	background-position: 90% 45%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background-image: url(../img/nyro/next.gif);
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/* jCarousel 
---------------------------------------------------------------------*/

.jcarousel-container-vertical {
    width: 296px;
    height: 300px;
}

.jcarousel-clip-vertical {
    top: 18px;
    width: 296px;
    height: 266px;
    z-index: 20;
}

#headlines li, .jcarousel-item-vertical, .jcarousel-item-placeholder-vertical {
    width: 284px;
    height: auto;
    margin: 0;
	padding: 6px;
}

#headlines li.odd {
	background: #222;
}

.jcarousel-item img {
	background-color:#fff;
	border:1px solid #ddd;
	background: #333;
	border-color: #333;
	float:left;
	margin:0 8px 0 0;
	padding:2px;
}

.jcarousel-item a {
    font-weight: bold;
	font:bold 12px/1.22em Georgia,serif;
	text-decoration: none;
}

.jcarousel-item .date {
    display: block;
	color:#999;
	font-size:11px;
	text-transform:uppercase;
}

.jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 296px;
    height: 18px;
    cursor: pointer;
    background: #fff url('../img/carousel-down.gif') no-repeat center;
}

.jcarousel-next-disabled-vertical, .jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .2;
    -moz-opacity: .2;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 18px;
    cursor: pointer;
    background: #fff url('../img/carousel-up.gif') no-repeat center;
}

/* News container
---------------------------------------------------------------------*/

#news_container {
	height:300px;
	line-height:1.5em;
	padding-right:1em;
	background-color: #1C1C1C;
}

.news_entry {
	display: none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D2EDF1;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

img.alignright {
	float: right;
	background-color:#fff;
	border:1px solid #ddd;
	margin:5px 0 5px 15px;
	padding:4px;
}
img.alignleft {
	float: left;
	background-color:#fff;
	border:1px solid #ddd;
	margin:5px 5px 5px 5px;
	padding:4px;
}
/* Forms
---------------------------------------------------------------------*/

form { 
	overflow: auto; 
	margin: 1em 0;
}
input, select { 
	vertical-align:middle; 
}
input[type="radio"] { 
	margin: 0 
}
input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"],
input[type="file"],
textarea, select { 
	border-color:#2c2c2c;
	border-style:solid;
	border-width:1px;
	background: #2c2c2c; 
	color: #777;
}
textarea { 
	line-height: 18px;
	overflow: auto;
}
textarea.small{ 
	height:5.5em; 
}
textarea.medium{ 
	height:10em; 
}
textarea.large{ 
	height:20em; 
}

input.half, select.half, textarea.half{ 
	width:50%; 
}
input.full, select.full, textarea.full{ 
	width:95%; 
}
input.title { 
	font-size:20px; 
}

input[type="submit"],
input[type="reset"],
input[type="button"]{ 
	margin-bottom: 0; 
}

input:focus, textarea:focus, select:focus {
	border-color: #2c2c2c;
	background: #333;
	outline-width:0; /* No outline border for Safary */
}

label.required:before {
	content: "*";
	color:red;
	font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
label.ok {
	background:url("../img/valid.gif") no-repeat;
	padding-left:16px;
}
label.error {
	color:#d00;
	text-transform: none;
	margin-left:6px;
	font-style:italic;
}
label.choice {
	vertical-align:middle;
	font-weight:normal;
	text-transform: none;
}

input.error, select.error, textarea.error {
	background: #FFE6DF;
}

fieldset small {
	color:#999;
	font-size:11px;
	display:block;
} 

.btn {
	display: inline-block;
	padding: 5px 10px;
	color: #fff !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
	position: relative;
	cursor: pointer;
	border:none;
	background: #333333;
}
.btn:hover, .btn:focus, .btn:active {
	outline:medium none;
	background: #444;
}

form p {
	margin-bottom: 10px;
	color: white;
}

    .input label.focused
    {
        background-color: #EEEEEE;
        font-style: italic;
    }


input:checked + label {
    color: white;
}

button:hover {
	cursor:pointer;
}

form p.error {
	font-weight: bold;
	color: red;
}

/* jQuery Nivo Slider
---------------------------------------------------------------------*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	height:384px;
	margin:2em 0 5em;
	background:#000 url('../img/slider/loading.gif') no-repeat 50% 50%;
	-moz-box-shadow:0px 6px 6px #000;
	-webkit-box-shadow:0px 6px 6px #000;
	box-shadow:0px 6px 6px #000;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
	display:block;
	width:30px;
	height:34px;
	background:url('../img/slider/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
* html .nivo-directionNav a {
	background:url('../img/slider/arrows.gif') no-repeat;
}
a.nivo-nextNav {
	background-position:-31px 0;
	right:15px;
}
* html a.nivo-nextNav {
	background-position:-31px 0;
}
a.nivo-prevNav {
	left:15px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider .nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
#slider .nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background: #1C1C1C;
	opacity:1;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	font-size:1px; /* for Opera and IE6 */
}

#slider .nivo-controlNav a.active {
	background: #000;
}

#slider a {
	display:block; /* IE Fix */
}

.ribbon {
	position:absolute;
	background:url('../img/ribbon.png') no-repeat;
	width:132px;
	height:82px;
	z-index:100;
	left:-8px;
	top:-6px;
}

* html .ribbon {
	background:url('../img/ribbon.gif') no-repeat;
}

#first .ribbon {
	*top: 7px;
}



/* Tiny Circleslider */
img { border: 0; }
#rotatescroll { height:300px; position:relative; width:300px; }
#rotatescroll .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll .overview li { height:300px; width:300px; float: left; position: relative; }
#rotatescroll .overlay {background:url(../img/tinyslider/bg-rotatescroll.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:300px; width:300px; }
#rotatescroll .thumb { background:url(../img/tinyslider/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200;  height: 100px; }
#rotatescroll .dot { background:url(../img/tinyslider//bg-dot.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
#rotatescroll .dot span { display: none; }

/* anythingSlider
---------------------------------------------------------------------*/

.anythingSlider {
	width:960px;
	height:280px;
	position:relative;
	margin:2em auto 0;
}
.anythingSlider .slider_wrapper {
	width:864px;
	overflow:hidden;
	height:280px;
	margin-left:48px;
	position:absolute;
	top:0;
	left: 0;
	z-index: 1;
}
/* Width below is max for Opera */
.anythingSlider .slider_wrapper ul {
	width:9999px;
	height:280px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
.anythingSlider .slider_wrapper ul li {
	display:block;
	float:left;
	padding:0;
	height:317px;
	width:864px;
	margin:0;
}
.anythingSlider .arrow {
	z-index:100;
	display:block;
	height:34px;
	width:31px;
	background:url('../img/slider/arrows.png') no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:-216px;
	cursor:pointer;
	opacity:.5;
}
* html .anythingSlider .arrow {
	background:url('../img/slider/arrows.gif') no-repeat;
}
.anythingSlider .forward {
	background-position:-31px 0;
	right:0;
}
.anythingSlider .back {
	background-position:0 0;
	left:0;
}
* html .anythingSlider .forward {
	background-position:-31px 0;
}
* html .anythingSlider .back {
	background-position:0 0;
}
.anythingSlider .arrow:hover {
	opacity:1
}
.thumbNav {
	position:relative;
	top:323px;
	text-align:center;
}
.thumbNav ul {
	margin:0;
}
.thumbNav li {
	display:inline;
}
.thumbNav a {
}
.thumbNav a.cur {
}
.start-stop {
	display: none;
}

.anythingSlider .slider_wrapper ul ul {
	position:static;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
	border:0;
}
.anythingSlider .slider_wrapper ul ul li {
	float:none;
	height:auto;
	width:auto;
	background:none;
}
.textSlide {
	padding: 0 1px;
}
.textSlide h4 {
	font-size:28px;
	color:#fff;
}
.textSlide h5 {
	font-size:18px;
	color:#EEE6D2;
}
.textSlide .fl {
	padding:0 1em 1em 0;
}
.textSlide .fr {
	padding:0 0 1em 1em;
}
.textSlide p {
	line-height: 1.5em;
	font-size: 14px;
}


footer {
	position: relative;
	zoom: 1;
}

footer p {
	color: #646464; 
	font-size:11px;
	margin:0 auto;
	position:relative;
	text-align:center;
	top:0;
	width:100%;
	z-index:2;
	padding-bottom: 1em;
}

footer p a {
	color: #777 !important;
}
footer p a:hover {
	color: #999 !important;
}
 
/* Print styles

Inlined to avoid required HTTP connection 
www.phpied.com/delay-loading-your-print-css/ 
---------------------------------------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#444 !important;
		text-shadow:none;
	}
	a,a:visited {
		color:#444 !important;
		text-decoration:underline;
	}
	/*
	a:after {
		content:" (" attr(href) ")";
	}
	*/
	abbr:after {
		content:" (" attr(title) ")";
	}
	.ir a:after {
		content: "";
	}
	/* Don't show links for images */
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	img {
		page-break-inside:avoid;
	}
	@page {
		margin:0.5cm;
	}
	p,h2,h3 {
		orphans:3;
		widows:3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
	nav, object, #slider, #toppanel, .social li img { 
		display:none; 
	}
	
}

/* Media queries for responsive design
---------------------------------------------------------------------*/

@media all and (orientation:portrait) { 
	/* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) { 
	/* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
	/* Prevent iOS, WinMobile from adjusting font size */
	html { 
		-webkit-text-size-adjust:none; 
		-ms-text-size-adjust:none; 
	} 
}