body { margin: 0; padding: 0; font:73%/145% Arial, Helvetica, sans-serif; background: #ccc url("../images/bg.jpg") left top; height:100%; }
a { color:#96969a; text-decoration:none }
a:hover { text-decoration:underline}

#footer { position:fixed; bottom:0px; width:298px; height:28px; background:#000; color:#FFF; text-align:right; font: 14px/20px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase; padding:6px; margin-top:300px }
#footer img { padding:6px 10px 0px; vertical-align:bottom }
#footer a { color:#ffffff; text-decoration:none }
#footer a:hover { color:#D8D8D8; }
hr { 
	border:none 0; 
	border-top:1px dashed #666; 
	height: 1px; 
}

#Wrapper{ width:1110px; min-height:100%;}
#Logo{ width:790px; height:180px; padding-bottom:10px; background-image:url("../images/header.png"); background-repeat:no-repeat}
#MyFlash{ width:790px; height:180px; }
.HeadingType {font: 18px/18px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase }

/*HomeFeature*/
.HomeHeaderWrapper { width:1110px; overflow:hidden}
.HomeFeature { width:1110px; overflow:hidden}
.HomeFeatureImage { width:619px; background-color:#FFF; padding:10px 10px 20px 10px; left:310px; position:relative }
.HomeFeatureNews { width: 330px; position:absolute; left: 170px; top:238px; z-index:100px }
.HomeFeatureName{ background-color:#FFF; padding:5px 10px 5px 0; font: 44px/39px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase; margin:50px 0 10px }
.HomeFeatureIntro{ background-color:#000; padding:5px 10px 5px 0; font: 18px/18px 'VariableBoldItalic', Arial, sans-serif; color:#FFF; text-transform:uppercase; margin-right:94px; margin-bottom:94px }
.HomeFeatureIntro a:hover { color:#AEAEAE; text-decoration:none  }

.HomeFeatureNav {float:left;}
.HomeFeatureNav li { padding:0px; font: 18px/18px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase;  margin-bottom:10px; width:auto }
.HomeFeatureNav a { padding:0px; background-color:#fff; width:auto; color:#000 } 
.HomeFeatureNav a:hover { color:#666  }
.HomeFeatureSocial { height:28px; background:#FFF; font: 16px/20px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase; padding:5px 3px 3px; position:absolute; left:690px; top:196px; z-index:102px; width:250px; text-align:right }
.HomeFeatureSocial img { padding:6px 6px 0px; vertical-align:bottom }

/*Nav Area */
#NavAreaHome { width:310px; float:left; padding-top:43px; }
#NavArea { width:310px; float:left; padding-top:43px; padding-bottom:40px;}
#fade { padding-top:25px; } 
#fade li { padding:0px 10px 0px 160px; color:#96969a; margin:0px 0px 1px 0px; list-style:none; } 
#fade a {background:url("../images/nav-rollover.gif") repeat 0 0;}
#Hit { background: url("../images/nav-hitbg.jpg") repeat-y 0px top; } 
#Hit a { color:#000} 
#fade #Hit a{ color:#000} 
#fade #Hit a:hover { background:none; }
#On { background: url("../images/nav-rollover.gif") repeat-y 10px top;  color:#fff; width:140px} 
#On a { color:#000; } 

ul {list-style:none;margin:0;padding:0;}
.SubNav li {width:150px; padding:0px; font: 14px/14px 'VariableBoldItalic', Arial, sans-serif; }
.MainNav li {width:150px; padding:0px; font: 14px/14px 'VariableBoldItalic', Arial, sans-serif; text-transform:uppercase; }
li a {display:block;padding:4px 0px 4px 10px;color:#96969a;text-decoration:none;}
li a {background:url(../images/nav-rollover.gif) repeat 0 0;}
li a:hover, li a:focus, li a:active {background-position:-151px 0; color:#000; text-decoration:none}
	#fade ul li a { color:#96969a; background-color:#FFF; }
	#fade ul li a:hover {  color:#FFF; background:none; background-color:#000;  }

/*Form*/
label { width: 100px; float: left; text-align: left; display: block; margin:5px 0 12px 0; }
input {font-size:12px; padding:4px 2px; border:solid 1px #999; width:180px; margin:0 0 0 15px; }
.submit input { margin-left:115px; clear:both; width:130px; background-color:#333; color: #CCC; height:35px} 

.PayPal input { clear:both; width:99px; height:47px; border:none; } 
	
	
/*Content*/
#HomeHeader{ width:790px; float:left; margin-left:10px;}
#ContentWrapper{ width:790px; float:left; margin-left:10px; padding-bottom:40px;}
#ContentWrapperHome{ width:790px; float:left; margin-left:10px; }
#ContentArea{ width: 310px; padding:0px 10px 25px 0px; float:left}
#ContentQuote{ width: 120px; padding:0px 10px 25px 0px; float:left; margin-left:10px}
#SideImage{ width:310px; position:relative; float:left }

/* Slideshow style rules.*/
#slideshow { width:310px; height:469px; position:relative; float:left }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 45px;}
.pika-stage, .pika-textnav {width: 310px;}
.pika-stage {position:relative;background: #fafafa; height:438px;}
	
/*if you change the padding on pika-stage you must adjust the top left of this to match! */
.pika-stage .main-image {position: absolute; top: 0px; left: 10px;}
.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-aniwrap{width:100%;}
.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
.pika-stage img {border:0;height:100%;}
	
.pika-thumbs {margin: 8px 0; padding: 0; overflow: hidden;}
.pika-thumbs li {float: left; list-style-type: none; margin:0 6px 8px 0; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li.clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
.pika-counter{ position: absolute; bottom: 20px;left:15px;font-size:11px; }

/* Slideshow controls style rules.
#slideshow #slidesContainer { margin:0 auto; width:310px; height:438px; overflow:auto; position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:290px;  height:318px; }
.control { display:block;  width:18px; height:18px; text-indent:-10000px; cursor: pointer; position:relative;  float:right }
.MoreImages{ display:block;  padding-top:14px; padding-right:10px; position:relative; float:right  }
#leftControl { top:13px; right:0px; background: url(../images/left.png) no-repeat 0 0; }
#rightControl { top:13px; right:0px; background: url(../images/right.png) no-repeat 0 0; }*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      MADType
 * License URL: http://www.fontspring.com/fflicense/madtype
 *
 *
 */
@font-face {
    font-family: 'VariableBoldItalic';
    src: url('Variable_bold_italic-webfont.eot');
    src: url('Variable_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Variable_bold_italic-webfont.woff') format('woff'),
         url('Variable_bold_italic-webfont.ttf') format('truetype'),
         url('Variable_bold_italic-webfont.svg#VariableBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}