/* Main Navigation Styles */

.nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none;  font-family: Oswald, "Fjalla One", Arial; text-align:left;}
.nav a { text-decoration: none; }
.nav li { list-style: none; }
/* Menu Container */
.nav { display: inline-block; position: relative; cursor: default; z-index: 500; }
/* Menu List */
.nav > li { display: block; float: left; background:url(../images/topnav_sep.gif) right center no-repeat;  }
/* Menu Links */
.nav > li > a { background: position: relative; display: block; z-index: 510; padding:14px 19px 15px; margin:0 2px 0 0; font-weight: normal; font-size:16px; color: #fff; text-shadow: 0 0 1px rgba(152, 10, 82, .75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; letter-spacing:; font-family: Oswald, "Fjalla One", Arial; text-transform:uppercase;}
.nav > li.current{}
.nav > li.first{ padding-left:0;}
.nav > li:hover > a, .nav > li.current > a { color:#fff;}
.nav > li:last-child{ background-image:none;}
.nav > li > a.ico{  }
.nav > li > a.ico2{ background:url(../images/ico2.png) center 12px no-repeat;}
.nav > li > a.ico3{ background:url(../images/ico3.png) center 12px no-repeat;}
.nav > li > a.ico4{ background:url(../images/ico4.png) center 12px no-repeat;}
.nav > li > a.ico5{ background:url(../images/ico5.png) center 12px no-repeat;}
.nav > li > a.ico6{ background:url(../images/ico6.png) center 12px no-repeat;}
.nav > li:hover > a.ico, .nav > li.current > a.ico{ background:#616161;}
.nav > li:hover > a.ico > span, .nav > li.current > a.ico > span{ padding:0; margin:0;  }
.nav > li:hover > a.ico2, .nav > li.current > a.ico2{ background-image:url(../images/ico2_hov.png);}
.nav > li:hover > a.ico3, .nav > li.current > a.ico3{ background-image:url(../images/ico3_hov.png);}
.nav > li:hover > a.ico4, .nav > li.current > a.ico4{ background-image:url(../images/ico4_hov.png);}
.nav > li:hover > a.ico5, .nav > li.current > a.ico5{ background-image:url(../images/ico5_hov.png);}
.nav > li:hover > a.ico6, .nav > li.current > a.ico6{ background-image:url(../images/ico6_hov.png);}

/* Search Form */

/* Menu Dropdown */
.nav > li > div { position: absolute; display: block; width:auto; top: 53px; left:auto; opacity: 0; visibility: hidden; overflow: hidden; background: rgba(97, 97, 97, 1); border-radius: 0 0 5px 5px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; transition: all .5s ease 0s; height: 0px; box-shadow:#333 0px 5px 0px;}
.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; height: auto; transition: all .5s ease 0s; }
.nav > li:hover > div h2{ font-size:30px; color:#999; border-bottom:1px solid #333; padding:10px 0; margin:10px 20px 0; letter-spacing:0.5px;}
.nav > li > div.buildmtrl{ width:740px;}
.nav > li > div.racking{ width:800px;}
.nav > li > div.srvcs{}
.nav > li > div.company{width:480px;}
/* Menu Content Styles */
.nav .nav-column { float: left; width:200px; padding:0 30px 30px; }
.nav .nav-column h3 { margin: 20px 0 10px 0; line-height: 18px; font-weight: normal; font-size: 18px; color: #fff; }
.nav .nav-column li{ margin-bottom:2px; padding-top:2px; border-top:1px dotted #3b3434;}
.nav .nav-column li a { display:block;  font-weight: normal; font-size: 14px; color: #d9d0d0; padding:3px;}
.nav .nav-column li a:hover { color: #333; text-shadow:#fff 2px 2px 2px; background-color:#dee3e3;}

.nav > li > div.srvcs .nav-column{}


/* Main Banner Styles Start */
/* The Nivo Slider styles */
/* The Nivo Slider styles */
.slider-wrapper{ position:relative; min-width:1100px; max-width:1100px; min-height:402px; max-height:490px;}
.nivoSlider { position:relative; min-width:1100px; max-width:1100px; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: black; filter: alpha(opacity=0); opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0px; left:30px; bottom:30px; background:#d4d4d4 ; border-radius:25px;}
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear { clear:both; }
/* Main Banner Styles End */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fbox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fbox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/fbox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fbox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fbox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url('../images/fbox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/* simplyScroll 2 - a scroll-tastic jQuery plugin */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */ position: relative; }
.simply-scroll-clip { /* Clip DIV - automatically generated */ position: relative; overflow: hidden; }
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; display: block; }
.simply-scroll-btn { position: absolute; background-image: url(buttons.png); width: 42px; height: 44px; z-index:3; cursor: pointer; }
.simply-scroll-btn-left { left: 6px; bottom: 6px; background-position: 0 -44px; }
.simply-scroll-btn-left.disabled { background-position: 0 0 !important; }
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus { background-position: 0 -88px; }
.simply-scroll-btn-right { right: 6px; bottom: 6px; background-position: -84px -44px; }
.simply-scroll-btn-right.disabled { background-position: -84px 0 !important; }
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus { background-position: -84px -88px; }
.simply-scroll-btn-up { right: 6px; top: 6px; background-position: -126px -44px; }
.simply-scroll-btn-up.disabled { background-position: -126px 0 !important; }
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus { background-position: -126px -88px; }
.simply-scroll-btn-down { right: 6px; bottom: 6px; background-position: -42px -44px; }
.simply-scroll-btn-down.disabled { background-position: -42px 0 !important; }
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus { background-position: -42px -88px; }
.simply-scroll-btn-pause { right: 6px; bottom: 6px; background-position: -168px -44px; }
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus { background-position: -168px -88px; }
.simply-scroll-btn-pause.active { background-position: -84px -44px; }
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus { background-position: -84px -88px; }
/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */ width: 1000px; height: 70px; margin-bottom:3px; }
.simply-scroll .simply-scroll-clip { width: 1000px; height: 70px; }
.simply-scroll .simply-scroll-list { }
.simply-scroll .simply-scroll-list li { float: left; height: 70px;  padding:0px 25px; border-right:1px solid #e5e5e5; }
.simply-scroll .simply-scroll-list li img { }
.simply-scroll .simply-scroll-btn { }
.simply-scroll .simply-scroll-btn-left { }
.simply-scroll .simply-scroll-btn-left.disabled { }
.simply-scroll .simply-scroll-btn-left:hover { }
.simply-scroll .simply-scroll-btn-right { }
.simply-scroll .simply-scroll-btn-right.disabled { }
.simply-scroll .simply-scroll-btn-right:hover { }
.simply-scroll .simply-scroll-btn-up { }
.simply-scroll .simply-scroll-btn-up.disabled { }
.simply-scroll .simply-scroll-btn-up:hover { }
.simply-scroll .simply-scroll-btn-down { }
.simply-scroll .simply-scroll-btn-down.disabled { }
.simply-scroll .simply-scroll-btn-down:hover { }

	
	/* NOTE left-right classes wouldn't be needed on vertical scroller */

#galleria { width:710px; margin:0 auto; height:605px; }

/* Home Page Image Gallery Scroller Styles */
.img_scroller { padding:0px; margin:10px 0;}
.img_scroller .img_scroller_nav { position: absolute; }
.img_scroller .img_scroller_nav li { cursor: pointer; position: absolute; top:20px; }
.img_scroller .img_scroller_mask { position: absolute; margin-left: 35px; margin-right: 20px; overflow: hidden; }
.img_scroller ul { padding: 0px; margin: 0px; float: left;}
.img_scroller ul li { padding: 0px; margin:0px 10px 0 0; list-style: none; float: left; text-align: center; display:inline; }

.img_scroller ul li a { text-decoration: none; }
.img_scroller ul li a:hover { text-decoration: underline; }
.img_scroller ul li a img { border:1px solid #fff; border-radius:10px; }

/* Accordion Styles */
.accord_part{ margin-top:30px;}
h2.acc_trigger { padding:6px 10px 6px 35px; margin:6px 0 0 0; background: url(../images/sprite.png) left -7px no-repeat #ccc; font-size: 16px; font-weight: normal; cursor:pointer; border-radius:5px; transition: all 0.4s ease 0s; color:#111;}
h2.acc_trigger:hover{ background-color:#666; color:#fff; transition: all 0.4s ease 0s;}
h2.acc_trigger a { color: #fff; text-decoration: none; display: block; }
h2.acc_trigger a:hover { color: #ccc; }
h2.active { background-position: left -53px; border-radius:5px 5px 0 0; background-color:#dd0007; color:#fff; transition: all 0.4s ease 0s;}
.acc_container { margin: 0 0 5px; padding: 0; overflow: hidden; font-size:14px; clear: both; background: #f6f6f6; border: 1px solid #d6d6d6; -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; }
.acc_container .block { padding: 20px; }
.acc_container .block p { padding: 5px 0; margin: 5px 0; }
.frm_dwn{ padding-top:16px;}

/* UI TAB */
	
.container { margin: 10px 0; border-radius:6px; margin-top:30px; width:100%;}
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 45px; border-bottom: 1px solid #ddd; width: 100%; border-radius:6px 6px 0 0; }
ul.tabs li { float: left; margin:0 4px 0 0; padding: 0; height: 45px; line-height: 45px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: -1px; background: #999; overflow: hidden; position: relative;  border-radius:6px 6px 0 0; font-size:18px;}
ul.tabs li a { text-decoration: none; color: #fff; display: block; font-size: 18px; padding: 0 20px; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #eee; color:#333; }
ul.tabs li.active a{ color:#333;}
.tab_container { border: 1px solid #ddd; border-top: none; clear: both; float: left; width: 100%; background: #eee; border-radius:0 0 6px 6px;  }
.tab_content { padding: 20px; font-size: 13px;}
.tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dotted #bbb; font-size: 18px; color:#c30b12;}
.tab_content h3 a { color: #254588; }
.tab_content .fancybox img { border:1px solid #ccc; border-radius:6px;}
.tab_content ul{ margin-left:20px;}
.tab_content li{background: url(../images/bullet2.png) left 4px no-repeat; padding:0 10px 0 20px; margin-top:4px;}