@charset "utf-8";
/* CSS Document */

body {
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#2f1400;
	font-weight:lighter;
}

.mainbg { 
	background: url(../images/woodbg.jpg) repeat top center;
}

.mainbg2 { 
	background: url(../images/woodbgshadow.jpg) no-repeat top center;
}

a{
	color:#005fa6;
}

a:hover{
	text-decoration:underline;
}

.nobull{
	list-style-type:none;
}
.quoter {
	font-weight:bold;
	font-style:italic;
}

.quoter_noital {
	font-weight:bold;
}

p {
	padding:5px 0px;
	line-height:18px;
}


#wrap {
	width:1020px;
	margin:0 auto;
	background-color:#ffebb0;
	border-right:1px solid #2f1400;
	border-left:1px solid #2f1400;
	border-bottom:1px solid #2f1400;
	padding-bottom:20px;
}




.logo{
	width:178px;
	height:150px;
	padding-left:10px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	background:url(../images/logo3.png) no-repeat;
	cursor:pointer;
	float:left;
	
}

.buy_box {

	background-color:#ffffff;
	padding:8px 15px 8px 15px;


}

.header {
	float:left;
	width:960px;
	padding: 15px 30px 20px 30px;
	margin-bottom:20px;
	background: #CFA136 url(../images/background-image.jpg) center top repeat-y;
}

.nav ul li a {
	color:#FFEBB0;
}

.nav ul li a:hover {
	color:#FFEBB0;
	text-decoration:underline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
	width: 960px;
    font-size: 1px;
    line-height: 0px;
}

/* Breadcrumb
-------------------------------------------------------------- */

.breadcrumb {
	background:#fafafa;
	width:690px;
	height:30px;
	padding:0px 10px;
	margin-bottom:20px;
	float:left;
	margin-left:10px;
}

.left_column .breadcrumb ul {
	float:left;
	margin-left:0px;
}

.left_column .breadcrumb li {
	float:left;
	line-height:20px;
	list-style-type:none;
	text-decoration:none;
	font-size:10px;
}

.breadcrumb_search .breadcrumb li {
	float:left;
	line-height:30px;
	list-style-type:none;
	text-decoration:none;
	font-size:10px;
}

.breadcrumb li a {
	display:block;
	float:left;
	padding:0px 2px;
	font-size:11px;
}


/* Text elements
-------------------------------------------------------------- */

h1 {
	font-size:36px;
	font-weight:normal;
	color:#2f1400;
	padding:20px 0px;
	display:block;
}

h1.company_name {
	font-size:62px;
	text-align:center;
	padding:20px 0px 0px 0px;
}

h2 {
	font-size:30px;
	font-weight:normal;
	color:#2f1400;
	padding:20px 0px;
}
h2.motto {
	font-size:28px;
	text-align:center;
	padding:0px 0px;
	margin-bottom:30px;
}
h3 {
	font-size:24px;
	font-weight:normal;
	color:#2f1400;
	padding:20px 0px;
}
.nav h3 {
	font-size:26px;
	font-weight:bold;
	color:#CFA136;
	padding:0px 0px;
}
h4 {
	font-size:18px;
	font-weight:normal;
	color:#2f1400;
	padding:20px 0px;
}


h4.team {
	padding:0px 0px 20px 0px;
}


blockquote p
    {
    padding: 0px 15px 0px 0px;
    font-size: 12px;    
    float: left;
    background: url(../images/close-quote.gif) bottom right no-repeat;
	width:100%;
	color:#4D4D4D;
}

blockquote
    {
    padding: 10px;
    background: url(../images/open-quote.gif) top left no-repeat;
	width:100%;
	margin:20px 0px 0px 0px;
	display:block;
	float:left;
	
}

cite
    {
    font-size: 12px;
    float: right; 
	margin:0px 0px 20px 0px;
}

address {
	
	margin:0px 0px 20px 0px;
}


/* Form 
-------------------------------------------------------------- */

.form-contact {
	margin-top:20px;
}

.breadcrumb_search #searchform {
	display:block;
	float:right;
	margin-bottom:20px;
	margin-right:10px;
}

#searchform {
	display:block;
	float:left;
	margin-bottom:20px;
}

#searchform input {
	
	width:138px;
	float:left;
	display:inline;
	background: url(../images/inputsearch.gif) left top no-repeat;
	border:0;
	height:20px;
	padding:6px 10px;
}

#searchform input#searchsubmit {
	
	width:72px;
	height:32px;
	background: url(../images/searchsubmit.gif) left top no-repeat;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
}


textarea {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:100px;
	padding:5px;
	width:430px;
}

input  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:24px;
	padding:5px 5px 0;
	width:281px;
}

input.send  {
	border:0px;
	width:70px;
	height:40px;
	cursor:pointer;
	margin:0px 0 30px 100px;
	padding:0px;
	color:#005FA6;
}

label {
	float:left;
	width:100px;
	font-size:12px;
}
.holder {
	float:left;
	clear:both;
	width:550px;
	margin:0 0 12px;
}


p.error, p.succes {
	background:#F0F0F0;
	display:block;
	float:left;
	text-align:center;
	color:#005FA6;
	width:100%;
	padding:5px;
	margin:15px 0px 5px 0px;
}

.blue {
	color:#005FA6;
}

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

.nav {
	float:left;
	width: 150px;
	display:block;
}

.nav_holder{
	float:right;
}

.nav li {
	padding:3px 0px;
}

.nav li a {
	
	color:#5b5b5b;
	padding:3px 0px;
	display:block;
	width:120px;
}

.nav li a:hover, .nav li a.selected {
	
	color:#005fa6;
	text-decoration:underline;
	
}

/* Content 
-------------------------------------------------------------- */

.left_column {
	float:left;
	width:710px;
	margin-left:30px;
}

.right_column {
	float:right;
	width:230px;
	margin-right:30px;
}

.slideshow_holder_subpages {
	float:left;
	height:173px;
	margin-bottom:20px;
}

.slideshow_holder_index {
	float:left;
	height:298px;
	margin-bottom:20px;
	background:none;
}

.left_column .slideshow_holder_index ul, .left_column .slideshow_holder_subpages ul {
	margin-left:0px;
	background:#FFEBB0;
}
.left_column .slideshow_holder_index li, .left_column .slideshow_holder_subpages li {
	list-style-type:none;
	padding:0px;
}

.slideshow ul li {
	width: 710px;
	height:298px;
	list-style-type:none;
}

.right_column .box h4, .box h4{
	padding:5px 0px;
}
.right_column .box {
	background-color:#FFEBB0;
	padding:15px 10px;
	float:left;
	width:210px;
}
.right_column .box li{
	display:block;
	margin:5px 0px;
}
.right_column .box li a {
	padding:5px 0px;
	color:#5b5b5b;
	display:block;
	width:100%;
	border-bottom:1px solid #d5d5d5;
}

.right_column .box li a.no_border {
	border:none;
}

.right_column .box ul.twitter li, .right_column .box ul.articles li{
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #d5d5d5;
}
.right_column .box ul li.no_border{
	border:none;
}

.right_column .box ul.twitter li span.date {
	font-size:11px;
	font-style:italic;
	color:#9e9e9e;
}

.right_column .box ul.twitter li a {
	padding:5px 0px;
	color:#005FA6;
	display:inline;
	width:auto;
	border:none;
	font-size:11px;
}

.right_column .box a.follow_twitter {
	background:url(../images/twitter.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}
.right_column .box a.feed {
	background:url(../images/feed.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}

.right_column .box ul.articles li a {
	padding:5px 0px;
	color:#005FA6;
	display:block;
	width:100%;
	border:none;
}

.right_column .box ul.articles li span.comments_date {
	padding:5px 0px;
	color:#9E9E9E;
	display:block;
	width:100%;
	border:none;
	font-size:11px;
}
.right_column .box ul.articles li span.comments_date a{
	display:inline;
	width:100%;
	border:none;
	font-size:11px;
	font-style:italic;
}


.right_column .box li a:hover {
	color:#005FA6;
}

.right_column .box li span.date {
	font-size:11px;
	font-style:italic;
	width:100%;
	display:block;
}

.right_column .box li.email a {
	display:inline;
	border:none;
	color:#005FA6;
}

.left_column .box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:203px;
	margin-right:20px;
}
.left_column .box.no_margin {
	margin-right:0px;
}


.left_column .container_box { float:left; clear:left; width:100%; padding:0 0 2em; }

#testimonials {
	background: #F7F7F7 url(../images/testimonials_box.gif) left top no-repeat;
	width: 299px;
	height:213px;
	overflow:hidden;
	margin:20px 20px 20px 0px;
	float:right;
}

#testimonials div {
	padding:20px 40px 40px 40px;
}

#top_quote {
	margin:-25px 0 0 300px;
	height:50px;
	font-weight:bold;
	color:#CFA136;
}

.left_column ul.team_social {
	margin:20px 0px;
}

ul.team_social li {
	display:inline;
}
.box ul.team_social li {
	display:block;
}

ul.team_social li a {
	display:block;
	float:left;
	padding-left:20px;
	margin-right:10px;
	font-size:11px;
}

.right_column .box ul.team_social li a {
	display:block;
	float:left;
	padding-left:30px;
	margin-right:0px;
	font-size:11px;
	width:173px;
	border:0;
}

ul.photo_list {
	list-style-type:none;
	text-align:center;
	margin-left:-25px;
}
ul.photo_list li {
	display:inline;
	margin-left:15px;
	font-size:14px;
}


ul.team_social li a.twitter {
	background:url(../images/twitter.png) left center no-repeat;
}

ul.team_social li a.facebook {
	background:url(../images/facebook.png) left center no-repeat;
}

ul.team_social li a.linkedin {
	background:url(../images/linkedin.png) left center no-repeat;
}

ul.team_social li a.flickr {
	background:url(../images/flickr.png) left center no-repeat;
}

ul.team_social li a.delicious {
	background:url(../images/delicious.png) left center no-repeat;
}

.wide_layout .portfolio_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 20px;
	width:300px;
	background:#FFEBB0;
	border-bottom:5px solid #f4f4f4;
}

.instr_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 20px;
	width:107px;
	background:#FFEBB0;
	border-bottom:5px solid #f4f4f4;
}

.festival_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 4px;
	width:350px;
}

.advisor_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 22px 15px 4px;
	width:200px;
	text-align:center;
	border-bottom:5px solid #f4f4f4;
}

.portfolio_column ins {
	display:block;
	padding:20px 0px 0px 0px;
}


.portfolio_column a span{
	color:#5B5B5B;
	font-size:11px;
	display:block;
}

.portfolio_column a:hover span{
	color:#005FA6;
	font-size:11px;
}

span.details {
	font-size:11px;
	float:left;
	display:block;
	width:100%;
	margin-bottom:20px;
}

span.eventdetails {
	font-size:11px;
	padding: 5px 0 5px 0;
	display:block;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	margin-bottom: 5px;
}

div.event_break {
	width:100%;
	border-bottom: 1px solid #d5d5d5;
	margin: 15px 0 20px 0;
}

.left_column ul li{
	list-style-type: square;
	list-style-position:inside;
	padding:5px 0px;
}

.left_column ul li.nobull {
	list-style-type:none;
}

.left_column ul.filmstrip li{
	list-style-type: none;
	padding:0px 0px;

}

.left_column ul {

	float:left;
}

a.downloads{
	display:block;
	text-align:center;
}
.left_column.project_description img {
	margin:20px 0px;
}

address.geo {
	font-size:11px;
	font-weight:bold;
}

/* Footer 
-------------------------------------------------------------- */

#footer {
	width:1020px;
	border-top:1px solid #d5d5d5;
	margin:20px auto;
	font-size:11px;
}

#footer ul li {
	display:inline;
	margin-top:20px;
	margin-left:20px;
}

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:535px;
width:500px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}