/* mac&mabel stylesheet */

body { color: #666; background: #2C2E22; font-size: 105%; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* font-weight: bold; */ line-height: 1.5; margin: 0; padding: 0; overflow-x: hidden; }

a {color: #5C6046; text-decoration: none; }
a:hover {text-decoration: underline;}

#twitter_inner, #header_inner, #footer_inner { width: 900px; margin: 0 auto; }

#content_inner { width: 960px; margin: 0 auto; }

#twitter, #header, #content, #footer { padding: 10px 0; overflow: hidden; }

#header { background: #fff; }

#content { background: #f8f8f8; border-top: 2px solid #eee; border-bottom: 2px solid #eee;  }

#footer, .navigation, h1, h2 { /* text-transform: lowercase; */ }

#footer { background: #2C2E22; color: #5C6046; border-top: 2px solid #666; }
#footer a { color: #5C6046; }

#footer_inner {text-align: right; font-size: 76%; }

#twitter { background: #5C6046; border-bottom: 2px solid #ccc;}
#twitter a { color: #fff; }
.tweet { font-size: 76%; padding-left: 8px; color: #fff; }
.tweetdate { color: #ccc; }
a.twitter { padding-left: 26px; background: transparent url(images/tweet.png) left top no-repeat;  }

h1, h2, #footer a { letter-spacing: -0.1em; margin: 0;}
h1.title { color: #5C6046; display:inline-block; padding-top: 43px; font-size: 16px; }
h2 { /* color: #17A2FF;  */font-size: 130%; }

.logo { display: block; background: transparent url(images/mac&mabel.png); width: 240px; height: 70px; margin: 0 auto; float: left; }
.logo span { display: block; text-indent: -88888px; overflow: hidden; width: 240px; height: 70px; }

#footer span, #footer span a { color: #ccc; font-size: 100%; }

label { width: 200px; display: inline-block; vertical-align: top;}

.error { display: none; }

#contact td { width: 200px; }

#contact input, #contact textarea { border: 1px solid #ddd; font-size: 110%; color: #bbb; padding: 5px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;  }

#contact input:focus, #contact textarea:focus { border: 1px solid #bbb; color: #333; }

/* Cuttings */

.item { float: left; margin: 10px 5px 0 0; position: relative; }
.item a img { border: 10px solid #fff; display: block; height: 130px; width: 100px; border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;}
/* .item a:visited img { border: 10px solid #99CC00; } */
.item a:hover img { border: 10px solid #17A2FF; }
.item a:after { content: url(images/zoom.png); position: absolute; bottom: 15px; right: 15px; }

/* Tooltips */

.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* Coda Slider */

#slider {
  width: 920px;
  margin: 10px auto 0 auto;
  position: relative;
}

ul.navigation { margin: 0; padding: 0 15px 10px 15px; }

.navigation li { display: inline-block; list-style-type: none; height: 2em; font-weight: bold; font-size: 100%; }

.navigation a { color: #fff; padding: 6px 12px; background: #99CC00; border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.navigation a:hover { text-decoration: none; background: #83B100;  }

a.selected, a.selected:hover { background: #17A2FF;  /*  color: #5C6046; background: #fff; visibility: hidden; */ }

.scroll {
  height: 400px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
/*   background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom; */
}

.scrollContainer div.panel {
  padding: 0 20px;
  height: 210px;
  width: 880px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
  display:none; 
}

.scrollButtons.left {
  left: -20px; 
}

.scrollButtons.right {
  right: -20px;  
}

.hide {
    display: none;
}

/* Button */

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold; 
	padding: .5em 2em .55em;
/* 	text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 0!important;
/*
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
*/
	
	margin-left: 205px; 
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9!important;
/* 	border: solid 1px #da7c0c; */ border: 0;
	background: #f78d1d;
/*
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
*/
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}