/*

Theme Name: Alchemy Metal

*/



/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

mark, rp, rt, ruby, summary, time{ display: inline }



/* Left & Right alignment */



.left { float:left;}

.right { float:right;}

.wrapper {width:100%; overflow:hidden;}



.full_width{ width:100%;}



/* Global properties ======================================================== */



body{ background:#171c20; border:0; font:13px Arial, Helvetica, sans-serif; color:#D7D9DA; line-height:18px;}



.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative;}



/* Global Structure ============================================================= */



.body1{ background:url(images/bg.jpg) top center repeat; position:relative; z-index:2}

.body2{ background:url(images/bg2.jpg) top center repeat; position:relative; z-index:1}

.body3{ background:url(images/bg3.jpg) top center repeat; position:relative; z-index:1}

.body4{ background:url(images/bg_top.gif) top repeat-x}



/* ============================= main layout ====================== */



a{ color:#fff; text-decoration: none; outline:none}

a:hover{ color:#ed5c01}

h1{ float:left; padding:0 0 0 0}

h2{ font-size:30px; color:#fff; font-weight:600; padding:30px 0 16px 0; line-height:1.2em;}

h3{ font-size:22px; font-weight:normal; color:#fff; line-height:1.2em; padding:25px 0 20px 0;}

h4{ font-size:18px; color:#ed5c01; font-weight:normal; padding:30px 0 15px 0}

h5{ font-size:20px; color:#fff; font-weight:300; line-height:1.2em; padding:30px 0 14px 0px}

h5.color1{ background:url(images/marker_color1.jpg) 0 0 no-repeat}

h5.color2{ background:url(images/marker_color2.jpg) 0 0 no-repeat}

h5.color3{ background:url(images/marker_color3.jpg) 0 0 no-repeat}

p{ padding-bottom:18px;}



/* ============================= header ====================== */

header{ padding-top:18px; position:relative; width:100%; height:162px; z-index:2}

#page1 header{ height:482px;}



#logo{ display:block; background:url(images/logo.png) no-repeat; width:374px; height:64px; text-indent:-5000px;}



.call2{ float:right; padding-left:50px; background:url(images/call.gif) 0 4px no-repeat; font-size:24px; color:#fff; font-weight:bold; line-height:1.2em; margin-top:0px; padding-bottom:5px;}

.call2 span{ font-size:21px; color:#b0b0af; line-height:1.2em; font-weight:400; display:block; margin-bottom:-4px;}



#top_nav{ float:right; padding:59px 0 0 0;}

#top_nav li{  float:left; padding-left:12px;}

#top_nav li a{ padding-left:18px; display:block; font:12px Verdana, Geneva, sans-serif; color:#fff;}

#top_nav li a:hover{ color:#fff; text-decoration:underline}

#top_nav .img1{ background: url(images/top_img1.gif) 0 2px no-repeat}

#top_nav .img2{ background: url(images/top_img2.gif) 0 2px no-repeat}

#top_nav .img3{ background: url(images/top_img3.gif) 0 2px no-repeat}



#menu { padding-top:16px; position:relative; z-index:20}



#menu > li { float:left; padding-right:1px; background:url(images/menu_line.gif) right top no-repeat; position:relative;}

#menu > li > a{ display:block; width:159px; background:url(images/menu_bg.jpg) top repeat-x; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:18px; text-align:center; height:18px; padding:15px 0;}

#menu > li:hover a, #menu > .current-menu-item > a, 

#menu > .current-menu-parent > a,

#menu > .current-menu-ancestor > a{ color:#fff; background:url(images/menu_bg_active.gif) top repeat-x}

#menu > li.nav1 > a{border-radius:3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative;}

#menu > li.nav6{ padding-right:0px; background:none;}

#menu > li.nav6 > a{ width:160px;border-radius:0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative;}



#menu .ul_1{ position:absolute; top:49px; left:0; display:none}

#menu .ul_1 li{ width:100%; padding-bottom:1px; position:relative}

#menu .ul_1 li a{ display:block; width:159px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#3e464b}

#menu .ul_1 > li:hover > a{ color:#fff; background:#141514}



#menu .ul_2{ position:absolute; left:160px; top:0; display:none}

#menu .ul_2 li a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#3e464b}

#menu .ul_2 > li:hover > a{ color:#fff; background:#eb5601}



#menu .ul_3{ position:absolute; left:160px; top:0; display:none}

#menu .ul_3 li a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#000000}

#menu .ul_3 > li:hover > a{ color:#000; background:#FDAB5E}



#menu .sub-menu{ position:absolute; top:49px; left:0; display:none}

#menu .sub-menu li{ width:100%; padding-bottom:1px; position:relative}

#menu .sub-menu li a{ display:block; width:159px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; text-align:center; background:#3e464b; padding:15px 0;}

#menu .sub-menu > li:hover > a,

#menu .sub-menu > li.current-menu-item > a,

#menu .sub-menu > li.current-menu-parent > a,

#menu .sub-menu > li.current-menu-ancestor > a{ color:#fff; background:#141514}



#menu .sub-menu ul{ position:absolute; left:160px; top:0; display:none}

#menu .sub-menu ul li a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; text-align:center; background:#3e464b}

#menu .sub-menu ul > li:hover > a,

#menu .sub-menu ul > li.current-menu-item > a,

#menu .sub-menu ul > li.current-menu-parent > a{ color:#fff; background:#eb5601;}



#menu .sub-menu ul ul{ position:absolute; left:160px; top:0; display:none}

#menu .sub-menu ul ul li a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; text-align:center; background:#000000}

#menu .sub-menu ul ul > li:hover > a,

#menu .sub-menu ul ul > li.current-menu-item > a{ color:#000; background:#FDAB5E}



.kwicks-wrapper{

	width:960px;

	height:350px;

	overflow:hidden;

	background:url(images/bg_slider.png) bottom left no-repeat;

	position:absolute;

	top:169px;

	left:0px;

	padding-left:7px;

}

.kwicks {/* recommended styles for kwicks ul container */list-style: none;position: relative;margin: 0;padding: 0; width:200%}

.kwicks li{/* these are required, but the values are up to you (must be pixel) */width:447px;height: 376px;/*do not change these */display: block;	overflow: hidden;padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */cursor:pointer; position:relative; float:left; /*margin-left:-274px;*/ margin-left:-373px;}



.kwicks.horizontal li {/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */ /*Set to same as spacing option. */float: left; margin-right:0;}



.kwicks li.active{ margin-left:-7px}

.kwicks li.img1{ z-index:10;}

.kwicks li.img2{ z-index:9;}

.kwicks li.img3{ z-index:8;}

.kwicks li.img4{ z-index:7;}

.kwicks li.img5{ z-index:6;}

.kwicks li.img6{ z-index:5;}

.kwicks li.img7{ z-index:4;}

.kwicks li.img8{ z-index:3;}





#searchform{position:absolute; top:70px; left:550px;}

#searchform input[type="text"]{float:left; width:100px; height:22px; background:url(images/search-field-bg.png) 0 1px no-repeat; border:none; padding:0 0 0 20px;}

#searchform input[type="submit"]{float:left; width:65px; height:23px; background:url(images/search-button-bg.png) 0 0 no-repeat; border:none; font-size:0; line-height:0; text-indent:-2000px; cursor:pointer;}



/* ============================= content ====================== */



#content2{ width:100%; overflow:hidden; padding-bottom:38px; color:#D7D9DA}

#content{ width:100%; overflow:hidden; padding-bottom:37px;}



.pad_right1{ padding-right:26px;}

.pad_right2{ padding-right:10px;}

.pad_bot1{ padding-bottom:20px;}

.pad_bot2{ padding-bottom:39px;}

.pad_top1{ padding-top:11px;}

.pad_top2{ padding-top:16px;}

.marg_right1{ margin-right:20px;}



.button{ display:inline-block; font-size:14px; text-transform:uppercase; color:#fff; background:url(images/button1_bg.gif) top repeat-x #ed5c01; padding:0 18px; height:33px; line-height:31px; font-weight:400;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative;}

.button:hover{ background:#fff; color:#252a2e}



.link1{display:inline-block; font-size:14px; line-height:20px; padding-right:10px; background:url(images/marker_2.gif) right 7px no-repeat; text-transform:uppercase; margin-top:-5px;}

input.link1{display:inline-block; font-size:14px; line-height:20px; padding-right:10px; background:url(images/marker_2.gif) right 7px no-repeat; text-transform:uppercase; margin-top:-5px;}



.list1{}

.list1 li{ line-height:30px; font-size:14px;}

.list1 li a{ padding-left:29px; font-weight:bold; text-transform:uppercase; background:url(images/marker_1.png) 0 6px no-repeat; display:inline-block;}

.list1 li a:hover{ color:#A3A8AD; text-decoration:none}



.list2{ padding-right:24px; margin-left:-5px}

.list2 li{ font-size:16px; text-transform:uppercase; font-weight:bold; line-height:23px; padding-bottom:5px;}

.list2 li a{ color:#ffffff; text-decoration:none; padding-left:18px; background:url(images/marker_3.gif) 6px 8px no-repeat; display:block}

.list2 li a:hover{ background: url(images/marker_3_active.gif) 6px 8px no-repeat #ed5c01; color:#fff;}



.menu-widget{padding-right:24px; margin-left:-5px; padding-top:11px;}

.menu-widget li{ font-size:14px; text-transform:uppercase; font-weight:bold; line-height:23px; padding-bottom:5px;}

.menu-widget li a{ color:#ffffff; text-decoration:none; padding-left:18px; background:url(images/marker_3.gif) 6px 8px no-repeat; display:block}

.menu-widget li a:hover{ background: url(images/marker_3_active.gif) 6px 8px no-repeat #ed5c01; color:#fff;}



.list3.pad_bot1{ padding-bottom:32px;}

.list3 li{ text-decoration:none; padding-top:6px; padding-bottom:5px; border-bottom:1px solid #495153}

.list3 li .right{ width:350px;}

.list3 .bg_none{ border:0}



.color1{ color:#fff;}



.date{ float:left; background:url(images/date.jpg) no-repeat; width:43px; height:48px; margin-right:15px; font-size:15px; text-transform:uppercase; color:#fff; text-align:center; line-height:1.2em; margin-bottom:10px; margin-top:1px;}

.date span{ font-size:26px; line-height:1.2em; display:block; margin-top:-2px}



.under{ border-bottom:1px solid #767c7f; margin-bottom:20px; margin-top:-1px;}



.text1{ background:url(images/text.jpg) 0 3px no-repeat; padding-left:93px; padding-top:11px; padding-bottom:20px; display:inline-block}



.box{ background:url(images/bg_box.jpg) repeat; border:1px solid #4c5359; padding:20px 27px 30px 23px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative;}



#page3 #content{ padding-bottom:65px;}

#page4 #content{ padding-bottom:68px;}

#page5 .body2 img{ margin-top:-4px; padding-bottom:2px;}

#page5 #content{ padding-top:41px; padding-bottom:62px}

#page5 .pad_bot2{ padding-bottom:32px;}

#page6 figure{ border:2px solid #4c5359;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative; display:inline-block}

#page6 #content{ padding-bottom:81px;}

#page7 #content{ padding-bottom:80px;}



/* ============================= footer ====================== */



footer { width:100%; overflow:hidden; padding-bottom:40px; color:#bebebe}

footer a{ color:#9fa1a2; text-decoration:underline}

footer a:hover{ text-decoration:none;}

footer strong{ color:#eeeeee; font-weight:normal;}



footer .grid_8{ padding-right:10px;}



.call{ float:right; padding-left:50px; background:url(images/call.gif) 0 4px no-repeat; font-size:24px; color:#fff; font-weight:bold; line-height:1.2em; margin-top:34px; padding-bottom:21px;}

.call span{ font-size:21px; color:#b0b0af; line-height:1.2em; font-weight:400; display:block; margin-bottom:-7px;}



#icons{ float:right; padding-top:20px;}

#icons li{ float:left; padding-left:9px;}



footer .grid_3 ul{}

footer .grid_3 ul li{ text-decoration:none; padding-top:6px; padding-bottom:5px; border-bottom:1px solid #495153}

footer .grid_3 ul li .right{ width:350px;}

footer .grid_3 ul .bg_none{ border:0}





/* ============================= forms ============================= */



#wpcf7-f27-p15-o1 {}

#wpcf7-f27-p15-o1 .wrapper{ min-height:41px;}

#wpcf7-f27-p15-o1 .textarea_box{ min-height:206px; width:100%; overflow:hidden;}

#wpcf7-f27-p15-o1 .bg{ background:url(images/bg_form.jpg) repeat; border:1px solid #4c5359;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative; float:left;}

#wpcf7-f27-p15-o1 a{ margin-right:20px; float:right}

#wpcf7-f27-p15-o1 input[type="text"],

#wpcf7-f27-p15-o1 input[type="tel"],

#wpcf7-f27-p15-o1 input[type="email"] {width:312px; height:15px; background: none; padding:7px 8px;color:#a3adb6; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}

#wpcf7-f27-p15-o1 textarea { overflow: auto;width:472px; height:169px; background: none; padding:7px 8px;color:#a3adb6; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0}

#wpcf7-f27-p15-o1 input[type="submit"],

#wpcf7-f27-p15-o1 input[type="reset"]{float:right; width:51px; height:14px; font-size:0; line-height:0; text-indent:-2000px; cursor:pointer;}

#wpcf7-f27-p15-o1 input[type="submit"]{background:url(images/send-bg.png) 0 0 no-repeat; margin-left:15px;}

#wpcf7-f27-p15-o1 input[type="reset"]{background:url(images/clear-bg.png) 0 0 no-repeat;}

#wpcf7-f27-p15-o1 input[type="submit"]:hover,

#wpcf7-f27-p15-o1 input[type="reset"]:hover{background-position:0 100% !important;}



#wpcf7-f139-t1-o1{ line-height:24px;}

#wpcf7-f139-t1-o1 .col_1{ width:66px; float:left;}

#wpcf7-f139-t1-o1 .wrapper{ min-height:37px; padding-top:11px;}

#wpcf7-f139-t1-o1 .bg{ background:url(images/input_1.jpg) no-repeat; float:right}

#wpcf7-f139-t1-o1 .input{ float:right; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; width:212px; padding:6px 10px; height:16px; background:none}

#wpcf7-f139-t1-o1 .text1{ background:url(images/form_img.jpg) 2px 9px no-repeat; padding-left:70px; display:inline-block; line-height:20px; margin-top:0; padding-top:2px; padding-bottom:45px;}

#wpcf7-f139-t1-o1 .bg2{ background:url(images/textarea_1.jpg) no-repeat; float:right}

#wpcf7-f139-t1-o1 textarea{ background:none; float:right; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; width:212px; padding:6px 10px; height:136px; overflow:auto}

#wpcf7-f139-t1-o1 .textarea_box{ min-height:161px; padding-top:11px; width:100%; overflow:hidden}

#wpcf7-f139-t1-o1 input[type="submit"]{display:inline-block; font-size:14px; text-transform:uppercase; color:#fff; background:url(images/button1_bg.gif) top repeat-x #ed5c01; padding:0 18px; height:33px; line-height:31px; font-weight:400;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(http://alchemymetals.net/wp-content/themes/alchemy-metal/js/pie.php); position: relative; float:right; cursor:pointer;}

#wpcf7-f139-t1-o1 input[type="submit"]:hover{ background:#fff; color:#252a2e}





/* ============================= products ============================= */

.products{width:212px; float:left; padding-left: 10px; padding-right: 15px; padding-bottom:35px;}

.products p{padding-bottom:0; display:inline;}

.products p.title{display:block; text-transform:uppercase;}

.products p.link{display:inline;}



/* ============================= search ============================= */

.search{padding-bottom:35px; padding-left: 10px; display:block;}

.search p{padding-bottom:0;}

.search p.title{text-transform:uppercase;}



.container_24 .grid_4{width:204px !important;}