@font-face {
    font-weight: normal;
    font-style: normal;
	font-family: 'Illyn';
	src: url('../assets/fonts/illyn-webfont.eot'); /* IE9 Compat Modes */
	src: url('../assets/fonts/illyn-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('../assets/fonts/illyn-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../assets/fonts/illyn-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../assets/fonts/illyn-webfont.svg#webfont') format('svg'); /* Legacy iOS */ 
}

@font-face {
    font-family: 'centabel_bookcentabel_book';
    src: url('../assets/fonts/centabel.eot');
    src: url('../assets/fonts/centabel.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/centabel.woff') format('woff'),
         url('../assets/fonts/centabel.ttf') format('truetype'),
         url('../assets/fonts/centabel.svg#centabel_bookcentabel_book') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #0B0239 url(../images/gradient.jpg) repeat-x fixed;
	font: 1.2em/1.2 "centabel_bookcentabel_book", garamond, "Times New Roman", serif; 
}
a {text-decoration: none;}
p {
	margin: 1.2em 0;
	font-size: 1.1em;
}
sup {vertical-align: baseline;font-size: .6em;}
h1, h2 {
	color: #fff;
	text-align: center;
	font: normal 8em/1 "Illyn","centabel_bookcentabel_book", "Times New Roman";
}
h1 { font-size: 12em; }
h2 { }
h3 {
	font: normal 2.6em/1.2 "centabel_bookcentabel_book", garamond, "Times New Roman", serif;
}

.alt h2 {
	color: #000;
}
h3 .sub {font-size: .75em;}

h4 {
	font: normal 1.5em/2 "centabel_bookcentabel_book", garamond, "Times New Roman", serif;
		
	}


/*------------------
    Layout
------------------*/
.page {
	margin: 0 auto;
	width: 1024px;
	-webkit-box-shadow: 0 0 25px #000;
 	   -moz-box-shadow: 0 0 25px #000;
	        box-shadow: 0 0 25px #000;
}
.page > header {
	padding-bottom: 20px;
}
footer small {
	display: block;
	padding: 1.5em 3em 1.5em 0;
	background: #fff;
	text-align: right;
	}

/*------------------
    Generic styles
------------------*/

.shaded-box {
    background: rgb(8, 1, 55);
    background: rgba(8, 1, 55, .8);
    color: #fff;
}
.shaded-box a {
	color: #fff;
	text-decoration: underline;
}

.horiz { overflow: hidden; }
.horiz li {
	float: left;
}


/*------------------
    Navigation
------------------*/
nav a {display: block;color: #0B0239;/*text-transform: uppercase;*/font: normal 1em/1 "centabel_bookcentabel_book", "Times New Roman";}
nav.alt li {float: left;background: #fff;}
nav.alt li a {margin: 0 2em;padding: .25em 1em;font-size: 1.7em;}
nav.alt li a:hover { }


/*------------------
    Header
------------------*/
.identity {
	margin-top: 0em;
}
.identity img {
	display: block;
	margin: 0 auto;	
}

header .tagline {
	float: left;
	}


/* thumbnail navigation */
header .grid {}
header .grid a {
    color: white;
    font-size: 2em;
    line-height: 2;
    /*text-transform: uppercase;*/
}

header .grid a.alt { opacity: .5; }
header .grid a:hover {
    background: rgb(21, 78, 159);
	background: rgba(255, 255, 255, .3);
	color: #0B0239;
	font-weight: bold;
}
header .grid a.alt:hover {background: none;}
header .grid * { display: block; }
header .grid li { }

/* secondary navigation */
.secondary-nav { }
.secondary-nav li { }
.secondary-nav a { 
	display: block;
	padding: 10px 40px;
	background: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 5px 5px;
	 border-style: solid;
    border-width: 1px;
	color: #fff; 
	text-align: center;
	/*text-transform: uppercase;*/
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-top: 5px;
}

.secondary-nav a:hover { 
	color: #0B0239; 
	background: rgb(255, 255, 255);
}


/* intro */
header .shaded-box {
	color: #fff;
	font-size: 1.6em;
	font-size: 2em/*16*/;
	line-height: 1.25/*20*/;
}



section.alt {overflow: hidden;padding: 5em 8.3% 3em 8.3%/* 960~800 */;background: #fff;color: #000;}
section#contact.alt {padding-top: 6em;}
section.alt p {margin: 1em 1em 1em 0;font-size: 1.75em;line-height: 1.2;}
section.alt p.alt {margin-left: 1.5em;}
section.alt .line {margin: .5em 0;}
section.alt header {display: block;clear: both;overflow: hidden;padding-bottom: 1.2em;}
section.alt header p {margin-top: 0;margin-left: .5em;font-size: 2.35em;line-height: 1.15;}
section.alt header h1 {float: left;width: 33%;color: #000;text-align: center;}
section.alt header.alt {margin-bottom: 1.5em;border-bottom: 3px solid;}


	
#title-to-top {
	margin-top: -15px;
	}


.clear {clear: both;}
.hidden {display: none;}
.button {
    padding: .125em .5em;
    border: 1px solid;
}
.button:hover {cursor: pointer;}
.h_list li {
    float: left;
    padding: .5em;
    border-left: 1px solid;
}
.h_list li:first-child {border: none;}

.page > header,
section.product_group,
.full_slider {
	background: #0B0239 url(../assets/background-2012.jpg) no-repeat 50% 0;
}

section.product_group {
    overflow: hidden;
     padding: 3.5em 0 0; 
	min-height: 80em;
    border-top: 2px solid #C8B384;
}
.product_group > header {
	margin: 2em 0 0;
}
.product_group .product_wrapper {
    position: relative;
	margin: 0 20px 20px;
	padding: 15px 20px 15px;
	border: 2px solid #9A6F35;
	border-radius: 10px 0 10px 10px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .65);
}

.product_group .clear {display: none;}

.product {
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 1.5em;
	color: #fff;
	font: normal 1em/1 Georgia, "Times new Roman";
	}
.product .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.product .description p {margin: 1em 0;font-size: 1.8em;line-height: 1.5;}
.product .description .price {margin: 1em 0 1.2em 0;font-size: 2.6em;}
.product .description .price strong {margin-right: .5em;font-weight: normal;}
.product .description .price strong.alt {text-decoration: line-through;}
.product .description .price em {display: block;font: normal .7em/1.3 arial;font-size: .7em;}
.product .button {background: #000;color: #9A6F35;}

.product .purchasing {overflow: hidden;}
.product .purchasing img {display: none;float: none;margin: 0;width: auto;height: auto;}
.product .purchasing form {float: left;}

.thumbnails {clear: both;border-top: 1px solid #9A6F35;text-align: center;}
.thumbnails a {float: left;margin: .25em;}
.thumbnails img {padding: 2px;height: 50px;border: 1px solid #9A6F35;}
.thumbnails .content {overflow: hidden;overflow: hidden;margin: .75em auto 0;padding: 0 2em;height: auto;}

.controls {
    position: absolute;
    top: -3.4em;
    right: 35%;left: 35%;
    padding: 10px;
    border: 1px solid;
    border: 2px solid #9A6F35;
    border-radius: 10px 10px 0 0;
    background: #000;
    background: rgba(0, 0, 0, .65);
    color: #CC9346;
	text-align: center;
    font-size: 1.2em;
}

.controls input {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: normal 1em/1 Arial, Helvetica;
}
.controls input:hover {cursor: pointer;}
.controls strong {
    text-transform: uppercase;
    letter-spacing: .125em;
    font: normal italic 1em/1.4 Arial, Helvetica;
}
.controls li {padding: 0 1em;}


.multi .clear {display: block;}
.multi .content {max-height: 100%;height: auto;}	
.multi .product {
    padding: 0;
    border: 1px solid #9A6F35;
    border-radius: 0 0 5px 5px;
	vertical-align: top;
}
.multi .description {
	clear: both;
	padding: 0 10px;
	font-size: .7em;
}
.multi .thumbnails {display: none;}

/*
.three .description {padding: 5px 10px 0;}
.three .description p {overflow: hidden;margin-left: 0;height: 18em;font-family: arial;}
.three .description .price {margin-top: 0;}
.three .purchasing input {color: #CC9346;}
.three .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}*/
.product.new .text {display: none;}
.product.new .price {margin: 0;}
.product.new .purchasing,
.product.new .learn_more {
    color: #F5BD68;
    font: italic 1.6em/1.6 Arial;
}
.product.new .learn_more {line-height: 18px;}
.product.new .purchasing,
.product.new .purchasing form,
.product.new .price {float: right;}
.product.new h3,
.product.new .learn_more {float:left;}
.product.new li {overflow: hidden;margin: 5px 0;}
.product.new strong.sold {letter-spacing: 2px;font-weight: bold;font-size: .75em;}
.product.new strong.alt {color: #aaa;}
.product.new .button {
	display: block;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
            border-radius: 3px;
	background: rgba(0,0,0,.5);
}
.product.new h3 sub {font-size: .8em;}
.product.new {border-color: #CC9346;background: rgba(0,0,0,.25);}
.product.sold {border-color: #705027;}


.item {
	color: #ddd;
	font: normal 13px/16px "Helvetica Neue",Arial, Georgia;
}
.item ul {
	overflow: hidden;
}
.item .image {
	float: left;
	margin-right: 20px;
}
.item .description span {
/*
    display: block;
    overflow: hidden;
*/
}
.item li {
	margin-bottom: 5px;
}
.item strong {
    display: block;
    font-style: italic;
    font-size: 1.15384;
    color: #F5BD68;
}
.item h3 {display: none;}
#colorbox .item h3 {display: block;margin-bottom: 0;line-height: 1;}
#colorbox .item {
	padding: 10px;
	width: 800px;
	min-height: 380px;
	max-height: 450px;
	background: #222;
}
product .image {
    float: left;
    margin-right: 2em;
    max-height: 380px;
    max-width: 495px;
}




/*------------------
    About
------------------*/

.about-general {
	margin: 40px 40px 40px 40px;
	padding: 20px;
	border-radius: 5px 5px 5px 5px;	
	border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
	border-style: solid;
   border-width: 1px;
	font-size: 1.5em;
	color: black;
	background: rgba(255, 255, 255, 0.8);
	}
	
#aboutphotos {
	float: right;
	margin: 1.5em 0 1em 1em;
	}

#aboutcustom {
	float: right;
	margin: .5em 0 1em 1em;	
	}
	
#customlist {
	list-style-type: decimal;
	padding-left: 2em;
	
	}
	
#customlist li {
	padding-left: .25em;
	padding-bottom: .6em;
	}



/*------------------
    Form
------------------*/
form.contact label {display: block;font: 1.75em/1.4 "centabel_bookcentabel_book", Georgia, "Times New Roman";}
form.contact input,
form.contact textarea {
    border: 1px solid #58595B;
    border-radius: 5px 5px 5px 5px;
    font: 1.5em/1.2 arial;
}
form.contact input {
	display: block;
	margin-bottom: .75em;
	padding: .25em .125em;
	width: 90%;
}
form.contact textarea {width: 100%;height: 10.25em;}
form.contact input[type=submit] {
	margin: 70px auto;
	color: #0B0239;
}
form.contact input[type=submit]:hover {
	color: #CC9346;
	cursor: pointer;
}
form.contact p.unit {margin: 0;}
form.contact em {color: #aaa;font-size: .75em;}

#contact-custom {
	display: block;
	text-align: center;
	padding: 0 40px 20px 40px;	
	}

.inner { margin-left: 1.5em;}

a.highlight {
    position: absolute;
	top: 1.5em;left: 0;
    margin-right: 0;
    padding-right: 1em;
	width: 240px;height: 220px;
	background: url(../images/ribbon.png) -20px -20px no-repeat;
    color: red;
	text-indent: -999em;
}
a.highlight:hover {
	background: url(../images/ribbon.png) -20px -20px no-repeat;
}


.three .purchasing a {margin-right: .25em;color: #bbb;text-decoration: underline;}

.call_to_action {padding: 20px;height: 235px;font-size: 2.5em;}
section .call_to_action .button {display: block;margin: 1em 1em;padding: .5em 0;text-align: center;font-size: .8em;}
.call_to_action  p {text-align: center;line-height: 1.5;}

.page > nav {position: fixed;z-index: 100;border-bottom: 1px solid #999;}

.page nav li ul {
    position: absolute;
    display: none;
    overflow:hidden;
    padding: 1em 0 ;
    width: 16em;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgba(255,255,255,1);
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
   -moz-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
        box-shadow: 3px 3px 10px rgba(0,0,0,.5);
}

.page nav li li {float: none;margin: 0;padding: 0;}
.page nav li li a {
    display: block;
     margin: 0 .5em;
    padding: 0 1.5em;
    border-radius: 4px;
      color: #000;
    line-height: 2.5;
}
.page nav li li a:hover {background: #ddd;}
.page nav li:hover ul {display: block;}

.page > nav {padding: 10px 0;width: 1024px;background: rgba(255,255,255,.9);}
.page > nav.alt li {background: none;}
.page > nav li a {font-size: 1.3em;}


.call_to_action {border: none;}
.page .button.action_call {
    border-color: #fff;
    background: #C69639;color: #000;}



html {min-width: 1024px;}

#store_wrapper {
    position: relative;
    overflow: hidden;
}

#socialmedia {
	width: 1024px;
	background: #fff;
	height: 40px;
		
	}
	
#socialmedia ul {
	width: 500px;
	float: left;
	padding: 1em 1em 1em 2em;
		
	}
	
#socialmedia li {
	display: inline;
	padding: 1em;
	}

/*-----------------------------------------------------

	Full Screen Slider

-----------------------------------------------------*/
.full_slider {
    position: relative;
    margin: 0 auto;
    min-height: 80em;
    width: 1024px;
    height: 1200px;
}
.full_slider .product_group {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1024px;
    height: 100%;
    background: none;
}
.full_slider .product_group.active {visibility: visible;}
#full-slider-nav {
    position: absolute;
    top: 60px;
    width: 100%;
}
#full-slider-nav-left, #full-slider-nav-right {
	position: absolute;
	width: 5em;
	height: 10em;
	border: 0px solid;
	background: url(../images/words6.png) no-repeat 0 0;
	color: #fff;
    cursor: pointer;
}
#full-slider-nav-left {left: 250px;background-position: -330px -1070px;}
#full-slider-nav-right {right: 250px;background-position: -415px -1070px;}


.product_wrapper.multi {
	overflow: hidden;
/* 	font-size: 15px; */
	color: #ddd;
}
.product_wrapper.multi .product {
    margin: 10px 20px;
}
.product_wrapper.multi .product.new {
    border-color: #CC9346;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
}
.product_wrapper.multi .first-of-row {
    clear: left;
}
.three .image img {
	height: auto;
}

header .grid {
	margin: 20px 10px;
}
header .grid * {
    display: block;
    text-align: center;
}
header .grid a {
    /*background: rgba(11, 2, 57, 0.5);*/
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: white;
    font-size: 1.5em;
    line-height: 2;
    margin: 10px;
    padding: 10px 15px 10px 15px;
}
header .grid img {
	margin: 0 auto;
	max-width: 100%;
}


.template-index nav#top {
display: none;
}




.aside-box {
    background: none repeat scroll 0 0 rgba(11, 2, 57, 0.5);
    border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
	 border-radius: 5px 5px 5px 5px;
	 border-style: solid;
    border-width: 1px;    
    float: left;
    margin: 30px 20px 70px 10px;
    font-size: 1.5em;
    padding: 10px;
    
	}    
    
/*.disclaimer {
	font-size: 1em;
	margin-top: 20px;
}
.disclaimer p {
	margin: 20px 0;
}
.disclaimer p em {
	font-size: 1em;
}
*/

	
.main-content {
    background: #FFFFFF;
    color: #000000;
    font-size: 2em;
    line-height: 1.25;
/*     padding: 10px 35px; */
}

.hidden {
display:none;
}
.item-suffix {
    display: inline-block;
/*
    font-size: 0.75em;
    margin: 0.05em 0 0;
*/
    vertical-align: top;
}

.main-content .inner {
    margin-right: 1.5em;
}

.none-available {
	font-size: 15px;
}
.product_group {
color: #ddd;
}
section.contact {
	display: inline;
	}
	
/*-----------------------------------------------------

	Thanks Page

-----------------------------------------------------*/

#thanks {
	text-align: center;
	margin-top: 150px;
	}
	
/*-----------------------------------------------------

	Checkout Page

-----------------------------------------------------*/

#checkout {
	text-align: center;
	margin-top: 50px;	
	height: 570px;	
	}
	
#checkoutlist {
	list-style-type: decimal;
	padding-left: 10em;
	padding-right: 10em;
	text-align: left;
	}
	
#checkoutlist li {	
	padding-bottom: 0.6em;
	}
	

.checkoutheader {
	
	}
	
.checkoutbutton {
	margin-top: 0;
	}
	
.paygroups {
	width: 300px;
	display: inline;
	margin-top: 20px;
	}
	
#paygroup1 {
	margin-left: 140px;
	float: left;
	}

#paygroup2 {
	float: right;
	margin-right: 140px;
	}