/*
Theme Name: Ott Welding
Theme URI: http://www.ottwelding.com/
Description: The default WordPress theme based on the famous <a href="http://multimiro.com">multiMiro</a>.
Version: 1.0
Author: Erinn Dulin
Author URI: http://www.multiMiro.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */

/* FOUNDATION
============================================================*/
body {
	font-family: Arial, Helvetica, sans-serif; 
}

.mapp-poweredby {display: none;}

h1 {color: #293e57; font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight: normal; line-height: 27px; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px;}
h2 {color: #293e57; font-family: Arial, Helvetica, sans-serif; font-size: 17px; margin: 5px 0px 5px 0px; font-weight: bold; text-align:left; border: 1px solid transparent;}
h2.subHead {width: 220px;}
h3 {color: #6e6558; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px;}
h4 {
	color: #004D44; 
	font-size: 12px; 
	font-weight: bold; 
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px;
}
h5 {color: #004D44; font-size: 12px;}

p {color: #000; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; line-height: 18px; margin: 0px 10px 0px 0px; padding: 0px 0px 17px 0px;}
b, strong, p strong, p b{color: #293e57 !important;}
b.lrg, strong.lrg, strong.lrg, b.lrg {font-size: 14px;}
a {border: none; color: #e54d47;position: static !important; }
a:hover {color: #000;}
a img {border: none;}
ul {font-size: 12px;margin: -10px 0px 0px 30px; padding: 0px 0px 20px 0px;}
ul li {color:#564F48; margin: 0px 0px 0px 20px; padding:0px 0px 5px 0px;}
ul li ul {margin: 5px 0px 0px 0px; padding: 0px;}
ul li ul li {margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;}
ol {color: #564F48; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 25px;}
ol li {padding: 0px 0px 10px 0px;}
.clearSm {clear: both; font-size: 1px; height: 1px;}
table {font-size: 12px; margin: 0px; padding: 0px; }
table td {font-size: 12px; margin: 0px; padding: 0px 0px 10px 0px; vertical-align: top;}
table td.left {padding: 0px 0px 10px 0px; width: 100px;}

/* START / HEADER
============================================================*/
body {
	background: url(images/template/background-main-body.jpg) repeat-y center #dedede;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;
	text-align: center;
}

.mainContainer {
	behavior: url("iepngfix.htc");
	background: url(images/template/background-shadow.png) repeat-y;
	margin: 0px auto;
	text-align: center;
	width: 722px;
}

.innerContainer {
	margin: 0px auto;
	width: 712px;
}

/* HEADER
============================================================*/
.header {
	display: block;
	height: 115px;
	margin-bottom: 1px;
	position: relative;
}

.header .tagline {
	font-size: 12px;
	font-style:italic;
	position: absolute;
	left:150px;
	top: 40px;
}

.header .logo {
	position: absolute;
	top:-29px;
	left: 10px;
}

.header .top {
	height: 65px;
}

.header .mainNav {
	background: #000;
	height: 50px;
}

.jumpNav {
	position: absolute; 
	right: 20px; 
	bottom: 60px;
}
.jumpNav li {
	float: left;	
	font-size: 11px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.jumpNav li a {color: #7d8c95; border-right: 1px solid #7d8c95;margin: 0px; padding: 0px 10px; text-decoration: none;}
.jumpNav li.page-item-56 a {bordeR: none;}

/* NAVIGATION
======================================================================*/
.mainNav {background: #000; position: absolute; bottom: 0px; left: 0px;}
#nav {
	height: 50px;
	list-style-type: none;
	margin: 0px 0px 0px 165px;
	padding: 0px 0px 0px 0px;
	width: 548px;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#nav ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 50px; left: 0px;
}

#nav ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

#nav ul li {
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	width: 200px;
}

/* Root Menu */
#nav a {
	border-left: 1px solid #6f6f6f;
	border-right: 1px solid #414141;
	color:#FFF;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 11px/28px arial, Helvetica, sans-serif;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	padding: 21px 0px 5px 0px;
	text-decoration: none;
	text-transform: uppercase;
	width: 135px;
}

/* Root Menu Hover Persistence */
#nav a:hover,
#nav li:hover a,
#nav li.iehover a {
  background: #DC120A;
  color: #FFF;
}

#nav ul li a.first {border-top: 1px solid #FFF !important;}
#nav .current_page_item a,
#nav .current_page_parent a {background: #DC120A;}

/* 2ND MENU
======================================================================*/
#nav li ul {border-top: 1px solid #fff; margin: 0px;padding: 0px; text-align: left; width:200px; z-index: 1000 !important;}  /* needs to be fixed in ie7*/
#nav li:hover li a,
#nav li.iehover li a {
	background: #EDEDED;
	border: none;
	border-bottom: 1px solid #CDCDCD;
	color: #000;
	float: none;
	font-weight: normal;
	padding: 0px 10px;
	text-transform: none;
}

/* 2nd Menu Hover Persistence */
#nav li:hover li a:hover,
#nav li:hover li:hover a,
#nav li.iehover li a:hover,
#nav li.iehover li.iehover a {
  background: #DC120A;
  color: #FFF;
}

/* 3RD MENU
======================================================================*/
#nav li ul li ul {border-top: none;position: absolute; top: -1px; left: 199px;}  /* needs to be fixed in ie7*/
#nav li:hover li:hover li a,
#nav li.iehover li.iehover li a {
  background: #B24B01;
  color: #FFF;
}

/* 3rd Menu Hover Persistence */
#nav li:hover li:hover li a:hover,
#nav li:hover li:hover li:hover a,
#nav li.iehover li.iehover li a:hover,
#nav li.iehover li.iehover li.iehover a {
  background: #8A3A01;
  color: #FFF;
}

/* 4th MENU (NOT BEIGN USED JUST IN CASE)
======================================================================*/
#nav li:hover li:hover li:hover li a,
#nav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
#nav li:hover li:hover li:hover li a:hover,
#nav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

#nav ul ul,
#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko
======================================================================*/
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul {
  display: none;
}

#nav li:hover ul,
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav li.iehover ul,
#nav ul li.iehover ul,
#nav ul ul li.iehover ul {
  display: block;
}


/*
======================================================================*/
.innerContainer {
}


/* HOMEPAGE
======================================================================*/
.home-callout {
	padding: 40px 0px 40px 20px;
}

.home-callout ul {list-style-type: none;}
.home-callout td {
	list-style-type: none; 
	margin: 0px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	vertical-align: top;
	width: 180px; 
	border-left: 1px solid #c0c0c0;
}

.home-callout td h2 {
	margin: 0px;
	padding: 0px;
}
.home-callout td p {color: #000; font-size: 12px; padding: 0px;}
.home-callout td .lrg {color: #293e57; font-size:23px; font-weight: bold;}
.home-callout #section-3 {border-left: none;}



/* INTERNAL PAGE (regular)
======================================================================*/
.internal {
	display: block;
	margin: 0px !important;
	padding: 48px 0px 25px 0px;
}

.internal .colL {
	display: block;
	float: left;
	margin: 0px 0px 0px 20px; 
	width: 145px;
}

.internal .colL ul {font-size: 12px; list-style-type: none; margin: 0px; padding: 0px;  width: auto !important;}
.internal .colL ul li {margin: 0px; padding: 0px 0px 0px 0px; text-align: right; width: auto !important; }
.internal .colL ul li.parent a {font-weight: bold !important; text-decoration: none;}
.internal .colL ul li a {display: block; padding: 0px 10px 5px 0px !important;}
.internal .colL .current_page_item a {color: #9f9d9e;text-decoration: none !important;}
.contentInformation {color: #03283d; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.galleryBar {
	display: block;
	float: left; 
	height: 1px;
	margin: 0px 0px 0px 0px; 
	position: relative; 
	width: 400px;
	z-index:1 !important;}
.galleryBar .link {
	font-size: 11px;
	position: absolute; right: 0px; bottom: 0px;
	width: 150px;
}

.internal .colR {
	border-left: 1px solid #aaaaaa; 
	display: block;
	float: right;
	padding: 0px 100px 0px 20px;
	text-align: left;
	width: 425px;
}
.colL h1,
.internal .colR h1 {padding: 0px;}
.colL h2,
.internal .colR h2 {font-size: 15px; font-weight: normal !important; margin: 0px; padding: 0px 0px 10px 0px;}

.lightboxHeader td{padding: 0px 10px 10px 0px; }
.lightboxHeader td img{padding: 0px 15px 0px 0px; }

.lightboxTable td {padding: 0px 10px 15px 0px;}
.lightboxTable td img {border: 1px solid black;}

.process img {border: 1px solid black; margin: 0px 25px 0px 0px;}
.process bold,
.process strong{font-size: 17px;}


/* PROJECT GALLERY
======================================================================*/
.projectGallery {padding: 45px 0px 0px 60px;}
.divider {border-top: 1px solid black;font-size: 10px; line-height: 1px;}
.projectGallery .colL {
	float: left;
	text-align: left;
	width: 460px;
}

.projectGallery .colR {
	float: right;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

.galleryContainer {
	padding: 0px 0px 20px 0px;
}
.galleryContainer .instructions {
	float: right;
	font-size: 11px;
	padding: 5px 0px 10px 10px;
	text-align: left;
	width: 175px;
}

.galleryContainer {}

.projectByHeader {margin-top: 0px;}
.projectByHeader .colL {display: block; padding-right: 20px;width: 245px;}
.projectByHeader .colR {display: block; width: 180px;}
.projectByTitle {color: #8a8282; font-size: 12px;}
.projectByType {color: #03283d; font-size: 20px; font-weight: bold;}
.projectByDescription {color: #03283d; font-size: 19px;}
.projectsByNav {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}
.projectsByNav .widget {
	color: #abaaaa;
	padding-bottom: 40px;
}
.projectsByNav h2 {
	font-size: 12px;
	padding-bottom: 5px;
}
.projectsByNav a {display: block; margin: 0px; padding: 5px 0px 0px 0px;}




/* FOOTER
======================================================================*/
.footerShadow {
	behavior: url("iepngfix.htc");
	background: url(images/template/background-footer-shadow.png);
	height: 13px;
	margin: 0px auto;
	width: 722px;
}

.footer {
	color: #454545;
	font-size: 12px;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	position: relative;
	text-align: left;
	width: 714px;
}

.footer .colL {
	position: absolute;
	left: 5px;
	bottom: 0px;
}

.footer a {color: #454545; text-decoration: underline;}
.footer .colR {
	position: absolute;
	right:5px;
	bottom: 0px;
}