html {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

/* ================= */
/* = Global styles = */
/* ================= */

body {
    margin: 0px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background-color: #000;
    color: gray;
    background-image: url( '/images/site/bg_pattern_2.jpg' );
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
}

a{
    text-decoration: none;
    color: #2EDBFD;
}

img { border: none }

#page h1{margin-left:40px;}

h1{
    font-family: Oswald, 'Arial Narrow';
    font-size: 40px;
    color: #2EDBFD;
}

.button{
/*  margin-top:20px;*/
    margin-left: 10px;
    margin-bottom:0px;
    
    margin: 1px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 15px;
    background: #167C95;
    width: 112px;
    height: 14px;
    padding: 7px;
    margin: 1px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    background: #167C95;
    font-weight: bold;
}

#masthead {
    width: 1000px;
    background-color: black;
    height: 80px;
    padding-bottom: 35px;
    margin-top: 25px;
    margin: 0px;
    /*
    background-image:url('https://www.numark.com//images/uploads/site/header_logo.gif');
    background-repeat: no-repeat;
    background-position:left bottom;
    */
}

#user_tools {
position: absolute;
top: 0px;
width:1000px;
}
#user_tools p {
color: white;
text-align: right;
padding-right: 50px;
}

#logo {
    float: left;
    padding-top: 15px;
}

#logo img {
    width: 270px;
}

#logo img.icon {
    width: 75px;
    padding-left: 35px;
    padding-right: 15px;
}

#site_search {
    float: right;
    margin: 0px;
    margin-top: 44px;
    margin-right: 10px;
    min-width: 360px;
    color: white;
}

#site_search #follow {
    float: left;
    padding-top: 13px;
    padding-left: 13px;
}

#site_search #search textarea {
    float: left;
    margin: 0px;
    margin-right: 5px;
    background-color: white;
    resize: none;
    height: 20px;
}

#site_search #follow #button_strip {
}

#site_search #fb_like {
    float: left;
    width: 92px;
    height: 21px;
    border: none;
    padding: 3px 0;
    overflow: hidden;
}

#site_search .button {
    float: left;
    background-color: gray;
    width: 20px;
    height: 20px;
    margin: 3px 10px 0px 0px;
    padding: 0px;
}

#site_search .button img {
    width: 20px;
    height: 20px;
}

#site_search #search {
    float: right;
    padding-right: 13px;
    padding-top: 10px;
}

#site_search #search #icon {
    float: left;
    width: 25px;
    height: 25px;
}

#masthead #hline {
    background-color: black;
    width: 1000px;
    height: 2px;
}

#wrapper {  
    margin: 0px auto; 
    width: 1000px;
    height: 100%;  
}

#container {
    background: black;
    color: white;
    width: 1000px;
    margin: 0px auto; 
/*  min-height: 100%; */
    border-left-style: solid;
    border-left-color: #167c95;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: #167c95;
    border-right-width: 1px;
    position: relative;
}

#page {
    clear: both;
    padding-top: 55px;
    background: #222;
}

#page.no-top {
    padding-top: 0;
}

/*===================================*/
/*==   TOP LEVEL UL MENU STYLING   ==*/
/*===================================*/
#menu {
    float: left;
    width: 100%;
    height: 35px;
    background-color: #333;
    border-bottom-color: #222;
    border-bottom-style: solid;
    
    /* These values should be equal */
    border-bottom-width: 8px;
    margin-bottom: 1px;
}

/*===================================*/
/*==            NAV TIME           ==*/
/*===================================*/
#nav {
    font-family: Oswald, "Arial Narrow", sans-serif;
    z-index: 500;
    margin: 0px;
    padding: 0px;

    margin-left: 20px;
    font-size: 14px;
    list-style: none;
    color: white;

    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #999;
}

#nav li {
    float: left;
    position: relative;

    height: 35px;
    padding-top: 8px;
    padding-left: 25px;
    padding-right: 25px;

    /* White left */
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #666;

    /* Black right */
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
}

#nav a {
    display: block;
    color: white;
    text-decoration: none;
}

/*===================================*/
/*==     THE DROP-DOWN UL'S        ==*/
/*===================================*/
#nav ul {
    background: #333; /* Adding a background makes the dropdown work properly in IE7+.
    Make this as close to your page's background as possible
    (i.e. white page == white background). */
    
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent
    where we can, we don't actually want to see it
    if we can help it... */
    
    list-style: none;
    position: absolute;
    margin: 0px;
    left: -9999px; /* Hide off-screen when not needed
    (this is more accessible than display:none;) */
}

#nav ul li {
    height: auto;
    width: 200px;
    padding: 0px;
    float: none;
    letter-spacing: .1em;
    background-color: #777;
    border-style: none;
}

#nav ul li img {
    display:block;
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

/* Stop text wrapping and creating multi-line dropdown items */
#nav ul a {
    white-space: nowrap;
}

/* Bring back on-screen when needed...Display the dropdown on hover */
#nav li:hover ul {
    z-index: 5;
    top: 43px;
    left: -40px;
}

/* These create persistent hover states, meaning the top-most link stays
'hovered' even when your cursor has moved down the list. */
#nav li:hover {
    background-color: #666666;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #333;
}

/* The persistent hover state does however create a
global style for links even before they're hovered.
Here we undo these effects. */
#nav li:hover ul a {
    color: #dddddd;
    text-decoration: none;
}

#nav li:hover ul li {
    display: block;
    background-color: #666666;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
}

#nav li:hover ul li a {
    padding: 8px;
    margin-right: 10px;
}

/* Here we define the most explicit hover states--
what happens when you hover each individual link. */
#nav li:hover ul li:hover {
    border-width: 0px;
    background-color: #d8ad00;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
}

#nav li:hover ul li:hover a:hover {
    color: #ffffff;
}
/* Product Page */

#subcategories {
    font-family: Oswald, "Arial Narrow", sans-serif;
    clear: both;
    padding-left: 15px;
    padding-top: 5px;
    height: 25px;
    background-color: #167c95;
    margin-bottom: 20px;
}

#subcategories .subcategory {
    font-weight: normal;
    float: left;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
    margin-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: none;
}

/* ================= */
/* = Category list = */
/* ================= */

 .category {
    margin-bottom: 25px;
    background-color: #444;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #167c95;
}

 .category .header {
    font-family: "Arial Narrow";
    height: 45px;
    margin-bottom: 5px;
    background-color: #167c95;
}

 .category .header .icon {
    float: left;
    margin-top: 10px;
    margin-left: 12px;
    height: 25px;
    width: 25px;
}

 .category .header .icon img {
    height: 25px;
    width: 25px;
}

 .category .header .title {
    float: left;
    max-height: 50px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 12px;
}

.category .header .category_title {
    font-family: Oswald, 'Arial Narrow';
    font-size: 16px;
}

.category .header .category_title a {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    color: #2EDBFD;
    text-decoration: none;
}

 .category .header .title a:link {
    color: #2edbfd;
    text-decoration: none;
}

 .category .header .title a:visited {
    color: #2edbfd;
    text-decoration: none;
}

 .category .header .title a:hover {
    color: #2edbfd;
    text-decoration: underline;
}

 .category ul {
}

 .category .item {
    list-style: none;
}

 .category .item a:link {
    color: #DDD;
    text-decoration: none;
}

 .category .item a:visited {
    color: #DDD;
    text-decoration: none;
}

 .category .item a:hover {
    color: #DDD;
    text-decoration: underline;
}


 .category .more {
    text-align: right;
    padding-right: 10px;
    position: relative;
    top: 10px;
    background-color: #eof3fd;
}

/* ================== */
/* = End Categories = */
/* ================== */


#subcategories .subcategory a:link {
    color: black;
    text-decoration: none;
}

#subcategories .subcategory a:visited {
    color: black;
}

#subcategories .subcategory a:hover {
    color: #2edbfd;
}


#filter #subcategories {
    clear: both;
    padding-left: 15px;
    padding-top: 5px;
    background-color: #167C95;
    margin-bottom: 0px;
}

#filter #subcategories .subcategory {
    float: left;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 20px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#filter #subcategories .subcategory a:link {
    color: black;
    text-decoration: none;
}

#filter #subcategories .subcategory a:hover {
    color: #2EDBFD;
    text-decoration: none;
}

#filter #subcategories .subcategory a:visited {
    color: black;
    text-decoration: none;
}
                    
#site_search #search input {
    position: relative;
    top: 5px;
    float:left;
}

#site_search #search #icon {
    margin-left: 5px;
    margin-top: 3px;
}

/* Find Dealer Widget */

#menu #find_dealer {
    background-color: #666;
    font-family: Oswald, "Arial Narrow", sans-serif;
    font-size: 19px;
    color: #49bad2;
    width: 240px;
    padding: 25px;
}

#menu #find_dealer #row_1 {
    color: white;
    font-weight: normal;
    margin-bottom: 5px;
}

#menu #find_dealer #row_2 {
    margin-bottom: 5px;
}

#menu #find_dealer #row_3 {
    margin-bottom: 5px;
}


/* Get Newsletter Widget */

#get_newsletter {
}

#get_newsletter #row_1 {
    padding-left: 40px;
    margin-bottom: 5px;
}

#get_newsletter #row_2 {
    padding-left: 40px;
    margin-bottom: 5px;
}

.checkbox {
    font-size: 13px;
}

/* Footer */

#drop_shadow_menu {
    clear: both;
    background: url( "/images/site/tbv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
}

#drop_shadow_footer {
    clear: both;
    background: url( "/images/site/btv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
}

#footer {
    width: 1000px;
    background-color: black;
    clear: both;
    padding-bottom: 20px;
}

#footer #legal {
    float: left;
    padding-top: 12px;
    padding-left: 20px;
    font-weight: bold;
    color: gray;
}

#footer #link_box {
    font-family: Oswald, "Arial Narrow", sans-serif;
    clear: both;
    background-color: #333;
    font-size: 16px;
    padding-left: 40px;
    padding-top: 5px;
}

#footer .arrows {
    float: left;
    letter-spacing: -.1em;
    background-color: #555;
    padding-left: 4px;
    padding-right: 4px;
    border-color: #555;
    border-width: 2px;
    border-radius: 2px;
    font-weight: none;
    color: #FF0000;
    margin-right: 8px;
}

#footer .link {
    float: left;
    margin-right: 65px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#footer a:link {
    color: #bbb;
    text-decoration: none;
}

#footer a:visited {
    color: #bbb;
    text-decoration: none;
}

#footer a:hover {
    color: white;
    text-decoration: none;
}

#footer .hline {
    clear: both;
    background-color: #333;
    margin-top: 15px;
    width: 1000px;
    height: 1px;
}

#footer #locale {
    font-size: 13px;
    font-weight: bold;
    padding-right: 20px;
    padding-top: 15px;
    height: 20px;
}

#footer #locale #abbrev {
    float: right;
    margin: 0 0px 0 10px;
}

#footer #locale #flag {
    float: right;
    height: 11px;
    width: 16px;
    margin-left: 5px;
    margin-top: 2px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}

#footer #sitemap {
    font-family: Oswald, "Arial Narrow", sans-serif;
    float: left;
    list-style: none;
    width: 1000px;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#footer #sitemap a {
    color: #777;
}

#footer #sitemap a:hover {
    color: #ccc;
}

#footer #sitemap li {
    color: gray;
    float: left;
    padding: 0px;
    margin-right: 38px;
}

#footer #sitemap ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#footer #privacy {
    float: left;
    font-size: 13px;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 180px;
}

#footer #sitemap ul li {
    clear: both;
    padding: 0px;
    font-weight: normal;
    margin: 0px;
}

/* =============== */
/* = FORM STYLES = */
/* =============== */

.form{
    width:900px;
/*  width:95%;*/
    margin: 0 auto 20px auto;
    padding:20px;
    background:#333;
}

.form form{
    padding-top:40px;
    width:100%;
}
.heading{width:100%;}
.heading img{
/*      padding-left:50px;*/
}
.heading p{
    color:#D91D02;
    text-transform:normal;
    font-size: 17pt;
    font-weight:bold;
    padding:0;
    height:43px;
    margin:0;
}
.heading .label{

}
.form label.required{color:#2edbfd;}

.form .button{margin-top:20px;}

.form .intro{
    margin:0 auto;
    width:100%;
}
.form .text_block{
    width:45%;
    margin-top:50px;
}

.form .intro h2{
    font-weight:bold;
    font-size:13pt;
    color: #2EDBFD; 
    text-transform:uppercase;
}

.form .intro h2,.form .intro p{
    margin: 0;
}

legend{
    border-top:1px solid;
    border-bottom:1px solid;
    border-color:#D9D9D9;
    padding:10px 0 10px 0;
    text-indent: 45px;
    width:100%;
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
}

fieldset{
border:none;
padding:0;
margin:0;
margin-top:-21px;
width:100%;
}

fieldset ul, fieldset li{
border:0; 
margin:0; 
padding:0; 
list-style:none;
}

fieldset li{
clear:both;
list-style:none;
}

fieldset ul{
padding:30px 0;
}

fieldset input, fieldset select{
width:50%;
/*float:left;*/
margin-top:-1px;
margin-bottom:20px;
}

fieldset input{
/*background:url("/themes/site_themes/ionaudio/images/input_bg.jpg") no-repeat;*/
background-color:#fff;
border:none;
text-indent:10px;
width:223px;
height:24px;
}

fieldset textarea{
/*  color:#fff;*/
}

fieldset label{
padding-right:30px;
width:140px;
float:left;
text-align:right;
text-transform:uppercase;
font-size:12px;
}

fieldset.left ul{
border-right:1px solid #D9D9D9;
}

.form_block{
display:block;
width:50%;
}

.form_block.full{width:100%;}

.right{float:right;}

.left{float:left;}
#address_information, #address_information2{
}

#contact_methods{width:100%;}
#contact_methods input{
    width:auto;
    height:auto;
    margin:0 5px 0 0;
    vertical-align:baseline;
}
#contact_methods ul{
    border:none;
    padding:0;
    background:#444;
}
#contact_methods li{
    color:#fff;
    padding:10px 0 10px 50px;
}

input.button{
    width:143px;
    height:28px;
    vertical-align:baseline;
    line-height:5px;
}

.button.disabled{
	background: #666;
}



.is_same{
width:100%;
height:25px;
padding: 10px 0;
background:#444;
position: relative;
top:-30px;
color:#fff;
}

.is_same input{
width:20px;
height:auto;
margin-left:50px;
vertical-align:baseline;
}

.checkbox{
width:20px;
margin-left:50px;
clear:both;
}
.center{
    margin:0 40%;
    
}

#checkout form{width:450px;}
#checkout .form_block{width:100%;}
#checkout .button{margin-top:0;}

/* =================== */
/* = END FORM STYLES = */
/* =================== */

/* =========================== */
/* = STATUS / ERROR MESSAGES = */
/* =========================== */


.status {
    text-align: center;
    margin: auto;
/*  width: 959px;*/
    color: white;
    opacity: .5;
    border-top: none;
    background-color: green;
    position: relative;
    padding:5px;
    top: -50px;
}

.status ul{
    line-height:20px;
    list-style:none;
}

.error {
    background-color: red;
    opacity: .8;
	z-index: 1;
}

/* =============================== */
/* = End STATUS / ERROR MESSAGES = */
/* =============================== */

/* ========================== */
/* = Find a dealer nav form = */
/* ========================== */

#mx_locator_nav {
    font-size: 13px;
    color: white;
}

#mx_locator_nav input[type="text"] {
    width: 235px;
}

/* ============================== */
/* = END Find a dealer nav form = */
/* ============================== */

.clear{clear:both;}

/* ================ */
/* = Page Headers = */
/* ================ */

#page-header {
	width: 1000px;
	height: 230px;
	margin-top: -50px;
	position: relative;
	background: no-repeat bottom;
	border-bottom: 1px solid #1D7A8B
}

#page-header.smallish {
	height: 130px;
}

#page-header h1,
#page #page-header h1 {
	width: 970px;
	display: block;
	color: #ffffff;
	font-size: 2.8em;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0 5px 30px;
	text-shadow: #000001 1px 1px 2px;
	background: url('/images/site/header_text_gradient.png') repeat-y;
}

#page-header.artists {
	background-image: url('/images/site/NumarkArtists.jpg');
}

#page-header.careers {
	background-image: url('/images/site/store_header.png');
}

#page-header.support {
	background-image: url('/images/site/store_header.png');
}

#page-header.product-spotlights {
	background-image: url('/images/site/header_artists.png');
}

#page-header.store-home {
	background-image: url('/images/site/store_header.png');
}

#page-header.cart {
	background-image: url('/images/site/store_header.png');
}

/* ============== */
/* = Intro Text = */
/* ============== */

#intro-text {
	width: 960px;
	margin: 0 10px 35px 10px;
}

#intro-text p {
	padding: 0;
	margin: 0 0 12px 0;
}

/* =========================== */
/* = Page Layout: Common     = */
/* =========================== */

.side ul {
	margin: -5px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.side li {
	color: #909090;
	line-height: 22px;
}

/* =========================== */
/* = Page Layout: Two Column = */
/* =========================== */

#page .content {
	width: 960px;
	margin: 35px 20px 0 20px;
}

#page .content .main {
	float: left;
	width: 615px;
	height: 100%;
	margin: 0 15px;
	background: #333;
	padding: 24px 30px 15px 30px;
}

#page .content .side {
	float: right;
	width: 215px;
	margin: 0 20px;
}

/* ============================== */
/* = Page Layout: Single Column = */
/* ============================== */

#page .content.single-column {
	padding: 0;
	width: 930px;
	margin: 35px 20px 0 20px;
}

#page .content.single-column .main {
	width: 870px;
	padding: 30px;
	background: #333;
}

#page .content.single-column .side {
	float: left;
	width: 870px;
	padding: 30px;
	background: #2d2d2d;
	margin: 30px 15px 0 15px;
}

/* ================================= */
/* = Page Layout: Gradient Columns = */
/* ================================= */

#page .content.column-left,
#page .content.column-right {
	width: 940px;
	background-color: #333;
	background-repeat: repeat-y;
	margin: 30px 30px 0 30px;
	padding: 0;
}

#page .content.column-left {
	background-image: url("/images/site/content_gradient_left.png");
}

#page .content.column-right {
	background-image: url("/images/site/content_gradient_right.png");
}

#page .content.column-left .main,
#page .content.column-right .main {
	width: 500px;
	margin: 35px 40px;
	padding: 0;
	background: transparent;
}

#page .content.column-left .side,
#page .content.column-right .side {
	width: 300px;
	margin: 35px 30px;
	background: transparent;
}

#page .content.column-left .main,
#page .content.column-right .side {
	float: right;
}

#page .content.column-left .side,
#page .content.column-right .main {
	float: left;
}

/* ======================== */
/* = .main Column Content = */
/* ======================== */

#page .main hgroup,
#page .main .hgroup {
    padding: 0;
    margin: 0 0 30px 0;
}

#page .main hgroup .title,
#page .main .hgroup .title {
    margin: 0;
    padding: 0;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
    text-shadow: #111 1px 1px 1px;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .main hgroup .subtitle,
#page .main .hgroup .subtitle {
    color: #999;
    margin: 5px 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .main hgroup #page-title,
#page .main .hgroup #page-title {
	font-size: 2.9em;
	line-height: 1.1em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #2EDBFD;
	font-weight: normal;
	font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main hgroup #page-subtitle,
#page .main .hgroup #page-subtitle {
	color: #999;
	font-size: 1.4em;
	line-height: 1.3em;
	padding: 0;
	margin: 3px 0 0 0;
	font-weight: normal;
	font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main h1, #page .main h2,
#page .main h3, #page .main h4,
#page .main h5, #page .main h6 {
    color: #2ed8fd;
	line-height: 1.3em;
    margin: 0 0 18px 0;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main h1 {
    font-size: 1.5em;
}

#page .main h2 {
    font-size: 1.4em;
}

#page .main h3 {
    font-size: 1.2em;
}

#page .main h4 {
    font-size: 1.1em;
}

#page .main h5 {
    font-size: 1em;
}

#page .main h6 {
    font-size: .9em;
}

#page .main p {
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 18px 0;
}

#page .main ul {
    margin: 0 0 25px 0;
    padding: 0 0 0 20px;
}

#page .main ol {
    margin: 0 0 25px 0;
    padding: 0 0 0 25px;
}

#page .main li {
    line-height: 1.1em;
    margin: 0 0 6px 0;
}

#page .main p ul,
#page .main p ol {
    margin: 0;
}

#page .main blockquote {
	margin: 0;
	padding: 0;
	font-family: Oswald, "Arial Narrow", Arial, sans-serif;
}

#page .main blockquote p {
	color: #fff;
	font-size: 1.2em;
	line-height: 24px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#page .main blockquote cite {
	color: #ddd;
	display: block;
	text-align: right;
	font-style: normal;
}

#page .main hr,
#page .main .divider {
	clear: both;
	height: 1px;
	margin: 30px 0;
	background: #222;
	border: none;
	border-bottom: 1px solid #3f3f3f;
}

#page .main .align-left {
	float: left;
	margin: 0 20px 12px 0;
}

#page .main .align-right {
	float: right;
	margin: 0 0 12px 20px;
}

#page .main .read-more {
	float: right;
	display: block;
	font-size: 0.9em;
	font-family: Oswald, "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #222;
	line-height: 1em;
	padding: 8px 10px 9px 10px;
	margin: 0 0 18px 0;
}

#page .main .read-more:hover {
	color: #eee;
}
	

/* ======================== */
/* = .side Column Content = */
/* ======================== */

#page .side hgroup,
#page .side .hgroup {
    padding: 0;
    margin: 0 0 30px 0;
}

#page .side .title,
#page .side .title {
    color: #efefef;
	font-size: 1.5em;
	margin: 0 0 18px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: #111 1px 1px 1px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .side hgroup .subtitle,
#page .side .hgroup .subtitle {
    color: #999;
    margin: 5px 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .side h1, #page .side h2 {
    color: #167C95;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 12px 0;
    line-height: 1.3em;
    letter-spacing: -1px;
	font-weight: normal;
    font-family: Oswald, "Arial Narrow", Arial, sans-serif;
}

#page .side h3, #page .side h4,
#page .side h5, #page .side h6 {
	color: #999;
	font-family: Arial, sans-serif;
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 1.4em;
}

#page .side h5, #page .side h6 {
	text-transform: uppercase;
}

#page .side h1 { font-size: 1.7em; }
#page .side h2 { font-size: 1.6em; }
#page .side h3 { font-size: 1.17em; }
#page .side h4 { font-size: 1.1em; }
#page .side h5 { font-size: 0.9em; }
#page .side h6 { font-size: 0.8em; }

#page .side p {
    color: #fff;
    font-size: 1em;
    padding: 0;
    margin: 0 0 18px 0;
    line-height: 1.3em;
}

#page .side small {
	line-height: 1.4em;
}   

#page .side hr,
#page .side .dotted,
#page .side .divider {
	clear: both;
	height: 1px;
	padding: 0;
	margin: 15px 0;
	border: none;
	border-bottom: 3px dotted #666;
}

#page .content.column-left .side hr,
#page .content.column-right .side hr,
#page .content.single-column .side hr,
#page .content.column-left .side .dotted,
#page .content.column-right .side .dotted,
#page .content.single-column .side .dotted,
#page .content.column-left .side .divider,
#page .content.column-right .side .divider,
#page .content.single-column .side .divider {
	height: 1px;
	margin: 15px 0;
	background: #292929;
	border-bottom: 1px solid #3d3d3d;
}



.steps {
    margin: 0 0 20px 80px;
    float: left;
}
.steps li {
    float: left;
    margin: 10px 0 30px 0px;
    background: #666;
    color: #333;
    width: 200px;
    list-style: none;
    padding: 10px;
    text-align: center;
}
.steps .active {
    background: #167C95;
    color: #fff;
}