/* put your custom CSS in here */

*{
  box-sizing: border-box;
}

html {font-size:100.01%; }

body {font-weight:300;font-size:75%;color:#222;background:#fefefe;font-family: "Open Sans", Arial, Helvetica, sans-serif;}
html {
  width: 100%;
}


h1, h2, h3, h4, h5, h6 {font-weight:300;color:#111;}

h1 {font-size:4.5em;line-height:1;margin-bottom:0.5em;float:left;}

h2 {font-size:3em;margin-bottom:0.75em;}

h3 {vline-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}

p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}


body{
  /*overflow:hidden;*/
}

body.page-admin{
  overflow:auto;
}

.overlay .text-overlay{

}


.span-24, div.span-24 {

    margin-right: 0;

    width: 100%;

}



.field-field-image {

    overflow-x: scroll;

}





.field-field-image .field-items{

    left: 25%;

    width: 10000px;

}





.field-field-image .field-item{

	float:left;

}



.field-field-image img{

    height:600px;

    width: auto;

}



a:link {

  color: #222;

  text-decoration:none;

}



a:visited {

  color: #444;

  text-decoration:none;

}



a:hover,a:focus,a:active {

  color: #111;

}





#nav .active{

  color:#000;

}



h1, h2, h3, h4, h5, h6 {

  color: #333;

}

/*For transitions */



#logo{

	float:left;

  padding-right: .75em;

  	font-weight:300;

}

#logo, #nav, .col-center ,.col-right"{
  display: none;
}

#logo a:link , #logo a:visited {

  color: #333;

  text-decoration:none;

}



/*

#nav{

	float:right;

}

*/



div.container {

   margin: 3em auto 0em 1.5em;

	width:100%;

}



#nav{

	/*background:url("../images/menubg.png") repeat scroll 0 0 transparent;*/

	/*float:left;*/
font-size: 1.55em;
margin-bottom: -0.25em;
padding: 1.5em 0px 0.75em 1.5em;



}



ul.links li {

	display:inline;

	list-style-type:none;

	margin:0 0em 0 0;

	padding:0 0em;

}



#nav a {



/*

border-right:1px solid #DDD ;
*/
  font-weight:300;

  color: #999;

  text-decoration:none;

  padding:0.15em 0.75em 0.3em 0.75em;

}



#nav .active-trail a, #subnav .active-trail a{
	color: #333;
   font-weight:500;
}


#nav a:hover,a:focus,a:active, .active {

  color: #333;

 /* background-color:#333;*/

}

#subnav{
  padding: 0px 0px 0px 596px;
  margin-top: -11px;

}

div.node {

border-bottom:none;

margin:0em 0 1.5em;

}





div.container {

  margin-top: 3em;

}



.col-center{

	margin-top:-10px;

}

.node-type-page .content{
  width:75%;
  font-size:1.5em;
}


.showgrid {background:url(grid.png);}



/*panels*/



.panel-2col-stacked .panel-col-first {

	float:left;

	margin-left:1.5em;

	padding-right:2em;

	width:45%;

}





.panel-2col-stacked .panel-col-last {

	float:left;

	margin-left:2.5em;

	padding-right:0.5em;

	width:45%;

}



.pane-title{

	background:none repeat scroll 0 0 #E60764;

	color:#FFFFFF;

	font-size:2em;

	line-height:1;

	margin-bottom:0.5em;

	margin-left:-0.75em;

	padding:0.25em;

	width:450px;

}



/* $Id: tabs.css,v 1.2 2009/08/12 08:03:53 johnalbin Exp $ */



/**

 * @file

 * Tabs Styling

 *

 * Adds styles for the primary and secondary tabs.

 *

 * Compare this with default CSS found in the system module's stylesheet (a copy

 * of which is in drupal6-reference.css, line 510.)

 */





div.tabs {

  margin: 0 0 5px 0;

}



ul.primary {

  margin: 0;

  padding: 0 0 0 10px; /* LTR */

  border-width: 0;

  list-style: none;

  white-space: nowrap;

  line-height: normal;

  background: url(../images/tab-bar.png) repeat-x left bottom;

}



ul.primary li {

  float: left; /* LTR */

  margin: 0;

  padding: 0;

}



ul.primary li a {

  display: block;

  height: 24px;

  margin: 0;

  padding: 0 0 0 5px; /* width of tab-left.png */

  border-width: 0;

  font-weight: bold;

  text-decoration: none;

  color: #777;

  background-color: transparent;

  background: url(../images/tab-left.png) no-repeat left -38px;

}



ul.primary li a .tab {

  display: block;

  height: 20px; /* 24px (parent) - 4px (padding) */

  margin: 0;

  padding: 4px 13px 0 6px;

  border-width: 0;

  line-height: 20px;

  background: url(../images/tab-right.png) no-repeat right -38px;

}



ul.primary li a:hover {

  border-width: 0;

  background-color: transparent;

  background: url(../images/tab-left.png) no-repeat left -76px;

}



ul.primary li a:hover .tab {

  background: url(../images/tab-right.png) no-repeat right -76px;

}



ul.primary li.active a,

ul.primary li.active a:hover {

  border-width: 0;

  color: #000;

  background-color: transparent;

  background: url(../images/tab-left.png) no-repeat left 0;

}



ul.primary li.active a .tab,

ul.primary li.active a:hover .tab {

  background: url(../images/tab-right.png) no-repeat right 0;

}



ul.secondary {

  margin: 0;

  padding: 0 0 0 5px; /* LTR */

  border-bottom: 1px solid #c0c0c0;

  list-style: none;

  white-space: nowrap;

  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;

}



ul.secondary li {

  float: left; /* LTR */

  margin: 0 5px 0 0;

  padding: 5px 0;

  border-right: none; /* LTR */

}



ul.secondary a {

  display: block;

  height: 24px;

  margin: 0;

  padding: 0;

  border: 1px solid #c0c0c0;

  text-decoration: none;

  color: #777;

  background: url(../images/tab-secondary.png) repeat-x left -56px;

}



ul.secondary a .tab {

  display: block;

  height: 18px; /* 24px (parent) - 6px (padding) */

  margin: 0;

  padding: 3px 8px;

  line-height: 18px;

}



ul.secondary a:hover {

  background: url(../images/tab-secondary.png) repeat-x left bottom;

}



ul.secondary a.active,

ul.secondary a.active:hover {

  border: 1px solid #c0c0c0;

  color: #000;

  background: url(../images/tab-secondary.png) repeat-x left top;

}





/* GALLERY	 */





.block ul, ul.menu, .item-list ul {

	margin:6px 0 1.5em;

	padding:0;

}





.galleria-nav {

	clear:both;

	display:none;

	float:right;

	font-size:2em;

	margin-top:-3.7em;

}



.block ul, ul.menu, .item-list ul {

margin:10px 0 1.5em;

padding:0;

}


.imagecache-big_default{
  padding:2.5px;
}