@import url("reset.css");
@import url("galleria.css");
body {
	font: 62.5% Helvetica, Arial, Geneva,  sans-serif;
	color: #4c4c4c;
	background-color: #fff;
	text-align: center;
}

/* @group Layout Grid */

div#container{
	width: 820px;
	margin: 0px auto;
	text-align: left;
	padding: 20px;
}

#footer{
	padding: 20px 0px;
}

#logo{
	width: 500px;
}

.accordion{
	padding: 0px 40px;
}

.columnContainer{
	background: #f2f2f2;
	padding: 20px 0px 20px 20px;
	overflow: hidden;
	width: 800px;
	margin-top: 10px;
}

.smallContainer{
	background-color: #f2f2f2;
	overflow: hidden;
	margin-top: 10px;
}

.smallpadding{
	padding: 10px 0px 10px 20px;
}
.column{
	float: left;
	margin-right: 20px;
}

.spanTwo{
	width: 140px;
}

.spanThree{
	width: 220px;
}

.spanFour{
	width: 300px;
}

.spanFive{
	width: 380px;
}

.spanSix{
	width: 460px;
}

.spanSeven{
	width: 540px;
}

.spanEight{
	width: 620px;
}

.spanNine{
	width: 700px;
}

.spanTen{
	width: 780px;
}
div.container {
	background: #b3b3b3;
}

.toplink{
	padding: 3px;
}
/* @end */

/* @group Navigation */

div#menu a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #858585;
	margin-right: 12px;
	padding: 1px;
	border-bottom: 2px solid #dcdcdc;
}

div#menu a:hover {
	border-bottom: 2px solid #6bbd46;
}

div#submenu a{
	font-size: 1.2em;
	text-transform: uppercase;
	margin-right: 10px;
	padding: 2px 5px;
	color: #f0f0f0;
}

div#submenu a.active{
	color: #858585;
	background-color: #f0f0f0;
}
div#submenu a:hover{
	color: #858585;
	background-color: #f0f0f0;
}

div#menu{
	margin: 10px 20px;
}

div#submenu{
	width: 100%;
}

ul.clipNavigation{
	margin-top: 10px;
	float: right;
	height: 1em;
}

ul.clipNavigation li{
	display: inline;
	margin-right: 20px;
}


/* @end */

/* @group Typography */

p{
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4c4c4c;
	margin-bottom: 10px;
}

label{
	font-size: 1.2em;
}

.desc{
	font-size: 1.4em;
	font-style: italic;
	margin-bottom: 20px;
}

.smalltext{
	font-size: 1.0em;
	line-height: 1.3em;
}

a{
	color: #6bbd46;
	text-decoration: none;
}

h1{
	font-size: 2.4em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #6bbd46;
}

h2{
	font-size: 2.4em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #6bbd46;
}

h3{
	font-size: 1.4em;
	color: #6b6b6b;
	text-transform: uppercase;
	margin: 10px 0px;
	font-weight: normal;
	text-align: center;

}

.storeitem h3{
	text-align: left;
}

div.clip h3{
	text-align: left;
	margin-left: 460px;
}

div.clip p{
	
	margin: 20px 0px 20px 460px;
	font-size: 1.4em;
}


h3 a{
	text-decoration: none;
	color: #858585;
	border-bottom: 2px solid #dcdcdc;
	padding: 1px;

}

h3 a:hover{
	border-bottom: 2px solid green;
}

h3.toggler{
	line-height: 1.8em;
}

h4{
	font-size: 1.4em;
	margin: 10px 0px;
}

h4 a{
	color: #4c4c4c;
}

span.caption{
	font-size: 1.4em;
	margin: 5px 10px;
	position: absolute;}


ul{
	margin-bottom: 15px;
}

li{
	margin-bottom: 5px;
	font-size: 1.2em;
}

ul.bullets{
	list-style-type: disc;
	margin-left: 20px;
}

ul.bullets li{
	font-size: 1.2em;
	margin-bottom: 10px;
}
/* @end */

/* @group Galleriffic */

a.thumb{
	float: left;
	margin: 5px;
}

/* @end */



/* @group Table */

table{
	width: 100%;
	font-size: 1.2em;
	line-height: 1.4em;
}

td{
	padding: 3px;
}

td.alpha{
	width: 320px ;
}

td.omega{
	width: 120px;
}


table.zebra tr.even td, table.zebra tr.even th { background-color:#FFF; }

table.zebra tr.odd td { background-color: #f0f0f0; }

/* @end */

/* @group Other */

.product{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.product img{
	height: 166px;
}

div.scroll{
	height:  640px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}
div.clip{
	width: 780px;
}

div.clip img{
	float: left;
}

div#clips2009, div#clips2008{
	height: 640px;
}

.storeitem{
	width: 460px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.storeitem img{
	float: left;
	margin-right: 10px;
	width: 220px;
}

input[type=text]{
	width: 380px;	
}

select{
	width: 380px;
	margin: 10px 0px;
}

textarea{
	width: 380px;
}


.left{
	float: left;
	margin-right: 10px;
}

.right{
	float: right;
	margin-left: 10px;
}

.white{
	background: none;
}

.darkgrey{
	background-color: #999;
}

div#loader{
	position: absolute;
	width: 300px;
	margin-left: -150px;
	left: 50%;
	top: 30%;
	padding: 10px;
	text-align: center;
	background-color: #1a1a1a;
	color: #ccc;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 99;
	border-radius:5px;
	-moz-border-radius:5px;
}

/* @end */




/* @group hcard */

#contact{
	position: relative;
	top: 630px;
	overflow: hidden;
}

#contact .hcard{
	background: none;
	padding: 0px;
}

.hcard{
	width: 260px;
	float: left;
	margin-bottom: 20px;
	background-color: #ccc;
	padding: 5px;
}

.frontpage{
	width: auto;
}

.hcard span{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #1d1d1d;
}

.hcard span.fname{
	font-size: 1.4em;
	text-transform: uppercase;
}

.hcard span.title{
	font-weight: bold;
}

.hcard img{
	float: left;
	margin-right: 10px;
}

/* @end */

/* @group clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */