@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/
---------------------------------------------------------------------*/

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;
	color:#fff;
}
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:13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.22;
}
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;
}
logo{ float: left; height: auto; width:auto; margin:0 auto; }

/* 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;
	color:#FFF;
}
a,a:active,a:visited {
	color: #FFF;
}
a:hover {
	color:#E30076;
}
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:#FF5E99;
	color:#fff;
	text-shadow:none;
}
::selection {
	background:#FF5E99;
	color:#fff;
	text-shadow: none;
}

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

/* 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 {
	display:inline;
	float: left;
	position: relative;
	margin-right: 18px;
	hasLayout: 1;
}

.width1{
	width:296px;
}
.width2{
	width:610px;
}
.width3{
	width:924px;
}
.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: '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;
}

body {
	background: #1EA5BB url("../img/bg.png") repeat-x;
	color: #F2F1DD; 
}

h1 {
	color: #fff;
	position: relative; 
}
 
h1, h2 { 
	text-align: center; 
}
 
h1 {
	font: 60px/68px 'ChunkFiveRegular', Arial, sans-serif;
	letter-spacing: -0.02em;
	margin-top: 32px; 
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
 
h2 {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #3A9BAC;
	background: rgba(255, 255, 255, 0.15);
	color:#9EEAF7;
	font:20px/28px 'ChunkFiveRegular', Arial, sans-serif;
	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=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

h3 {
	color: #0A6676;
	font: 26px/32px 'ChunkFiveRegular', Arial, sans-serif;
	margin: 10px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 
}
 
h4 {
	color: #A7CC00;
	font: 24px/30px 'ChunkFiveRegular', Arial, sans-serif;
	margin:.2em 0 .5em;
}

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

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

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

section:hover h3 {
	color: #fff;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
}

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

}

.mozilla hr {
	height: 2px;
}

.container {
	background: #fff;
	margin: 1em 0; 
	color: #666;
}
 
.container:hover {
	-moz-box-shadow: 0 0 8px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.4);
	box-shadow: 0 0 8px rgba(0,0,0, 0.4);
}

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;
}
* html q {
	background:url("../img/quote.gif") no-repeat scroll 6px 8px #f4f4f4;
}
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;
	padding: 8px 0; 
}

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

nav li a:link, nav li a:visited {
	color: #fff;
	font-size: 16px;
	padding: 5px 15px;
	text-decoration: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25); 
}

nav li a:hover, nav li a:focus {
	background: #167F91;
	background: rgba(0,0,0,0.1); 
}

nav li.active a { 
	background: #E30076; 
}

/* Floating navigation */
.floating {
	background: #084550;
	background: rgba(0,0,0, 0.5);
	left: 0;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* 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: 610px; 
	height: 244px; 
	background:#fff; 
	overflow: hidden; 
	position: relative;
}
.boxgrid:hover, .boxgrid_big:hover { 
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
.boxcaption h5 { 
	margin: 10px 10px 0 10px; 
	color: #fff;
}

.boxgrid img{ 
	background:url("../img/portfolio/bg.png");
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	padding: 6px;
}
.boxgrid_big img{ 
	background:url("../img/portfolio/bg-big.png");
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	padding: 6px;
}
.boxgrid p{ 
	padding: 0 10px; 
	color: #afafaf; 
}

.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;
}

a.rounded {
	background:#167F91;
	color:#fff !important;
	display:inline-block;
	margin:2px 0 0;
	padding:2px 6px;
	text-decoration:none;
	font-size:11px;
}
a.rounded:hover {
	background:#E30076;
}

ul.specs {
	list-style: none;
	margin: 0;
	width:50%;
	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 #fff;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url('../img/nyro/ajaxloader.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: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 8px solid #fff;
	-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: 20px;
	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: #f9f9f9;
}

.jcarousel-item img {
	background-color:#fff;
	border:1px solid #ddd;
	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;
}

.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: #1EA5BB;
	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;
}

/* 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:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding: 4px; 
	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: #969696;
	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:#555;
}
.btn:hover, .btn:focus, .btn:active {
	outline:medium none;
	background: #E30076;
}

form p {
	margin-bottom: 10px;
}

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:#202834 url('../img/slider/loading.gif') no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
.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: #fff;
	opacity: .5;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-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/slider/ribbon.png') no-repeat;*/
	width:132px;
	height:82px;
	z-index:100;
	left:-8px;
	top:-6px;
}

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

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

/* Feature Carousel
---------------------------------------------------------------------*/

#featureCarousel {
    height: 280px;
    width:960px;
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    cursor:pointer;
	-moz-box-shadow:0 4px 12px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
#featureCarousel .feature div {
    position:absolute;
    bottom:0;
    left:0;
    background-color:black;
    width:100%;
}
#featureCarousel .feature div h5 {
    color:#fff;
	margin:0.5em 0 0;
	padding:0 8px;
}
#featureCarousel .feature div p {
    margin:0;
    padding:0 8px 8px;
    font-size:12px;
    color:#eee;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:#fff;
    top:274px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:1px;
    height:10px;
    width:10px;
    color:#fff;
    text-align:center;
    background:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	opacity: .5;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	*font-size:1px;
}
#featureCarousel .blipsContainer .blipSelected {
    color:#fff;
    background:#000;
}

/* 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:#9EEAF7;
}
.textSlide .fl {
	padding:0 1em 1em 0;
}
.textSlide .fr {
	padding:0 0 1em 1em;
}
.textSlide p {
	line-height: 1.5em;
	font-size: 14px;
}

/* Top panel / Theme switcher
---------------------------------------------------------------------*/

#toppanel {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 25;
	text-align: center;
	top: 0;
}
#panel {
	width: 100%;
	position: relative;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	-moz-opacity:.95;
	-khtml-opacity:.95;
	opacity:.95;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	text-align: center;
	padding:16px 16px 16px 0;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

#panel_contents img {
	border: 2px solid #000;
}
#panel_contents img:hover {
	-moz-box-shadow: 0 0 8px rgb(82, 168, 236);
	border-color: rgb(82, 168, 236);
	-webkit-box-shadow: 0 2px 12px #5A9ECF;
	box-shadow: 0 2px 12px #5A9ECF;
}

.panel_button {
	margin-left: auto;
	position: relative;
	width: 100px;
	height: 27px;
	background: #000;
	z-index: 20;
	cursor: pointer;
	text-align: center;
	margin-right: 5px;
	-moz-opacity:.95;
	-khtml-opacity:.95;
	opacity:.95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
#hide_button {
	display: none;
}
.panel_button a {
	text-decoration: none;
	color: #ddd !important;
	font-size: 11px;
	position: relative;
	top: 4px;
	font-weight: normal !important;
}
.panel_button a:hover {
	color: #fff;
}

/* Theme: Default
---------------------------------------------------------------------*/

footer {
	position: relative;
	zoom: 1;
}

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

footer p a {
	color: #9CDFFD !important;
}
footer p a:hover {
	color: #fff !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; 
	} 
}