html{color:#000;background:#FFF;}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;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
                         box-shadow: 0px 0px 10px rgba(0,0,0,1);

          z-index: 100;
}

html, body {
	background: url("../img/main/darkWood.jpg") fixed;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	color: #333;
/* 	overflow-x: hidden; */
	}
/*Match inset and HTML background*/
.inset {
	background: url("../img/main/darkWood.jpg") fixed;
	margin: 0 -16px;
	}
img {
	display: block;
	}
p, h4 {
	line-height: 22px;
	}
em {
	font-style: italic;
	}
a, a:link, a:visited {
	color: #be3916;
	text-decoration: none;
	border: none;
	}
a:hover {
	text-decoration: underline;
	}
h1, h2, h3, .chart span, th {
	text-transform: uppercase;
	}
h1 {
	font-size: 42px;
	color: #747474;
	}
h1 span {
	position: relative;
	z-index: 3; 
	}
h2 {
	font-size: 63px;
	padding-bottom: 18px;
	border-bottom: 3px solid #bdbdbd;
	}
.aux h2 {
	font-size: 42px;
	}	
h3, h4 {
	font-weight: bold;
	}
h4 {
	margin: 16px 0;
	}
strong {
	font-weight: bold;
	}
.hr {
	background: transparent url("../img/main/hr.png") no-repeat;
	border: 0;
	display: block;
	height: 17px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 978px;
	}
.hr_p {
	background: transparent url("../img/main/hr_p.png") no-repeat;
	border: 0;
	display: block;
	height: 17px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 978px;
	}
.hr hr, .hr_p hr {
	display: none;
	}
.mini {
	font-size: 11px;
}
	
/* Structure
----------------------------------------------- */
.grid {
	margin: auto;
	position: relative;
	width: 978px;
	/*horizontal offset, vertical offset, blur, radius
	-moz-box-shadow:    0px 0px 5px 6px #000;
	-webkit-box-shadow: 0px 0px 5px 6px #000;
	box-shadow:         0px 0px 25px 8px #161616;*/
	}
.clear {
	clear: both;
	}	
#island {
	background: url("../img/main/loading.gif") no-repeat;
	width: 91px;
	height: 92px;
	margin: 130px 0 0 160px;
	}
#islandSprite {
	margin-left: -3px;
}
.section {
	position: relative;
	background: #e3e3e3;
	padding: 0 16px 0 16px;
	}
.chapter {
	border: 1px solid #cfcfcf;
	background-color: #eee;
	padding: 16px;
	}
.chapter p {
	padding: 16px 0 0 0;
	}
.intro {
	margin-top: 0;
	background: white;
	}	
.pullquote {
	font-weight: 800;
	text-transform: uppercase;
	color: #333;
	font-size: 24px;
	line-height: 36px;
	}
#how .pullquote {
	font-size: 22px;
}
.hash {
	background: #be3916;
	padding: 3px 4px;
	margin: 0;
	color: white;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	}
.hash_p {
	background: #2b6292;
	padding: 3px 4px;
	margin: 0;
	color: white;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	}	
.hash + h2, .hash + ul, .hash_p + h2 {
	padding-top: 16px !important;
	}
.split {
	float: left;
	width: 446px;
	}
.split h2 {
	font-size: 40px;
	}
.chart {
	font-size: 13px;
	font-weight: bold;
	}
.chart span {
	font-size: 24px;
	font-weight: bold;
	}
.chart li {
	border-bottom: 1px solid rgb(80%, 80%, 80%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0;
	margin-left: 10px;
	text-align: left;
	vertical-align: bottom;
	}
dl.chart { 
	position: relative;
	}
.chart dt { 
	position: relative; 
	text-align: center; 
	width: 70px; 
	height: 30px; 
	margin-bottom: -30px; 
	top: 12px; 
	font-size: 24px; 
	}
.chart dd {
	border-bottom: 1px solid rgb(255, 255, 255); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	width: 350px; 
	height: 36px; 
	padding: 12px 8px 8px 90px; 
	background: none;
	}
.chart dd strong {
	display: block;
	padding-top: 8px;
	}
table.chart {
	border-width: 0px;
	border-style: none;
	width: 100%;
	background: white;
	padding: 16px;
	border-collapse: separate;
	}
.chart td, .chart th {
	border-bottom: 1px solid #ccc;
	padding: 8px;
	zoom: 1;
	}
.chart thead th {
	border-width: 3px;
	border-color: #666;
	}
.chart tfoot td {
	border: 0;
	padding-bottom: 0;
	width: auto !important;
	}
.tabs {
	position: relative;
	margin: 16px 0 0;
	}
.tabs h3 {
	background: url("../img/main/shading.png");
	font-size: 20px;
	height: 1.0em;
	padding: 1.0em;
	}
.tabs div {
	background: rgba(255, 255, 255, 0.12) none;
	text-align: left;
	padding: 16px;
	}
.tabs .chart dd {
	width: 318px;
	}
.tabNavigation {
	position: absolute;
	right: 0.5em;
	top: 0;
	font-size: 12px;
	height: 3.0em;
	padding-left: 40px;
	}
.tabNavigation li {
	float: left;
	font-weight: bold;
	padding: 0.5em 0;
	}
.tabNavigation a {
	color: white;
	padding: 0.5em;
	display: block;
	}
.tabSelected {
	background: rgba(20, 20, 20, 0.4) none;
	text-decoration: underline;
	}

#footer {
	background: rgba(255,255,255,0.4) url("../img/main/shading.png");
	clear: both;
	padding: 8px 20px;
	font-size: 14px;
	}

#footer ul {
	float: right;
	}
#footer li {
	float: left;
	font-size: 14px;
	margin-left: 18px;
	}
#footer a {
	padding-right: 0px;
	margin-right: 0px;
	}

#topBTN {
	background:url("../img/main/top_on.png") no-repeat;
    margin-left:445px;
    cursor:pointer;
    position: absolute;
}
#topBTN_p {
	background:url("../img/main/top_on_p.gif") no-repeat;
    margin-left:445px;
    cursor:pointer;
    position: absolute;
}
#topBTN img:hover, #topBTN_p img:hover{
    opacity:0;
}

.intro, .tabs, #how { overflow: hidden; } 
	
	
/* Primary Navigation
----------------------------------------------- */
#tray {
	height: 52px;
	position: relative;
	}
#nav {
	font-family:"Museo 900", Verdana, serif;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	}
#nav div, .aux #nav {
	background: rgb(20, 20, 20);
	background: rgba(20, 20, 20, 0.92) none;
	/* needs fallback for IE ------> background: #1c1c1c;*/
	padding: 16px 15px 16px 33px;
	position: relative;
	text-align: right;
	width: 930px;
	height: 20px;
	margin: auto;
	}
.aux #nav {
	padding-top: 33px;
	}	
#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 475px;
	float: left;
	}
#nav li, .aux #nav a:first-child {
	float: left;
	}
#nav a {
	padding-right: 18px;
	margin-left: 12px;
	/*background: url("../images/sprited-v2.png") no-repeat -720px -83px;*/
	}	
#nav li a {
	margin-left: 0;
	background: none;
	color: #be3916 !important;	
	}
.aux #nav a:first-child {
	margin-left: -22px;
	padding: 0 0 0 22px;
	/*background: url("../images/sprited-v2.png") no-repeat -305px -83px;*/
	}	
#nav a:hover {
	text-decoration: none !important;
	color: white;	
	}
#nav a:hover strong {
	color: #be3916;
	}	
#nav strong {
	color: white;
	}
	
.subhead {
	position: absolute;
	right: -15px;
	font-size: 13px;
	font-weight: 500;
	font-size: 13px;
	}
	
.subhead .number {
	position: inherit;
	right: 105px;
	bottom: -20px;
	width: 200px;
	font-size: 12px;
	color: #be3916;
}
	
#fb {
	position: inherit;
	right: 65px;
	bottom: -24px;
	}
	
#twt {
	position: inherit;
	right: 25px;
	bottom: -24px;
	}
	
/* Panel header
----------------------------------------------- */
#panelControls {
	position:absolute;
	padding: 8px 20px 8px 20px ;
	color: #fff;
	z-index: 3;
	width: 60px;
	top: 376px;
	left: 464px;
	font-family:"Museo 900", Verdana, serif;
	font-size: 13px;
	font-weight: bold;
}
#restartBtn {
	float: left;
	border: none;
}
#twoBtn {
	float: right;
	border: none;	
}
#btnNotch, #btnNotch_p {
	position:relative;
	color: #000;
	z-index: 2;
	width: 249px;
	height: 27px;
	top: -27px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #c8c8c8;
}
#btnNotch {
	background: url("../img/main/notch.png") no-repeat bottom;
}
#btnNotch_p {
	background: url("../img/main/notch_p.png") no-repeat bottom;
}
#playBTN {
	background:url("../img/main/play_on.png") no-repeat;
    margin-left: 60px;
	margin-top: 160px;
    cursor:pointer;
}
#playBTN img:hover{
    opacity:0;
}
.loading {
	background: url("../img/main/down.gif") no-repeat;
	position:relative;
	width: 91px; height: 92px;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	}
.loading_p {
	background: url("../img/main/down_p.gif") no-repeat;
	position:relative;
	width: 91px; height: 92px;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	}
#headline {
	height: 360px;
	padding: 20px;
	position: relative;
	z-index: 2;
	}
#slide {
	margin-top: -360px; 
	}
	
#awardBTN {
	position: absolute;
	z-index: 2;
	top: 130px;
	left: 90px;
}
#festBTN, #firestarerBTN {
	position: absolute;
	z-index: 2;
	top: 160px;
	left: 150px;
}

.subhead:hover {
	color: white;
	text-decoration: none;
	}
#home {
	position: relative;
	background: #e3e3e3;
	padding: 16px;
	}
#home .chapter {
	border: 1px solid #e3e3e3;
	margin: 0;
	padding: 0 388px 16px 16px;
	}
#header {
	background: url("../img/panels/bg.png") no-repeat;
	position: absolute;
	left: 1px;
	top: 0;
	height: 400px;
	width: 977px;
	}
#header background-img {
	position: absolute;
	display: none;
	}
#header img:first-child {
	display: block;
	}
	

/* Section: Services
----------------------------------------------- */
#content .intro {
	position: relative;
	padding: 0 0 0 384px;
	margin-bottom: 16px;
	height: 390px;
	}
#content .subnav {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 368px;
	}
#content .intro h2 {
	border: 0;
	padding: 0;
	letter-spacing: -2px;
	}
#content .intro p {
	border-left: 1px solid #cfcfcf;
	padding: 0 32px 16px 32px;
	}
#content .intro p:first-child {
	padding-top: 56px;
	}
#content .intro p:last-child {
/* height of vertical border - match with #content .intro{height} */
	height: 390px;
	}
#content div .pullquote {
	width: 80%;
	text-align: center;
}
#service1, #service2 {
	background-color: #2d2b2b;
}
#service3 {
	background-color: #e3e3e3;
}
.subtle {
	margin-left: 100px;
	font-size: 12px;
	font-weight: bold;
}	
#what {
	background: #1c1c1c url("../img/main/profile2.jpg") no-repeat left bottom;
	border: 0;
	margin: -16px -16px -16px -16px;
	padding: 16px;
	}
#what .footnote {
	width: 466px;
	border: none;
	color: white;
	}
#what .split {
	padding: 16px;
	width: 430px;
	color: white;
	border: 1px solid #d3222a;
	border: 1px solid rgba(255, 255, 255, 0.2);
	}
#what .split h3 {
	color: #d3d3d3;
}
#how {
	float: right;
	border-color: #d3222a;
	background-color: #747474;
	background: rgb(80, 80, 80); /* Fall-back for browsers that don't support rgba */
    background: rgba(120, 120, 120, .6);
	}
#how li {
	padding: 8px 0;
	border-top: 1px solid white;
	}
#how * {
	zoom: 1 !important;
	}

.iFrameVid {
	border: none;
}

.randomClient p {
	font-family:"Museo 900", Verdana, serif;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	margin: 15px 0 8px 0;
	padding:10px;
	background: rgb(103,103,103) url("../img/main/shading.png");
	background: rgba(103,103,103,0.5) url("../img/main/shading.png");
}
		
	
/* Gallery
----------------------------------------------- */
#properties {
	background: rgb(103,103,103) url("../img/main/shading.png");
	background: rgba(103,103,103,0.5) url("../img/main/shading.png");
	margin: 0 auto;
	padding: 0 0 32px 0;
	position: relative;
	width: 902px;
	height: 660px
	}
#properties h2 {
	color: white;
	font-size: 48px;
	border: 0;
	margin-left: 16px;
	margin-bottom: 16px;
	z-index: 4;	
	}
#properties .hash {
	margin: 16px;
	background: #be3916;
	color: white;
	}
#onesheets {
	position: relative;
	width: 962px;
	height: 460px;
	left: -38px;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 8px solid #333;
	overflow: hidden;
	}
#onesheet {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 66;
	width: 100%;
	height: 420px;
	}
#properties .controls {
	position: absolute;
	top: 420px;
	width: 930px;
	background: #333;
	padding: 8px 16px;
	height: 24px;
	text-align: right;

	}

#previous, #next {
	position: absolute;
	cursor: pointer;
	display: block;
	width: 80px;
	height: 80px;
	top: -420px;
	right: 0;
	z-index: 67;
	background: url("../images/sprited-v2.png") no-repeat -918px -30px;
	}
#previous {
	right: 80px;
	background: url("../images/sprited-v2.png") no-repeat -838px -30px;
	}
#onesheets .what {
	padding: 16px;
	margin-top: 90px;
	margin-left: 24px;
	height: 600px;
	width: 594px;
	color: white;
	}		
#onesheets .footnote {
	border: 0;
	}
.onesheet .split {
	width: 240px;
	margin: 0 16px 0 0;
	}
.onesheet .split ul {
	width: 100%;
	}			


/* Section: Showcase
----------------------------------------------- */
#showcase-accolades {
	background: #eee url("../img/main/accolades.jpg") no-repeat right bottom;
	padding-top: 30px;
}
#showcase h2 {
	font-size: 55px;
	}
#accolades div {
	background: #666666;
	padding: 2px;
	color: #fff;
	background: rgb(80, 80, 80); /* Fall-back for browsers that don't support rgba */
    background: rgba(80, 80, 80, .6);
	}
#accolades {
	float: right;
	margin-right: 16px;
	width: 448px;
	}
#accolades a {
	width: auto;
	height: auto;
	}
#featuredproduct strong, #gallery strong {
	display: block;
	}
#gallery a div, #featuredproduct div {
	background: #333;
	padding: 8px;
	}
#gallery {
	width: 944px;
	overflow: hidden;
	margin: 0 -16px;
	font-size: 13px;
	}
#gallery a, #featuredproduct a {
	display: block;
	padding: 8px;
	width: 200px;
	background: #cfcfcf;
	overflow: hidden;
	height: 180px;
	float: left;
	margin: 16px 0 0 16px;
	color: #999;
	}
#featuredproduct {
	float: right;
	margin-top: 0;
	margin-right: 16px;
	width: 448px;
	}
#featuredproduct a {
	width: auto;
	height: auto;
	}
#gallery a:hover, #featuredproduct a:hover {
	background: url("../img/main/shading-ani.gif");
	text-decoration: none;
	color: white;
	}

/* Contact
----------------------------------------------- */


#contact-wrapper {
background: rgb(80, 80, 80);
    background: rgba(255,255,255,0.5);
	}

.contact {
	margin-top: 0;
	height: 630px;
	background: url("../img/panels/5/bg5.jpg") no-repeat;
	}
	
.contact h2 {
	color: #eee;
}
	
#contactForm {
	background: rgb(80, 80, 80);
    background: rgba(120, 120, 120, .6);
	width: 414px;
	padding: 10px;
	border: 1px solid #eee;
}

#contact-area {
	float: left;
	width: 435px;
	margin-top: 25px;
	background: rgb(255,255,255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255,255,255,0.85);
    border: 1px solid #1c1c1c;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #333;
	background: rgb(80, 80, 80); /* Fall-back for browsers that don't support rgba */
    background: rgba(120, 120, 120, .6);
}

#sendBtn {
	width: 80px !important;
	text-align: center;
	color: #fff;
}

#contact-area textarea {
	height: 90px;
	color: #000;
	background: rgb(80, 80, 80);
    background: rgba(120, 120, 120, .6);
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 4px solid;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1em;
}

#contact-area label {
	
	color: #fff;
}

.message {background:#eee; color:#000;display:none;width:460px;padding:10px;}
#contact-area ul {list-style-type:none;width:390px;}
#contact-area li {list-style-type:none;}
#contact-area li.special {display:none;}
#contact-areacontactForm input {width:260px;}
#contact-area contactForm textarea {width:260px;}

#contact-right {
	float: right;
	margin-top: 25px;
	padding: 10px 15px 15px 15px;
	width: 455px;
	height: 180px;
	background: rgb(80, 80, 80);
    background: rgba(83,83,83,1);
    border: 1px solid #eee;
    text-align: left;
    color: white;
    font-size: 1em;
}

#contact-right p:first-child, #contact-area p:first-child {
	padding: 20px 0 20px 18px;
	margin: 2px 0 18px 0;
	text-align: left;
    font-size: 1.3em;
    color: #fff;
    text-transform: uppercase;
    background: url("../img/main/shading.png");
}

#contact-right a {
	color: #333;
	margin-left: 9px;
}
#contact-right a:hover {
	color: #BE3916;
}

#emailTo:before {
	content: url("../img/main/email.png");
	margin-right: 5px;
}

.number {
	font-size: 30px;
}