/* 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#glassbody a#glass,
body#icebody a#ice,
body#contactbody a#contactSirius,
body#paybody a#paySirius,
body#willbody a#willard,
body#chuckbody a#chuck,
body#linkbody a#links {
	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/space.gif");
	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;
}
.one_off_email,.one_off_phonenumber,.one_off_firstname,.one_off_lastname,.one_off_address1,
.one_off_address2,.one_off_city,.one_off_state,.one_off_postcode,.one_off_country,.one_off_ordername,.one_off_ordernote {
	border-width: 0;
	height: 0.3em;
}
.field-name {
	width: 160px;
	display: inline-block;
	border-bottom: 1px solid;
	border-bottom-color: #333333;
}
.paymentTextBox {
	padding: 4px 2px;
	margin: -4px 0 0 -2px;
	font-size: 1.2em;
	border-color:#00CC00;
}

#submit-button {
    background-color: #ff9900;
    background-image:  url("buttonBackRedOrange.gif");
    background-repeat: repeat;
    border: solid #80510B;
	border-width: 1px 4px;
    border-radius: 15px 50px;
    box-shadow: 0 0 9px #ff9900;
	-webkit-box-shadow: 0 0 9px #ff9900;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 1.9em;
    margin: 14px 0 0 14px;
    padding: 0 36px;
}
#submit-button:hover{
cursor: hand;
	background-color: #ECAD37;
	background-image: url(s5-buttonBackOrange_Over.gif);
	border-color: #FF6600;
	border-style: dashed solid;
    box-shadow: 0 0 23px #FF9900;
	-webkit-box-shadow: 0 0 23px #FF9900;
}
.whiteBox {
	background-color: #FFFFFF;
	color: #000000!important;
	padding: 6px 12px;
	border: solid;
	border-color: #664404;
	border-width: 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: -10px;
}
.smallGrayText {
	color: #666666;
	font-size: 0.6em;
}
.attentionPlease {
	color: #F9B006;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #002B00;
	padding: 6px 12px 8px 12px;
	display: block;
}
.attentionPleaseRED {
	color: #FF3300;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #1B1B1B;
	padding: 6px 12px 8px 12px;
	display: block;
	border: solid 1px #FF3300;
}
#body form label input-label textarea {
	width: auto !important;
}


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;
}
.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;
	z-index:9999;
}

#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: 18px;
	padding: 0 6px; /* 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;
}
#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-darker.gif");
-webkit-border-radius: 9px;
border-radius: 9px;
border: #B87A07 solid;
border-width: 1px 1px  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;
}
.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 */

.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 {
  content: "";
  display: table;
  clear: both;
}

.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 */