/*	=============================================================================================================
	NAVIGATION ELEMENTS
	============================================================================================================= */
	
#Header {
	/*height: 120px;*/
	width: 980px;
	background-color: #fff;
	/*position: absolute;*/
	float: left;
}
#HeaderSplash {
	height: 120px;
	width: 980px;
	background-color: #fff;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
#Nav-Left {
	float: left;
	background-color: #F7F4EF;
	width: 190px;
	padding-top: 10px;
	/*margin-top:65px;*/
}
#Footer {
	text-align:center;
	width: 980px;
	margin-bottom:30px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
}
#Footer-Home {
	text-align:center;
	background-color: #fff;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

/*	=============================================================================================================
	MAIN CONTAINERS
	============================================================================================================= */
	
#OutsideContainer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	background-color: #FFF;
	background-image: url(../images/nav/leftNav-bkgd.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
#OutsideContainerNoLeftNav {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
#OutsideContainerSplash {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
#PageBodyContainer {
	position:relative;
	float: left;
	width: 765px;
	margin-top: 30px;
	padding-left: 24px;
}
#PageBodyContainer980 {
	float: left;
	width: 980px;
	margin-top: 150px;
}
#PageBodyContainer980-shortmargintop {
    float: left;
	width: 980px;
	margin-top: 30px;
}

/*	=============================================================================================================
	SPLASH PAGE
	=========================================================================================================== */
#Splash-Main{
	margin-right: auto;
	margin-left: auto;
	margin-top:-22px;
	width: 980px;
	float: left;
}
#Splash-Main-Left{
	float:left;	
	width:670px;
}
#Splash-Main-Right{
	float:left;	
	width:310px;
	height:527px;
	background-color:#F3F6F8;
}
#Splash-Main-Right p{
	margin-top:40px;
	margin-left:25px;
	float:left;	
	width:260px;
	color:#000;
	font-size:11px;
	line-height:18px;
}
#Image-Strip{
	width:980px;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-top: 22px;
	padding-bottom: 20px;
}
a#Image-Strip-Offer1{
	background-image:url(../images/splash/splash-subOffer1.jpg);
	background-repeat:no-repeat;
	width:170px;
	height:166px;
	float:left;
	margin-left:20px;
	background-position:top;

}
a#Image-Strip-Offer2{
	background-image:url(../images/splash/splash-subOffer2.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:166px;
	float:left;
	margin-left:35px;
	background-position:top;
}
a#Image-Strip-Offer3{
	background-image:url(../images/splash/splash-subOffer3.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:166px;
	float:left;
	margin-left:54px;
	background-position:top;
}
a#Image-Strip-Offer4{
	background-image:url(../images/splash/splash-subOffer4.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:166px;
	float:left;
	margin-left:57px;
	background-position:top;
}
a#Image-Strip-Offer5{
	background-image:url(../images/splash/splash-subOffer5.jpg);
	background-repeat:no-repeat;
	width:126px;
	height:166px;
	float:left;
	margin-left:61px;
	background-position:top;
}


#Learn-More-Button{
	position:relative;
	top:187px;
	left:29px;
	z-index:5;
	width:87px;
}
/*	=============================================================================================================
	MICAH MUSING
	=========================================================================================================== */
#micah-musing-hero{
		width:750px;
		background:url(/images/splash/micah-musing-hero.jpg) #333 no-repeat;
		height:160px;
		text-align:center;
		float:left;
		margin:0;
	}
	#micah-musing-hero h1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		font-style:italic;
		font-size:50px;
		line-height:60px;
		color:#FFF;
		margin-top:50px;
	}


/*	=============================================================================================================
	PRODUCT PAGE: MAIN CONTENT ELEMENTS
	=========================================================================================================== */
#Main-Content-Area {
	width: 765px;
	text-align:left;
}
#Main-Content-Left{
	width:305px;	
	float: left;
}
#Main-Content-Left324{
	width:324px;	
	float: left;
}
#Main-Content-Left345{
	width:345px;	
	float: left;
}
#Main-Content-Left370{
	width:370px;	
	float: left;
}
#Main-Content-Left400{
	width:400px;	
	float: left;
}
#Main-Content-Left500{
	width:500px;	
	float: left;
}
#Main-Content-Left490{
	width:490px;
	float: left;
}
#Main-Content-Right{
	width:460px;	
	float: left;
}
#Main-Content-Right260{
	width:260px;	
	float: right;
}
#Main-Content-Right252{
	width:252px;	
	float: right;
}
#Main-Content-Right325{
	width:325px;	
	float: right;
}
#Main-Content-Right441{
	width:441px;	
	float: left;
}
#Main-Content-Right420{
	width:420px;	
	float: left;
}
#Main-Content-Right390{
	width:390px;	
	float: right;
}
#Main-Content-Right380{
	width:380px;	
	float: right;
}
#Main-Content-Callouts{
	width:765px;	
}
#TitleDescriptionCopy {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	text-align:left;
}
#TitleDescriptionCopy305 {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	text-align:left;
	width:305px;
}
#TitleDescriptionCopy330 {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	text-align:left;
	width:330px;
}
#TitleDescriptionCopy350 {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	text-align:left;
	width:350px;
}
#TitleDescriptionCopy475 {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	text-align:left;
	width:475px;
}
#TitleDescriptionCopy-FullWidth {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	text-align:left;
}
#GreenContainer {
	width: 315px;
	height: 94px;
	text-align:left;
}
#GreenBullets {
	width: 220px;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	float: left;
}
#GreenBullets li {
	list-style-type: none;
	list-style-image: url(../images/products/GreenBullet.gif);
	margin-left: 20px;
	margin-top: 4px;
}
#GreenBulletsItalics {
	float:left;
	font-size: 10.5px;
	line-height: 12px;
	font-style: italic;
	font-weight: bold;
	color: #556225;
	margin-left: 5px;
	clear:right;
}
#BlueBullets {
	width: 240px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	float: left;
}
#BlueBullets li {
	list-style-type: none;
	list-style-image: url(../images/products/BlueBullet.gif);
	margin-left: 15px;
	margin-top: 10px;
}
#BlueBulletsItalics {
	float:left;
	font-size: 10.5px;
	font-style: italic;
	font-weight: bold;
	color: #556225;
	margin-left: 5px;
	clear:right;
}
#GTT-Container {
	position:absolute;
	top: -6px;
	right:0px;
}
#GTT-Container-Left {
	width: 305px;
	height: 68px;
	text-align:left;
}
#GTT-text {
	float:left;
	margin-left:5px;
}
#GTT-text-left {
	float:left;
	width: 195px;
	clear:right;
}
.menu-products-table{
	float:left;
}
.menu-products-table td {
	padding-bottom: 10px;
	text-align: center;
	vertical-align: top;
	line-height: 15px;
}
.menu-products-table p {
	margin-top:3px;
}
#Lower-Content-Left380{
	width:380px;	
	float: left;
}
	
/*	=============================================================================================================
	PRODUCT PAGE: OTHER ELEMENTS
	=========================================================================================================== */

#Quoter-Container {
	width:765px;
}
#Quoter-Messages{
	text-align:left;
	vertical-align:middle;
	width:375px;
	float:left;
}
#Templates-PriceGrids{
	text-align:left;
	vertical-align:middle;
	width:370px;
	float:left;
}
#Included-Free, #Custom{
	text-align:left;
	width:764px;
}
#Need-More{
	width:270px;
	margin-left:10px;
	float:left;
}
#Need-More240{
	width:275px;
	margin-right:10px;
	float:right;
}
#Need-More180{
	width:180px;
	margin-right:10px;
	float:left;
}
#Need-More600{
	width:600px;
	margin-left:10px;
	float:left;
}
#Need-More-Right{
	float:right;
	width:315px;
	text-align:left;
	margin-top:-1px;
	padding-top:30px;
	padding-bottom:25px;
}
#Oasis-Custom{
	width:260px;
	float:left;
	margin-left:10px;
	margin-top:30px;
	text-align:left;
}
#Oasis-Custom-Digi{
	width:300px;
	float:left;
	margin-left:10px;
	text-align:left;
}
#Green-Container765 {
	width: 765px;
	text-align:left;
	float: left;
	margin-top: 20px;
}
#Green-Container765-text {
	width: 347px;
	float: right;
	margin-top: 10px;
}
#Green-Menu-Page-Container{
	float:left;
	width:395px;
	margin-left:5px;
	margin-right:20px;
	text-align:left;
	padding-top:5px;
}
#Did-You-Know180{
	width:180px;
	margin-right:60px;
	float:right;
}
#Did-You-Know{
	float:left;
	width:410px;
	margin-right:15px;
	text-align:left;
	padding-top:25px;
}
#Did-You-Know{
	float:left;
	width:380px;
	margin-right:15px;
	text-align:left;
	padding-top:25px;
}
#Did-You-Know300{
	float:left;
	width:300px;
	text-align:left;
}
#Did-You-Know570{
	float:left;
	width:570px;
	text-align:left;
}
#Did-You-Know480{
	float:right;
	width:480px;
	margin-left:15px;
	margin-right:25px;
	text-align:left;
}
#Did-You-Know-Left480{
	float:left;
	width:480px;
	margin-right:25px;
	text-align:left;
}
#You-May-Also-Like{
	float:left;
	width:410px;
	margin-left:5px;
	margin-right:15px;
	text-align:left;
	padding-top:30px;
}
#Included-at-Oasis{
	float:right;
	width:315px;
	background-color:#FFFAEE;
	margin-bottom:-5px;
	padding-top:35px;
	padding-bottom:25px;
}
#Included-at-Oasis-DVD{
	float:right;
	width:310px;
	background-color:#FFFAEE;
	text-align:left;
	margin-top:-1px;
	padding-top:20px;
	padding-bottom:25px;
}
#Included-at-Oasis-Text{
	width:280px;
	margin-left:15px;
	margin-bottom:5px;
	text-align:left;
}
#CaseInPoint-Container {
	width: 765px;
	text-align:left;
	float: left;
	margin-top: 20px;
}
.CaseInPoint-title  {
	margin-bottom: 10px;
}
#CaseInPoint-text {
	width: 320px;
	margin-top: 43px;
}
#PriceGrid-Popup {
	z-index:9999;
	position:relative;
}

/*	=============================================================================================================
	TEMPLATES PAGES: TABLES
	=========================================================================================================== */

.templates-table{
	float:left;
}
.templates-table td {
	padding-top: 5px;
	text-align: center;
	vertical-align:middle;
	line-height: 13px;
}

/*	=============================================================================================================
	HOLIDAY
	=========================================================================================================== */

#HolidayCallout{
	right: 0px;
	position:absolute;
	top:270px;
	z-index:2;
}
#HolidayContainer {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*	=============================================================================================================
	DIGI / WALLET COUPON
	=========================================================================================================== */

#CouponCallout{
	right: -10px;
	position: absolute;
	top: 182px;
	z-index: 10;
}
.CouponCalloutTrinity{
	float:left;
	z-index:10;
	position:absolute;
}

#CouponContainer {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*	=============================================================================================================
	FRANKFORD WAYNE 
	=========================================================================================================== */
#mastering-banner{
	width:252px;
	height:144px;
	margin-top:20px;
	float:left;
	background-position:top;
	background-image:url(/images/services/banner-mastering.gif);
}
#samples-banner{
	width:252px;
	height:118px;
	margin-top:20px;
	float:left;
	background-position:top;
	background-image:url(/images/services/banner-samples.gif);
}
#mastering-banner:hover,
#samples-banner:hover{
	background-position:bottom;
}
/***----------------------------------***/
/*** /start audio player styles  ***/
#tracks {
  display: block;
  width: 165px;
  margin: 0 auto;
  padding-bottom: 20px;}

#content {
  display: block;
  width: 165px!important;
  background: #FFF; /**Background color**/
  padding: 6px;
  margin: 10px auto!important;}

#content.last {padding: 0 6px 6px 6px;}

/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;}

div.audio-player {
  position: relative;
  width: 165px;
  height: 35px;
  margin: 0 auto;
  background: #F0F6F9;} /* blue backgrond color */
  
.audio-player h2 {
  position: relative;
  text-align: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:100;
  font-size: 12px;
  color: #666;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
  margin: 0 10px 0 35px;
  line-height:35px;}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 25px;
  height: 35px;
  top: -35px;
  left: 0px;
  position: absolute;
  background: transparent url('../../images/services/playpause.jpg') 0 0 no-repeat;}
.mejs-controls .mejs-pause button { background-position: 0 -35px;}


/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url('../../images/services/time-box.png');}
  
.mejs-container.svg.mejs-audio {width:165px!important;}
  
/*** /end audio player styles  ***/
/***----------------------------------***/

/*	=============================================================================================================
	VIDEO TUTORIALS
	=========================================================================================================== */
.pdf-image-left{
	float:left;
	width:202px;
	margin-right:30px;}

.pdf-right{
	float:left;
	width:518px;}

.pdf-list li{
	margin-top:8px;
	list-style:none;}
	
a.btn-startmyproject {
	display: block;
	height: 26px;
	width: 139px;
	background-image:url(/images/buttons/button-watch.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 12px;}
a.btn-startmyproject:hover {
	background-position: center bottom;}
	
.rule-750{
    background-image:url(../images/products/750-rule.png);
    width:750px;
    height:11px;
	float:left;
	margin:50px 0;
	background-position:center;
	background-repeat:no-repeat;}
	
.header-margin {
	margin-top:0px;}

/*	=============================================================================================================
	BBB
	=========================================================================================================== */
	
#bbb, .bbbo1912{
	text-align:center;
	width:100px !important;
	
}
/* =============================================================================
   TOC
   =============================================================================

   Site Container
   Site Container Sections
   Site Container > Header Container
   Site Container > Header Container > Header
   Site Container > Content Container
   Site Container > Content Container > Content
   Site Container > Footer Container

*/

/* =============================================================================
   Site Container
   ========================================================================== */
    
    #site-container { width:100%; }

/* =============================================================================
   Site Container Sections
   ========================================================================== */
    
    #site-header-container header,
    #content,
    #site-footer-container footer { position:relative; width:980px; text-align:left; }
    
    #site-header-container header,
    #site-footer-container footer { margin: 0 auto; color: #fff; }

/* =============================================================================
   Site Container > Header Container
   ========================================================================== */
    div-top-login
    #site-header-container { width:100%; position: relative; width:980px; margin: 0 auto; }

/* =============================================================================
   Site Container > Header Container > Header
   ========================================================================== */
    
    #site-header-container header { position: relative; height: 120px; }
    
    #site-header-container header #site-logo { position: absolute; top: 10px; left: 10px; width: 155px; height: 57px; }
    
    #site-header-container header #header-search { position: absolute; top: 20px; right: 10px; width: 200px; background: #fff; border: 1px solid #ccc; }
    #site-header-container header #header-search input { float: left; height: 20px; color: #999; background: transparent; border: 0; padding-left: 2px; font-size: 13px; }

    #site-header-container header nav a,
    #site-header-container .link-loginlogout { text-decoration: none; font-family: 'Share'; font-weight: 700; }
    #site-header-container header nav a:hover,
    #site-header-container .link-loginlogout:hover { text-decoration: underline; }

    #site-header-container .link-loginlogout { position: absolute; z-index: 999; top: 27px; right: 228px; /*text-transform: uppercase;*/ color: #999; font-size: 12px; }
   
    #site-header-container header nav#header-utility-nav { position: absolute; z-index: 998; top: 23px; right: 260px; margin-right:7px; }
    #site-header-container header nav#header-utility-nav a { /*text-transform: uppercase;*/ color: #999; font-size: 12px; border-right: 1px solid #e3e3e3; margin-left: 6px; padding-right: 9px; }
    #site-header-container header nav#header-utility-nav .no-border { /*text-transform: uppercase;*/ color: #999; font-size: 12px; border-right: none; margin-left: 6px; padding-right: 9px; }
    #site-header-container header nav#header-utility-nav a:first-child { margin-left: 0; }
	#site-header-container header nav#header-utility-nav .phonenumber { text-decoration:none; cursor:default; }
    
    #site-header-container header nav#header-site-nav { padding-top: 85px; }
    #site-header-container header nav#header-site-nav a { position: relative; float: left; height: 20px; font-size: 15px; color: #4F7392; text-align: center; border-right: 1px solid #e3e3e3; text-transform: uppercase; }
    #site-header-container header nav#header-site-nav a#header-site-products { width: 12%; }
    #site-header-container header nav#header-site-nav a#header-site-services { width: 11%; }
    #site-header-container header nav#header-site-nav a#header-site-graphics { width: 13%; }
    #site-header-container header nav#header-site-nav a#header-site-order { width: 15%; }
    #site-header-container header nav#header-site-nav a#header-site-tools { margin-left:25px; margin-right:0px; border-right: none; }
	#site-header-container header nav#header-site-nav a#header-site-tools-tm { width: 2%; margin:0px; padding-right:25px; vertical-align:top; text-decoration:none; font-family: 'Share'; }
    #site-header-container header nav#header-site-nav a#header-site-catalog { width: 14%; }
    #site-header-container header nav#header-site-nav a#header-site-quote { width: 13%; border-right: none; color: #fff; }
    #site-header-container header nav#header-site-nav a#header-site-quote:hover { text-decoration: none; }
    #site-header-container header nav#header-site-nav a#header-site-quote span { padding: 8px; text-transform: uppercase !important; font-size: 15px !important; }

    #site-header-container #header-rule { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; }
    #site-header-container #header-rule div { margin: 0; height: 10px;  background: transparent url(../images/nav/universal/footer-line.gif) repeat-x 50% bottom;}
	.chat-bubble { margin-right:3px;}

/* =============================================================================
   Site Container > Content Container
   ========================================================================== */
    
    #content-container { width:100%; }

/* =============================================================================
   Site Container > Content Container > Content
   ========================================================================== */
    
    #content { position: relative; background: #fff; margin:20px auto; }

    #content .wrapper { padding:20px; }

/* =============================================================================
   Site Container > Footer Container
   ========================================================================== */
    
    #site-footer-container { width:100%; }    

/* =============================================================================
   Site Container > Footer Container > Footer
   ========================================================================== */
      
    #site-footer-container footer { text-align: center; padding: 30px 0; }  
      
    #site-footer-container footer nav { margin-bottom: 10px; padding: 0 10px; }  
      
    #site-footer-container footer nav a { color: #4F7392; text-decoration: none; margin-left: 6px; padding-right: 6px; border-right: 1px solid #e3e3e3; }  
    #site-footer-container footer nav a:first-child { margin-left: 0; }  
    #site-footer-container footer nav a:last-child { border-right: none; padding-right: 0; }  
    #site-footer-container footer nav a:hover { text-decoration: underline; }  
      
    #site-footer-container footer nav#footer-row1,
    #site-footer-container footer nav#footer-row3 { font-weight: bold; font-size: 10px; line-height: 20px; }  

    #site-footer-container footer nav#footer-row1 { margin-bottom: 10px; }
      
    #site-footer-container footer nav#footer-row2 { font-size: 10px; line-height: 18px; margin-bottom: 25px; }  
      
    #site-footer-container footer nav#footer-row2 a { margin-left: 5px; padding-right: 5px; }  
    
    #site-footer-container footer nav#footer-row3 { margin-bottom: 10px;}  
      
    #site-footer-container footer h6 { font-size: 10px; color: #666; font-style: italic; }  

    #site-footer-container #footer-rule { position: absolute; top: 0; left: 0; width: 100%; height: 10px; }
    #site-footer-container #footer-rule div { margin: 0 10px; height: 10px;  background: transparent url(../images/nav/universal/footer-line.gif) repeat-x 50% bottom; }
	
	/* ============================================================================= =============================================================================
   Buttons
   ============================================================================= ========================================================================== */

	.button
	{
		color: #fff;
		text-align: center;
		cursor: pointer;
		border: none;
		text-decoration: none;
	}
	
	.button:hover,
	.button:active { color: #fff; }

	.primary-site-button,
	.secondary-site-button
	{
		text-transform: uppercase;
		font-weight: bold;
		padding: 6px 25px;
		font-size: 14px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
				ms-border-radius: 5px;
	}
	
	
	.primary-page-button
	{
		font-size:12px;
		font-weight:600;
		padding: 4px 18px;
		/*border:1px solid #3e7ca6;*/
		text-transform: capitalize;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;

		-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3);
		   -moz-box-shadow: 0 3px 3px rgba(0,0,0,.3);
			-ms-box-shadow: 0 3px 3px rgba(0,0,0,.3);
			 -o-box-shadow: 0 3px 3px rgba(0,0,0,.3);
				box-shadow: 0 3px 3px rgba(0,0,0,.3);

        background-color: #557898;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#96adbf), to(#557898));
        background-image: -webkit-linear-gradient(top, #96adbf, #557898);
        background-image: -moz-linear-gradient(top, #96adbf, #557898);
        background-image: -o-linear-gradient(top, #96adbf, #557898);
        background-image: -ms-linear-gradient(top, #96adbf, #557898);
        background-image: linear-gradient(top, #96adbf, #557898);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#96adbf', EndColorStr='#557898');
        background-position: 50% 50%;
        zoom: 1;
	}

	.primary-page-button:hover
	{
		border-color:#96adbf;
		background: #96adbf url("");
		background: -webkit-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:    -moz-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:     -ms-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:      -o-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:         linear-gradient(top, #557898 0%,#96adbf 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#557898', endColorstr='#96adbf')";
        filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#557898', endColorstr='#96adbf');
        zoom: 1;
	}

	.primary-page-button:active
	{
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
		   -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
			-ms-box-shadow: 0 2px 2px rgba(0,0,0,.2);
			 -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);
				box-shadow: 0 2px 2px rgba(0,0,0,.2);

		border-color:#96adbf;
		background: #96adbf url("");
		background: -webkit-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:    -moz-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:     -ms-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:      -o-linear-gradient(top, #557898 0%,#96adbf 100%);
		background:         linear-gradient(top, #557898 0%,#96adbf 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#557898', endColorstr='#96adbf')";
        filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#557898', endColorstr='#96adbf');
        zoom: 1;
	}
	
	.primary-site-button
	{
		text-shadow: 0px 1px 1px #938348;
        background-color: #899353;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#899353), to(#6c753b));
        background-image: -webkit-linear-gradient(top, #899353, #6c753b);
        background-image: -moz-linear-gradient(top, #899353, #6c753b);
        background-image: -ms-linear-gradient(top, #899353, #6c753b);
        background-image: -o-linear-gradient(top, #899353, #6c753b);
        background-image: linear-gradient(to bottom, #899353, #6c753b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#899353', endColorstr='#6c753b');    
        zoom: 1;
	}
	.primary-site-button:hover,
	.primary-site-button:active 
	{
		
		text-shadow: 0px 1px 1px #938348;
        background: #6c753b;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6c753b), to(#899353));
        background-image: -webkit-linear-gradient(top, #6c753b, #899353);
        background-image:    -moz-linear-gradient(top, #6c753b, #899353);
        background-image:     -ms-linear-gradient(top, #6c753b, #899353);
        background-image:      -o-linear-gradient(top, #6c753b, #899353);
        background-image:         linear-gradient(to bottom, #6e6336, #899353);
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c753b', endColorstr='#899353')";
              filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c753b', endColorstr='#899353');
        zoom: 1;
	}
	
	.secondary-site-button
	{
		text-shadow: 0px 1px 1px #777;
		background: #999 url("");
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #777));
		background-image: -webkit-linear-gradient(top, #CCC, #777);
		background-image: -moz-linear-gradient(top,#CCC, #777);
		background-image: -ms-linear-gradient(top,#CCCCCC, #777777);
		background-image: -o-linear-gradient(top, #CCC, #777);
		background-image: linear-gradient(top, #CCC, #777);
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#777777')";
              filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#777777');
        zoom: 1;
		float:left;
	}
	.secondary-site-button:hover,
	.secondary-site-button:active
	{
		
		text-shadow: 0px 1px 1px #555;
        background: #777 url("");
        background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
        background-image: -webkit-linear-gradient(top, #555, #AAA);
        background-image:    -moz-linear-gradient(top, #555, #AAA);
        background-image:     -ms-linear-gradient(top, #555555, #AAAAAA);
        background-image:      -o-linear-gradient(top, #555, #AAA);
        background-image:         linear-gradient(to bottom, #555, #AAA);
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#AAAAAA')";
              filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#AAAAAA');
        zoom: 1;
	} 
	/* prevents bg color from leaking outside the border on rounded corner elements */
	.rounded-corners
	{
		-webkit-background-clip: padding-box; 
		   -moz-background-clip: padding; 
				background-clip: padding-box;        
	}
/* ============================================================================= =============================================================================
   CSS Buttons
   ============================================================================= ========================================================================== */
	.btn-txt-center {
text-align: center;
margin: 10px auto 30px;
float: none;
position: relative;
display: inline-block;
background: #938444; /* Old browsers */
background: -moz-linear-gradient(top, #938444 0%, #6e6434 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #938444 0%,#6e6434 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #938444 0%,#6e6434 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-weight: 600;
color: #FFF !important;
text-decoration: none;
padding: 10px 30px 14px;
font-size: 20px;
border-radius: 7px 7px 7px 7px;
}
.btn-txt-center:hover {
background: #6e6434; /* Old browsers */
background: -moz-linear-gradient(top, #6e6434 0%, #938444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6e6434 0%,#938444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6e6434 0%,#938444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}