/*
    Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
*/
.yola_bg_overlay{
    display:table;
    position:absolute;
    min-height: 100%;
    min-width: 100%;
    width:100%;
    height:100%;
    
    background-image: url(resources/Images/PCB3_dk.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: auto;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
}
.yola_outer_content_wrapper {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}
.yola_inner_bg_overlay {
    display: table-cell;
    width:100%;
    height:100%;
    
    vertical-align: top;
}

.yola_banner_wrap {
	text-align: center;
	margin: 0 auto;

}

.yola_outer_heading_wrap {
	text-align: center;
    margin: 0 auto;
    display: table;
	width:100%;
    text-align: center;
    background-attachment: scroll;
    
    max-width: 960px;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(resources/Images/Soldering_Narrow.jpg);
}

.yola_inner_heading_wrap {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
    	background-color: #000000;
	zoom: 1; /* hasLayout */
	background: transparent\9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000'); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000')"; /* IE 8+ */
	background-color: rgba(0,0,0,0.60);
}

.yola_innermost_heading_wrap {
    margin: 0 auto;
	
    padding-top:50px;
    padding-right:60px;
    padding-bottom:50px;
    padding-left:60px;
}

.yola_banner_wrap nav {
    margin: 0 auto;
    max-width: 960px;
    padding-top:5px;
    
    padding-bottom:5px;
    
    	background-color: #292929;

}

.yola_inner_nav_wrap {
	margin: 0 auto;
	
}

.yola_banner_wrap nav ul.sys_navigation {
    text-align: center;
}

.yola_banner_wrap h1 {
    text-align: center;
    margin:0;
}

.yola_site_tagline {
    margin:0;
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 5px;
    line-height: 1.5em;
    text-transform: none;
    
}

.yola_site_tagline span {
    display: inline-block;
    margin: 20px 0 0 0;
    
    
    
    
    
}

ul.sys_navigation {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.sys_navigation li {
    display: inline;
    list-style-type: none;
    margin:0 25px 0 0;
}

.yola_inner_nav_wrap ul.sys_navigation li.first {
    margin:0 25px 0 0;
}

.yola_inner_nav_wrap ul.sys_navigation li.last, .yola_inner_nav_wrap ul.sys_navigation li.single {
    margin:0;
}

.yola_content_wrap {
    margin:0 auto;
    max-width: 960px;
    	background-color: #ffffff;

}

.yola_content_column {
	margin:0 auto;
    min-height:200px;
    
}

.yola_inner_content_column {
    padding-top:20px;
    padding-right:40px;
    padding-bottom:0px;
    padding-left:40px;
}

.yola_inner_footer_wrap {
    padding: 0 20px;
}

div[id*='sys_region_'] {
    padding-left: 0 ! important;
    padding-right: 0 ! important;
}

.yola_site_logo {
    
}

#sys_heading.yola_hide_logo img {
    display:none;
}
#sys_heading.yola_hide_logo span {
    display:inline;
}

#sys_heading.yola_show_logo img {
    display:inline;
}
a#sys_heading.yola_show_logo {
    font-size:14px;
}
#sys_heading.yola_show_logo span {
    display:none;
}

.yola_footer_wrap {
    margin:0 auto;
    max-width: 960px;
}

.yola_footer_column {
    margin:0 auto;
    
    display: block;
}

footer {
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    padding-left: 60px;
    font-family: 'Open Sans';
    font-size: 12px;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 2px;
    text-transform: none;
    	background-color: #222222;
	zoom: 1; /* hasLayout */
	background: transparent\9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc222222', endColorstr='#cc222222'); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc222222', endColorstr='#cc222222')"; /* IE 8+ */
	background-color: rgba(34,34,34,0.80);
}

span.yola_footer_socialbuttons{
    display:inline-block;
    line-height:0;
    margin:0;
    padding:0;
    display:inline-block;
    position:static;
    float:left;
    width:146px;
    height:20px;
    display: block;
}

.sys_yola_form .submit, .sys_yola_form input.text, .sys_yola_form textarea {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;
}

div.sys_yola_form {
    padding:0 !important;
}

div.sys_yola_form form{
    margin:0 !important;
    padding:0 !important;
}

.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
    margin-top:0;
}


div[id*='sys_region_'] {
    padding:0 !important;
}

blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid #4d4d4d;;
    
    
    
    
    
    
    
    font-style: italic;
}
		</style><script src='//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js' type='text/javascript'></script>
		<style type="text/css">
			@import url('//fonts.googleapis.com/css?family=Open+Sans%3Aregular|Allerta%3Aregular');
		</style>
<style type="text/css" id="styleOverrides">
/* ======================
*
*  Site Style Settings
*
=========================*/
/* Paragraph text (p) */

.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
    font-family: 'Open Sans';
    
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;
}

/* Navigation */
.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
    font-family: 'Open Sans';
    
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 5px;
    line-height: 1.5em;
    text-transform: none;
}


/* Navigation:selected */
div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
    color: #ffffff;
}

/* Navigation:hover */
div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
    color: #c1c3f7;
}

/* Site Title */
#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 45px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 10px;
    line-height: 1.5em;
    text-transform: uppercase;
}

/* Hyperlinks (a, a:hover, a:visited) */
a, .sys_txt a:link, .sys_layout a:link {color: #1155cc;}
a, .sys_txt a:link, .sys_layout a:link {text-decoration: none;}
a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #1155cc;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #4d4d4d;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;}

/* Headings (h2, h3, h4, h5, h6) */
.sys_layout h2, .sys_txt h2 {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 24px;
    color: #4d4d4d;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 24px;
    color: #4d4d4d;
    letter-spacing: 1px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h3, .sys_txt h3 {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 19px;
    color: #4d4d4d;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 19px;
    color: #4d4d4d;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h4, .sys_txt h4 {
    font-family: 'Allerta';
    
    font-size: 16px;
    color: #4d4d4d;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
    font-family: 'Allerta';
    
    font-size: 16px;
    color: #4d4d4d;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h5, .sys_txt h5 {
    font-family: 'Allerta';
    
    font-size: 13px;
    color: #4d4d4d;
    text-decoration: none;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
    font-family: 'Allerta';
    
    font-size: 13px;
    color: #4d4d4d;
    letter-spacing: 2px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h6, .sys_txt h6 {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 11px;
    color: #4d4d4d;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.5em;
    text-transform: none;
}

.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
    font-family: 'Tahoma','Geneva','Kalimati','sans-serif';
    
    font-size: 11px;
    color: #4d4d4d;
    letter-spacing: 0px;
    line-height: 1.5em;
    text-transform: none;
}

/*button widget*/
.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
    display:inline-block;
    text-decoration: none;
}
.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
    cursor:pointer;
}
.sys_layout .sys_button a {
    cursor:default;
}

.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
    border-radius:0px;
}
.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
    border-radius:3px;
}
.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
    border-radius:90px;
}

/*button sizes*/
.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-size: 12px;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;}
.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Open Sans';font-size: 16px;line-height: 1.5em;letter-spacing: 0px;padding-top:15px;padding-bottom:15px;padding-left:37px;padding-right:37px;}
.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-size: 20px;padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px;}

/*button styles:small*/
.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
    border-color:#333333;
    color: #333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.small.outline a:visited {
    color: #333333;
}
.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
    	background-color: #333333;

    color: #ffffff;
    border-color:#333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.small.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.small.outline a:hover {
    background-color: #333333;
    color: #ffffff;
    text-decoration: none;
}

/*button styles:medium*/
.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
    border-color:#333333;
    color: #333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.medium.outline a:visited {
    color: #333333;
}
.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
    	background-color: #333333;

    color: #ffffff;
    border-color:#333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.medium.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.medium.outline a:hover {
    background-color: #333333;
    color: #ffffff;
    text-decoration: none;
}
/*button styles:large*/
.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
    border-color:#333333;
    color: #333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.large.outline a:visited {
    color: #333333;
}
.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
    	background-color: #333333;

    color: #ffffff;
    border-color:#333333;
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.large.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.large.outline a:hover {
    background-color: #333333;
    color: #ffffff;
    text-decoration: none;
}

.sys_layout .sys_button.solid a:hover {
    text-decoration: none;
    opacity: .8;
}