/* ==========================================================================
   Project: 	NASE
   Date:		04/03/13 - File created
   Created by:	Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */

/* ==========================================================================
   Forms
   ========================================================================== */
/* @import url("../forms-3.html");*/

/* ==========================================================================
   Box Layout
   ========================================================================== */

div,article,section,header,footer,nav,ul,li,p,address,dl,form {position:relative;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;position:relative;} 

/* ==========================================================================
   Typography
   ========================================================================== */

@font-face{ font-family:'source_sans_probold';  src:url('sourcesanspro-bold-webfont.eot');  src:url('sourcesanspro-bold-webfont.eot#iefix') format('embedded-opentype'), url('sourcesanspro-bold-webfont.woff') format('woff'), url('sourcesanspro-bold-webfont.ttf') format('truetype'), url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');  font-weight:normal;  font-style:normal}
@font-face{ font-family:'source_sans_proregular';  src:url('sourcesanspro-regular-webfont.eot');  src:url('sourcesanspro-regular-webfont.eot#iefix') format('embedded-opentype'), url('sourcesanspro-regular-webfont.woff') format('woff'), url('sourcesanspro-regular-webfont.ttf') format('truetype'), url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');  font-weight:normal;  font-style:normal}
@font-face{ font-family:'source_sans_prosemibold';  src:url('sourcesanspro-semibold-webfont.eot');  src:url('sourcesanspro-semibold-webfont.eot#iefix') format('embedded-opentype'), url('sourcesanspro-semibold-webfont.woff') format('woff'), url('sourcesanspro-semibold-webfont.ttf') format('truetype'), url('sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');  font-weight:normal;  font-style:normal}
body, input, textarea {font-size: 17px; line-height: 24px; font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif; color: #000; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;}

/* ==========================================================================
   Headings
   ========================================================================== */

h1,h2,h3,h4,h5,h6 {font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif; font-weight: normal; margin: 20px 0px 20px 0px; padding: 0px;  }
h1 {font-size: 36px; line-height: 40px; color: #fff;}
h2 {font-size: 28px; line-height: 32px; color: #666;}
h3 {font-size: 22px; line-height: 26px;}
h4 {}

/* ==========================================================================
   Links
   ========================================================================== */
   
a, object, player, embed, video, img, input { outline: none }  
a { color: #e90a25; text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a:hover, a:active, a:focus {color: #000; text-decoration: none;}
a img { border: none; }

/* ==========================================================================
   Basic Elements
   ========================================================================== */

::selection, ::-moz-selection, ::-webkit-selection {color: #fff; background: #333; text-shadow: none;}  
body { background: url(bkground-body.jpg) #131416; }
hr {display: block;clear: both; height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
	  
/* ==========================================================================
   Main Layout
   ========================================================================== */
   
#header-wrapper {width: 100%; min-width: 1010px; height: 100px;  position: fixed; top: 0px; left: 0px; z-index: 99; background: url(bkground-header-wrapper.png) top center repeat-x; }
	#header-wrapper header { width: 1010px; margin: 0px auto 0px auto; }
	#header-wrapper header img[alt="NASE Worldwide"] {position: absolute; top: 2px; left: 0px;}
	#header-wrapper header nav ul {margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; text-align: right; position: absolute; right: 0px;}
	#header-wrapper header nav ul li {display: inline;}
	#header-wrapper header nav ul:nth-child(1) {top: 20px; border-bottom: 1px solid #616a6d; padding: 0px 0px 10px 0px; font-size: 14px;}
	#header-wrapper header nav ul:nth-child(1) li { margin: 0px 5px 0px 0px;}
	#header-wrapper header nav ul:nth-child(1) li a {color: #ccc;}
	#header-wrapper header nav ul:nth-child(1) li a:hover, #header-wrapper header nav ul:nth-child(1) li.active a { color: #fff; }
	#header-wrapper header nav ul:nth-child(2) {top: 62px;font-size: 15px; font-family:'source_sans_probold', Helvetica, Arial, sans-serif;}
	#header-wrapper header nav ul:nth-child(2) li { margin: 0px 15px 0px 0px;} 
	#header-wrapper header nav ul:nth-child(2) li ul {display: none; text-align: left; background:rgba(255,255,255, .9); top: 30px; left: 0px; right: auto; padding: 15px 15px 15px 15px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:'source_sans_proregular', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; text-transform: none; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); }
	#header-wrapper header nav ul:nth-child(2) li ul li {display: block; white-space:nowrap; margin: 0px 0px 10px 0px;}
	#header-wrapper header nav ul:nth-child(2) li ul li a {color: #000;}
	#header-wrapper header nav ul:nth-child(2) li ul li a:hover {color: #e90a25;}
	#header-wrapper header nav ul:nth-child(2) li a {color: #fff; padding: 0px 0px 10px 0px;}
	#header-wrapper header nav ul:nth-child(2) li a:hover, #header-wrapper header nav ul:nth-child(2) li.active a {color: #3cb7fa}
	#header-wrapper header nav ul:nth-child(2) li.img {margin: 0px;}
	#header-wrapper header nav ul:nth-child(2) li img {margin: 5px 0px -5px 5px; position: relative;}
	#header-wrapper header nav ul:nth-child(1) li:last-child img {margin: 5px 0px -5px 0px}

#texture-wrapper { width: 100%;  min-width: 1010px; height: 581px; margin-top: -395px; padding: 0px 0px 0px 0px; background: url(bkground-texture-wrapper.jpg) top center no-repeat;  }
	#homepage #texture-wrapper #intro {width: 1010px; height: 50px; padding: 495px 0px 0px 230px; margin: 0px auto 0px auto; }
	
#content-wrapper {background: #fff; width: 100%;  min-width: 1010px; text-align: left;}
	#content-wrapper:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

article {width: 1010px; background: url(bkground-article.gif) top left no-repeat; margin: 0px auto 0px auto; padding: 10px 20px 20px 20px;}
	article:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	article section { width: 700px; float: right;}
	article section h1:first-child {margin: -75px 0px 50px -50px;}	
	article section ul {overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0x 20px;}
	article section ul li {margin: 0px 0px 10px 0px;}

#sidebar {width: 240px;float: left; padding: 30px 0px 20px 0px;}
	#sidebar nav ul {margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
	#sidebar nav ul li {line-height: 18px; margin: 0px 0px 7px 0px; padding: 0px 0px 7px 40px;border-bottom: 1px solid #ccc; background: url(icons.png) 0px -69px no-repeat; font-size: 18px;}
	#sidebar nav ul li a:hover, #sidebar nav ul li.active a {color: #e90a25;}
	#sidebar nav ul li a {color: #000;}
	#sidebar h3.large-button {margin: 0px 0px 15px 0px; display: block;}
	#sidebar form {width: 240px; margin: 0px 0px 20px 0px; padding: 1px 15px 1px 15px; background: #f1f1f1; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15);  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
	#sidebar form label {color: #005dab; font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; }
	#sidebar form input[type='text'] {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  padding: 1px; width: 205px; }
	#sidebar form input[type="submit"] {font-size: 18px; font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif;   color: #fff; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding: 7px 20px 6px 20px; border: none; text-transform: uppercase; background: #005dab; -webkit-box-shadow: 1px 1px 0px #002f57; -moz-box-shadow: 1px 1px 0px #002f57;box-shadow: 1px 1px 0px #002f57; margin: 15px 0px 5px 0px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	#sidebar form input[type="submit"]:hover {background: #004681; }
	#sidebar form .left { float: left; margin: 0px 10px 0px 0px; }
	#sidebar form .field { font-size: 14px; margin: 0px 0px 5px 0px; padding: 0px; color: #333;}
	
footer {width: 1010px; margin: 0px auto 0px auto;} 
	footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	footer h3 {font-size: 28px; color: #edfbfe; font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; }
	footer .column {width: 336px; float: left; margin: 0px 0px 20px 0px;}
	footer .column:last-child {}
	footer .column:nth-child(1) ul {color: #20b0fb; margin: 0px 0px 0px 20px; padding: 0px;}
	footer .column:nth-child(1) ul li {line-height: 28px;}
	footer .column:nth-child(1) ul li a {color: #20b0fb;}
	footer .column:nth-child(1) ul li a:hover {color: #fff;}
	footer .column:nth-child(2) ul {font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; font-size: 18px; margin: 0px; padding: 0px;}
	footer .column:nth-child(2) ul li {margin: 0px 0px 5px 0px;}
	footer .column:nth-child(2) ul li a {width: 150px; display: block; padding: 7px 7px 7px 45px; background:rgba(255,255,255, .15); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
	footer .column:nth-child(2) ul li a:hover {color:#20b0fb;background:rgba(255,255,255, .25);  }
	footer .column:nth-child(2) ul li:nth-child(1) {background: url(icons.png) 0px -149px no-repeat;}
	footer .column:nth-child(2) ul li:nth-child(2) {background: url(icons.png) 0px -193px no-repeat;}
	footer .column:nth-child(2) ul li:nth-child(3) {background: url(icons.png) 0px -237px no-repeat;}
	footer .column:nth-child(2) ul li a {color: #fff;}
	footer .column:nth-child(3) {}
	footer p {border-top: 1px solid #3f4244; display: block; clear: both; margin: 20px 20px 0px; padding: 10px 0px 0px 0px; }
	footer p, footer p a {color: #edfbfe; font-size: 14px;}
	footer p a:hover {color: #fff}
	footer address {color: #edfbfe; font-style: normal}
	footer address a {color: #20b0fb;}
	footer address a:hover { color: #fff; }
	footer .site-seal {margin-top:10px;}
	footer .img-margin {margin: 10px 0px 0px 10px;}
   
/* ==========================================================================
   Homepage Layout & Homepage Overrides
   ========================================================================== */
   
#homepage {}
	#homepage #texture-wrapper {  margin-top: -581px; }
	#homepage #texture-wrapper #intro {width: 1010px; height: 581px; margin: 0px auto 0px auto; padding: 0px;}
	
	#homepage #texture-wrapper #intro #quicklinks {z-index: 2; position: absolute; top: 200px; left: 0px; width: 220px;}
	#homepage #texture-wrapper #intro #quicklinks h3 {font-family:'source_sans_probold', Helvetica, Arial, sans-serif; font-size: 20px; color: #fff; margin: 10px 0px 10px 0px }
	#homepage #texture-wrapper #intro #quicklinks h4.arrow-button {margin: 0px 0px 7px 0px; display: block;}
	#homepage #texture-wrapper #intro #quicklinks ul {margin: 0px; padding: 0px; list-style: none;}
	#homepage #texture-wrapper #intro #quicklinks ul li {line-height: 18px;margin: 0px 0px 10px 0px; background: url(icons.png) 0px -70px no-repeat; padding: 0px 0px 0px 40px;}
	#homepage #texture-wrapper #intro #quicklinks ul li a {color: #fff;}
	#homepage #texture-wrapper #intro #quicklinks ul li a:hover {color: #e90a25}
	
	#homepage #texture-wrapper #intro #slides-wrapper { z-index: 1; width:820px; height: 486px; position: absolute; right: 0px; top: 86px;background: url(bkground-slides.jpg) 0px 0px no-repeat; }
	#homepage #texture-wrapper #intro #slides-wrapper .slides {position: absolute; top: 100px; left: 120px; width: 640px; height: 360px;}
	#homepage #texture-wrapper #intro #slides-wrapper .slides div {position: absolute; top: 0px; left: 0px; width: 640px; height: 340px;}
    #homepage #texture-wrapper #intro #slides-wrapper .slides img {border: 5px solid #fff;}
    #homepage #texture-wrapper #intro #slides-wrapper .slides iframe {border: 5px solid #fff; width: 640px; height: 340px; box-sizing: border-box;}
	#homepage #texture-wrapper #intro #slides-wrapper .pagination {position: absolute; right: 55px; top: 455px; list-style:}
	#homepage #texture-wrapper #intro #slides-wrapper .pagination li {font-size: 0px;display: inline;}
	#homepage #texture-wrapper #intro #slides-wrapper .pagination li a {width:17px; height:15px; display: block; float: left; background: url(icons.png) -12px -305px no-repeat; overflow:hidden; -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
	#homepage #texture-wrapper #intro #slides-wrapper .pagination li a:hover, #homepage #texture-wrapper #intro #slides-wrapper .pagination li.current a {background: url(icons.png) -12px -285px no-repeat;}
	
	#homepage #cta-wrapper {width: 100%; height: 212px; padding: 17px 0px 0px 0px; background: url(bkground-cta-wrapper.jpg) top center repeat-x; }
	#homepage #cta {width: 1010px; margin: 0px auto 0px auto; text-align: center;}
	#homepage #cta:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	#homepage #cta .column {width:336px; float: left; padding: 0px 5px 0px 0px;}
	#homepage #cta .column:last-child { padding: 0px 0px 0px 0px; }
	#homepage #cta .column img {-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25);}
	
	#homepage #content-wrapper {padding: 200px 0px 100px 0px; text-align: center;}
	
	#homepage article {background: none; }
		#homepage section {width: 1010px; float: none;}
		#homepage article h1 {color: #e8142b; display: none;margin: 20px 0px 20px 0px;}
		#homepage article .large { font-size: 17px; line-height:26px; display: none; color: #000; font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;}

/* ==========================================================================
   One Column Layout
   ========================================================================== */
  
 #one-column {}
 	 #one-column article { background: none; }
	 #one-column section {width: 1010px; float: none;} 
	 #one-column article section h1:first-child {margin: -75px 0px 60px 200px;}
   
/* ==========================================================================
   Chrome Frame
   ========================================================================== */

.chromeframe {margin: 10px; padding: 10px; background: #ccc;color: #000; text-align: center;}
	.chromeframe a { font-weight: bold; text-decoration: underline; color: red; }

/* ==========================================================================
   CMS
   ========================================================================== */

.arrow-button, .large-button { display: inline-block; margin: 0px; background: #fff; padding: 5px 15px 5px 5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; text-transform: none; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .15); }
	.arrow-button:hover {}
	.arrow-button a {display: block;background: url(icons.png) -2px -18px no-repeat;color: #000;padding: 2px 0px 2px 35px; }
	.arrow-button a:hover {color: #e90a25; }
.large-button {font-size: 24px; background: #fff}
	.large-button:hover {}
	.large-button a {display: block; background: none; color: #000; font-size: 24px; line-height: 26px; padding: 5px; }
	.large-button a:hover {color: #e90a25; }

/* ==========================================================================
   Helpers
   ========================================================================== */
   
.grey { color: #666; }
.black { color: #000; }
.red { color: red; }
.clearfix {display: block; clear: both;}
.small {font-size: 14px; line-height: 17px;}
.medium {}
.large {font-size: 22px; line-height: 25px;  color: #0084c8; font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; }
.loader {background: url(ajax-loader.gif) center bottom no-repeat; margin: 10px 0px 10px 0px; width: 100%; height: 32px;}
.nodis {display:none;}

/* ==========================================================================
   Language Flags
   ========================================================================== */

.lang-flags a { margin-left: 4px; display: inline-block; vertical-align: middle; }
.lang-flags a:hover { opacity: 0.75; }
.lang-flags a.lang-active { display: none; }

/* ==========================================================================
   Contact Form
   ========================================================================== */

article section form.form-horizontal {
    margin: 0 0 30px 0;
}
article section .form-field {
    margin: 0 0 14px 0;
    overflow: hidden;
}
article section .form-field > label {
    display: block;
    color: #005dab;
    font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin: 0 0 4px 0;
}
article section .form-field .required {
    color: #e90a25;
    margin-left: 2px;
}
article section .form-field input[type="text"],
article section .form-field input[type="email"],
article section .form-field textarea,
article section .form-field select {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
    color: #000;
    background: #fff;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
}
article section .form-field input[type="text"]:focus,
article section .form-field input[type="email"]:focus,
article section .form-field textarea:focus,
article section .form-field select:focus {
    border-color: #005dab;
    outline: none;
    box-shadow: 0 0 4px rgba(0,93,171,0.25);
}
article section .form-field textarea {
    height: 110px;
    resize: vertical;
}
article section .form-field.radio .form-data label,
article section .form-field.checkboxes .form-data label {
    display: inline-block;
    font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 16px;
    margin: 0 15px 0 0;
}
article section .form-field.radio input[type="radio"],
article section .form-field.checkboxes input[type="checkbox"] {
    width: auto;
    margin-right: 4px;
    vertical-align: middle;
}
article section .form-field.buttons {
    margin-top: 20px;
}
article section .form-field.buttons .button,
article section .form-field.buttons input[type="submit"],
article section .form-field.buttons button[type="submit"] {
    font-size: 18px;
    font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif;
    color: #fff;
    border-radius: 20px;
    padding: 9px 28px 8px 28px;
    border: none;
    text-transform: uppercase;
    background: #005dab;
    box-shadow: 1px 1px 0px #002f57;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
article section .form-field.buttons .button:hover,
article section .form-field.buttons input[type="submit"]:hover,
article section .form-field.buttons button[type="submit"]:hover {
    background: #004681;
}
article section .form-errors li,
article section .form-field .form-errors {
    color: #e90a25;
    font-size: 14px;
    list-style: none;
    margin: 3px 0 0 0;
    padding: 0;
}
article section .messages {
    padding: 12px 15px;
    border-radius: 6px;
    margin: 0 0 20px 0;
    font-size: 15px;
}
article section .messages.success,
article section .messages p {
    background: #eaf4ea;
    color: #2a6a2a;
    border: 1px solid #b4d9b4;
    padding: 12px 15px;
    border-radius: 6px;
    margin: 0 0 20px 0;
}

/* Contact Info & Map */
#contact-info {
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ccc;
    font-size: 16px;
}
#contact-info p {
    margin: 0 0 8px 0;
}
#contact-info a {
    color: #005dab;
}
#contact-info a:hover {
    color: #e90a25;
}
#contact-map {
    margin: 15px 0 0 0;
}
#contact-map iframe {
    display: block;
    border-radius: 6px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.15);
}
#contact-map > p {
    font-size: 14px;
    color: #666;
    margin: 6px 0 0 0;
}

/* ==========================================================================
   IE
   ========================================================================== */

.lt-ie9 #cta .arrow-button, .lt-ie9 .large-button {-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";}