/* identitycreation.com CSS */
@font-face 			{font-display: auto;font-family: 'Lato'}
html, body			{margin: 0; padding: 0; background-color: #fff; font-family: 'Lato', sans-serif; overflow-x: hidden;}
h1					{margin: 0; padding: 0; font-weight: 400;}
a.img, img			{border: 0;}
.clearfix			{clear:both;}
ul					{margin: 0 0 20px 0; font-weight: bold;}

/*prevent ios from styling phone numbers*/
a[href^=tel] 	{color:inherit;text-decoration: none;}

/*side bar menu */
div#side-bar		{position: fixed; left: 0; top: 227px; z-index: 99;}
div#side-bar a	{text-decoration: none; color:#fff; margin: 0 0 5px 0; text-align: center; 
				text-transform: uppercase;font-size: 12px; padding: 5px 5px 5px 10px; text-align: right;
				left: -105px; position: relative;display: block; -webkit-transition: left 0.4s; -moz-transition: left 0.4s;}
div#side-bar a i	{font-size:25px; margin: 0 0 0 15px;}
div#side-bar a:hover{left: 0;}
div#side-bar a:nth-of-type(1)	{background: #cd7313;}
div#side-bar a:nth-of-type(2)	{background: #535353;}
div#side-bar a:nth-of-type(3)	{background: #c3411f;}
div#side-bar a:nth-of-type(4)	{background: #5b683b;}
div#side-bar a:nth-of-type(5)	{background: #3b5998;}
div#side-bar a:nth-of-type(6)	{background: #4099ff;}
div#side-bar a:nth-of-type(7)	{background: #3b5998;}

/*Camera styles */
.camera_caption h1.large-inc-shadow{text-shadow: 2px 2px 10px #000;font-size: 42px} 
.camera_caption p.shadow,.camera_caption h1.shadow	
					{text-shadow: 1px 1px 5px #000;}
/* main menu */
#menu-container		{width: 100%; background: #fdc62e;}
#main-menu			{}
#main-menu ul		{margin: 0 auto 0 auto; width: 1000px; display: table;padding:0;}
#main-menu li		{display: table-cell; position: relative; z-index: 1000;}
#main-menu li a		{text-decoration:none; color: #fff; font-weight: 300; font-size: 14px;
					padding: 10px; display:block;text-align: center; 
					-webkit-transition: background 0.4s; -moz-transition: background 0.4s; 
					-o-transition: background 0.4s; -ms-transition: background 0.4s; transition: background 0.4s;}
#main-menu li ul 		{display:none;}
#main-menu li:hover ul	{display:block;position: absolute; margin: 0;background: #13557a; width: 250px; padding:0;}
#main-menu li ul li		{display:block;}
#main-menu li ul li a	{text-align: left;}
#main-menu li:nth-child(1) a,#main-menu li:nth-child(1) ul li a
							{background:#c14228;}
#main-menu li:nth-child(2) a{background:#5b673d;}
#main-menu li:nth-child(3) a{background:#cb7225;}
#main-menu li:nth-child(4) a{background:#535353;}
#main-menu li:nth-child(5) a{background:#185578;}
#main-menu li:nth-child(6) a{background:#459bfc;}
#main-menu li:hover,#main-menu a.active	{}

/* Main Styling */
#page-top-container	{width: 100%; background:#cd7313;}
#page-top			{margin: 0 auto 0 auto; max-width: 1000px; width: 100%;}
#page-top a			{color: #fff; text-decoration: none; padding: 10px; display:inline-block; font-size: 16px;}
#page-top a.social	{float:right;}
#page-top a i    	{font-size: 19px;}
#banner-container	{width: 100%; background: url(../images/banner-tile.gif) repeat-x; height: 128px; background-color:#ffc800;}
#banner				{margin: 0 auto 0 auto; max-width: 1000px;width: 100%;}
#banner a.logo		{margin-top: 30px; float:left;text-decoration:none;}
#banner a.logo img	{float:left;}
#banner a.logo h1	{font-size: 21px; color:#000;float:left;margin: 15px 0 0 20px;font-weight:100;}
#banner a.tel		{float:right;margin: 20px 0 0 0;font-size: 22px;color: #fff; text-decoration: none; position:relative; z-index: 100;}
#banner a.tel img	{width: 40px; margin: 0 15px 0 0;vertical-align:middle}
#banner a.email-link{float:right; clear:right;color:#fff;font-size: 18px;}
#banner p.open-times{float:right; clear:right;color:#fff;margin: 10px 0 0 0;}
#slideshow-container{width: 100%; background: #fff; height: auto; padding-top: 25px; padding-bottom: 25px;}
#slideshow			{margin: 0 auto 0 auto; max-width: 1000px;}
#slideshow a			{text-decoration: none; color:#fff; background: rgba(0,0,0,0.5); padding: 8px 30px 8px 30px; border: 3px solid #555;
					float:left; margin: 10px 0 0 0}
.fluid_container 	{margin: 0 auto;width: 100%; height: 100%;}

/* Homepage intro*/
div.hp-intro-wrapper	{width: 100%; background:#e4e4e4;padding: 10px 0;}
div.hp-intro			{max-width: 1000px; width: 100%;margin: 0 auto;text-align: center;background:#f7f7f7}
div.hp-intro h1		{font-weight: 300;padding: 10px 0;color:#0f4e74;}
div.hp-intro p		{line-height: 26px;width: 80%;margin: 0 10%;padding: 10px 0 20px;}

#button-bar-container{width: 100%; background: #f2f2f2; height: auto; padding-bottom: 10px}
div.btn-boxes		{margin: 0 auto 0 auto; width: 1000px;}
div.box.right div.btn-boxes	{width: 100%;}

/* shortcut boxes home page*/
div.btn-box				{width: 31.8%; float:left; background: rgba(255,255,255,0.7);
						height:180px;margin-right: 2.3%; margin-top: 25px; overflow: hidden;
						position: relative;}
div.btn-box:nth-of-type(3){margin-right: 0}
div.btn-box:nth-of-type(6){margin-right: 0}
div.btn-box img			{position: absolute;left: 0; top: 0; width: 100%; z-index: 1}
h1.btnbox				{width: 100%; padding: 10px 0 10px 26px; font-size: 16px; z-index: 4;
						position: relative;}
div.btn-box h1 a			{color: #fff; font-weight:600;text-decoration: none; display:block;}
div.btn-box h1 a span	{position: absolute; left: -400px; width:100%; height: 180px; top: 39px;opacity: 0;
						background: rgba(0,0,0,0.5); transition: left 0.4s, opacity 0.4s;-webkit-transition: left 0.4s, opacity: 0.4s;}
div.btn-box h1 a span p	{color: #fff;width: 75%; margin: 10px 0 0 26px;}
div.btn-box h1 a:hover span{left: 0;opacity: 1;}
div.btn-box p			{margin: 0; font-weight: 200;}
div.btn-box h1 a i 		{float:right;margin-right: 46px;}
div.btn-box:nth-of-type(1) h1{background: #c3411f;}	
div.btn-box:nth-of-type(2) h1{background: #5b683b;}	
div.btn-box:nth-of-type(3) h1{background: #cd7313;}	
div.btn-box:nth-of-type(4) h1{background: #535353;}	
div.btn-box:nth-of-type(5) h1{background: #115177;}	
div.btn-box:nth-of-type(6) h1{background: #4099ff;}	

/*shortcut boxes rest of site*/
div.box.right div.btn-boxes div.btn-box 	{width: 100%;margin: 0 0 10px 0} 
div.box.right div.btn-box h1				{width: 100%; padding: 10px 0 10px 26px !important; font-size: 16px !important;
										z-index: 4; position: relative;}
div.box.right div.btn-box h1	a			{color:#fff !important; border: 0 !important;margin: 0 !important;}
div.box.right div.btn-box h1 a i 		{float:right;}									
div.box.right div.btn-box h1 a span p	{padding: 10px 26px 26px 26px !important;color: #fff !important}
a.video-btn			{background:#fac140; color:#144e72;width: 100%; text-decoration:none;display:block;float:left;text-indent: 30px;padding: 10px 0;}
a.video-btn i 		{float:right;margin: 0 23px 0 0;font-size: 24px;}										

#container			{width: 100%; background: #e4e4e4; height: auto;}
#content				{margin: 0 auto 0 auto; width: 1000px; height: auto;}
#content	 .main-video{width: 100%;}
#content .box		{width: 31.8%; float:left; background: rgba(255,255,255,0.7); margin-right: 2.3%;
					margin-top: 25px; margin-bottom: 40px;}
#content .box.hp_tall{height: 400px !important;}
#content .box h1		{padding: 26px;font-size: 21px; color: #0f4e74;}
#content .box h2		{padding: 0 26px 20px 26px;font-size: 16px; color: #0f4e74; margin: 0}
#content .box p		{padding: 0px 26px 20px 26px; font-size: 16px; color: #333; margin: 0; font-weight: 200;}
#content .box img	{width: 100%;}
#content .box p img	{float:right; width: 45%; margin: 0 0 10px 10px}
/*#content .box a 		{border: 2px solid #d6dfe5;color:#0f4e74; padding: 10px 25px; text-decoration: none; margin: 30px 0 0 0;}*/
#content .box a i  	{padding-left: 10px;}
#content .box:nth-of-type(3){margin-right: 0}
	
#content .box.wide	{width: 65.5%;height: auto; padding-bottom: 30px; margin-bottom: 50px;float:left;}
#content .box.wide.form{width: 48%;height: auto; padding-bottom: 30px; margin-bottom: 50px;margin-right: 2%;}
#content .box.wide p{font-size: 16px; line-height: 24px}
#content .box.wide a{margin: 20px 0 0 20px;}
#content .box.wide p a	{border:none; padding:0; margin: 0; font-weight: bold; text-decoration: underline; color:#347ea9;}
#content .box.wide ul	{width: 90%}
#content .box.wide ul a	{border:none; padding:0; display: block;}
#content .box.wide video{float:right; width: 320px;margin: 0 26px 20px 10px}
#content .box.news	{width: 100%; height: auto; margin: 26px 0 30px 0;}
#content .box.news h2{font-size: 16px;}
#content .box.news p{font-size: 16px;}
#content .box.news img{float:right; width:30%; margin: 0 26px 26px 26px}
#content .box.right	{float:right; margin-right: 0;background: none;}
#content .box.map	{float:right; margin-right: 0;width: 50%;text-align:right;}
#content .box.map video{width: 100%}
#content .box.map p	{margin: 10px 20px 10px 0;padding: 0;}
#content .box.map a.gmap_link	{margin: 6px auto 12px;color:#fff; background:#cd7313;padding: 10px;font-size: 16px;font-weight: bold;text-decoration:none;width: 80%; text-align:center;display:block}
#content .box.map a.gmap_link i	{font-size: 21px;}
#content .bar		{width: 100%; background: #fff; height: auto; min-height: 150px;display: block; float:left; margin: 0 0 25px 0;}
#content .bar a 		{border: 2px solid #fbb736; padding: 7px 35px 7px 35px;background: #5b683b; float:left; color: #fff;
					text-decoration: none;text-transform: uppercase; margin: 20px 0 0 5px; font-size: 14px;transition: background 0.4s;-webkit-transition: background 0.4s;}
#content .bar a:hover{background:#cd7313;}
#content .bar p		{float: left; width: 50%; margin: 10px 0 0 25px;}
#content .bar img	{float:left;}

span.icon			{background:#fac140;display: inline-block;border-radius:50%;width: 55px;height: 55px;margin-right: 10px}
span.icon b 			{font-size: 16px;width: 100%;display: inline-block;text-align:center;margin-top: 17px}
span.icon.smlltxt b,div.datasheet-links span.icon.smlltxt b,div.products span.icon.smlltxt b
					{font-size: 11px;margin-top: 19px;}
span.icon.blue		{background:#459bfc;color:#fff;}
span.icon.dblue		{background:#185578;color:#fff;}
span.icon.red		{background:#c3411f;color:#fff;}
span.icon.grey		{background:#8e9cac;color:#fff;}
span.icon.yellow		{background:#f2b12a;color:#fff;}
span.icon.orange		{background:#cb7225;color:#fff;}
span.icon.dgrey		{background:#5f5f5f;color:#fff;}
span.icon.green		{background:#5b673d;color:#fff;}
span.icon.brown		{background:#aa7065;color:#fff;}
span.icon.grn_txt	{color:#5b673d !important;}

/*product type 'bar' buttons */
div.products a		{width: 92%;border: 0;color:#fff;text-decoration:none;
					display:block;padding:5px;font-size: 18px; margin-top: 8px !important}
div.products a i,div.datasheet-links a i 
					{float:right;font-size:32px;margin: 10px 10px}
div.products a.green	{background:#5b673d !important;}
div.products a.blue	{background:#459bfc;}
div.products a.dblue	{background:#185578;}
div.products a.red	{background:#c14228;}
div.products a.grey	{background:#8e9cac;}
div.products a.yellow{background:#f2b12a;}
div.products a.orange{background:#cb7225;}
div.products a.dgrey	{background:#5f5f5f;}
div.products a.green	{background:#5b673d;}
div.products a.brown	{background:#aa7065;}
div.products span.icon	{background: #fff;}
div.products span.icon b	{font-size: 16px;}
div.products a span.icon.blue{color:#459bfc}
div.products a span.icon.dblue{color:#185578}
div.products a span.icon.red{color:#c14228}
div.products a span.icon.grey{color:#8e9cac}
div.products a span.icon.yellow{color:#f2b12a}
div.products a span.icon.orange{color:#cb7225}
div.products a span.icon.dgrey{color:#5f5f5f}
div.products a span.icon.green{color:#5b673d}
div.products a span.icon.brown{color:#aa7065}

/*Datasheet links */
div.datasheet-links			{margin-top: 40px}
div.datasheet-links a		{background:#fac140;color:#185578;width: 92%;border: 0;text-decoration:none;
							display:block;padding:5px;font-size: 18px;}
div.datasheet-links a:hover,div.datasheet-links a.active		{background:#cd7313;color:#fff;}
div.datasheet-links span.icon	{background: #fff;color:#185578;}
div.datasheet-links span.icon b	{font-size: 16px;}
		
/*Product items and descriptions with tile images */
div.product-items		{width: 93%;margin: 0 0 0 20px;background:white;}
div.product-items h1		{color:#fff !important;padding: 0 !important;padding: 10px !important}
div.product-items p		{padding: 10px !important}
div.product-items h1.blue{background:#459bfc;}
div.product-items.blue	{border: 1px solid #459bfc}

div.product-items h1.dblue{background:#185578;}
div.product-items.dblue	{border: 1px solid #185578}

div.product-items h1.red{background:#c14228;}
div.product-items.red	{border: 1px solid #c14228}

div.product-items h1.grey{background:#8e9cac;}
div.product-items.grey	{border: 1px solid #8e9cac}

div.product-items h1.yellow{background:#f2b12a;}
div.product-items.yellow	{border: 1px solid #f2b12a}

div.product-items h1.orange{background:#cb7225;}
div.product-items.orange	{border: 1px solid #cb7225}

div.product-items h1.dgrey{background:#5f5f5f;}
div.product-items.dgrey	{border: 1px solid #5f5f5f}

div.product-items h1.green{background:#5b673d;}
div.product-items.green	{border: 1px solid #5b673d}

div.product-items h1.brown{background:#aa7065;}
div.product-items.brown	{border: 1px solid #aa7065}

div.item						{float:left;margin: 0 0 30px;height: 150px;text-align:center;width: 25%;}
#content div.box div.item img	{width: 100px}
#content div.box div.item h2		{font-size: 16px;}
#content div.box div.item p		{width: 95%;display:none;}
#content div.box div.item h2,#content div.box div.item p	{padding: 0}

/* Tiles images and desc for Castings page etc*/ 
div.product-items.show_desc div.item {width: 100%;text-align: left;height: auto;}
div.product-items.show_desc div.item img{float:left;margin: 0 20px 20px 0}
div.product-items.show_desc div.item h2{}
div.product-items.show_desc div.item p{display:inherit !important;}

/*Multi metals table */
table.mmetals		{border:0;margin: 0 0 0 20px;width: 94%}
table.mmetals tr		{}
table.mmetals tr:nth-child(2n+3){background: #ddd;}
table.mmetals tr.top{}
table.mmetals td		{text-align: center;padding: 10px 0;width: 11%;}
table.mmetals td span{margin: 0;}
table.mmetals tr:nth-child(1) td p 
					{font-size: 13px !important;padding: 0 5px !important;
					line-height: normal !important; height: 30px;}
table.mmetals td:nth-child(1) 	{text-align: left;padding: 0 0 0 10px;font-weight: bold;font-size: 14px;}
table.mmetals td:nth-child(2) i	{color:#459bfc}
table.mmetals td:nth-child(3) i	{color:#185578}
table.mmetals td:nth-child(4) i	{color:#c14228}
table.mmetals td:nth-child(5) i	{color:#8e9cac}
table.mmetals td:nth-child(6) i	{color:#f2b12a}
table.mmetals td:nth-child(7) i	{color:#cb7225}
table.mmetals td:nth-child(8) i	{color:#5f5f5f}

/*Accordions */
#content #accordion			{width: 93.5%; margin: 30px 0 0 20px;}
#content #accordion.datasheet div a{display:block;}
#content #accordion h3 		{background:#cd7313; border-radius:0;border:0;margin: 0 0 5px 0;height: 55px;}
#content #accordion h3 a		{margin:15px 0 0 0;display:block;}
#content #accordion h3.blue	{background:#459bfc;}
#content #accordion h3.blue span.icon{color:#459bfc;}
#content #accordion h3.dblue	{background:#185578;}
#content #accordion h3.dblue span.icon{color:#185578;}
#content #accordion h3.red	{background:#c14228;}
#content #accordion h3.red span.icon{color:#c14228;}
#content #accordion h3.grey	{background:#8e9cac;}
#content #accordion h3.grey span.icon{color:#8e9cac;}
#content #accordion h3.yellow{background:#f2b12a;}
#content #accordion h3.yellow span.icon{color:#f2b12a;}
#content #accordion h3.orange{background:#cb7225;}
#content #accordion h3.orange span.icon{color:#cb7225;}
#content #accordion h3.dgrey	{background:#5f5f5f;}
#content #accordion h3.dgrey span.icon{color:#5f5f5f;}
#content #accordion h3.green{background:#5b673d}
#content #accordion h3.green span.icon{color:#5b673d;}
#content #accordion h3.brown{background:#aa7065}
#content #accordion h3.brown span.icon{color:#aa7065}
#content #accordion h3 a		{border: none; color:#fff}
#content #accordion h3 em	{font-style: normal; margin: 0; font-size: 12px;}
#content #accordion h3 i  	{float:right;font-size:32px;margin: -5px 6px}
#content #accordion h3 span.ui-icon	{display:none;}
#content #accordion h3 span.icon{float:left;clear:left;background:#fff;margin-top: 0}

#content #accordion div a	{border: none; margin: 0; padding:0; text-decoration: underline; font-weight: bold; color:#347ea9;}
#content #accordion div h2	{font-size: 20px; color:#347ea9;padding-left: 0;}
#content #accordion div p	{padding-left: 0;}
#content #accordion div ul	{font-size: 16px;list-style-type: none;padding: 0;}
#content #accordion div ul li{line-height: 25px;}

/* Vacancies */
div.vacancies			{margin: 0 0 20px 0;}
div.vacancies:not(:first-of-type)
						{border-top: 1px solid #ddd;}
div.vacancies h2			{margin-bottom: 0px;padding: 10px 0 5px 26px !important;}
div.vacancies h3			{padding: 0px 0 0 26px;margin: 0 0 5px;font-size: 14px;font-weight: normal;}
div.vacancies:not(:first-of-type) h3
						{padding-top: 20px;}
div.vacancies h4			{padding: 0 0 0 26px;margin: 0 0 10px;font-weight: 100;font-size: 15px;}
div.vacancies div		{}
div.vacancies h4:empty,div.vacancies h3:empty,div.vacancies h2:empty{display:none}

/* form */
form						{margin:  0 0 0 0px; width: 90%;}
p.thanks					{padding: 20px 0 0 0;margin-left:0; color:#347ea9 !important;font-size: 18px;font-weight: bold !important;}
form ul					{list-style-type: none; padding: 0; margin: 0 0 0 26px;}
form ul li				{width: 100%; margin: 5px 0 5px 0;float:left;}
form ul li label			{color: #333; font-weight: 400; font-size: 15px;}
form ul li input, form ul li textarea
						{width: 80%; float: right; font-size: 18px; padding: 5px;
						color:#333;font-family: 'Lato', sans-serif; margin: 0;}
form ul li.spam_check	{display:none;}
form ul li.consent label	{}
form ul li.consent input	{width: 20px; height: 20px;}
form ul li textarea		{height: 100px; resize:vertical;}
form ul li input.submit	{margin: 15px 0 0 20px; padding: 8px; width: 20%; background:#347ea9; color: #fff; cursor: pointer; border: none;
						-o-transition: background 0.4s;-ms-transition: background 0.4s; transition: background 0.4s; clear :both;}
form ul li input.submit:hover {background:#af6f23;}
/*captcha
form ul li.captcha			{height: 150px;}
#content .box form ul li img#captcha	
							{width:auto; float:right;}
form ul li input#code		{float: right; width: 100px; margin: 5px 0 5px 0;clear:right;}

#content .box.wide form ul li a	
							{text-decoration: underline; color: #347ea9; padding: 5px; float: right;
							clear:right; margin: 0;}*/
/*send
form ul li input.send		{margin: 15px 0 0 20px; padding: 5px; width: 70px; background:#347ea9; color: #fff; cursor: pointer; border: none;
						-o-transition: background 0.4s;-ms-transition: background 0.4s; transition: background 0.4s; clear :both;}
form ul li input.send:hover {background:#af6f23;}
*/
/* footer */
#footer-container	{width: 100%; background: #115177;}
#footer				{width:1000px; margin:0 auto 0 auto;padding: 10px 0 0px 0;height: 260px;}
#footer div.col		{width: 200px; margin: 20px 0 0 10px; float:left;}
#footer div.col a	{color:#fff !important; display:block; text-decoration: none; font-size: 14px; margin: 0 0 5px 0}
#footer div.col img.iso{margin: 0 0 0 30px;}
#footer div.col .social-links a
					{float:left; font-size: 28px; margin: 30px 15px 0 0;padding: 0;}
#footer div.col .social-links a 	{color:#fff !important;}
/*#footer div.col .social-links a:nth-of-type(1) 	{color:#4099ff;}
#footer div.col .social-links a:nth-of-type(2)	{color:#3b5998;}
#footer div.col .social-links a:nth-of-type(3)	{color:#137fb2;}
#footer div.col .social-links a:nth-of-type(4)	{color:#fc8024;}
*/
#footer div.col-wide{width: 320px; margin: 20px 20px 0 0px; float:right;color:#fff;text-align: right;}
#footer div.col-wide h2	{margin: 0 0 10px 16px;font-size:16px}
#footer div.col-wide p	{margin: 5px 0 5px 16px;font-size:14px}
#copyright-container{width: 100%; background: #0e466a;}
#copyright 			{margin: 0 auto 0 auto; width: 1000px;}
#copyright a		{color:rgb(255,255,255,0.5);color:#b7b7b7;font-size: 14px;}
#copyright p		{float:right;color:rgb(255,255,255,0.5);font-size: 14px;margin: 8px 0 8px;color:#b7b7b7;}