/*
Theme Name: Ceton V2
Author: Wirescape Studios
Author URI: http://www.wirescape.tv
Description: HTML5 starter theme based off Ian Stewart's HTML5 Toolbox Theme with other goodies added plus chunks of Paul Irish's HTML5 Boilerplate mixed in for good measure. Shake well. 
Version: 2.0


colors #1D82DA - light blue


*/

/* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
 *
 * Base Typography 
 *
 */
body { 
    font:normal 14px/1.6 'Istok Web', 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', sans-serif;
    *font-size:small; 
    background: #ECEDEF url(img/subpage_bg.gif) repeat-x 0 93px; 
    } 

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #5eaaff; color:#fff; text-shadow: none; }
::selection { background:#5eaaff; color:#fff; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #5eaaff; } 
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*
 *
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 *
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*
 *
 * Structure
 *
 */
#page {
	display: block;
}
#primary {
	float: left;
	margin: 0 -240px 0 0;
	width: 68%;
}

#content {
   margin-top:15px; 
	text-align:left; 
	padding: 30px 5% 30px; 
	position:relative; 
	color:rgb(91,91,91); 
	background: url(img/subpage_content_bg.gif) center top no-repeat; 
	overflow: hidden;
	min-height: 400px;
}

#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
	height: 315px;
	background: #0e0f14 url(img/footer_bg.png) repeat-x;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
 *
 * Header
 *
 */
 

#site-title {
    text-indent: -9999px;
    background: url(img/logo.jpg) no-repeat center top;
    width: 256px;
    height: 86px;
    float: left;
    text-align: center;
/*
    -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
*/
}

#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/*
 *
 * Menu
 *
 */
#access {
	display: block;
	position: relative;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
}

#access .menu-main-container, #access #wp_searchform {
   background: #3e454f;
   -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
   padding: 7px;
   float: left;
}

#access .menu-main-container {
   -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0;
   -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;
   border-top-right-radius: 0; border-bottom-right-radius: 0;
  
}

#access #wp_searchform {
   -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0;
   -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
   border-top-left-radius: 0; border-bottom-left-radius: 0;
   padding-bottom: 8px;
}

#access #wp_searchform label {
   display: none;
}
#access #wp_searchform input[type="text"] {
   width: 80px;
   height: 18px;
   color: #686868;
   background: #2C2F34;
   border: none;
   font-size: 12px;
   /* border-top-left-radius: 10px; border-bottom-left-radius: 10px; */
}


#access #wp_searchform div {
   background: #2C2F34;
/*
   -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px;
   -moz-border-radius-bottomright:     5px; -moz-border-radius-topright:     5px;
   border-bottom-right-radius:         5px; border-top-right-radius:         5px;
*/
   padding: 4px 4px 6px 8px;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2.8em;
	font-size: 0.8em;
	padding: 0 2em;
	text-decoration: none;
	text-transform: uppercase;
	background: #2c2f34;
	border-bottom: 1px solid #4c535d;
	border-right:  1px solid #3c434b;
	border-left:   1px solid #22252a;
	border-top:    1px solid #22252a;
	color: #ffffff;
}


#access ul.children, #access ul.sub-menu  {
	box-shadow:         2px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:    2px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2.3em;
	left: 0;
	z-index: 99999;
	zoom: 1;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-bottomleft:     5px; -moz-border-radius-bottomright:     5px;
   border-bottom-left-radius:         5px; border-bottom-right-radius:         5px;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #2C2F34;
	color: #ffffff;
	line-height: 2em;
	padding: .7em .5em .7em 2em;
	width: 18em;
	height: auto;
	border-bottom: none;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: none;
}

#access .menu > li:first-child > a {
   -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;
   -moz-border-radius-bottomleft:     5px; -moz-border-radius-topleft:     5px;
   border-bottom-left-radius:         5px; border-top-left-radius:         5px;
}

#access .menu > li:last-child > a {
   -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px;
   -moz-border-radius-bottomright:     5px; -moz-border-radius-topright:     5px;
   border-bottom-right-radius:         5px; border-top-right-radius:         5px;
}

#access .menu > ul > li:first-child > a {
   -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;
   -moz-border-radius-bottomleft:     5px; -moz-border-radius-topleft:     5px;
   border-bottom-left-radius:         5px; border-top-left-radius:         5px;
   border-left: none;
}

#access .menu > ul > li:last-child > a {
   -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px;
   -moz-border-radius-bottomright:     5px; -moz-border-radius-topright:     5px;
   border-bottom-right-radius:         5px; border-top-right-radius:         5px;
   border-right: none;
}

#access ul.children li, #access ul.sub-menu li {
   border-bottom: 1px solid #1e2023;
}

#access ul.children li:last-child, #access ul.sub-menu li:last-child {
   border-bottom: none;
}

#access ul.children li:last-child a, #access ul.sub-menu li:last-child a {
   -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-bottomleft:     5px; -moz-border-radius-bottomright:     5px;
   border-bottom-left-radius:         5px; border-bottom-right-radius:         5px;
   
}

#access ul.children li:first-child a, #access ul.sub-menu li:first-child a {
   -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft:     5px; -moz-border-radius-topright:     5px;
   border-top-left-radius:         5px; border-top-right-radius:         5px;
   border-top: 1px solid #000000;
}




/*
#access ul ul li:last-child a {
   -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
*/
#access li:hover > a,
#access ul ul :hover > a {
	background: #535c6d;
	color: #fff;
	box-shadow:         inset 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow:    inset 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

#access ul ul a:hover {
	background: #535c6d;
}
 
#access ul a:active {
	box-shadow:         inset 1px 1px 3px rgba(0,0,0,0.35);
	-moz-box-shadow:    inset 1px 1px 3px rgba(0,0,0,0.35);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
	background: #3e4147;
}
  
#access ul ul a:active {
	box-shadow:         inset 1px 1px 3px rgba(0,0,0,0.35);
	-moz-box-shadow:    inset 1px 1px 3px rgba(0,0,0,0.35);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
	background: #3e4147;
}

#access ul li:hover > ul {
	display: block;
}


/*
 *
 * Content
 *
 */
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}


/*
 *
 * Images
 *
 */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}

/* Forms - Class for labelling required form items */
.required {
	color: #cc0033;
}


/*
 *
 * Comments
 *
 */
article.comment {
	display: block;
}
#respond input[type=text] {
	float: left;
	margin: 0 1em 0 0;
	width: 60%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond textarea {
	margin: 0 1em 1em 0;
	float: left;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/*
 *
 * Footer
 *
 */
#colophon {
	padding: 1.8em 0 0;
	font-size: 12px;
}

#colophon ul {
   list-style: none;
   margin-left: 0;
}

#colophon .menu ul ul li, #colophon ul.menu ul li {
   padding: 0 0 8px 0;
}
#colophon .menu > ul > li, #colophon ul.menu > li {
   display: block;
   float: left;
   padding: 0 20px 16px 0;
   width: 170px;
}

#colophon .menu a {
   color: #e3e9f9;
}

#colophon ul.children, #colophon ul.sub-menu {
   padding-top: 18px;
}

#colophon .menu .children a, #colophon .menu .sub-menu a {
   color: #39b4ff;
}

#colophon .menu .children a:hover, #colophon .menu .sub-menu a:hover {
   color: #ffffff;
   border-bottom: 1px solid #ffffff;
}


#colophon ul.copyright {
   clear: both;
   padding-top: 20px;
   color: #39b4ff;
}

#social_tab {
   position: absolute;
   top: -19px;
   right: 0px;
   width: 214px;
   height: 46px;
   background: url(img/footer_tab.png) no-repeat;
   padding-top: 10px;
}

#social_tab span, #social_tab ul  {
   display: inline-block; 
   margin-left: 20px;
   font-size: 12px;
   color: #5cb2e5;
   vertical-align: middle;
}

#social_tab ul li {
   display: inline-block;
   vertical-align: middle;
}


#social_tab ul li a {
   height: 27px;
   width: 27px;
   display: block;
   background: url(img/social_icons.png) no-repeat;
   text-indent: -9999px;
   opacity: 0.5;
}

#social_tab .youtube a {
   
}

#social_tab .twitter a {
   background-position: -30px 0;
}

#social_tab .facebook a {
   background-position: -60px 0;
}

#social_tab .linkedin a {
   background-position: -90px 0;
}

#social_tab a:hover {
   opacity: 1;
}



/***  generic styles  ***/
h1 { color:rgb(50,105,170);  font-size:18px; padding-bottom:10px; font-weight:normal;}
h2 { color:rgb(255,255,255); font-size:18px; padding-bottom:13px; font-weight:normal;}
h3 { color:rgb(255,255,255); font-size:14px; padding-bottom:5px;  font-weight:normal;}
h4 { color:rgb(0,0,0);       font-size:14px; padding-bottom:15px; font-weight:bold; }
h5 { color:rgb(158,162,174); font-size:16px; padding-bottom:15px; font-weight:bold; }
h6 { color:rgb(50,105,170); font-size: 14px; padding-bottom: 5px; padding-top: 15px; font-weight: normal;}
p { padding-bottom:25px; }

a {color: rgb(98,104,119); text-decoration: none;}
a:hover {color:rgb(50,105,170); }
a.blue_arrow {color: rgb(106,149,198); text-decoration: none; background: url(img/link_arrow.gif) no-repeat 80px -12px; padding-right: 30px;}
a:hover.blue_arrow {color: rgb(255,255,255); background-position: 80px 6px}
#primary a { color:rgb(50,105,170); }
#primary a:hover { text-decoration: underline; }

.important {
   color: red;
   padding: 30px;
   margin-bottom: 30px;
   border: 1px solid #cdd5df;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
   background: #e4e8e9; /* Old browsers */
   background: -moz-linear-gradient(top, #e4e8e9 0%, #edeef1 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8e9), color-stop(100%,#edeef1)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8e9', endColorstr='#edeef1',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* W3C */
   overflow: hidden;
}

.clear { clear: both; }


a.button_blue, #primary a.button_blue, .wpcf7-submit, .mmf-form input[type="submit"] {
   display: block; 
   /* height: 32px;  */
   width: 118px; 
   font-size: 14px; 
   line-height: 30px; 
   color:rgb(255,255,255); 
   margin-top: 10px; 
   text-decoration: none; 
   text-align: center; 
   -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
   background: #7db9e8; /* Old browsers */
   background: -moz-linear-gradient(top, #7db9e8 0%, #1d82da 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1d82da)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #7db9e8 0%,#1d82da 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #7db9e8 0%,#1d82da 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #7db9e8 0%,#1d82da 100%); /* IE10+ */
   background: linear-gradient(top, #7db9e8 0%,#1d82da 100%); /* W3C */
   border: 1px solid #7db9e8;
   -webkit-box-shadow: 2px 2px 4px #c5c6c8;
   -moz-box-shadow:    2px 2px 4px #c5c6c8;
   box-shadow:         2px 2px 4px #c5c6c8;
}

a.button_blue.secondary, #primary a.button_blue.secondary {
  /*  margin-top: -15px; */
   background: #6fb2ed;
}

a.button_blue.tertiary, #primary a.button_blue.tertiary {
   background: #6fb2ed;
}

a:hover.button_blue.secondary, #primary a:hover.button_blue.secondary, a:hover.button_blue.tertiary, #primary a:hover.button_blue.tertiary {
   background: #7db9e8; /* Old browsers */
}

.wpcf7-submit {
   line-height: 23px;
}
a:hover.button_blue, #primary a:hover.button_blue, .wpcf7-submit:hover, .mmf-form input[type="submit"]:hover {
   background: #6fb2ed;
}
a:active.button_blue, #primary a:active.button_blue, .wpcf7-submit:active {
   background: #6fb2ed; 
   -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25);
   -moz-box-shadow:    inset 0px 0px 3px rgba(0,0,0,0.25);
   box-shadow:         inset 0px 0px 3px rgba(0,0,0,0.25);
}

.
#left a.button_blue {color:rgb(255,255,255);}
#left a:hover.button_blue {color: rgb(98,104,119); text-decoration: none;}
#left a:active.button_blue {color:rgb(255,255,255); text-decoration: none;}

/* #button_buynow {position: absolute; right: 70px; top: 26px;} */

.spacer {height: 30px; padding:0; margin:0;}
ul.bull_list { list-style: disc; list-style-type: disc; padding-left: 10px; margin-left: 10px;}
ul.bull_list li { list-style: disc; list-style-type: disc;}

label.error { color: red; display: none;}
/***  end generic styles  ***/



.error404 #content {
   height: 400px;
}

.error404 h1 {
   color: #3269AA;
   font-size: 26px;  
}

.error404 h2 {
   color: #3269AA;
   font-size: 21px
   padding-bottom: 0;
}


#page {
   
}
.wrapper {
   width:970px; 
   position:relative; 
   margin:0 auto;
}

#branding {
   height: 94px;
   background: url("img/header_bg.jpg") repeat-x;
   position: relative;
   z-index: 2;
}

#branding #access {
   float: right;
   width: auto;
   margin-top: 25px;
}

#access .section-heading {
   display: none;
}

.home body {
   background: #13151a;
}

.home #main {
   clear: both;
   background: url("img/home_bg_middle.jpg") 50% top no-repeat;
}


.page-header h1 { color: #cccccc; }


/***  sidebar  ***/
#secondary { padding-left: 10px; margin-right: -20px; float: right; border-left: 1px solid rgb(202,208,223); overflow: hidden; font-size: 12px; min-height: 400px;}
#secondary ul {padding-left: 10px; margin-bottom: 40px; margin-left: 0; list-style: none;}
#secondary li a { display:block; height:30px; width:185px; padding: 8px 0 0 10px; border-bottom: 1px dashed rgb(202,208,223); text-decoration: none; color: rgb(98,104,119); line-height: 2;} 
#secondary li.menu-item-985 a { color: red; }
#secondary li.menu-item-985 a:hover { background: rgb(243,203,205); }
#secondary li a:hover { background: rgb(243,243,245);  } 
#secondary li a.selected { background: rgb(243,243,245); color: rgb(50,105,170)} 
#secondary h2 { color: rgb(64,67,74); font-size: 14px; padding-left: 20px;}
#secondary h4 { padding: 0 0 15px 15px; }
#secondary h5 { line-height: 1.2; padding: 0 0 10px 15px; }
#secondary div.bg, #mc_embed_signup, .socialMedia {
   background: url("img/sidebar_block_bg.png") no-repeat; 
   min-height: 130px; 
   width: 173px; 
   padding: 15px 25px 0 20px; 
   margin: 0 0 20px 0; 
   border: none;
} 
#mc_embed_signup #mc-indicates-required {
   color: #9A9A9A;
}

#mc_embed_signup .mc-field-group {
   clear: both;
}

#mc_embed_signup input[type="submit"] {
   border: none;
   line-height: 16px;
   padding: 0;
   text-align: right;
   background: transparent url("img/link_arrow_3.png") 100% 1px no-repeat;
   text-align: right;
   padding-right: 20px;
   height: 16px;
   color: #626877;
   font-size: 12px;
   float: right
}

#mc_embed_signup input[type="submit"]:hover {
   color: #3269AA
}

#secondary .icon {float: left; margin-right: 10px;}
#mc_embed_signup input {width: 165px; height: 16px; font-size: 14px; color: rgb(158,162,174); padding: 4px; margin-bottom: 5px;}
#secondary .socialMedia { height: 210px;}  

.square_arrow { margin-left: 10px; vertical-align: middle;}
.widget-title { display: none;}
.widget-area aside { padding-top: 30px;}
.widget-area aside:first-child { padding-top: 0px;}
/***  end sidebar  ***/




/*** management ***/
.management_index {
   margin-bottom: 200px;
}

.nopad {padding: 0px;}
h2.nopad {padding-top: 30px;}
.toplink { font-size: 12px;}
/*** end management ***/





/***  contact us  ***/
input.text_input {width: 300px; height: 16px; font-size: 14px; color: rgb(158,162,174); padding: 4px; margin-right: 10px; border: 1px solid rgb(202,208,233);}
textarea.text_input { width: 500px; height: 200px; font-size: 14px; color: rgb(158,162,174); padding: 4px; border: 1px solid rgb(202,208,233); }
.text_selected {border-color: rgb(106,149,198);}
.leftLogo { float: left; padding: 10px 30px 10px 0px;}

#address { position: absolute; top: 320px; left: 425px; }
#address p { font-size: 12px; padding-top: 12px;} 
.arrow_link {
   background: url("img/link_arrow_3.png") 100% 1px no-repeat;
   text-align: right;
   padding-right: 20px;
   height: 16px;
   float: right;
}
#wpcf7-f1-w1-o1 p { margin: 0; padding: 0;} 
#wpcf7-f2-p569-o1 span.wpcf7-not-valid-tip {
   position: absolute;
   top: -4px;
   left: 1px;
   z-index: 100;
   background: white;
   border: 1px solid red;
   font-size: 10pt;
   width: 302px;
   padding: 2px;
}
#wpcf7-f2-p569-o1 div.wpcf7-response-output {
   margin: 0;
}

p.ajax_submit {
   position: relative;
}

#wpcf7-f2-p569-o1 img.ajax-loader {
   position: absolute;
   top: 7px;
   left: 90px;
}
/***  end contact us  ***/





/*** beta signup ***/
.entry-content input:valid, .entry-content textarea:valid {
   border: 1px solid #CCC;
   padding: 5px;
   border-radius: 3px;
   width: 330px;
   box-shadow: inset 1px 1px 1px rgba(100,100,100,.25);
}

.entry-content textarea:valid {
   width: 100%;
}

.entry-content input[type="radio"], .entry-content input[type="checkbox"] {
   width: 20px;
}

.interested-in-paid-beta span.mmf-list-item-label {
   display: none;
}

.opt-in {
   height: 50px;
}

.opt-in input {
   float: left;
   margin-top: 5px;
}

.opt-in label {
   width: 400px;
   float: left;
   margin-left: 10px;
}

.desc {
   color: rgb(150,150,150);
}

.mmf-form input[type="submit"] 

div.mmf-validation-errors {
   border: none;
   background: rgba(250, 50, 50, .75);
   padding: 10px 20px;
   border-radius: 20px;
   color: white;
}









/***  press  ***/
.entry-meta {display: none;}
.img_small {height: 132px; width: 115px; background: url("img/small_img_bg.png"); text-align: center; float: left;}
.img_small img {margin: auto 0; padding-top: 18px;}
.post_summary {float: left; font-size: 14px; border-bottom: 1px dashed rgb(202,208,223); padding-bottom: 30px; margin: 0 0 50px 25px; width: 460px;}
.post_summary h4 {padding-bottom: 3px;}
ul.meta {text-transform: uppercase; font-size: 12px; margin: 0 0 20px 0; color: rgb(158,162,174);}
ul.meta li {display: inline; padding-right: 10px; margin-right: 5px; border-right: 1px solid rgb(158,162,174); }
ul.meta li:last-child {border-right: none;}
.container {overflow: auto;}
.post {padding-bottom: 20px;}
.post img { display: none;}
.post h2 { color: rgb(50,105,170); }
.post ul { list-style: disc; list-style-type: disc; padding-left: 10px; margin-left: 10px;}
.post ul li { list-style: disc; list-style-type: disc;}
.press_column { width: 45%; float: left; padding-right: 40px; font-size: 12px;}
.press_column h5 {padding-bottom: 3px;}
.press_column h6 {line-height: 1.4em;}
.press_column p { padding-bottom: 5px;}
.press_column .spacer { height: 20px;}
.right { padding-right: 0; margin-right: 0 !important;}
/***  end press  ***/



/***  products  ***/
ul.feature_list { list-style: none; clear: both; margin: 0 0 0 0; padding-top: 100px;}
ul.feature_list li {width: 45%; display: block; float: left; margin: 0 5% 25px 0px; font-size: 12px; height: 200px;}
ul.feature_list h4 {padding-bottom: 5px;}
ul.feature_list p {float: left; width: 260px;}
ul.feature_list li.right {margin-right: 0;}
/* ul.feature_list li:nth-child(even) {margin-right: 0;} */
.feature_icon { float:left; margin-right: 25px; margin-bottom: 00px;}
#product_hero h1 { width: 50%; color: rgb(106,149,198); font: normal 28px/1.5 'Georgia', serif; padding-bottom: 30px;}
#product_hero img {float: left; padding: 20px 0 0 30px;}
#product_hero .half { width: 50%; line-height: 2; float: left; padding-bottom: 70px;}
.specs_img { padding-left: 180px; }
/***  end products  ***/



/***  buy page  ***/
.page-template-page-buy-php p > img {float: left; padding-right: 50px; padding-bottom: 30px;}
.page-template-page-buy-php p {clear: both;}
.pullout {background: url(img/buy_pullout_bg.jpg) no-repeat; padding: 30px; width: 570px; position: relative; font-size: 12px; }
img.buy_card { position: absolute; right: 0px; top: -15px;}
#buy h4 {padding: 13px 0 0 0;}
/***  end buy page  ***/


/***  faq  ***/
.faq { list-style: none; margin: 0 0 50px 0;}
.faq h2 {color:rgb(50,105,170); padding: 20px 0 0 0; color: #000;}
.faq ul.indent_list { text-indent: -19px; margin-left: 19px;}
.faq_answers h6 {padding: 40px 0 0 0;}

.faq_answers a.top { display: block; float: right; font-size: 10px; padding: 3px 8px; background: rgba(255,255,255,0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ffffff;}
.faq_answers a:hover.top { background: rgba(255,255,255,0.75); border: 1px solid #ffffff;}

/***  end faq  ***/

/***  sitemap  ***/
#sitemap { margin-left: 20px; }
#sitemap h5 { padding: 20px 0 0 0; color: rgb(98,104,119);} 
#sitemap ul { margin-left: 10px; }
/***  end sitemap  ***/



/*** tabs ***/
/*--Set height of tabs--*/
ul.tabs { margin:0 0 20px; padding:0; float:left; list-style:none; height:61px; }

/*--Subtract 1px from the height of the unordered list, Vertically aligns the text within the tab--*/
ul.tabs li { float:left; margin:0 10px 0 0; padding:0; height:61px; line-height:50px; width:131px; overflow:hidden; position:relative; text-align:center; }
ul.tabs li a { text-decoration:none; color:rgb(158,162,174); display:block; font-size:14px; padding:0 0px; outline:none; }
ul.tabs li.active a { color:rgb(0,0,0); }
ul.tabs li a:hover { color:rgb(0,0,0); }

/*--Makes sure that the active tab does not listen to the hover properties--*/
html ul.tabs li.active,html ul.tabs li.active a:hover { background:url(img/tab_active.jpg) no-repeat; color:rgb(0,0,0); }
.tab_container { overflow:hidden; clear:both; float:left; min-height: 400px; width: 100%;}
.tab_content { }






/*  ---|  FOOTER  |-------------------------------------------------------------------  */



/*  ---|  END FOOTER  |-------------------------------------------------------------------  */








/*  ---|  INDEX PAGE  |-------------------------- */
.page .entry-header {
   display: none;
}

body.page-template-page-home-php {
    background: url("img/body_bg.jpg") repeat-x;
}

.page-template-page-home-php #content {
    background: none;
}

.page-template-page-home-php #content {
   margin-top:0px;  
	padding: 0px; 
}



.home p {
   padding-bottom: 5px;
}

section {
   clear: both;
   overflow: hidden;
}

.feature_top {
   /* margin-top: 25px; */
}

.feature_top strong {
   color: #5CB2E5;
}

.feature_top article {
   position: relative;
   background: #2d343e;
   height: 184px;
   width: 22.5%;
   float: left;
   margin: 10px 2.8%;
   padding: 12px 2.6%;
   overflow: hidden;
   font-size: 1.1em;
   color: #c7e4f5;
   text-shadow: 1px 1px 1px #03131c;
   line-height: 2em;
   border: 1px solid #333b49;
   -moz-border-radius: 	  9px;
   -webkit-border-radius: 9px;
   border-radius: 		  9px;
   -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
   -moz-box-shadow:    2px 2px 10px rgba(0,0,0,0.25);
   box-shadow:         2px 2px 10px rgba(0,0,0,0.25);
}


/*
.ie7 .feature_top article  {
   margin: 10px 3%;
   padding: 12px 2.7% 12px 3%;
   border: none;
   background: url(img/feature_bg.png) no-repeat;
}
*/



.feature_top article h2 {
   text-transform: uppercase;
   font-size: 1.3em;
   color: #e3ebfc;
   font-weight: normal;
   text-align: left;
}

.feature_top article.first:after, .feature_top article.middle:after, .feature_top article.last:after {
   content: "";
   display: block;
   background: url("img/corner_blue.png") no-repeat;
   height: 83px;
   width: 83px;
   position: absolute;
   right: 5px;
   top: 5px;
}

.feature_top article.first:after {
   background: url("img/corner_star_blue.png") no-repeat;
}

.feature_top article.middle:after {
   background: url("img/corner_question_blue.png") no-repeat;
}

.feature_top article.last:after {
   background: url("img/corner_layer_blue.png") no-repeat;
}



.feature_top article a {
   color: #e3ebfc;
   border-bottom: 1px solid #e3ebfc;
}

.feature_top article a:hover {
   color: #ffffff;
   border-bottom: 1px solid #ffffff;
}

.feature_top article.first, .feature_top article:first-child {
   text-align: center;
}

.feature_top article.first img, .feature_top article:first-child img {
   margin-top: 18px;
}

.feature_top article.first h4, .feature_top article:first-child h4 {
   color: #ffffff;
   font-size: 28px;
   text-align: center;
   margin-top: 15px;
}

.feature_top article.last, .feature_top article:last-child {
   margin-right: 0;
}

.ie7 .feature_top article.last, .ie7 .feature_bottom article.last, .ie8 .feature_top article.last, .ie8 .feature_bottom article.last {
   margin-right: 0;
}

.feature_top article.last ul, .feature_top article:last-child ul {
   list-style: none;
}

.feature_top article.last li, .feature_top article:last-child li {
  background: url(img/check.png) left 0 no-repeat;
  margin-left: -35px;
  padding-left: 35px;
  height: 28px;
  margin-bottom: 4px;
  font-size: 13px;
}


.feature_bottom {
   margin-top: 40px;
   font-size: 13px;
}

.feature_bottom article {
   height: 260px;
   width: 26.2%;
   float: left;
   margin: 10px 58px 0 10px;
   padding: 5px 10px;
   font-size: 1.1em;
   color: #ffffff;
}

.feature_bottom article h2 {   
   font-size: 1.2em;
   color: #5cb2e5;
}

.feature_bottom article:last-child, .feature_bottom article.last {
   margin-right: 0;
   padding-top: 10px;
}

.feature_bottom article a {
   color: #5cb2e5;
   border-bottom: 1px solid #5cb2e5;
}

.feature_bottom article a:hover {
   color: #afdcf7;
   border-bottom: 1px solid #afdcf7;
}





/*  ---|  product pages  |-------------------------- */

.page-template-page-product-php h2, .page-template-page-fullscreen-php h2, .page-template-default h2 {
   font-size: 3em;
   color: #000000;
   padding-bottom: none;
   line-height: 1em;
   font-family: 'Yanone Kaffeesatz', sans-serif;
}

.page-template-default #primary  h2 a {
   color: #626877;
}

.page-template-default #primary h2 a:hover {
   text-decoration: none;
}

.page-template-page-product-php h3, .page-template-page-fullscreen-php h3 {
   font-size: 3em;
   color: #1d82da; 
   line-height: 1em;
   font-family: 'Yanone Kaffeesatz', sans-serif;
   padding-bottom: 15px;
}

h4 {
   font-size: 2em;
   color: #1d82da; 
   line-height: 1em;
   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-weight: 200;
}
.page-template-page-fullscreen-php p {
   line-height: 1.9em;
   margin-bottom: 30px;
}

.page-template-page-product-php .bull_list li, .page-template-page-fullscreen-php .bull_list li {
   width: 220px;
   float: left;
   margin: 0 40px 15px 0;
}

/*
.page-template-page-product-php .image_right, .page-template-page-fullscreen-php .alignright {
   float: right; 
   margin: 70px 0 80px 100px;
}
*/

/* infinitv 4 page */
img.wp-image-731 { 
   margin: 20px 0 30px 70px;
}

img.wp-image-735 {
   margin: 20px 100px 0px 0px;
}


/* infinitv 4 usb page */
img.wp-image-732 {
   margin: 40px 0 80px 70px;
}

img.wp-image-971 {
   margin: 20px 40px 0px 0px;
}

img.wp-image-1691 {
   margin: 0 30px 0 30px;
}

img.wp-image-1694 {
   margin: 0 30px 0 30px;
}

#tab2 ul, #tab3 ul {
   margin-bottom: 25px;
}

/*
.page-template-page-product-php .image_left, .page-template-page-fullscreen-php .alignleft {
   float: left; 
   margin: 20px 100px 50px 0px;
}
*/

/*   6 tuner pages get a color change  */
.page-id-999 h4, .page-id-999 .price, .page-id-1002 h4, .page-id-1002 .price {
   color: rgb(209,41,24);
}




.product_details {
   width: 92.5%; /* 810px; */
   padding: 3%;
   margin-bottom: 30px;
   border: 1px solid #cdd5df;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
   background: #e4e8e9; /* Old browsers */
   background: -moz-linear-gradient(top, #e4e8e9 0%, #edeef1 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8e9), color-stop(100%,#edeef1)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8e9', endColorstr='#edeef1',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* W3C */
   overflow: hidden;
}

/*
.product_details p {
   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-size: 3em;
   color: #000000;
}
*/

.product_details .float {
   float: left;
   width: 65%;
}

.infinitv4 {
   text-indent: -9999px;
   background: url("http://cetoncorp.com/wp-content/uploads/2011/11/logo_infinitv4_pcie.png") 0 7px no-repeat;
}

.infinitv4_usb {
   text-indent: -9999px;
   background: url("img/logo_infinitv4_usb.png") 0 7px no-repeat;
}

.infinitv4_eth {
   text-indent: -9999px;
   background: url("img/logo_infinitv4_eth.png") 0 7px no-repeat;
}

.infinitv6 {
   text-indent: -9999px;
   background: url("img/logo_infinitv6.png") 0 7px no-repeat;
}

.ceton_echo {
   text-indent: -9999px;
   background: url("http://cetoncorp.com/wp-content/uploads/2012/02/logo_echo.png") 0 7px no-repeat;
}

.ceton_q {
   text-indent: -9999px;
   background: url("http://cetoncorp.com/wp-content/uploads/2012/02/logo_q.png") 0 7px no-repeat;
}


.page-template-page-products-php .box img {
   
}

.page-template-page-products-php .box p {
   width: 100%;
   margin: 20px 0 0 0px;
}


.price {
   float: left;
   position: absolute;
   right: 50px;
   top: 26px;
   border: 1px solid rgba(229,229,229,1);
   color: #1D82DA;
   padding: 4px 10px;
   background: rgb(229,229,229); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
   -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; 
   border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
}

.ie9 .price {
   border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
}

.price em {
   font-size: 2em;
   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-style: normal;
   vertical-align: middle;
}

.product_details .price h2 {
   font-size: 1.5em;
}

.price #button_buynow {
   display: inline-block;
   vertical-align: middle;
   margin: 0 0 0 20px;
}

.tab_container aside { 
   font-size: 10px;
   clear: both;
   padding: 20px;
}

.commercial h4 {
   color: #000000;
}



/*  ---|  product page  |-------------------------- */

.page-id-547 p {
   margin: 10px 0 0 0;
}

.page-id-547 img.size-thumbnail {
   margin: 40px 0 0 30px;
}

a.banner_buy {
   position: absolute;
   display: block;
   top: 5px;
   right: 1px;
   height: 95px;
   width: 95px;
   background: url("img/buy_now_banner.png") no-repeat;
}

a.banner_buy:hover {
   background-position-x: -104px;
}

a.banner_coming_soon {
   position: absolute;
   display: block;
   top: 5px;
   right: 1px;
   height: 95px;
   width: 95px;
   background: url("img/coming_soon_banner.png") no-repeat;
}

a.banner_coming_soon:hover {
   background-position-x: -104px;
}




/*  ---|  buy page  |-------------------------- */

.page-template-page-buy-php img.border {
   border: 1px solid #ccc;
   opacity: 0.8;
}

.page-template-page-buy-php img.border:hover {
   border: 1px solid #333;
   opacity: 1;
}

ul.containers {
   list-style-type: none;
   margin: 0;
}

ul.containers li {
   display: inline-block;
   width: 208px;
   height: 160px;
   padding: 15px 0 0px 0px;
   margin: 0 4px 30px 0;
   text-align: center;
   vertical-align: bottom;
   border: 1px solid #cdd5df;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
   background: rgb(234,238,239); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(234,238,239,1) 0%, rgba(247,248,249,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,238,239,1)), color-stop(100%,rgba(247,248,249,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#f7f8f9',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* W3C */
   overflow: hidden;
}

ul.containers li:hover {
   -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
   -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.15);
   box-shadow:         0px 0px 8px rgba(0,0,0,0.15);
}

ul.containers a {
   display: block;
   width: 80%;
   clear: both;
   padding: 5px 10px;
   margin: 10px auto;
   border: 1px solid #c8cacb;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
   color: #1d82db;
   background: rgb(238,239,240); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(238,239,240,1) 0%, rgba(229,230,233,1) 50%, rgba(220,221,226,1) 51%, rgba(224,225,229,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,239,240,1)), color-stop(50%,rgba(229,230,233,1)), color-stop(51%,rgba(220,221,226,1)), color-stop(100%,rgba(224,225,229,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* Opera11.10+ */
   background: linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* W3C */
}


ul.containers a:hover {
   color: #ffffff;
   background: rgb(97,167,230); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(97,167,230,1) 0%, rgba(88,158,222,1) 50%, rgba(79,150,215,1) 51%, rgba(82,154,219,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,167,230,1)), color-stop(50%,rgba(88,158,222,1)), color-stop(51%,rgba(79,150,215,1)), color-stop(100%,rgba(82,154,219,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(97,167,230,1) 0%,rgba(88,158,222,1) 50%,rgba(79,150,215,1) 51%,rgba(82,154,219,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(97,167,230,1) 0%,rgba(88,158,222,1) 50%,rgba(79,150,215,1) 51%,rgba(82,154,219,1) 100%); /* Opera11.10+ */
   background: linear-gradient(top, rgba(97,167,230,1) 0%,rgba(88,158,222,1) 50%,rgba(79,150,215,1) 51%,rgba(82,154,219,1) 100%); /* W3C */
}

p.image {
   height: 50px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

a.underline {
   text-decoration: underline;
}

ul.containers a.disabled {
   opacity: 0.5;
   color: #666666;
}

ul.containers a.disabled:hover {
   color: #666666;
   background: rgb(238,239,240); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(238,239,240,1) 0%, rgba(229,230,233,1) 50%, rgba(220,221,226,1) 51%, rgba(224,225,229,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,239,240,1)), color-stop(50%,rgba(229,230,233,1)), color-stop(51%,rgba(220,221,226,1)), color-stop(100%,rgba(224,225,229,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* Opera11.10+ */
   background: linear-gradient(top, rgba(238,239,240,1) 0%,rgba(229,230,233,1) 50%,rgba(220,221,226,1) 51%,rgba(224,225,229,1) 100%); /* W3C */
}





/* buy now and support */

.tabs.buy_now {
    margin: 0;
    width: 100%; 
    height: auto;
    position: relative;   
}


.tabs.buy_now li {
    width: 33.333%;
    height: auto;
    overflow: hidden;
    margin: 0;
    -webkit-transform: rotateZ(0);
}


.tabs.buy_now li.active, 
.tabs.buy_now li.active a:hover {
    background: none;
}

.tabs.buy_now:after {
    content: "";
    display: block;
    position: absolute;
    background: url("img/crease_bottom.png") center top no-repeat;
    background-size: contain;
    height: 20px;
    width: 100%;
    bottom: 0;
    opacity: .3;
}

.tabs.buy_now > li > a img {
   /*
-webkit-transition: all 100ms ease; 
      -moz-transition: all 100ms ease;  
           transition: all 100ms ease;
           
*/
-webkit-backface-visibility: hidden;
}

.tabs.buy_now > li > a:hover img {
    /* -webkit-transform: scale(1.1); */
    -webkit-animation: wiggle .4s ease-in-out;
	-moz-animation:    wiggle .4s ease-in-out;
	animation:         wiggle .4s ease-in-out;
}

@-webkit-keyframes wiggle {
	0% { -webkit-transform: rotateZ(0); }
	25% { -webkit-transform: rotateZ(-5deg); }
	50% { -webkit-transform: rotateZ(3deg); }
	75% { -webkit-transform: rotateZ(-1deg); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes wiggle {
	0% { -webkit-transform: rotateZ(0); }
	25% { -webkit-transform: rotateZ(-5deg); }
	50% { -webkit-transform: rotateZ(3deg); }
	75% { -webkit-transform: rotateZ(-1deg); }
	100% { -webkit-transform: rotateZ(0); }
}

@keyframes wiggle {
	0% { -webkit-transform: rotateZ(0); }
	25% { -webkit-transform: rotateZ(-5deg); }
	50% { -webkit-transform: rotateZ(3deg); }
	75% { -webkit-transform: rotateZ(-1deg); }
	100% { -webkit-transform: rotateZ(0); }
}

.tab_container.buy_now {
    /* border: 1px solid #E0DFDF; */
    margin-top: -1px;
    padding: 30px 5%;
    width: 90%;
    position: relative;
    background: #f5f7fa; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f7fa 0%, #ecedef 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f7fa), color-stop(50%,#ecedef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f7fa 0%,#ecedef 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f7fa 0%,#ecedef 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f7fa 0%,#ecedef 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f7fa 0%,#ecedef 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#ecedef',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
    min-height: 200px;
}

.tab_container.buy_now p {
    margin: 0;
}

.tab_container.buy_now .tab_content > div {
    float: left;
    margin: 0 15% 0 0;
    width: 30%; /* 20% */
}

.tab_container.buy_now .tab_content > div:last-child {
    margin-right: 0;
}

.tabs.buy_now a[href^="#tab"] {
    text-decoration: none;
    display: block;
    padding: 0 0px;
    outline: none;
    height: 210px;
}

.tabs.buy_now a[href^="#tab"] p {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 8px 0;
    z-index: 2;
}

.tabs.buy_now .active p {
    /* border: 1px solid #E0DFDF; */
    border-bottom: 0;
    background: #F5F7FA;
    -webkit-border-top-left-radius:  2px; -webkit-border-top-right-radius:  2px;
    -moz-border-radius-topleft:      2px; -moz-border-radius-topright:      2px;
    border-top-left-radius:          2px; border-top-right-radius:          2px;
}

section.support ul {
    list-style: none;
}

section.support li a {
    padding: 5px 10px;
    display: block;
    border: 1px solid rgba(255,255,255,0.001);
    width: 30%;
}

section.support li a:hover {
    background-color: #F3F3F3;
    background-image: -webkit-linear-gradient(top, whiteSmoke 0%, #F1F1F1 100%);
    background-image: -moz-linear-gradient(top, whiteSmoke 0%, #F1F1F1 100%);
    background-image: -ms-linear-gradient(top, whiteSmoke 0%, #F1F1F1 100%);
    background-image: -o-linear-gradient(top, whiteSmoke 0%, #F1F1F1 100%);
    background-image: linear-gradient(top, whiteSmoke 0%, #F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#f1f1f1');
    border: 1px solid #D9D9D9;
}
/*

#results:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left:0;
    width: 100%;
    height: 25px;
    background: url("img/crease_bottom.png") center top no-repeat;
    background-size: contain;
    opacity: 0.3;
}
*/
#results {
    padding: 25px 5% 0 5%;
    width: 83%;
    clear: both;
    margin-left: 4%;
    position: relative;
}

#results .box {
    width: 100%;
}

#results .box a:not(.button_blue) {
    text-decoration: underline;
    color: #3269AA;
}

#results .box a:hover {
    color: #0E60A8;
}

#results .box_parent {
    margin-left: 0;
    padding-left: 0;
}



.app_video {
    float: right; 
    margin-left: 50px;
    /* margin-top: -70px; */
}



.button_list {
    list-style: none;
    margin: 0;
}

/*
.button_list li a {
    display: block;
    padding: 4px 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: -moz-linear-gradient(left,  rgba(245,247,250,0) 0%, rgba(247,245,244,1) 50%, rgba(245,247,250,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,247,250,0)), color-stop(50%,rgba(247,245,244,1)), color-stop(100%,rgba(245,247,250,0)));
    background: -webkit-linear-gradient(left,  rgba(245,247,250,0) 0%,rgba(247,245,244,1) 50%,rgba(245,247,250,0) 100%);
    background: -o-linear-gradient(left,  rgba(245,247,250,0) 0%,rgba(247,245,244,1) 50%,rgba(245,247,250,0) 100%);
    background: -ms-linear-gradient(left,  rgba(245,247,250,0) 0%,rgba(247,245,244,1) 50%,rgba(245,247,250,0) 100%); 
    background: linear-gradient(to right,  rgba(245,247,250,0) 0%,rgba(247,245,244,1) 50%,rgba(245,247,250,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f7fa', endColorstr='#00f5f7fa',GradientType=1 ); 
    -webkit-transition: all 200ms ease; 
       -moz-transition: all 200ms ease;  
            transition: all 200ms ease;
}
*/

.button_list li a {
    display: inline-block;
    padding: 5px 11px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 200ms ease; 
       -moz-transition: all 200ms ease;  
            transition: all 200ms ease;
}

.button_list li a:hover {
    background: -moz-linear-gradient(left,  rgba(245,247,250,0.35) 0%, rgba(255,252,252,1) 50%, rgba(245,247,250,0.35) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,247,250,0.35)), color-stop(50%,rgba(255,252,252,1)), color-stop(100%,rgba(245,247,250,0.35))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(245,247,250,0.35) 0%,rgba(255,252,252,1) 50%,rgba(245,247,250,0.35) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(245,247,250,0.35) 0%,rgba(255,252,252,1) 50%,rgba(245,247,250,0.35) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(245,247,250,0.35) 0%,rgba(255,252,252,1) 50%,rgba(245,247,250,0.35) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(245,247,250,0.35) 0%,rgba(255,252,252,1) 50%,rgba(245,247,250,0.35) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59f5f7fa', endColorstr='#59f5f7fa',GradientType=1 ); /* IE6-9 */
    text-shadow: 1px 1px 2px rgba(0,0,0,.125);
}

.button_list li span {
   /*  text-indent: -9999px; */
    display: block;
}

.button_list li img {
    display: none;
}

#tab3 .button_list li a {
    float: left;
    background: none;
    border: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    padding: 0;
    margin-right: 15px;
}

#tab3 .button_list li img {
    display: block;
}

.page-id-2498 .tab_content > div {
    margin-bottom: 75px;
}


.gallery {
   width: 92.5%; /* 810px; */
   padding: 3%;
   margin-bottom: 30px;
   border: 1px solid #cdd5df;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
   background: #e4e8e9; /* Old browsers */
   background: -moz-linear-gradient(top, #e4e8e9 0%, #edeef1 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8e9), color-stop(100%,#edeef1)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8e9', endColorstr='#edeef1',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, #e4e8e9 0%,#edeef1 100%); /* W3C */
   overflow: hidden;
}

.gallery .fancybox {
    display: block;
    float: left;
    height: 70px;
    width: 70px;
    overflow: hidden;
    margin: 10px;
    border: 1px solid #CCC;
}



/*  ---|  Support  |-------------------------- */


.page-id-1008 .box, .page-id-1698 .box {
   width: 100%;
   margin-bottom: 30px;
}

#primary .download_link {
   float: right;
   margin: 0 0 20px 20px;
   width: 140px;
}

.cablecard_table {
   margin-bottom: 25px;
}



/* changelog */

.page-id-1023 section {
   margin-bottom: 30px;
}


.sub-box {
   clear: both; 
   margin-top: 20px; 
   overflow: hidden;
   border-bottom: 1px solid #cdd5df;
}

.sub-box.last {
   border-bottom: none;
}

figure.alignright {
   text-align: center;
   font-size: 10px;
   color: #969696;
   margin-left: 60px;
}





/*  ---|  Press Kit  |-------------------------- */

.page-id-1698 .box img {
   float: left;
   margin: 0 10px 10px 0;
   vertical-align: middle;
}

.page-id-1698 .box p {
   float: left; 
   width: 90%;
   vertical-align: middle;
   line-height: 1.4;
}

.page-id-1698 .box div {
   clear: both;
   position: relative;
}

.page-id-1698 .box a small {
   color: rgb(98,104,119);
}

.page-id-1698 .box .arrow {
   display: block;
   position: absolute;
   top: 15px;
   left: -10px;
   height: 32px;
   width: 26px;
   background: url("img/download_arrow.png") no-repeat;
}

#secondary #menu-press-kit a {
   display: block;
   font-size: 14px;
   line-height: 25px;
   padding-left: 0;
   color: rgb(255,255,255);
   text-decoration: none;
   text-align: center;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
   background: #7db9e8;
   background: -moz-linear-gradient(top, #7db9e8 0%, #1d82da 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1d82da));
   background: -webkit-linear-gradient(top, #7db9e8 0%,#1d82da 100%);
   background: -o-linear-gradient(top, #7db9e8 0%,#1d82da 100%);
   background: -ms-linear-gradient(top, #7db9e8 0%,#1d82da 100%);
   background: linear-gradient(top, #7db9e8 0%,#1d82da 100%);
   border: 1px solid #7db9e8;
   -webkit-box-shadow: 2px 2px 4px #c5c6c8; -moz-box-shadow: 2px 2px 4px #c5c6c8; box-shadow: 2px 2px 4px #c5c6c8;
}

#secondary #menu-press-kit a:hover {
   background: #7db9e8;
}


.page-id-1698 .menu-press-kit-container { /*  press kit page - remove the press kit button   */
   display: none;
}


/*  ---|  vslider  |-------------------------- */

/*
#vslider_optionscontainer {
   position: relative;
}

.page-template-page-home-php #vslider_optionscontainer .cs-buttons {
   position: absolute;
   bottom: 30px;
   right: 30px;
   z-index: 1;
   background: transparent;
}

#vslider_optionscontainer .cs-buttons a {
   background: url(img/nav_dots.png) no-repeat !important;
   background-position: 0px 14px !important;
   height: 31px !important;
   width: 31px !important;
   margin-left: 0px !important;
}

#vslider_optionscontainer .cs-buttons a:hover, #vslider_optionscontainer a.cs-active {
   background: url(img/nav_dots.png) no-repeat !important;
   background-position: 0px -14px !important;
}
*/








/*  ---|   twitter  |-------------------------- */

.twitter_feed {
   width: 93%;
   border: 3px solid #1a1f25;
   font-size: 2em;
   margin-bottom: 60px;
   padding: 30px;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   background: #111418 url(img/twitter_bg.png) 90% 70% no-repeat;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
   font-size: 22px;
}

.twtr-hd {
   display: none;
}

.twtr-ft {
   display: none;
}

.twtr-widget h3, .twtr-widget h4, .twtr-widget p {
   line-height: 2em !important;
}





.features {
   float: right;
   width: 25%;
}

.features ul {
   list-style-type: disc;
}

.features li {
   margin-bottom: 15px;
}

.features h4 {
   margin: 25px 0 15px;
}


/*  ---|  boxes  |-------------------------- */


.box {
   position: relative;
   z-index: 1; /* prevent shadows falling behind containers with backgrounds */
   overflow: hidden;
   float: left;
   width: 65%;
   padding: 20px;
   border: 1px solid #efefef;
   margin: 0 30px 30px 0;
      vertical-align: bottom;
   border: 1px solid #cdd5df;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
   background: rgb(234,238,239); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(234,238,239,1) 0%, rgba(247,248,249,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,238,239,1)), color-stop(100%,rgba(247,248,249,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#f7f8f9',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(234,238,239,1) 0%,rgba(247,248,249,1) 100%); /* W3C */
   overflow: hidden;
}


.box:hover {
   -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:    1px 2px 5px rgba(0, 0, 0, 0.2); 
   box-shadow:         1px 2px 5px rgba(0, 0, 0, 0.2); 
}







/*  ---|  promo  |-------------------------- */

.promo section h1 {
   font-size: 42px;
   font-weight: bold;
   color: #1D82DA;
   text-align: center;
   font-family: 'Yanone Kaffeesatz', sans-serif
}

.promo .half {
   display: inline-block;
   width: 43.7%;
   float: none;
   vertical-align: top;
   height: 150px;
   margin: 0 20px 20px 0;
}

.promo .half p {
   padding-bottom: 0;
}

.promo .half img {
   float: right;
   margin: 15px 0 0 20px;
}

.promo .half h3 {
   font-size: 14px;
   font-weight: normal;
   margin: 0;
   padding: 0 0 12px 0;
   color: #000000;
   line-height: 1.5em;
}

.promo .full {
   width: 95.3%;
   float: none;
   vertical-align: top;
   text-align: center;
   margin-bottom: 10px;
}

.promo .top {
   min-height: 360px;
}

.promo .top .buyNow {
   display: block;
   text-indent: -9999px;
   background: url("img/buy_now_banner.png") no-repeat;
   height: 93px;
   width: 93px;
   position: absolute;
   right: 3px;
   top: 5px;
   z-index: 1;
}

.promo .full h2 {
   font-size: 32px;
   font-weight: normal;
   color: #000000;
}

.promo .full p {
   font-size: 21px;
   
}

.promo .box:hover {
   -webkit-box-shadow: 0px 0px 20px #e4e4e7;
   -moz-box-shadow:    0px 0px 20px #e4e4e7;
   box-shadow:         0px 0px 20px #e4e4e7;
}

.promo aside, .features aside {
   font-size: 10px;
   padding: 0px 0 20px 20px;
   clear: both;
}

.features aside {
   padding-top: 20px;
}

.promo .tagline {
   font-size: 23px;
   text-align: center;
   margin-bottom: 40px;
}


a.big_button {
   color: #ffffff;
   height: 55px;
   width: 180px;
   margin: 4px;
}

.big_button {
   text-transform: uppercase;
   padding: 13px 25px;
   font-size: 18px;
   font-weight: bold;
   -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px;
   border: 1px solid #979797;
   color: #ffffff;
   text-shadow: -1px -1px 1px rgba(0,0,0,.15);
   background: rgb(206,206,206); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(206,206,206,1) 0%, rgba(178,178,178,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(178,178,178,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(178,178,178,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(206,206,206,1) 0%,rgba(178,178,178,1) 100%); /* W3C */
   -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,.25);
   -moz-box-shadow:    inset 0px 1px 2px rgba(255,255,255,.25);
   box-shadow:         inset 0px 1px 2px rgba(255,255,255,.25);
}

a.big_button:hover {
   background: rgb(224,224,224); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(206,206,206,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(224,224,224,1) 0%,rgba(206,206,206,1) 100%); /* W3C */
}

.big_button.blue {
   border-color: #3e91d7;
   background: rgb(56,142,217); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(56,142,217,1) 0%, rgba(29,115,190,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,142,217,1)), color-stop(100%,rgba(29,115,190,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(56,142,217,1) 0%,rgba(29,115,190,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(56,142,217,1) 0%,rgba(29,115,190,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(56,142,217,1) 0%,rgba(29,115,190,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388ed9', endColorstr='#1d73be',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(56,142,217,1) 0%,rgba(29,115,190,1) 100%); /* W3C */
}

.big_button.blue:hover {
   background: rgb(109,172,227); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(109,172,227,1) 0%, rgba(70,153,226,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,172,227,1)), color-stop(100%,rgba(70,153,226,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(109,172,227,1) 0%,rgba(70,153,226,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(109,172,227,1) 0%,rgba(70,153,226,1) 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(109,172,227,1) 0%,rgba(70,153,226,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dace3', endColorstr='#4699e2',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(109,172,227,1) 0%,rgba(70,153,226,1) 100%); /* W3C */
}

a.big_button:active {
   -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.25);
   -moz-box-shadow:    inset 0px 0px 5px rgba(0,0,0,.25);
   box-shadow:         inset 0px 0px 5px rgba(0,0,0,.25);
}

.promo #poster_frame {
   position: absolute;
   top: 17px;
   left: 20px;
   cursor: pointer;
}

.infinitv .bottom a {
    width: 40%;
    padding: 30px 3.5% 0;
    float: left;
    margin-right: 50px;
}

.infinitv .bottom a:hover {
    background: rgba(255,255,255,0.45);
	-webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;    
}

.infinitv .bottom a span {
    height: 160px;
    display: block;
    text-align: center;
    width: 100%;
}

.infinitv .bottom a img {
    margin: 0 auto;
}

.infinitv .bottom a:last-child {
    margin-right: 0;
}





/*  ---|  BLOG  |-------------------------- */

.page-template-page-blog-php article {
   margin-bottom: 25px;
   clear: both;
}

.page-template-page-blog-php p {
   padding-bottom: 10px;
}

.page-template-page-blog-archives-php #content ul {
   margin: 0;
}

.page-template-page-blog-archives-php #content li {
   list-style-type: none;
   border-bottom: 1px solid rgb(200,200,200);
   clear: both;
   overflow: hidden;
}

.page-template-page-blog-archives-php #content li a {
   padding: 10px 5px;
   display: block;
}

.page-template-page-blog-archives-php #content li a:hover {
   background: rgba(29, 130, 218, 0.15)
}
.page-template-page-blog-archives-php #content li a:active {
   background: rgba(29, 130, 218, 0.25)
}

.page-template-page-blog-archives-php #content li:nth-child(even) {
   
}

.page-template-page-blog-archives-php #content li p, .page-template-page-blog-archives-php #content li h6 {
   margin: 0;
   padding: 0;
}

.page-template-page-blog-archives-php #content time {
   font-size: smaller;
   float: right;
}

.page-template-page-blog-archives-php #content time, .page-template-page-blog-php #content time, .single-cetonblog #content time {
   color: rgba(150,150,150,.75);
}

.page-template-page-blog-php article h3 a, .page-template-page-blog-archives-php article h3 a, .single-cetonblog .entry-header h1 {
   font-family: 'Yanone Kaffeesatz', sans-serif;
   font-size: 26px;
   color: #1d82da;
   line-height: 1.2;
   margin-top: 20px;
}

.pagination {
   margin-top: 30px;
}

.pagination span, .pagination a {
   padding: 2px 8px;
   background: #e0e0e0;
   border-radius: 5px;
}

.pagination a:hover {
   background: rgba(29, 130, 218, 0.15)
}

a.rss {
   display: block;
   height: 15px;
   width: 15px; 
   background: url(img/rss.png) no-repeat;
   text-indent: -9999px;
   float: left;
   margin: 9px 0 0 12px;
}

a.rss:hover {
   background-position: 0 -15px;
}

.page-template-page-blog-archives-php #content h4, .page-template-page-blog-archives-php #content h4, .page-template-page-blog-php #content h4 {
   float: left;
   padding-bottom: 35px;
}








/*  ---|  search  |-------------------------- */
.widget_search {
   margin-left: 8px;
}

.entry-content #searchsubmit {
   /*
   background: #999999;
   padding: 5px 8px;
   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
   border: 1px solid #BEBEBE;
   */
}

.entry-content #s {
   border: 1px solid #BEBEBE;
   padding: 2px;
   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

/*  ---|  google search  |-------------------------- */

#content #adBlock, #content .gsc-control-cse, #content .gsc-webResult.gsc-result, #content .gsc-cursor-page {
   background: transparent;
   border: none;
}

#content #adBlock {
   border: none;
   background: #cccccc;
}



#vslider_optionscontainer {
    margin: 10px;
}



@media only screen
and (max-width : 685px) {
/* Styles */

   * { 
      -webkit-box-sizing: border-box; 
      -moz-box-sizing:    border-box; 
      box-sizing:         border-box; 
   }

   #branding {
      height: auto;
      background: rgb(14, 16, 19);
   }
   
   #site-title {
      height: 60px;
      background: url("img/logo.gif") 5% 12px no-repeat;
      padding: 0;
      width: 100%;
   }

   .wrapper { 
      width: 100%; 
   }
   
   #branding #access {
      float: none;
      clear: both;
      overflow: hidden;
      margin: 0;
   }
   
   #content {
      padding: 5%;
      background: #ECEDEF;
      margin-top: 0;
   }
   
   
   /*  ---|  MENU  |-------------------------- */
   #nav_handle {
      height: 50px;
      width: 50px;
      position: absolute;
      top: 10px;
      right: 20px;
      background: url("img/menu_button.png") 11px 11px no-repeat;
   }
   
   #menu-main {
      background: #2C2F34;
   }
   
   #access #menu-main > li > a {
      background: rgba(0,0,0,0.1);
      margin: 3px 0 0;
   }
   
   #nav_handle.open {
      background-color: #3E454F;
      background-position: -39px 11px;
   }
      
   #access {
      display: none;
   }
   
   #access a {
      line-height: 3.4em;
   }
   
   #access li {
      float: none;
      background: none;
   }
   
   #access li:hover > a,
   #access ul ul :hover > a,
   #access ul ul a:hover,
   #access ul li:hover > ul {
   	background: none;
   }

   #access a,
   #access ul.children, #access ul.sub-menu,
   #access ul ul a,
   #access .menu-main-container {
      border: 0;
      -moz-border-radius: 	   0 !important; 
      -webkit-border-radius: 	0 !important; 
      border-radius: 			0 !important;
   }
   
   #access ul ul a {
      width: auto;
      background: none;
      border: 0;
      color: rgba(235,235,235,0.5);
      text-transform: none;
   } 
   
   #access ul.children, #access ul.sub-menu {
      display: none;
      position: relative;
      float: none;
      margin: 0;
      background: none;
      top: auto;
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
   }
   
   #access ul.sub-menu > li a {
      text-indent: 25px;
   }
   
   
   #access .menu-main-container, #access #wp_searchform {
      height: auto;
      width: 100%;
      padding: 20px 5%;
      float: none;
   }
   
   #access #wp_searchform {
      -moz-border-radius: 	   0px; 
      -webkit-border-radius: 	0px; 
      border-radius: 			0px;
      padding-top: 0;
   }
   
   #access ul.children li, #access ul.sub-menu li, #access ul.children li:first-child a, #access ul.sub-menu li:first-child a, #access ul.children li:last-child a, #access ul.sub-menu li:last-child a {
      border: 0;
   }
   

   #access .menu > li:first-child > a, #access .menu > li:last-child > a, #access .menu > ul > li:first-child > a, #access .menu > ul > li:last-child > a {
      -moz-border-radius: 	   0px; 
      -webkit-border-radius: 	0px; 
      border-radius: 			0px;
   }

   
   #access ul ul a:hover {
   	background: transparent;
   }
   
   #access #wp_searchform div {
      height: 30px;
   }
   
   #searchsubmit {
      float: right;
      margin: 3px 2% 0 0;
   }
   
   #access #wp_searchform input[type="text"] {
      width: 80%;
      white-space:   
   }
   
   
   
   /*  ---|  footer  |-------------------------- */
   
   #social_tab {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
      height: 46px;
      background: none;
      padding-top: 10px;
      text-align: center;
   }
   
    #colophon {
      background: none;
      height: auto;
      margin-top: 30px;
   }
   
   #colophon ul.copyright {
      padding-top: 0px;
      text-align: center;
   }


   
   
   /*  ---|  index page  |-------------------------- */
   
   #frontSlider {
      display: none;
   }
   
   .feature_top article {
      background: #282e37;
      border: 1px solid #515965;
      -moz-border-radius: 	   0; /* 9px; */
      -webkit-border-radius: 	0; /* 9px; */
      border-radius: 			0; /* 9px; */
      -webkit-box-shadow: none;/* 2px 2px 10px rgba(0,0,0,0.25); */
      -moz-box-shadow:    none;/* 2px 2px 10px rgba(0,0,0,0.25); */
      box-shadow:         none;/* 2px 2px 10px rgba(0,0,0,0.25); */
      margin: 10px 5%;
      padding: 5%;
      width: 90%;
      height: auto;
   }
   
   .feature_bottom article {
      margin: 10px 5%;
      padding: 5%;
      width: 90%;
      height: auto;
   }
   
   .feature_bottom article:last-child, .feature_bottom article.last {
      display: none;
   }
   
   .twitter_feed {
      padding: 5%;
      width: 90%;
      margin: 25px 4% 0;
   }
   
   .twtr-doc {
      width: 90% !important;
   }
   
   .menu-footer-container {
      display: none;
   }
   
   body.home {
      background: #15181f;
   }
   
  .twitter_feed .twtr-timeline {
     height: 180px !important;
  }
   
   .home #main {
      background: rgb(55,58,68); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(55,58,68,1) 0%, rgba(25,24,33,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,58,68,1)), color-stop(100%,rgba(25,24,33,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(55,58,68,1) 0%,rgba(25,24,33,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(55,58,68,1) 0%,rgba(25,24,33,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(55,58,68,1) 0%,rgba(25,24,33,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(55,58,68,1) 0%,rgba(25,24,33,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373a44', endColorstr='#191821',GradientType=0 ); /* IE6-9 */
   }
   
   .feature_top article.first:after, .feature_top article.middle:after, .feature_top article.last:after {
      right: 0;
   }
   
   
   /*  ---|  pages  |-------------------------- */
   
   .features {
      display: none;
   }
   
   ul.feature_list li {
      width: 95%;
      height: auto;
   }
   
   .feature_icon {
      display: none;
   }
   
   .product_details, .tab_content {
      width: 100%;
      padding: 5%;
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
      background: none;
      border: 0;
   }
   
   .page-id-999 h4, .page-id-999 .price, .page-id-1002 h4, .page-id-1002 .price {
      border-color: rgb(209,41,24);
      }

   ul.tabs {
      margin: 10px 0 -1px 0;
      height: auto;
      width: 100%;
      /* border: 1px solid #CDD5DF; */
      background: rgba(228, 232, 233, 0.5);
   }
   
   ul.tabs li {
      width: 33%;
      margin-right: 0;
      height: auto;
   }
   
   #post-2203 ul.tabs li, #post-2197 ul.tabs li {
      width: 25%;
   }
   
   img.wp-image-732 {
      margin-bottom: 0;
   }
   
   ul.tabs li a {
      white-space: nowrap;
      padding: 0 5px;
   }
   
   html ul.tabs li.active, html ul.tabs li.active a:hover {
      background: rgb(202, 206, 207);
   }
   
   html ul.tabs li.active {
      border: 0;
      border-bottom: 0;
   }
   
   .price {
      position: relative;
      float: none;
      right: auto;
      top:  auto;
      margin: 5px 0;
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
      border-color: #1D82DA;
   }
   
   
   .price #button_buynow {
      margin: 7px 2px 0 20px;
      float: right;
   }
   
   #primary {
      width: 100%;
      float: none;
   }
   
   #secondary {
      /* display: none; */
      float: none;
      border: 0;
      border-top: 1px solid #CAD0DF;
      padding-top: 20px;
      margin-top: 20px;
   }
   
   #secondary ul {
      padding-left: 0;
   }
   
   #secondary li a {
      width: 100%;
      height: auto;
      line-height: 3;
   }
   
   #secondary .socialMedia {
      display: none;
   }
   
   .menu-company-container, .menu-support-container {
      display: none;
   }
   
   #secondary div.bg, #mc_embed_signup, .socialMedia {
      background: none;
      width: 100%;
   }
   
   #mc_embed_signup label {
      width: 30%;
   }
   
   #mc_embed_signup input {
      height: 2em;
      width: 65%;
      float: right;
   }
   
   #main .widget-area {
      float: none;
      overflow: hidden;
      width: 100%;
      clear: both;
   }
   
   .box {
      margin: 0 2% 2% 0;
      width: 89%;
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
   }
   
   .box, .page-id-1008 .box, .page-id-1698 .box {
      width: 100%;
      padding: 5%;
   } 
   
   .box:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
   }
   
   img.wp-image-1694 {
      margin: 0;
   }
   
   ul.containers li {
      width: 100%;
      height: auto;
      margin: 0;
      margin-bottom: 10px;
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
   }
   .page-template-page-fullscreen-php p {
      margin: 0;
      padding: 0;
      padding-bottom: 10px;
   }
   
   a.button_blue, #primary a.button_blue, .wpcf7-submit, .mmf-form input[type="submit"] {
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
      -webkit-box-shadow: none;
      -moz-box-shadow:    none;
      box-shadow:         none;
      background: rgb(90, 155, 222);
      border: 0;
   }
   
   ul.containers a {
      background: #EEEFF0;
      -moz-border-radius:		0; 
      -webkit-border-radius: 	0; 
      border-radius: 			0;
   }
   
   img.alignright {
      margin-left: 0;
   }
   
   .alignright {
      float: none;
   }
   
   /*  ---|  press  |-------------------------- */
   
   .press_column {
      width: 100%;
      float: none;
      padding-right: 0;
      font-size: 12px;
      margin-bottom: 50px;
   }
   
   
   .entry-content input:valid, .entry-content textarea:valid {
      width: 100%;
   }
   
   #address {
      position: relative;
      top: auto;
      left: auto;
   }
   
   
   /*  ---|  promo  |-------------------------- */
   
   .promo #poster_frame{
      top: 5%;
      left: 5%;
      width: 90%;
      display: none;
   }
   
   .promo .top {
      min-height: 0;
      padding: 0;
   }
   
   #poster_frame img {
      width: 100%;
      height: auto;
   }
   
   .promo .half {
      height: auto;
   }
   
   .promo iframe {
      width: 94% !important;
      height: auto !important;
      margin: 3%;
   }
   
   .promo .half img {
      float: left;
      margin: 15px 20px 0 0;
   }
   .promo .half {
      display: block;
      width: 100%;
   }
   
   a.big_button {
      display: block;
      margin: 5px auto;
   }

}
/*

@media only screen
and (max-width : 767px) and (min-width: 686px) {

   .wrapper { 
      width: 100%; 
   }
   
   * { 
      -webkit-box-sizing: border-box; 
      -moz-box-sizing:    border-box; 
      box-sizing:         border-box; 
   }
   
   #site-title {
      height: 60px;
      background: url(img/logo.gif) 5% 28px no-repeat;
      padding: 0;
      width: 100%;
   }
   
   #access {
      position: absolute;
      right: 1%;
   }
   
   
   #content {
      padding: 30px 2%;
      background: #e7e8ea;
   }
   
   .box {
      padding: 3%;
      margin: 0 4% 30px 0;
   }
   
   .feature_top article {
      width: 28%;
      height: 234px;
      margin: 0 2% 0 3%;
      padding: 12px 4% 12px 3%;
      background: #1f242b;
      border: 1px solid #2b323e;
      -moz-border-radius:		12px; 
      -webkit-border-radius: 	12px; 
      border-radius: 			12px;
      -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
      -moz-box-shadow:    2px 2px 6px rgba(0,0,0,0.25);
      box-shadow:         2px 2px 6px rgba(0,0,0,0.25);
   }
   
   .feature_top article.first:after, .feature_top article.middle:after, .feature_top article.last:after {
      right: 0;
   }
   
   .feature_bottom article {
      width: 28%;
      height: auto;
      margin: 0 2% 20px 3%;
      padding: 12px 4% 12px 3%;
   }
   
   .product_details {
      width: 100%;
   }
   
   ul.containers li {
      width: 30%;
      margin: 0 1.5% 30px 1.5%;
      height: auto;
   }
   
   ul.containers li p:last-child {
      margin-bottom: 0;
   }
}

*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only screen
and (max-width : 768px) and (min-width: 686px) {

   .wrapper {
      width: 100%;
   }
   
   #access a {
      padding: 0 1.4em;
   }
   
   #site-title {
      height: 60px;
      background: url(img/logo.gif) 5% 28px no-repeat;
      padding: 0;
      width: 100%;
   }
   
   #access {
      position: absolute;
      right: 1.3%;
   }
   
   #frontSlider {
      transform:        scale(.8,.8) translate(-110px, 10px);
      -ms-transform:    scale(.8,.8) translate(-110px, 10px); /* IE 9 */
      -webkit-transform:scale(.8,.8) translate(-110px, 10px); /* Safari and Chrome */
      -o-transform:     scale(.8,.8) translate(-110px, 10px); /* Opera */
      -moz-transform:   scale(.8,.8) translate(-110px, 10px); /* Firefox */
   }
   
   #cs-buttons-vslider_options {
      bottom: 60px !important;
   }
   
   .twtr-doc {
      width: 100% !important;
   }
   
   .twitter_feed {
      width: 90%;
      margin: 0 auto;
      padding: 3%;
   }
   
   .feature_bottom article {
      width: 26.2%;
      margin: 10px 4% 0 10px;
   }
   
   .feature_bottom article.last img {
      width: 190px;
      height: auto;
   }
   
   #colophon ul {
      margin-left: 5%;
   }
   
   #address {
      position: static;
   }
   
   .entry-content input:valid, .entry-content textarea:valid {
      width: 95%;
   }
   
   #secondary {
      margin-right: -30px;
   }
   
   .page-id-1008 .box, .page-id-1698 .box {
      width: 90%;
   }

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}