/* Reset
-------------------------------------------------------------- */
html{color:#FFF;background:#171717;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
body{font:13.5px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:100% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100;color:#282828;}
a img{border:none;}

/* CSS3 Fun
----------------------------------------------------------------------------------------------------*/
#footercolmiddle ul li a, #footercolleft a:hover {-webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out;}

/* Header / Scrolling Background
----------------------------------------------------------------------------------------------------*/
body {
	color: #fff;
	background: #171717; 
}
#topcontainer {
	width: 100%;
	background-image: url(/images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px;
	height: 170px;
}
#headercontainer {
	height: 170px;
	width: 1000px;
	background-image: url(/images/header_bg.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	background-color: #171717;
	background-position: 0px;
}
#header {
	width: 254px;
	background-image: url(/images/newlogo.gif);
	height: 106px;
	float: left;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 130px;
	margin-left: 30px;
}
#header h1 a {
	display: block;
	height: 106px;
	width: 254px;
}
#header h1 a span {
	display: none;
}

#container {
	position:relative;
	width:100%;
	height:280px;
	background-image: url(/images/intro/bg_6.jpg);
	margin-right: auto;
	margin-left: auto;
}
#introcontainer {
	height: 280px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: 112px;
}
#intro {
	height: 280px;
	background-image: url(/images/intro/center_piece_home.png);
	background-repeat: no-repeat;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#overlay {
	width:100%;
	height:280px;
	background-image: url(/images/intro/grass_cont4.png);
	background-repeat: repeat-x;
	background-position: 0px 100px;
	bottom: -1px;
	left: 0px;
}

/* Navigation and Typography
----------------------------------------------------------------------------------------------------*/

#navigation {
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
}
#navigation li {
	float: left;
}
#navigation a * {
	display: none;
}
#navigation a,#navigation a .hover {
	height: 158px;
	position: relative;
	display: block;
	cursor: pointer;
	background-image: url(/images/nav-sprite-2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#navigation a.home {
	background-position: 0 0;
	width: 109px;
	cursor: pointer;
}

#navigation .highlight a.home:hover,#navigation a.home .hover {
	background-position: 0 -158px;
	width: 109px;
	cursor: pointer;
}
#navigation a.about {
	background-position: -218px 0;
	width: 109px;
	cursor: pointer;
}
#navigation .highlight a.about:hover,#navigation a.about .hover {
	background-position: -218px -158px;
	cursor: pointer;
}
#navigation a.portfolio {
	background-position: -109px 0px;
	width: 109px;
	cursor: pointer;
}
#navigation .highlight a.portfolio:hover,#navigation a.portfolio .hover {
	background-position: -109px -158px;
	cursor: pointer;
}
#navigation a.blog {
	background-position: -327px 0;
	width: 109px;
	cursor: pointer;
}
#navigation .highlight a.blog:hover, #navigation a.blog .hover {
	background-position: -327px -158px;
	cursor: pointer;
}
#navigation a.contact {
	background-position: -436px 0;
	width: 109px;
	cursor: pointer;
}
#navigation .highlight a.contact:hover,#navigation a.contact .hover {
	background-position: -436px -158px;
	cursor: pointer;
}
#nav ul {
	list-style-type: none;
}
#nav ul li {
	color: #fff;
	display: inline;
}
#nav ul a {
	display: block;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	height: 24px;
	text-align: center;
	width: 125px;
}
#nav ul a:link, #nav ul a:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
}
#nav ul a:hover, #nav ul a:active {
	color: #999;
	text-decoration: none;
	outline: none;
}
.museo{
	font-family: "museo-slab-1", Georgia, "Times New Roman", serif;
	font-size: 28px;
	margin-right: 10px;
	color: #00AF00;
	width: 500px;
	margin-top: 28px;
	font-weight: 300;
}
.museoh3{
	font-family: "museo-1", Georgia, "Times New Roman", serif;
	font-size: 15px;
	color: #282828;
	display: block;
	margin-right: 10px;
	margin-top: 22px;
	width: 100px;
	font-weight: 100;
	float: left;
}

/* Main Breaks
----------------------------------------------------------------------------------------------------*/

#featuredbreak {
	height: 9px;
	width: 100%;
	background-image: url(/images/about_break.gif);
	background-repeat: repeat-x;
}
#featuredcontainer {
	height: 468px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(/images/flowerpattern.gif);
	padding-top: 17px;
}
#featuredwork {
	background-repeat: no-repeat;
	height: 22px;
	width: 997px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-position: 2px;
	margin-bottom: 10px;
}
.greenbreak {
	margin-bottom: 10px;
}

/* Slider
----------------------------------------------------------------------------------------------------*/

.slidewrap{
	width:1000px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slidetop #slidenav{
	float:left;
	clear:both;
	width:1000px;
	height:25px;
	margin:22px 0 0;
}
#slidetop #slidenav ul{
	float:left;
	width:692px;
	height:25px;
	list-style-type:none;
}
#slidenav ul li{
	float:left;
	height:25px;
}
#slidenav ul li a{
	border:0;
	height:25px;
	display:block;
	line-height:25px;
	text-indent:-9999px;
}
#slidehead{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 40px;
}
#video-header{
	height:648px;
	margin:-1px 0 0;
}
#slidehead .slidewrap{
	height:378px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(/images/slide_bg.png);
}
#slidehead #slide-holder{
	z-index:40;
	width:1000px;
	height:379px;
	position:absolute;
}
#slidehead #slide-holder #slide-runner{
	top:25px;
	left:34px;
	width:935px;
	height:315px;
	overflow:hidden;
	position:absolute;
}
#slidehead #slide-holder img{
	margin:0;
	display:none;
	position:absolute;
}
#slidehead #slide-holder #slide-controls{
	left:0;
	bottom:0px;
	width:935px;
	height:50px;
	display:none;
	position:absolute;
	background:url(/images/slide-bg.png) 0 0;
}
#slidehead #slide-holder #slide-controls p.text{
	float:left;
	display:inline;
	font-size:10px;
	line-height:16px;
	margin:15px 0 0 20px;
	text-transform:uppercase;
}
#slidehead #slide-holder #slide-controls p#slide-nav{
	float:right;
	height:25px;
	display:inline;
	margin:11px 15px 0 0;
}
#slidehead #slide-holder #slide-controls p#slide-nav a{
	float:left;
	width:26px;
	height:25px;
	display:inline;
	font-size:11px;
	margin:0 5px 0 0;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-position:0 0;
	background-repeat:no-repeat;
}
#slidehead #slide-holder #slide-controls p#slide-nav a.on{
	background-position:0 -25px;
	color:#fff;
}
#slidehead #slide-holder #slide-controls p#slide-nav a{
	background-image:url(/images/silde-nav.png);
	color:#fff;
}
#nav ul li a nav ul li a{
	background:url(/images/nav.png) no-repeat;
	color:#fff;
} 

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

.footerh2  {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #CCC;
}
.footerthumb {
	width: 132px;
	background-image: url(/images/footer_thumb.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 11px;
	margin-bottom: 30px;
	height: 86px;
	margin-right: 20px;
}
.footerthumb a img {
	height: 86px;
	width: 132px;
	border: 1px solid #636363;
}
.footerthumb a:hover img{
	height: 86px;
	width: 132px;
	border: 1px solid #6AD700;
}
.footermuseo {
	font-family: "museo-1", Georgia, "Times New Roman", serif;
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #ECECEC;
	font-weight: 500;
}
.footerp {
	color: #fff;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13.5px;
	line-height: 21px;
	margin-top: 9px;
	margin-right: 15px;
}
#footercontainercontent {
	width: 100%;
	background-image: url(/images/footer/footer-black.gif);
	background-repeat: repeat-x;
	height: 360px;
	background-color: #0a0a0a;
}
#footerboxcontainer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#footerbreak {
	height: 5px;
	width: 100%;
	background-image: url(/images/bottombreak.jpg);
	background-repeat: repeat-x;
}

/* Footer Left Col
----------------------------------------------------------------------------------------------------*/

#footercolleft {
	width: 300px;
	float: left;
	clear: left;
	padding-right: 30px;
	color: #fff;
	line-height: 22px;
}
#footercolleft a:link, #footercolleft a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
	margin-left: 5px;
}
#footercolleft a:hover, #footercolleft a:active {
	color: #6AD700;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6AD700;
	margin-left: 5px;
}

/* Footer Middle / Right Col
----------------------------------------------------------------------------------------------------*/

#footercolmiddle {
	width: 215px;
	float: left;
	line-height: 22px;
	padding-right: 70px;
	padding-left: 60px;
	color: #fff;
}
#footercolmiddle ul {
	margin-top: 7px;
	margin-left: 6px;
}
#footercolmiddle ul li {
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(/images/bullet_3.gif);
}
#footercolmiddle ul li a {
	color: #fff;
	line-height: 28px;
	text-decoration: none;
}
#footercolmiddle ul li a:link, ul li a:visited {
	color: #fff;
	line-height: 28px;
}
#footercolmiddle ul li a:hover, ul li a:active {
	color: #6AD700;
	line-height: 28px;
}
#footercolright {
	width: 325px;
	float: left;
	line-height: 22px;
}

#footercolmiddle p a:link, #footercolmiddle p a:visited {
	color: #fff;
	text-decoration: none;
}
#footercolmiddle p a:hover, #footercolmiddle p a:active {
	color: #fff;
}

/* Footer Images and Copyright
----------------------------------------------------------------------------------------------------*/

#footercrcontainer {
	height: 60px;
	width: 100%;
	float: left;
	background-color: #0a0a0a;
	clear: left;
}
#footercrcontent {
	width: 950px;
	color: #999;
	text-align: center;
	font-size: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	height: 35px;
	background-color: #0a0a0a;
}
#footercrcontent #trademark {
	float: left;
	height: 22px;
	line-height: 22px;
	width: 830px;
}
#footercrcontent #footerlogos {
	height: 22px;
	width: 120px;
	float: right;
}
#footercrcontent #footerlogos ul {
	list-style-type: none;
	background-repeat: no-repeat;
	height: 22px;
}
#footercrcontent #footerlogos ul li {
	display: inline;
}
#footercrcontent #footerlogos ul li a {
	display: block;
	float: left;
	height: 22px;
	margin-right: 10px;
}
#footercrcontent #footerlogos ul li a span {
	display: none;
}
#footercrcontent #footerlogos ul li#nugbug a:link , #footercrcontent #footerlogos ul li#nugbug a:visited{
	width: 34px;
	background-image: url(/images/footer/footer-logos-nugbug.jpg);
	background-repeat: no-repeat;
}
#footercrcontent #footerlogos ul li#nugbug a:hover , #footercrcontent #footerlogos ul li#nugbug a:active{
	width: 34px;
	background-position: 0px -22px;
}
#footercrcontent #footerlogos ul li#de a:link , #footercrcontent #footerlogos ul li#de a:visited {
	background-image: url(/images/footer/footer-logos-365de.jpg);
	background-repeat: no-repeat;
	width: 50px;
}
#footercrcontent #footerlogos ul li#de a:hover , #footercrcontent #footerlogos ul li#de a:active {
	width: 50px;
	background-position: 0px -22px;
	background-repeat: no-repeat;
}