/* Template by freewebsitetemplates.com */
/* Modified extensively by GetSirius Internet Services - getsiriusweb.net - March, 2017 */
/* gold #FFCC33,   */
/* For minimum paragraph width see p and p:before in mobile.css, under GetSirius */

/* Current Page Selector ================== */
/* ALSO SEE mobile.css FOR SIMILAR SECTION THAT MUST BE UPDATED WITH THIS */
body#homebody a#home,
body#makebody a#make,
body#treebody a#tree,
body#gallerybody a#gallery,
body#willardsbody a#willards,
body#pinkiebody a#pinkie,
body#ribbonbody a#ribbon,
body#woodybody woody#,
body#fishbody a#fish,
body#rpmbody a#rpm,
body#marvelbody a#marvel,
body#goofballbody a#goofball,
body#hotrodbody a#hotrod {
	color: #FFCC33 !important;
	text-shadow: 0 0 9px #fff;
	pointer-events: none;
	cursor: default;
	border-bottom: 1px!important;
	border-bottom-color: #999999!important;
	border-bottom-style: dashed!important;
}

body {
	font-family: 'latoregular';
	font-size: 18px; 
	margin: 0;
	padding: 0;
	background-image:   url("../images/marblespace.jpg");
	color: #FFCC33;  
}


@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular-webfont.eot');
	src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-regular-webfont.woff') format('woff'),
		url('../fonts/lato-regular-webfont.ttf') format('truetype'),
		url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nixie_oneregular';
	src: url('../fonts/nixieone-regular-webfont.eot');
	src: url('../fonts/nixieone-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nixieone-regular-webfont.woff') format('woff'),
		url('../fonts/nixieone-regular-webfont.ttf') format('truetype'),
		url('../fonts/nixieone-regular-webfont.svg#nixie_oneregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
a {
	outline: none;
}	
#footer div a:hover {
	color: #D7BC86;
text-shadow: 0 0 1px #000;

}
img {
	border: none;
}
p {
	line-height: 24px;
}

a, p a,
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #ffdd9a;
	text-decoration: underline;
text-decoration-color: #C67D28;
}
a:hover, p a:hover,
h2 :hover, h3 :hover, h4 :hover, h5 :hover, h6 :hover {
	color: #D7BC86;
	text-shadow: 0 0 4px #D7BC86;
}

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6,
.likeH2 {
	color: #FFCC00;
	font-family: 'Arima Madurai', cursive, sans-serif;
	font-weight: normal;
}
#body h1 {
font-size: 30px;
margin: 10px 0 20px 0;
}
#body h2,#body h3,#body h4,#body h5,#body h6,
.likeH2 {
	font-size: 24px;
	font-weight: normal;
}
.likeH2smaller {
	color: #FFCC00;
	font-family: 'Arima Madurai', cursive, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.txtFormHighlight {
color: #FFE377; 
font-family: 'Arima Madurai', cursive, sans-serif;
}
.txtSmall {
	font-size: 12px;
	line-height: 14px;
/*	color: #B08D00;  /* same as getsirius/footer color */
}
.nowrap {
white-space: nowrap;
}
.ulMoveUp {
margin-top: -14px;
}


/* Start of Navigation */
/* Current Page Selector at top of file */
#navSection {
	position: fixed;
	top: 0px;
	width: 100%;
	max-width: 960px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

#navSection ul#navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:  url("../images/back-darker.gif");
-webkit-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	border: solid;
	border-color: #664404;
	border-width: 0 1px 1px 1px;
	border-bottom-color: #9D6806;
}
#navSection ul#navigation li {
	display: inline;
	line-height: 50px;
	position: relative;
}
#navSection ul#navigation li a {
	color: #E8D8B9;
	font-size: 20px;
	padding: 0 8px; /* SPACE BETWEEN NAV LINKS AT TOP OF PAGE */
	text-align: center;
	text-decoration: none;

}
#navSection ul#navigation li ul {
	display: none;
	left: 0;
	list-style: none outside none;
	margin: 0;
	padding: 11px 0 0;
	position: absolute;
	top: 12px;
	width: 200px;
}
#navSection ul#navigation li:hover ul {
	display: block;
}
#navSection ul#navigation li ul li {
	background: #077054;
	display: block;
	height: 46px;
	line-height: 46px;
	background-image:   url("../images/back-dark.gif")!important;
}
#navSection ul#navigation li ul li a {
	padding: 0 20px;
}

#navSection ul#navigation li a:hover {
		color: #FFFDF1;
		text-shadow: 0 0 9px #fff; 
	background-image:  url("../images/back-darkH.gif")

-webkit-border-radius: 9px;
border-radius: 9px;
border: #B87A07 solid;
border-width: 1px 0px;
-webkit-box-shadow: 0 0 2px 1px #BE5E05;
box-shadow: 0 0 2px 1px #BE5E05;
}
/*  End of Navigation */

/*  Start of Header */
#header {
    margin: 0 auto;
	max-width: 960px;
	margin-top: 70px;
	margin-bottom: 30px;
}
#header #headTitle {
	font-family: 'Arima Madurai', cursive, sans-serif;
	font-size: 28px;
	line-height: 30px;
	padding: 0; /* padding: 30px 0; */
	font-weight: normal;
	margin: 0;
	text-align: center;
}
#header #headTitle a {
	color: #FFCC33;
	text-decoration: none;
}
#header #headTitle a .headSubTitle,
#header #headTitle .headSubTitle,
#phone { 
	color: #FFCC33 !important;
	display: block;
	font-family: 'latoregular', serif;
	font-size: 18px;
	font-weight: normal;
	line-height:20px;
	wihtespace: nowrap;
}
#phone {
margin: 0px 0 16px 0;
}
#header #headeradj .phoneNumber {
    color: #F0E8D5 !important;
    display: block;
    font-family: 'Arima Madurai', cursive, sans-serif;
    font-size: 24px;
	text-align: center;
	margin: 20px 0 20px 0;
	white-space:nowrap;
}


#body {
	margin: 1px auto 0;
	max-width: 876px;
	min-height: 500px;
	overflow: visible;
	padding: 23px 40px 10px 40px;
	background-image:   url("../images/back-dark.gif");
-webkit-border-radius: 9px;
border-radius: 9px;
border: #B87A07 solid;
border-width: 2px 1px;
-webkit-box-shadow: 0 0 12px 2px #BE5E05;
box-shadow: 0 0 12px 2px #BE5E05;
}

#body div#tagline {
	float: left;
	margin: 110px 0 0 25px;
	max-width: 99%;
}
#body div.content {
	overflow: hidden;
}
#body div.content > div {
	float: left;
	width: 510px;
}
.columns2-300 {
  -webkit-columns: 2 300px;
  -moz-columns: 2 300px;
  columns: 2 300px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.columns2-300 p {
-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.columns3 {
  -webkit-columns: 3 250px;
  -moz-columns: 3 250px;
  columns: 3 250px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.columns3 p {
-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	padding: 6px;
	border-color: #D6BB83;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}
.columns5cent {
  -webkit-columns: 5 110px;
  -moz-columns: 5 110px;
  columns: 5 110px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.columns5cent p {
-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	text-align: center;
	padding: 6px;
	margin: 0 0 6px 0;
	border-color: #D6BB83;
	border-style: solid;
	border-width: 1px;
-webkit-box-shadow: 0 0 12px 2px #BE5E05;
box-shadow: 0 0 12px 2px #BE5E05;
}
.fillLightBrown{
	background-color: #EFE4CF;
}
.notes {
	font-size: 14px;
	line-height: 14px;
}

/* Footer */
#footer {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	margin: 10px 60px 60px 60px;
	color: #FFCC00;
	font-size: 16px;
	line-height: 18px;
}
#footer  p {
	color: #FFCC00;
	font-size: 16px;
	line-height: 18px;
}
#footer .siriusSunlight {
	max-width: 54%;
}
#footer .GetSirius,
#footer .GetSirius a {
	text-align:right;
	color: #47231D;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 23px;
	text-decoration: none;
}
#footer .copy {
	font-size: 12px;
	line-height: 14px;
	float: right;
	width: 300px;
	max-width: 40%;
	color: #B08D00;
}
#footer .GetSirius a:hover {
font-size: 16px;
	color: #D7BC86;
	text-shadow: 0 0 2px #fff;
	text-decoration: underline;
}


/* GetSirius */
.hightlightBoxRight {
	float: right;
	width: 200px;
	height: auto;
	border-color: #FFCC00;
	border: 1px solid;
	padding: 0 10px;
	margin: 2px 2px 2px 8px;
}
.hightlightBoxCenter {
	max-width: 400px;
    margin-right: auto;
    margin-left: auto;
	height: auto;
	border-color: #FFCC00;
	border: 1px solid;
	padding: 10px 0;
	margin: 2px 2px 2px 8px;
}
	
.dissapear900 { /* css is in mobile.css - just here for page editing */
	}
.minWidthFormDesc {
	width: 200px;
	min-width: 200px;
	display: inline-block;
	border-bottom: 1px solid;
	border-bottom-color: #333333;
	margin-top: 8px;
}
.minwidthFormField {
	width: 300px;
	white-space:nowrap;
}
#imageFadeWillard {
	position:relative;
	height:400px;
	width:267px;
}
#imageFadeWillard img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
#imageFadeWillard img.top:hover {
  opacity:0;
}

.humiconSpacer {
    margin-left: 23px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
figure {
    display: inline-block;
}
figcaption {
    margin: 0 0 0 0;
	text-align: center;
	font-size: 14px;
}

strong {
color: #FFCC00;
}
.noWrap {
white-space: nowrap;
}

.logo {
	float: left;
	margin: 10px 0 0 24px;
}
.imgAlignRight {
	float: right;
	padding-left: 20px;
	}
.imgAlignLeft {
	float: left;
	padding-right: 20px;
	}
.imgAlignRightSpaceTop {
	padding-top: 10px;
	float: right;
	padding-left: 20px;
	}
.imgAlignLeftSpaceTop {
	padding-top: 10px;
	float: left;
	padding-right: 20px;
	}
.imgAlignRightMoveUp {
	margin-top: -30px;
	float: right;
	padding-left: 20px;
	}
.imgAlignLeftMoveUp {
	margin-top: -30px;
	float: left;
	padding-right: 20px;
	}
.img100 {
width: 100% !important;
max-width: 100% !important;
height: auto;
}
.imgNoShrink {
max-width: 100%!important;
}
.clearfix:after,
.clearfixLimitedWidth:after {
  content: " ";
  display: table;
  clear: both;
}
.clearfixLimitedWidth {
  max-width: 700px;
 }

.responsiveIframe {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .responsiveIframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/* Navigation tooltip */
a[data]:hover:after {
	content: attr(data);
	font-size: 14px;
	padding: 4px 8px;
	margin-bottom: 8px;
	position: absolute;

	left: -10px;
	bottom: -40px;
	white-space: nowrap;
	z-index: 2;
	border-radius: 3px;
	background-color: #8C4134;
	background-image:    url("../images/back-brownTooltip.gif");
	color: #F2EBDB;
	border: 1px solid #3D2A2F;
	line-height: 20px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* END Navigation ToolTip */