/*   
Theme Name: FSI Custom Theme
Theme URI: http://www.fabricationspecialties.com
Web Design URI: http://waggdesign.com
*/


/* ----- Reset Style Rules -----*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-family:arial,helvetica,sans-serif;}
ol, ul {list-style: none;}
a img { border: none; }

/* -----  General Font Style Rules ----- */
body {font-family:helvetica, arial;color:#555;background:#292b35;}
h1, h2, h3, h4, h5, h6 { float:left;}
a {color:#2f508c;text-decoration:none;}
a:hover {color:#2C3247;}

h1 {float:left;width:100%;font-size:2em;color:#444;font-family:georgia;}
.page h1 {float:left;margin:0 0 10px 0 !important;}
h2{font-size:1.4em;width:100%;padding:5px 0 5px 0;margin:0 0 5px 0;color:#db5a3c;}
/* Provides extra space & border on h2 tags on when appropriate */
h2.divider {border-top:1px solid #dbdcdd;padding:20px 0 10px 0;margin-top:15px;}
h3 {border-bottom:1px solid #dbdcdd;padding:5px 0;margin:0 0 5px 0;}

p {float:left;}
#homeContent p, .page p {float:left;width:100%;margin:5px 0;font-size:.9em;line-height:17px;}

/* -----  Basic Layout ----- */
#container {width:100%;float:left;background:#fff;padding:50px 0 60px 0;min-height:600px;}
#content{width:960px;margin:0 auto;background:#fff;}
#homeContent {float:left;width:100%;background:#fff;}

/* -----  Grids ----- */
.c1024 {width:1024px;margin:0 auto;}
.c960 {width:960px;margin:0 auto;}
.c820,.c790,.c760,.c480,.c380,.c240,.c190,.c152,.c120 {float:left;}
.c820 {width:790px;}
.c760 {width:720px;}
.c480 {width:480px;}
.c380 {width:360px;}
.c240 {width:240px;}
.c190 {width:170px;padding:0 10px 0 0;}
.c152 {}
.c120 {width:120px;}

li.c190 {margin-bottom:5px;}
li.c190 a {font-size:.9em;}
.c190 a sup {font-size:.7em;vertical-align:top;}
.c190 span {float:left;}
.c380 p {width:320px !important;}

/*.320p p {width:320px !important;float:left;}*/

/* -----  Extra spacing ----- */
.tenpx {float:left;width:100%;margin:5px 0;}
.twentypx {float:left;width:100%;margin:10px 0;}

/* ----- Navigation ----- */
#nav {float:left;display:inline;width:100%;background:#212228;border-bottom:10px solid #2F3A5E;height:95px !important;margin-bottom:20px;position:relative;}
.skip-link {display: none;}
.menu { float:right;margin:55px 0 0 0;}

.sf-menu, .sf-menu * { margin: 0; padding:	0;	list-style: none; }
.sf-menu {	line-height: 15px; height: 15px; }
.sf-menu ul { position: absolute; top: -9999px;  /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%;  }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ cursor:pointer;}
.sf-menu li { float: left; position: relative;float:left;background:#1f5195; margin:0 0 0 5px;font-weight:bold;}
.sf-menu a { display: block; position: relative; text-decoration: none; color:#d8dfe9;padding:10px 15px 10px 15px; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -9999px; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -9999px; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 150px; /* match ul width */ top: 0; }
.sf-menu { float: left; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#2F3A5E !important; outline: 0;}
.sf-menu li ul { opacity: 0.98; padding-top:0px; width: 200px;font-size:.9em; }
.sf-menu li ul ul { opacity: 0.98; padding-top:0px; width: 200px; }
.sf-menu li ul li {margin:0 !important;padding:0 !important;background:#2F3A5E;}
.sf-menu ul a, .sf-menu ul a:visited  {color:#c7cfea;line-height: 30px; width:180px;padding:10px !important;
font-weight:normal;}
/* Second Level Style Rules */
.sf-menu li ul ul{background:#5988c6;width:360px;font-size:1.05em;}
.sf-menu li ul ul li {width:180px;float:left;display:inline;}
.sf-menu #nav-material ul,.sf-menu #nav-brand ul {padding:8px 0;}
.sf-menu #nav-material ul {margin-top:-50px;min-height:134px;}
.sf-menu #nav-brand ul {margin-top:-100px;min-height:134px;}
.sf-menu #nav-brand ul a {padding:1px 0 2px 20px !important;}
.sf-menu #nav-material ul a {padding:3px 0 3px 20px !important;}

/* Second Level Hover Effects */
.sf-menu li ul li:hover, .sf-menu li ul li.sfHover, .sf-menu li ul li a:focus, .sf-menu li ul li a:active, .sf-menu li ul li a:hover {background:#5988c6 !important;}
.sf-menu li ul li a:hover {background:#5988c6 !important;}
.sf-menu li ul ul li a {background:#5988c6 !important;padding:3px 0 3px 20px !important;width:160px !important;}
.sf-menu li ul ul li a:hover {color:#2F3A5E; text-decoration:underline;}

/* ----- Logo / Branding Style Rules ----- */
.logo {float:left;margin:-70px 0 0 40px;position:relative;height:250px;width:250px;overflow:hidden;}
.ie6-logo {display:none;}

/* ----- Right Sidebar Style Rules -----*/
#primary {float:right;width:180px;margin:0;background:#fff;}
#primary ul {list-style:none;float:left;margin:5px 0;padding:0;}
#primary li {float:left;width:100%;margin:0;padding:3px 0;}
#primary .side-contact span {float:left;width:100%;font-size:.8em;padding:0 0 3px 0;}
#primary a {font-size:.9em;}
#primary img {margin-bottom:10px;width:180px;}
#primary .side-energy span {font-size:.8em;}
#primary .energy-efficient {height:50px;width:50px;float:right;}
#primary h3 {width:100%;line-height:18px;}

/*li.sidebar-button {float:left;}
.sidebar-button b {font-size:.8em;float:left;padding:0 0 3px 0 !important;cursor:pointer;color:#db5a3c;}*/

/* ----- Search Results -----*/
#search-3 {float:left;width:200px;margin:0;padding:10px 10px;}
#search-3 h3 {float:left;width:100%;font-size:1em;font-weight:normal;padding-bottom:5px;color:#333;}
#search-3 form {padding:5px 0;}
#search-3 input#s {width:80px;height:18px;font-size:1.02em;color:#3d3939;}
.search-excerpt {background:yellow;}
.search .hentry {border-bottom:1px solid #ccc;margin:5px 0;padding:10px 0 0 0;}
.search p {font-size:.8em;}
	
/* ----- Specific Content Grids -----*/
#menu {float:left;margin:0;}

/* Home Page Top */
#home-page-top {float:left;background:#fff;margin-top:-60px;height:55px;padding:5px;width:710px;
filter:alpha(opacity=80)-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#home-page-top img {float:left;}
#home-page-top h1 {float:left;font-size:1em;margin-bottom:5px !important;}
#home-page-top p {font-family:georgia;font-size:.8em;float:left;margin:0 !important;}
/*h1 .subtitle {font-weight:normal;float:left;font-size:.75em;padding:2px 0 0 0;}*/

/* Home Page - Products*/
.products p {font-size:.85em;}
.products b,.services b,.certs b {float:left;width:160px;padding:5px;font-size:.9em;}
.products span,.services span, .certs span {float:left;font-size:.9em;padding:5px 0;}
.products a img {width:168px;border:1px solid #ccc;margin:0 0 5px 0;}
.products a img:hover {border:1px solid #7F8AAF;}
.products b {background:#1f5195;color:#dfe1e3;font-weight:normal;}

/* Home Page - Services & Certifications*/
.services b {background:#fff;color:#292b35;padding:5px 0 0 0;}
.certs {text-align:center;}
.certs b {background:#292b35;color:#dfe1e3;font-weight:normal;}

/* About Page - Values */	
.values {float:left;margin:10px 0 0 0;}
.values p {float:left; width:360px !important;}
.values img {float:left;height:40px;width:40px;margin-top:5px;}
.values b {float:left;width:280px;padding:4px 10px 2px 10px;}
.values span {float:left;font-size:.9em;width:280px;padding:0 10px;}

/* Materials & About Page - Brands */
.brands img {float:left;width:168px;height:60px;border:1px solid #ccc;margin-bottom:3px;}
.brands div {float:left;width:170px;margin:5px 10px 5px 0;}
.brands a {font-size:.9em;}

/* About Page - FSI Difference */
.difference {float:left;padding:10px 0;}
.difference p {float:left;width:360px !important;}
.difference span {float:left;width:240px;margin:-2px 0 0 0;}
.difference img {float:left;padding-right:10px;}
.difference b {font-size:1.2em;float:left;width:360px;}

/* Materials Page - Types */
.types {font-size:.8em;}
.types div {float:left;width:142px;margin:5px 2px 5px 0;}
.types img {width:140px;height:94px;border:1px solid #ccc;margin-bottom:10px;padding-top:20px;}
.types a {width:140px;float:left;}
.types b {display:block;width:142px;padding:6px 0;margin-bottom:3px; text-align:center;background:#1f5195;color:#dee7f2;}
.types span {padding-left:5px;float:left;display:inline;}
.types a:hover b {background:#5988c6;}
.types a:hover img {border-color:#5988c6;}

/* Services Section - Fabrication Page */
.fabrication-abilities {float:left;margin-top:20px;}
.fabrication-abilities ul {float:left;}
.fabrication-abilities li {float:left;margin:10px 0;width:720px;}
.fabrication-abilities li span {float:left;width:540px;margin-top:-15px;font-size:.9em;}
.fabrication-abilities b {float:left;width:100%;margin-bottom:10px;}
.fabrication-abilities li img {float:left;width:100px;height:83px;padding-right:20px;}

/* Images Galleries & Text Info */
.images {float:left;margin:0 0 20px 0;color:#333;width:450px;display:inline;}
.images img {float:left;width:450px;height:250px;margin:0;padding:0;}
.images .stripe {float:left;margin:-55px 0 0 0;padding:5px 10px;width:430px;height:45px;background:#eee;
	filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.title, .text {width:400px;float:left;color:#333;margin:0;}
.title {font-weight:bold;}
.text {font-size:12px;padding:3px 0;}
.imgnav {width:450px;margin:-7px 0 0 0;padding:10px 0;float:left;}
ul.switch {float:right;font-size:.9em;}
ul.switch li{display:inline;float:left;padding:5px 8px;margin-left:2px;cursor:pointer;border:1px solid #ccc;}
ul.switch li:hover {background:#fafbc8}
#on {color:#222;font-weight:bold;}

#img2,#img3,#img4,#img5,#img6,.cap2,.cap3,.cap4,.cap5,.cap6 {display:none;}

/* Info Box Adjascent to Image Gallery */
.info {float:right;width:218px;height:229px;background:#292b35;border:1px solid #7e86a3;padding:10px 15px;
	color:#d4d7e6;font-family:georgia;display:inline;}
.info b {font-size:1.5em;}
.info ul {float:left;list-style-type:square;list-style-position: inside;width:200px;margin:0 !important;padding-left:12px;
	text-indent: -12px;line-height:20px;display:inline;}
.info li {font-size:.8em;margin-bottom:5px;}

/* List Data Sheets */
.list-data-sheet p {float:left;padding-left:10px !important;width:710px;}
.list-data-sheet a,.list-data-sheet img, .list-data-sheet span {float:right;}
.list-data-sheet img {margin-left:20px;}
.list-data-sheet span {margin-top:-15px;}

/* ----- Tab Navigation -----*/
.tabnav {float:left;width:100%;margin:10px 0;color:#eee;}
.tabnav ul {float:left;width:100%;border-bottom:3px solid #757b98;}
.tabnav li {float:left;list-style:none;padding:5px 10px 2px 10px;margin:0 3px 0 0;background: #3e414f;cursor:pointer;}
.tabnav .selected {background: #757b98;}


/* ----- Materials List Style Rules -----*/
.material {float:left;width:100%;margin:10px 0;}
.material h2 {margin:0 !important;}
.material ul {float:left;width:100%;padding:10px 0;}
.material li {font-size:.9em;}
.material li.name {float:left;width:100%;}
.material li.name {font-size:1.2em;}

/* Material Type (aka The More Info Section) */
.product-type {margin-bottom:20px;}
.product-type ul {float:left;width:100%;}
.product-type li {float:left;width:100%;border-bottom:1px solid #ccc;}
.product-type li:nth-child(even) {background: #f0f5fb;}
.product-type li:nth-child(odd) {background: #fff;}
.product-type li span {float:left;width:100%;}
.product-type li img {float:right;}
.product-type .show {cursor:pointer;}
.product-type p {padding:10px 0 0 0;}
.product-type p sup{font-size:.8em;vertical-align:top;}
.product-type li ul {display:none;border:none;float:left;padding:0 0 5px 0;background: #fff !important;}
.product-type li ul li {float:left;width:auto;padding:0 10px 3px 0;border:none;background: #fff !important;}
.product-type li ul li.full {margin:10px 0 5px 0;}
.product-type li ul li.full b {color:#db5a3c;}
.product-type a.product-link,.product-type span.product-link {float:right;text-align:center;width:40px;margin-top:-8px;}
.product-type a.product-link img {height:20px;width:20px;padding:0 10px;}
a.product-link span {float:left;width:100%;padding-top:3px;font-size:.8em;color:#2f508c;}
.product-type .first {padding:15px 0;float:left;width:100%;}
.product-type .first:hover {background:#fff !important;}
.product-type li ul li.full {width:100%;float:left;}

/* ----- Individual Material Pages  -----*/
#product-specific h1 span {float:left;width:100%;font-size:.5em;font-weight:normal;}
#product-specific h1 {margin-bottom:20px;padding-bottom:5px;}
#product-specific ul {float:left;margin:0 0 20px 0;}
#product-specific li {margin:5px 0 0 0;font-size:.9em;}
#product-specific li span {padding-left:10px;}
#product-specific sup {font-size:.6em;vertical-align:top;}
#product-specific .product-image {float:left;}
#product-specific .product-image img {border:1px solid #ccc;float:left;}
.goback {float:left;margin:30px 0 !important;font-size:.9em;}
.goback a {float:left;margin-right:10px;}

/* ----- Certification List Style Rules ----- */
ul#certifications {float:left;list-style:none;}
ul#certifications li {float:left;width:100px;margin:10px;}

/* ----- Google Maps Canvas & Directions  -----*/
#map_canvas {width:700px;height:300px;float:left;}
#getDirections {float:left;width:700px;margin:20px 0 10px 0;}
#getDirections input {height:25px;font-size:14px;margin:10px 0 0 0;}	
#directionsPanel {width:700px;float:left;}
#directionsPanel table {width:700px;}
.directionH2 {font-size:.7em;font-weight:lighter;}

/* ----- Footer Style Rules ----- */
#footer {width:1024px;margin:0 auto;}
#footer .footerSec {float:left;width:100%;background:#ccc;padding:15px 0 10px 0;border-top:2px solid #777;}
#footer p {float:left;padding-left:0px;margin:3px 0;}
#footer .footerSec a {color:#444;text-decoration:underline;}
#footer .footerSec a:hover {color:#555;}
#footer .fsi {font-size:1.4em;color:#444;margin-bottom:10px;}
.footer-logo {float:right;position:relative;margin:-75px 25px 0 0;}
#site-info .wagg {float:right;width:auto;font-size:14px;}
#site-info a:hover {color:#fff;}
#copyright {float:left;width:500px;font-size:14px;color:#eee;}

/* ----- Modal Contact Form ----- */
/* layout */
.ui-dialog,#dialog-form  {display:none;}
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ui-dialog {-moz-box-shadow: 2px 2px 5px #000;-webkit-box-shadow: 2px 2px 5px #000;box-shadow: 2px 2px 5px #000;}
.ui-dialog {background:#fff;float:left;display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; }
.ui-dialog-titlebar {margin:0;color:#fff !important;background:#1f5195 !important;border-bottom:1px solid #292b35;}
.ui-dialog-buttonpane {padding:5px;margin:5px;border:none !important;}
/* button callout */
.create-user {cursor:pointer;}
.ie6-form {display:none;}
.ui-dialog img {height:20px;width:20px;float:right;}
/* form elements */
#dialog-form {margin:5px;padding:10px;float:left;}
#dialog-form form {float:left;}
#dialog-form form p {float:left;width:300px;}
#dialog-form label {float:left;width:80px;padding-top:2px;}
#dialog-form input,#dialog-form select {width:200px;height:25px;font-size:18px;float:left;}
#dialog-form textarea {width:500px;height:100px;max-width:500px;max-height:120px;float:left;}
#dialog-form button {float:left;text-align:right;}
#dialog-form .submit {width:auto !important;padding:3px;margin:10px 0 0 10px;float:left;font-size:12px !important;}
#dialog-form .submit-buttons {margin:0 0 20px 470px;width:200px !important;}
#dialog-form .validateTips {font-size:.8em;font-weight:bold;color:#777;margin-bottom:15px;width:100%;}
#dialog-form .message-text {float:left;width:600px !important;}
#dialog-form h4 {width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;}

.ui-button-text,.order-request-span {width:auto !important;margin-right:7px !important;}

.ui-dialog-titlebar a {float:right;max-width:50px !important;}
.ui-dialog-title {float:left;padding:20px 0px 15px 15px;}
a.ui-dialog-titlebar-close {float:right;color:#fff;}
span.ui-icon {font-weight:bold;padding:20px 15px 15px 15px;float:right;width:auto !important;}
span.ui-icon:hover { color:#5988c6;}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

/* 404 Page */
.error404 .entry-content ul li {float:left;width:600px;margin:3px 0;}

/* Posts & Search */
.hentry {float:left;width:700px;}
.entry-title {margin:10px 0 !important;}
.page-title {width:700px !important;}

/* Content */
.post-edit-link {width:100%;float:left;}
.post {margin: 0 0 25px 0;	}
.entry-content {margin:0;padding:0;float:left;width:720px;}
 .entry-summary {margin:5px 0 0 0;}
/* Contact Form Style Rules */
#form p {margin:20px 0;float:left;width:100%;}
#form ul {float:left;margin-bottom:10px;}
#form li {float:left;width:100%;padding:3px 0;}
#form input,#form select {width:280px;height:25px;font-size:18px;}
#form textarea {width:640px;height:125px;font-size:14px;}
#form label,#form input,#form select {float:left;}
#form .submit-li {float:left;width:150px !important;}
#form .submit {width:auto;font-size:12px !important;}


/* Navigation */
.navigation {margin: 0 0 1.5em 0;overflow: auto;}

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}