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

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

}




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

}




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

}


body {

color: #737373;

    font-family: 'opensans-regular', sans-serif;

    font-size: 13px;

    margin: 0;

    padding: 0;

}





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

 *                 HTML Elements

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



h1 { 
    font-family: 'eurofurence_regular';
	font-size:2.4em;
    font-weight:normal;
	line-height:1.6em;
	margin:0 0 30px 0;
}


.view-project-view h2.block-title a {
	font-family: 'eurofurence_regular';
	font-size:1.6em;
    font-weight:normal;
	line-height:1.6em;
}

h3 {
	font-family: 'eurofurence_regular';
	font-size:1.4em;
    font-weight:normal;
	line-height:1.6em;
}

h4 {
    font-family: 'eurofurence_regular';
	font-size:1.2em;
    font-weight:normal;
	line-height:1.8em;
}

h5 {}

h6 {}



p { line-height:1.618em;}



strong {}

em, dfn {}

dfn {}



sup, sub {}



del {}

ins {}



blockquote {}

cite {}

q {}



address {}



ul {}

ol {}

li { list-style: disc;}



dl {}

dd {}

dt {}





abbr {}

acronym {}



pre, code, tt {}

p code {}

samp {}

kbd {}

var {}





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

 *                 Global Link Styles

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

a {

  margin: 0; 

  padding: 0;

  color:#f15a2b;

  text-decoration:none;

}



a:link    {color:#f15a2b;}

a:visited {color:#f15a2b;}

a:hover   {color:#f15a2b;}

a:active  {color:#f15a2b;}

a.active  {color:#f15a2b;}



/* Set global a:active and a:focus styles. */

a:active,

a:focus {

  color:#f15a2b;

  border: 0;

}



/* Drupal sets this to black. */

li a.active {}



/* Remove borders on linked images. */

a img {

  border: none;

}





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

 *                 Accessibility Classes

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



/* Hide content without positioning issues. */

.invisible {

  height: 0;

  overflow: hidden;

}



/* Move content off screen where appropriate. */

.offscreen {

  position: absolute;

  left: -999em;

  top: auto;

  width: 1px;

  height: 1px;

  overflow: hidden;

}



/* Completely remove content for all users.

   DO NOT use this for Skip links, display:none 

   hides content from screen readers! */

.remove {

  display: none;

}


#container-bwrapper {
    margin: 0 auto;
    padding: 0;
    border: none;
}



#container-wrapper {
    margin: 0 auto;  
    border: none;
    padding: 0;
    width: 980px;
}

#container {

/*  width: 980px;      Width for IE6 */

}

body > #container {
 width: 100%;      /* Width for all other browsers */
}




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

 *                       Blocks

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

/**

 * Styles set for .block, .block-inner, block-title and 

 * .block-content will be inherited by all blocks.

 */

.block {

  clear: both;

  margin: 0;

}



.block-inner   {} /* Block inner div */

.block-title   { 
    color:#f15a2b; 
	font-family: 'eurofurence_regular';
	font-size:20px;
    font-weight:normal;
	line-height:22px;
	padding:12px 0 0 42px; 
	height:30px;
} 

.block-content {} /* Block content wrapper */



/*specific blocks*/

#block-block-19 .block-title, #block-block-20 .block-title{ background:url(../images/bgr_elements.png) no-repeat 0px 4px;}







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

 *                   Sidebar blocks

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

/**

 * You can target blocks in one or more regions and 

 * style them differently. 

 */

/* Low specifity selector to style blocks in both sidebars. */

.sidebar .block {}

.sidebar .block h2 {}

.sidebar .block-inner {}

.sidebar .block .block-content {}



/* Low specifity selector to style blocks in all regions. */

.region .block {}

.region .block h2 {}

.region .block-inner {}

.region .block .block-content {}



/* High specifity selectors to style blocks in one sidebar. */

#sidebar-left .block {}

#sidebar-left .block h2 {}

#sidebar-left .block-inner {}

#sidebar-left .block .block-content {}



#sidebar-right .block {}

#sidebar-right .block h2 {}

#sidebar-right .block-inner {}

#sidebar-right .block .block-content {}





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

 *                  Region blocks

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

/* High specifity selectors to style blocks in one region. */

#leaderboard       .block {}

#header-blocks     .block {}

#secondary-content .block { margin:0; padding:0;}

.nivo-directionNav a {

    background: url(../images/bgr_elements.png) no-repeat scroll -562px -200px transparent;

    border: 0 none;

    display: block;

    height: 34px;

    text-indent: -9999px;

    width: 32px;

}



.nivo-controlNav a {

    background:url(../images/bgr_elements.png) no-repeat scroll -598px -163px transparent;

    border: 0 none;

    display: block;

    float: left;

    height: 10px;

    margin-right: 3px;

    text-indent: -9999px;

    width: 10px;

}

.nivo-controlNav a.active {

    background-position: -607px -163px;

}



a.nivo-prevNav {

    left: 10px;

}

a.nivo-prevNav:hover {

background: url(../images/bgr_elements.png) no-repeat scroll -562px -235px transparent;

}

a.nivo-nextNav {

    background-position: -598px -202px;

    right: 10px;

}

a.nivo-nextNav:hover {

	background: url(../images/bgr_elements.png) no-repeat scroll -598px -235px transparent;

   

    right: 10px;

}

#tertiary-content  .block {margin:0; padding:0; width:300px; }

#content-top { position:relative;}

#content-top .block {}

#content-top #block-block-19{}


#content-top #block-views-project_view-block_13.block, 
#content-top #block-views-project_view-block_14.block {
    width:920px; 
    display:block;
    margin-bottom:40px;
}

#block-views-project_view-block_13 .block-title, #block-views-project_view-block_14 .block-title{background: url(../images/bgr_elements.png) no-repeat scroll 0 -38px transparent;}

#block-views-project_view-block_13 .block-content,
#block-views-project_view-block_14 .block-content {
    background-color:#3F3E3E;
    outline: 1px solid #ccc;
    border: 2px solid #fff;
}

 .jcarousel-skin-default{ text-align:left;}

 .jcarousel-skin-default .jcarousel-container-horizontal {

    height: 353px;

    margin:0;

    padding: 15px 0 15px 10px ;

    width: 910px;

	text-align:left;}

	.jcarousel-skin-default .jcarousel-clip-horizontal {

    width: 814px;

	height:353px;

	margin:0 0 0 44px;

}

.jcarousel-skin-default .jcarousel-prev-horizontal {

    background-position: -532px -270px;

    left: 13px;

    position: absolute;

    top: 45%;

}

.jcarousel-skin-default .jcarousel-next-horizontal {

    background-position: -532px -310px;

    position: absolute;

    right: 13px;

    top: 45%;

}

.jcarousel-skin-default .jcarousel-item {

    background: none repeat scroll 0 0 #3f3e3e;

    border:0;

    height: 353px;

    list-style: none outside none;

    overflow: hidden;

    padding: 0;

    width: 814px;

	margin:0;

}



/*Butons*/

.jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev {

    background-image: url(../images/bgr_elements.png);

    display: block;

    height: 37px;

    width: 24px;

}





.jcarousel-skin-default .jcarousel-prev-horizontal:hover {

  background-position: -564px -270px;

}

.jcarousel-skin-default .jcarousel-prev-horizontal:active {

  background-position: -596px -270px;

}

.jcarousel-skin-default .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {

  cursor: default;

  background-position: -628px -270px;

}





.jcarousel-skin-default .jcarousel-next-horizontal:hover {

  background-position: -564px -310px;

}

.jcarousel-skin-default .jcarousel-next-horizontal:active {

  background-position: -596px -310px;

}

.jcarousel-skin-default .jcarousel-next-disabled-horizontal,

.jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {

  cursor: default;

  background-position: -628px -310px;

}





#content           .block {}



#block-block-22 .block-title, #block-block-24 .block-title {background: url(../images/bgr_elements.png) no-repeat scroll 0 -76px transparent;}

#block-block-23 .block-title, #block-block-25 .block-title {background: url(../images/bgr_elements.png) no-repeat scroll 0 -118px transparent;}

#block-views-testimonials_view-block_1 .block-title, #block-views-testimonials_view-block_2 .block-title {background: url(../images/bgr_elements.png) no-repeat scroll 0 -156px transparent;}

#content-bottom #block-block-23, #content-bottom #block-block-25{ position:absolute; top:0px; left:320px;}

#content-bottom #block-views-testimonials_view-block_1, #content-bottom #block-views-testimonials_view-block_2{ position:absolute; top:0px; right:20px;}

#content-bottom #block-views-testimonials_view-block_1 .views-field-body, #content-bottom #block-views-testimonials_view-block_2 .views-field-body{ font-style:italic;}

#footer            .block {}





/* Project caroussels*/

#container.page-node-29 .jcarousel-skin-default .jcarousel-clip-horizontal, #container.page-node-29 .jcarousel-skin-default .jcarousel-clip-horizontal { }

#container.page-node-29 .jcarousel-skin-default .jcarousel-item, #container.page-node-29 .jcarousel-skin-default .jcarousel-item { background:#FFFFFF; }

#container.page-node-29 #content-end .block-views, #container.page-node-30 #content-end .block-views { margin:40px 0 0 0;}

#content-end #block-views-project_view-block_1.block-views,#content-end #block-views-project_view-block_2.block-views{ margin:0 !important;}

#container.page-node-29 .jcarousel-skin-default .jcarousel-container-horizontal,  
#container.page-node-30 .jcarousel-skin-default .jcarousel-container-horizontal {

	background-color white;
    box-shadow: 1px 2px 1px -1px rgba(0,0,0,.25);
    border:solid 1px #ccc;

}



#container.page-node-29 .jcarousel-skin-default .jcarousel-next, 
#container.page-node-30 .jcarousel-skin-default .jcarousel-next, 
#container.page-node-29 .jcarousel-skin-default .jcarousel-prev, 
#container.page-node-30 .jcarousel-skin-default .jcarousel-prev { 
    background-image: url("../images/bgr_elements_projects.png");
}



#container.page-node-29 #content-end .jcarousel-skin-default .jcarousel-prev-horizontal, 
#container.page-node-30 #content-end .jcarousel-skin-default .jcarousel-prev-horizontal {
	left: 10px;
}

#container.page-node-29 #content-end .jcarousel-skin-default .jcarousel-next-horizontal, 
#container.page-node-30 #content-end .jcarousel-skin-default .jcarousel-next-horizontal {
	right: 10px;
}

	#container.page-node-29 #content-end .block-title, #container.page-node-30 #content-end .block-title {

    color: #F15A2B;

    font-size: 18px;

    height: 30px;

    padding:0;

	margin:0 0 30px 0;

}

#content-end {margin-bottom:1em;}

#content-end .block-views { background: url("../images/columns_bgr.png") no-repeat scroll center bottom #FFFFFF;}

#content-end .block-inner {background: url("../images/contentbottm_bgr.png") no-repeat scroll center bottom transparent; padding:0 0 40px 0;}

#content-end .block-content { width:960px; margin:0 auto;}

#container.page-node-29 #columns,#container.page-node-30 #columns { background:#FFF; background-image:none;}

#container.page-node-29 #columns div.cinnerwrap,#container.page-node-30 #columns div.cinnerwrap{ background:#FFF; background-image:none;}


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

 *                   Module blocks

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

/**

 * Module Block ID's 

 * For contributed module blocks the pattern is the same,

 * i.e. #block-[module]-[delta]

 */

#block-book-0       {} /* Book navigation block   */

#block-blog-0       {} /* Recent Blog posts       */

#block-comment-0    {} /* Recent Comments block   */

#block-forum-0      {} /* Active Forum topics     */

#block-forum-1      {} /* New Forum topics        */

#block-locale-0     { float:right; background:#f15a2b url(../images/bgr_elements.png) no-repeat -563px -176px; margin:0; width:57px; height:23px;} /* Language Switcher block */

#block-locale-0 ul    { padding:0;}

#block-locale-0 ul li   { float:left; margin:0 6px; list-style:none;}

#block-locale-0 ul li a  { color:#000000; text-decoration:none;}

#block-locale-0 ul li a:hover,#block-locale-0 ul li a.active, #block-locale-0 ul li a.visited   { color:#FFFFFF;}

#block-node-0       {} /* Syndicate block         */

#block-poll-0       {} /* Most recent poll        */

#block-profile-0    {} /* Author information      */

#block-search-0     {} /* Search form block       */

#block-statistics-0 {} /* Popular content         */

#block-system-0     {} /* Powered by Drupal       */

#block-user-0       {} /* Login block             */

#block-user-1       {} /* Navigation Menu block   */

#block-user-2       {} /* Who's New block         */

#block-user-3       {} /* Who's Online block      */



/* Primary and Secondary links blocks */

#block-menu-primary-links   {}

#block-menu-secondary-links {}



/* The class selector applies to all blocks of these types. */

.block-user {} 

.block-book {} 

.block-aggregator {}





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

 *                 Search block form

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

#search-block-form {}



/* Wrapper divs. */

#search-block-form > div {}

#search-block-form .container-inline{}



#search-block-form label {}

#search-block-form input {}

#search-block-form .form-item {}

#search-block-form .form-submit {}

#search-block-form #edit-search-block-form-1 {}



/* Override forms.css focus style */

#edit-search-block-form-1:hover,

#edit-search-block-form-1:focus {}





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

 *                   Menu blocks

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

/**

 * Prefix these with the block id to style one menu only.

 */

ul.menu,

ul.menu ul, 

ul.menu ul ul, 

ul.menu ul ul ul {

  margin: 0 0 0 0.75em; /* LTR */

  padding: 0;

}



/* Menu li styles */

ul.menu li {

  padding: 0.35em 0 0 0; /* LTR */

}



ul.menu li.collapsed {}

ul.menu li.expanded  {}

ul.menu li.leaf      {}



ul.menu li a:link    {}

ul.menu li a:hover   {}

ul.menu li a:visited {}

ul.menu li.active a  {}

ul.menu li.active-trail {}



ul.menu li.first {}

ul.menu li.last  {}





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

 *                   Block item-list

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

.block .item-list ul {

  margin: 0;

}

.block .item-list ul li {}





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

 *                  Gpanel blocks

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

/* Examples to get started. Add col specific selectors to style

   blocks in different Gpanel columns, or element selectors to

   style specific elements */

.two-col-50 .block {}

.two-col-50.with-nested .block {}

.three-col-33 .block {}

.four-col-25 .block {}







/**

 * @file comments.css

 * Basic styles for comments.

 */



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

 *                     Comments

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

/* Comment wrapper */

#comments {}

#comments-title {}

	

.comment {

  margin: 0 0 1em;

}



/* Inner wrapper div for comments. */

.comment-inner {}



.comment .indented {

  margin-left: 2em; /* LTR */

}



/* The title of each comment. */

.comment-title {}



.comment-id {}

.comment-title .new {

  color: #FF8000;

}



.comment-title a:link,

.comment-title a:visited,

.comment-title a:active {

  text-decoration: none;

}



.comment-title a:hover {

  text-decoration: underline;

}



.comment .user-picture {}

.comment .user-picture img {}



.comment-submitted {}

.comment-submitted a {}

.comment-submitted a:hover {}



/* Comment content wrapper. */

.comment-content {}



/* Comment links. */

.comment-links {}

.comment-links ul.links {

  display: block; 

  padding: 0 1em 0 0;

  text-align: right; /* LTR */

}

.comment-links ul.links li {}

.comment-links ul.links li a {}



/* Core comment link classes. */

ul.links li.comment_reply a {}

ul.links li.comment_edit a {}

ul.links li.comment_delete a {}



/* Comment ul link first and last classes. */

.comment-links ul.links li.first {}

.comment-links ul.links li.last  {}



/**

 * Comment Classes - extra classes to help out themers.

 */

/* Comment author. */

.comment-by-anonymous   {}

.comment-by-node-author {}

.comment-by-viewer      {}



/* Comment is new. */

.comment-new {}



/* Zebra odd/even classes. */

.comment.odd  {}

.comment.even {}



/* Comment status. */

.comment-unpublished {}



/* Themes the "Unpublished" text. */

.comment-unpublished .unpublished {}



/* Comment form on a seperate page. */

.section-comment .box {}

.section-comment .box .title {}



/* Comment form below content. */

#comments .box {}

#comments .box .title {}







/**

 * @file nodes.css

 * Basic styles for nodes.

 */



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

 *                      Nodes

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

.node {

  margin: 0 0 1.5em;

}



/* Inner wrapper div for nodes. */

.node-inner {}



/* Node title on teasers and other lists. */

.node-title {}



.node-title a:link,

.node-title a:visited,

.node-title a:active {

  text-decoration: none;

}



.node-title a:hover {

  text-decoration: underline;

}



/* Node content wrapper. */

.node-content {}



/* User Picture. */

.node .user-picture {}

.node .user-picture img {}



/* Submitted */

.node-submitted {}

.node-submitted a {}

.node-submitted a:hover {}



/* Common links classes. */

.node ul.links {}

.node ul.links li {

  padding: 0 1em 0 0;

}

.node ul.links li a {}



/* Links. */

.node-links {}

.node-links ul.links {}

.node-links ul.links li  {}

.node-links ul.links li a {}



/* Taxonomy terms. */

.node-terms {}

.node-terms ul.tags {}

.node-terms ul.tags li {}

.node-terms ul.tags li a {}



/* Style module links. */

ul.links li.node_read_more a {}

ul.links li.comment_add a {}

ul.links li.comment_comments a {}

ul.links li.comment_new_comments a {}

ul.links li.blog_usernames_blog a {}



/* Node ul link first and last classes. */

.node ul.links li.first {}

.node ul.links li.last  {}



/* Node classes for node workflow states. */

.node-add    {}

.node-edit   {}

.node-delete {}

.node-preview  {}

.node-sticky   {}

.node-promoted {}



/* Node status. */

.node-unpublished {}



/* Theme the node teaser seperatly. */

.node-teaser {}





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

 *                   Core node types

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

.node-blog  {}

.node-page  {}

.node-story {}

.node-forum {}

.node-book  {}

.node-poll  {}





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

 *                 Custom node types

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

/** 

 * Replace CONTENT_TYPE with the content type 

 * machine-readable name. 

 */

.node-type-CONTENT_TYPE {}





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

 *                    CCK Fields

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

/* Wrapper for any CCK field. */

.field {}



/* Use "datetime" when creating new CCK date fields. */

.field-type-datetime {}



/* Filefield field. */

.field-type-filefield {}



/* Imagefield field. */

.field-type-image {}



/* Node reference field. */

.field-type-nodereference {}



/* User reference field. */

.field-type-userreference {}



/* Number fields. */

.field-type-number-decimal {}

.field-type-number-float   {}

.field-type-number-integer {}



/* Text field. */

.field-type-text {}



/**

 * Specific field names.

 */

/* Underscores in field name are replaced with dashes. */

.field-field-FIELDNAME {}





/**

 * @file page.css

 * This stylesheet provides the page main styles for this theme.

 */



/**

 * Remove unused styles for performace.

 */



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

 *              Section, Page and Body Classes

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

/**

 * Normally you will use these in combination with other

 * selectors. I include them here for completedness.

 */

	

/** 

 * Section Class

 * The section class takes the 2nd part of the URL and

 * builds a section-[arg] class from it. If you emulate

 * site sections using the Pathauto module this can be a 

 * powerful way to style site sections.

 *

 * Look in body element for the section you want to style

 * to find the class to replace section-[arg]:

 */

/* .section-arg {} */



/* Front or not front. */

.front {}

.not-front {}



/* Is the user logged in. */

.logged-in {}

.not-logged-in {}



/* Node type body classes. */

.node-type-book  {}

.node-type-blog  {}

.node-type-forum {}

.node-type-page  {}

.node-type-poll  {}

.node-type-story {}



/**

 * Warning! 

 * The sidebar body classes are integral to how genesis

 * applies the layout - do not add margin, padding, borders,

 * or positioning styles to these classes! @see layout.css. 

 */

.one-sidebar   {}

.two-sidebars  {}

.sidebar-right {}

.sidebar-left  {}







	

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

 *                  The wrapper divs

 *    Be careful how you modify these, see layout.css

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



 

 input.form-submit{ border-radius:3px; color:#FFF; background:#f15a2b; border:none; padding:4px 8px;}

  

#slogandiv{ background: #FFF url(../images/slogan_bgr.png) no-repeat center top;}

#slogandiv-inner .block{ margin:0; padding:60px 0 30px 0; text-align:center;}

/* Column wrappers */

#columns { background:#FFF url(../images/columns_bgr.png) no-repeat bottom center; margin:2em 0 1em 0;}

div.cinnerwrap { background: url(../images/contentbottm_bgr.png) no-repeat bottom center;}

#content-bottom .block{width:300px; min-height: 340px;}

#content-bottom{ position:relative;}





.columns-inner { padding:0 10px;}



/* Content wrappers */

#content-column {}

.content-inner {}



/* Main content wrappers*/

#main-content {}

#content {}



.insize {width:960px; margin:0 auto;}



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

 *                       Regions

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

/* Target all regions with this low specifity selector. */

.region {}

.region-inner {}



/**

 * Most regions have an .inner div to set paddings or other

 * design contingencies.

 */

 

/* Leaderboard is a full width region at the very top, 

   ideal for displaying banners. */

#leaderboard { border-top:3px solid #f15a2b;}



/* Header blocks region is embedded in the header, floated

   between the logo/site_name and the search box. */

#header-blocks {

  float: left;

  margin-left: 2em; /* LTR */

}

#header-blocks .region-inner {}



/* Secondary content is a full width region between 

   the header and the main columns. */

#secondary-content { background:#FFF url(../images/caroussel_bgr.png) repeat-x;}

#secondary-content .region-inner {}



/* Tertiary content is a full width region above the footer, 

   below the main content. */

#tertiary-content {background: url("../images/columns_bgr.png") no-repeat scroll center bottom #FFFFFF; height:470px;}

#tertiary-content .region-inner { position:relative; min-height:470px; background:url(../images/footer_icons.png) no-repeat top;}

#tertiary-content .block{ padding:80px 0 0 0;}

#tertiary-content h2.block-title { margin:0; padding:0; text-align:center;}

#tertiary-content a { font-size:14px;}



/* Content top and bottom are above and below the main content, 

   within the main content column. */

#content-top {}

#content-bottom {}





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

 *                      Sidebars

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

/* Target both sidebars with this low specifity selector. */

.sidebar {}

.sidebar-inner {}



/* Target a specific sidebar, inner or sidebar-inner. */

#sidebar-left {}

#sidebar-left .sidebar-inner {}



#sidebar-right {}

#sidebar-right .sidebar-inner {}





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

*                     GPanel Regions

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

.two-col-50 {}

.two-col-50 .col-1 {}

.two-col-50 .col-2 {}



.two-col-50.with-nested {}

#two-col-50-nested {}

.two-col-50.with-nested .col-1 {}

.two-col-50.with-nested .col-2 {}

.two-col-50.with-nested #two-col-50-nested .col-1 {}

.two-col-50.with-nested #two-col-50-nested .col-2 {}



.three-col-33 {}

.three-col-33 .col-1 {}

.three-col-33 .col-2 {}

.three-col-33 .col-3 {}



.four-col-25 {}

.four-col-25 .col-1 {}

.four-col-25 .col-2 {}

.four-col-25 .col-3 {}

.four-col-25 .col-4 {}





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

 *                   Skip navigation

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

/**

 * To hide the skip-nav you can use: 

 * 

 * height: 0; 

 * overflow: hidden;

 * 

 * Do not use display:none as this hides it from screen readers!

 */

#skip-nav {

   text-align: right; /* LTR */

}



/* Override default pseudo class styles */

#skip-nav a:link    {}

#skip-nav a:visited {}

#skip-nav a:hover   {}

#skip-nav a:focus   {}

#skip-nav a:active  {}



/**

 * An alternative method is to position the skip-nav link offscreen

 * until the user tabs the link into focus. Uncomment the following to use.

 * 

 * Adjust the style of the active/focused link to suit.

 */

/*

#skip-nav {

   text-align: left;

}

#skip-nav a:link, 

#skip-nav a:hover, 

#skip-nav a:visited {

  height: 1px;

  overflow: hidden;

  position: absolute;

  top: -999em;

}

#skip-nav a:active,

#skip-nav a:focus {

  background: #FFF;

  color: #C00000;

  height: 1.5em;

  overflow: visible;

  position: fixed;

  top: 0;

  right: 0;

  width: auto;

  z-index: 1000;

}

*/





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

 *                 Header Elements

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

/* #header wraps #branding, #search-box-top and #header-blocks. */

#header { height:115px;}

#header-inner{ position:relative;}



/* #branding wraps #logo, #site-name and #site-slogan. */

#branding { position:absolute; top:40px; left:10px; }/* LTR */



/* h1 is for the front page only, all others use the div. */

#branding h1 {font-size: 1em;} /* reset h1, do not change! */



/* Logo and site_name wrapper. */

.logo-site-name {}

div.logo-site-name {}

h1.logo-site-name  {}



/* DIV/strong combo when when title is set. */

div.logo-site-name strong {}



/* Remove display:block if you want the site name inline with the logo. */

.logo-site-name span {

  display: block;

}



/* Logo. */

#logo {}



#site-name {

  font-weight: bold; /* Bold or else the line heights vary. */

  font-size: 2em;

  line-height: 1.5;

}



/* Override default pseudo class styles. */

#site-name a:link    {}

#site-name a:visited {}

#site-name a:hover   {}

#site-name a:focus   {}

#site-name a:active  {}



/* Site slogan. */

#site-slogan {}





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

 *    Search box, Advanced search form, Search results

 *          For the search block see blocks.css

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

/**

 * Search box

 */

/* Float the serch box right. */

#search-box {

  float: right; /* LTR */

}



/* Reset form element margins. */

#search-theme-form {

  margin: 1.5em 0;

}



/* Use the child selector because the inner div has no class. */

#search-theme-form > div {}



/* #search and .container-inline apply to the same div. */

#search-theme-form #search {}

#search-theme-form .container-inline {}



#search-theme-form label {}

#search-theme-form input {}

#search-theme-form .form-item {}

#search-theme-form .form-submit {}



#edit-search-theme-form-1 {}



/* Override forms.css focus style */

#edit-search-theme-form-1:hover,

#edit-search-theme-form-1:focus {}





/**

 * Advanced search form

 */

/* Advanced search-form id. */

#search-form {}



/* Use the child selector because the inner div has no class. */

#search-form > div {}

#search-form .container-inline {}

#search-form #edit-keys-wrapper {}



#search-form label {}

#search-form input {}

#search-form .form-item {}

#search-form .form-submit {}



/* Override forms.css text field focus style. */

#search-form #edit-keys-wrapper input:hover,

#search-form #edit-keys-wrapper input:focus {}



/* Advanced search fieldset. */

fieldset #search-advanced {}



/**

 * Search results

 */

/* Box styles for the results page. */

.section-search .box {}

.section-search .box-inner {}

.section-search .box-title {}



/* Style the no results messages. */

.section-search .box ul {}

.section-search .box ul li {}



/* Search results document list. */

dl.search-results {}

dl.search-results dt {}

dl.search-results dd {}

dl.search-results dd p {}

dl.search-results dd .search-snippet {}

dl.search-results dd .search-info {}





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

 *               Primary & Secondary Links

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

/**

 * Implimentation of Primary and Secondary Links.

 *

 * Primary & Secondary Links are colored by default so you 

 * can easily identify them.

 */



/**

 * #nav is the containing div for Primary & Secondary Links.

 */

#nav {

  margin:0;

  width: 600px;

  position:absolute;

  right:10px;

  top:50px;

}



/**

 * Primary Links Positioning

 */

/* FLOAT PRIMARY RIGHT */

/* #primary .primary-inner {float: right;} */

/* ALIGN PRIMARY CENTER */

/* #primary .primary-inner {display: table; margin: 0 auto; text-align: center;} */



/**

 * Primary Links Style

 * Example styles to get you started.

 */

#primary {}



#nav .primary-links {

  background:none; /* Default gray for dev only. */

  font-weight: bold;

  margin: 0;

  padding: 0;

}



/* Modify the margin to set tab spacings. */

#nav .primary-links li {

  display: inline;

  line-height: 2;

  list-style: none;

  margin: 0 8px;

  padding: 0;

}



#nav .primary-links li a {
    color:#f15a2b;
 	cursor: pointer;
	font-family:'eurofurence_regular';
	font-size:16px;
	font-weight:normal;
    text-decoration: none;
    white-space: nowrap;
    padding:4px 8px;
}



/* Set pseudo class styles. */

#nav .primary-links li a:hover { background:#f15a2b; color:#FFF; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}

#nav .primary-links li a:focus {}

#nav .primary-links li a:active, #nav .primary-links li a.active {background:#f15a2b;color:#FFF; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}

#nav .primary-links li a:visited {}



/* Primary first and last classes. */

#nav .primary-links li.first {}

#nav .primary-links li.last {}



/* Active trail classes. */

#nav .primary-links li.active {}

#nav .primary-links li.active-trail {}

#nav .primary-links li.active-trail a {}





/**

 * Secondary Links Positioning

 */

/* FLOAT SECONDARY RIGHT */

/* #secondary .secondary-inner {float: right;} */

/* ALIGN SECONDARY CENTER */

/* #secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;} */



/**

 * Secondary Links Style

 */

#secondary {}



#nav .secondary-links {

  background: #EEE; /* Default gray for dev only. */

  font-weight: bold;

  margin: 0;

  padding: 0;

}



/* Modify the margin to set tab spacings. */

#nav .secondary-links li {

  display: inline;

  line-height: 2;

  list-style: none;

  margin: 0 1em;

  padding: 0;

}



#nav .secondary-links li a {

  text-decoration: none;

  white-space: nowrap;

}



/* Set pseudo class styles. */

#nav .secondary-links li a:hover {}

#nav .secondary-links li a:focus {}

#nav .secondary-links li a:active {}

#nav .secondary-links li a:visited {}



/* Secondary first and last classes. */

#nav .secondary-links li.first {}

#nav .secondary-links li.last {}



/* Active trail classes. */

#nav .secondary-links li.active {}

#nav .secondary-links li.active-trail {}

#nav .secondary-links li.active-trail a {}





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

 *                      Breadcrumb

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

/**

 * Genesis places the breadcrumb directly below the header, 

 * giving it the full width of theme to expand into.

 * You can eaisly drag the breadcrumb html to the main 

 * content column if you need to.

 */

#breadcrumb {

  padding: 0 0 0.75em;

}





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

 *                       Mission

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

#mission {

  font-weight: bold;

  margin: 0 0 1.5em;

}





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

 *                    H1 Page Title

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

/* The main title on each page. */

h1#page-title {}





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

 *                     Pager 

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

/* The first 2 classes provide the base pager styles. */

.item-list ul.pager    {}

.item-list ul.pager li {

  margin: 0;

}



/* Theme the various states of pager links. */

.item-list ul.pager li a:link    { background:#f15a2b; color:#FFF; padding:4px 8px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 1px 2px 1px #CCC;}

.item-list ul.pager li a:visited {}

.item-list ul.pager li a:hover   {}



/* Note: .pager-current is for the current page. */

.item-list ul.pager li.pager-item     {}

.item-list ul.pager li.first          {}

.item-list ul.pager li.last           {}

.item-list ul.pager li.pager-current  { color:#f15a2b;}

.item-list ul.pager li.pager-first    {}

.item-list ul.pager li.pager-previous {}

.item-list ul.pager li.pager-next     {}

.item-list ul.pager li.pager-last     {}





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

 *               Footer, Footer Message

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

#foot-wrapper {
    margin:0 auto;
    background:#f15a2b;
    height:60px;
    color:#333;
}



#footer { 
    padding:0;
}

#footer .block {
float: left;
margin: 20px 0 0;
}

#footer a { color:#FFF;}





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

 *                 RSS Feed Icon

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

.feed-icon {}

.feed-icon img {

  padding:0 0.5em;

}

#footer-message a.feed-icon {}














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

 *                 Custom Styles

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

/**

 * Here you can add custom stles for your theme that do not fit

 * into one if the modular stylesheets (such as the nodes, blocks,

 * page and comments stylesheets).

 */

ul.primary {

    border-bottom:none;

    margin:0;

    padding:0;

}



/* WEBFORM CONTACT*/

.node-webform { margin:0 0 40px 0;}

#container.page-node-14 #content-column, #container.page-node-6 #content-column{ background:url(../images/stormcho_contacts.png) no-repeat right 5% ;}

.webform-client-form label { font:normal 13px/18px Arial, Helvetica, sans-serif;}

.webformdata, #webformskype, #webformemail, #webform-component-servicechoice label, #edit-submitted-timeframe-wrapper label, #edit-submitted-budgetrange-wrapper label, #webform-component-contactinfo legend, #edit-submitted-commentarea-wrapper label	{ font:bold 14px/36px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ea7625; 	margin:0 0 10px 0; padding:0 0 0 34px;}

.webformdata{ background:url(../images/contact_forms_icons.png) no-repeat;}	

#webformskype{ background:url(../images/contact_forms_icons.png) no-repeat 0 -38px;}

#webformemail{ background:url(../images/contact_forms_icons.png) no-repeat 0 -76px;}

#webform-client-form-14 #webform-component-your-message textarea,#webform-client-form-6 #webform-component---yourmessage textarea {min-width:912px; max-width:912px; min-height:500px; max-height:500px;}

#webform-client-form-6 #edit-actions, #webform-client-form-14 #edit-actions { position:relative;}

#webform-client-form-6 #edit-captcha-response-wrapper label, #webform-client-form-14 #edit-captcha-response-wrapper label { font-size:0; display:none; visibility:hidden;}

#webform-client-form-6 #edit-captcha-response-wrapper, #webform-client-form-14 #edit-captcha-response-wrapper { position:relative;}	

#webform-client-form-6 input#edit-captcha-response, #webform-client-form-14 input#edit-captcha-response { position:absolute; left:110px; top:-5px;}

#webform-client-form-6 input.form-submit, #webform-client-form-14 input.form-submit	{ position:absolute; left:260px; top:35px;}

/*WEBFORM QUOTE*/

fieldset#webform-component-contactinfo{ border:none; margin:0; padding:0;}

#webform-component-servicechoice .form-item label{ border:none; margin:0; padding:0 0 0 34px; background:url(../images/contact_forms_icons.png) no-repeat 0 -118px;}

#webform-component-servicechoice .form-checkboxes,#webform-component-servicechoice .form-checkboxes .form-item  { margin:0;}

#webform-component-servicechoice .form-checkboxes label{ border:none; margin:0; padding:0 ; background:none; color:#999; font:normal 13px/22px Arial, Helvetica, sans-serif;}

#webform-component-servicechoice p{ font:italic 12px/24px Arial, Helvetica, sans-serif; color:#999;}

#edit-submitted-timeframe-wrapper label{background:url(../images/contact_forms_icons.png) no-repeat 0 -156px;}

#edit-submitted-budgetrange-wrapper label{background:url(../images/contact_forms_icons.png) no-repeat 0 -194px;}

#webform-component-contactinfo legend{background:url(../images/contact_forms_icons.png) no-repeat 0 -244px;}

#edit-submitted-commentarea-wrapper label{background:url(../images/contact_forms_icons.png) no-repeat 0 -284px;}	

#edit-submitted-contactinfo-youremail-wrapper{position:relative;}

#edit-submitted-contactinfo-yourname-wrapper{ margin-top:0;}

#webform-component-contactinfo .description, #webform-component-contactinfo .field-suffix { color:#999; font:normal 12px/16px Arial, Helvetica, sans-serif;}

#edit-submitted-contactinfo-youremail-wrapper .description { position:absolute; left:266px; top:5px;}

#webform-client-form-54 #webform-component-commentarea, #webform-client-form-55 #webform-component-commentarea {position:relative;}

#webform-client-form-54 #edit-submitted-commentarea-wrapper, 
#webform-client-form-55 #edit-submitted-commentarea-wrapper { 
    position:absolute; 
	top:-635px; 
	right:100px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#webform-client-form-54 #edit-submitted-commentarea-wrapper, 
#webform-client-form-55 #edit-submitted-commentarea-wrapper { 
    position:absolute; 
	top:-625px; 
	right:100px;
}

}

#webform-client-form-54 #edit-submitted-commentarea-wrapper .form-textarea, #webform-client-form-55 #edit-submitted-commentarea-wrapper .form-textarea{width:380px; height:340px; min-width:380px; max-width:380px; min-height:340px; max-height:340px;}

#webform-client-form-54 #edit-actions, #webform-client-form-55 #edit-actions{ margin:0 0 0 480px; position:absolute;bottom:600px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#webform-client-form-54 #edit-actions, #webform-client-form-55 #edit-actions{ margin:0 0 0 480px; position:absolute;bottom:590px;}	

}

#webform-client-form-54 #edit-captcha-response-wrapper label,#webform-client-form-55 #edit-captcha-response-wrapper label { font-size:0; display:none; visibility:hidden;}

#webform-client-form-54 input#edit-captcha-response, #webform-client-form-55 input#edit-captcha-response { position:absolute; top:35px; left:110px;}

#webform-client-form-54 input.form-submit, #webform-client-form-55 input.form-submit{position:absolute; top:35px; left:246px;}

#webform-component-commentarea{}

/*Webform Quick message block*/



 .block-webform div.messages,  .block-webform div.warning,  .block-webform div.help,  .block-webform div.status,  .block-webform div.error {

    padding:0;

}

 .block-webform	 div.error, .block-webform div.status {

    background:none;

    border:0;

    color: green;

}



 .block-webform div.messages ul {

    margin: 0;

}

 .block-webform div.messages ul li {

	 list-style:none;

}	

 .block-webform .textarea-identifier {display:none; visibility:hidden;}	

#tertiary-content .block-inner{ min-height:325px;}

 

  .block-webform input.form-text,  .block-webform textarea { width:280px; border-radius:3px; color:#999;}

  .block-webform textarea { height:120px; max-height:120px; max-width:280px; min-width:280px; min-height:120px;}

  .block-webform .captcha div.form-item {position:relative; margin:0;}

   .block-webform #edit-captcha-response-wrapper input#edit-captcha-response, .block-webform input#edit-captcha-response-1 {position:absolute; top:-5px; right:90px;}

   .block-webform .captcha img {text-align:right;}

 .block-webform .captcha label {display:none; visibility:hidden;}	

.block-webform	input#edit-captcha-response,.block-webform	input#edit-captcha-response-1 { width:90px; background:#e3f1f9;}

.block-webform #edit-actions{ position:relative;}

.block-webform input.form-submit{position:absolute; bottom:-3px; right:10px; }

/*FOOTER BLOCKS*/

#block-webform-client-block-169,#block-webform-client-block-170  {}

#block-views-faq_view-block_2, #block-views-faq_view-block_3{left: 320px; position: absolute; top: 0; }

#block-views-faq_view-block_2 .block-content, #block-views-faq_view-block_3 .block-content { margin-top:1em;}	

#block-views-faq_view-block_2 .views-row, #block-views-faq_view-block_3 .views-row{ margin:1em 0;}

#block-views-faq_view-block_2 .view-footer, #block-views-faq_view-block_3 .view-footer { text-align:right; position:absolute; bottom:-20px; right:0px;}

#block-cumulus-0 {left: 640px; position: absolute; top: 0; }

#block-cumulus-0 .more-link { margin:20px 0 0;}





/*Quicktabs sky style*/

#content .quicktabs_tabpage{min-height:550px;}

.quicktabs_main.quicktabs-style-sky {

  border: none;

  clear: both;

  padding: 10px 5px 0 5px;

  position: relative;

  top: -0.1em;

  background: #fff;

}



ul.quicktabs_tabs.quicktabs-style-sky {

  margin: 0;

  padding: 0;

  width: 100%;

}



ul.quicktabs_tabs.quicktabs-style-sky li {

  float: left;

  font-weight: normal;

  list-style: none;

  margin:0 6px 0 0;

  height: 2.65em;

  min-height: 2.95em;

  padding: 0;

}



ul.quicktabs_tabs.quicktabs-style-sky li.active {

   margin:0 6px 0 0;

}



ul.quicktabs_tabs.quicktabs-style-sky li a,
ul.quicktabs_tabs.quicktabs-style-sky li a:visited {
    background:none;
    border:none;
    color: #f15a2b;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    height: 2.65em;
    min-height: 2.95em;
    line-height: 2.95em;
    position: relative;
	padding: 0 12px;
    text-decoration: none;
	text-transform:uppercase;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}



ul.quicktabs_tabs.quicktabs-style-sky li a:hover,

ul.quicktabs_tabs.quicktabs-style-sky li.active a:hover {

  text-decoration: none;

  border:none;

  background: #f15a2b;

  color: #fff;



}

ul.quicktabs_tabs.quicktabs-style-sky li.active a:hover { margin:0;}



ul.quicktabs_tabs.quicktabs-style-sky li.active a,
ul.quicktabs_tabs.quicktabs-style-sky li.active a:visited {
  background: #f15a2b;
  border:none;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  height: 2.65em;
  min-height: 2.95em;
  line-height: 2.95em;
  text-transform:uppercase;
  top: -0.025em;
}



ul.quicktabs_tabs.quicktabs-style-sky li:first-child a {

  border:none;



}



ul.quicktabs_tabs.quicktabs-style-sky li.active a {

  border:none;

}



ul.quicktabs_tabs.quicktabs-style-sky li a:focus,

ul.quicktabs_tabs.quicktabs-style-sky li a:active {

  outline: none;

  

}







/* Opera */

@media all and (min-width: 0px) {

  body .quicktabs_main.quicktabs-style-sky {

    top: -0.2em;

  }

}



/*Services Page qith quicktabs*/



#quicktabs_tabpage_quicktab_serv_0, #quicktabs_tabpage_quicktab_servbg_0 { background:url(../images/stormcho_webdesign.png) no-repeat bottom right;} 

#quicktabs_tabpage_quicktab_serv_1, #quicktabs_tabpage_quicktab_servbg_1 { background:url(../images/stormcho_grdesign.png) no-repeat bottom right;}

#quicktabs_tabpage_quicktab_serv_2, #quicktabs_tabpage_quicktab_servbg_2 { background:url(../images/stormcho_3ddesign.png) no-repeat 100% 80%;}

	

/*QUICKTABS - FAQ*/

.quicktabs_main.quicktabs-style-sky {

    background:none;

    border:none;

    clear: both;

    padding: 40px 5px 0;

    position: relative;	}

	

	.quicktabs_wrapper .block-views { margin:20px 0;}

	

h3.question { 
    color:#f15a2b; 
	margin:0 0 10px 0;
}



/*Custom notfound pages*/

#container.page-node-76 #main-content, #container.page-node-77 #main-content{ background:url(../images/stormcho_notfound.png) no-repeat center right; min-height:500px;}	

#container.page-node-78 #main-content, #container.page-node-79 #main-content{ background:url(../images/stormcho_accessdenied.png) no-repeat 100% 80% ; min-height:500px;}	

/*Drupal services pages*/

#container.page-node-49 #main-content,#container.page-node-50 #main-content {background:url(../images/stormcho_drupy.png) no-repeat 100% 93% ; } 

/*Portfolio node pages*/

#container.node-type-portfolio #main-content {min-height:750px;}



.node-portfolio .node-inner {position:relative;}

.node-portfolio .node-content { clear:both; width:620px; position:absolute; right:0px; top:0px;}

.node-portfolio .node-terms { clear:both; display:block; padding:40px 0 0;}

.node-portfolio .vocabulary {min-height:30px; margin:0; padding:20px 0 0 40px;}

.node-portfolio .taxonomy_vid_4 { background:url(../images/tagsicons_bgr.png) no-repeat;}

.node-portfolio .taxonomy_vid_3 {background:url(../images/tagsicons_bgr.png) no-repeat 0 -65px;}

.node-portfolio span.label{ font-size:0; display:none;}



.node-portfolio .node-links {bottom:0px; right:0px;}

#pimgwrapper { width:300px;}

#potherimg { margin:10px 0 0;}

#potherimg img {float:left; margin:0;}



/* Views raxonomy terms*/

#content .view-taxonomy-term .view-content ul { margin:0;}

#content .view-taxonomy-term .view-content li { float:left; list-style:none;width:300px; height:320px; margin: 0 30px 30px 0;}

#content .view-taxonomy-term .taxpage_img { box-shadow:1px 1px 2px 2px #f1f1f1;}

#content .view-taxonomy-term .taxpage_title {padding:10px 0 0;}

#content .view-taxonomy-term .view-content li.last { margin: 0 0 30px 0;}

#content .view-taxonomy-term ul.pager{ margin:20px 0;}

/*Tagadelic pages*/

body.section-tagadelic #content { min-height:480px;}

body.section-tagadelic #content .tagadelic a:hover{ color:#666;}