/* CSS Document */
body {
/*background-image:url(images/theme/bg_home_v2.jpg);*/
background-image:url(images/theme/bg_home_v3.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 0px;
padding: 0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}
	

#main_wrap {
margin-left:auto;
margin-right:auto;
margin-top:0px;
position: relative;
max-width:995px;
display:block;
	padding:0px;
}


#header {
display:block;
/*border-bottom:1px solid #FFFFFF;
height:122px;*/
height:145px;
margin-top:16px;
}

#navigation {
height:146px;
}

#body_wrap {
display:block;
}

#footer {
padding:10px;
text-align:right;
font-size:14px;
background-color:#000000;
color:#FFFFFF;
	
display:block; float:left;
	width: 100%;
}

#developer_tag {
text-align:right;
padding:10px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

#developer_tag a {
text-decoration:none;
color:#666666;
}

#developer_tag a:hover {
text-decoration:none; font-style:italic;
color:#0099FF;
}
.bg_home {
background-image:url(images/content/bg_home_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}


.bg_aboutus2 {
/*background-image:url(images/content/bg_aboutus2_content.jpg);*/
background-image:url(images/content/bg_aboutus_content2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}



.bg_aboutus {
/*background-image:url(images/content/bg_aboutus2_content.jpg);*/
background-image:url(images/content/bg_blank1_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}


.bg_nameplates {
/*background-image:url(images/content/bg_blank1_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;*/
display:block;
}

.bg_stainless {
background-image:url(images/content/bg_tall_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}

.bg_metaltags {
background-image:url(images/content/bg_tall_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}

.bg_pipemarkers {
background-image:url(images/content/bg_tall_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}

.bg_warninglabels{
background-image:url(images/content/bg_tall_content.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
}

.content_home {
display:block;
padding:216px 0px 16px 0px;
margin-left:480px;
width:490px;
text-align:left;
}

.content_aboutus {
display:block;
padding:70px 32px 16px 45px;
margin-left:58px;
width:450px;
text-align:left;
float:left;
line-height:24px;
}

.content_clmlft		{ width:48%; float:left; margin-left:2%;}
.content_clmrght	{ width:48%; float:left; margin-left:10px;}

.aboutus_right_clm 	{ display: block; width:350px; float:left; padding:30px 0px 16px 40px;}

h1 					{ font-size:22px; font-family:Arial, Helvetica, sans-serif; /*color:#0099FF;*/ color:#25754D ; margin:0px; padding:0px;}
h1 					{ font-size:32px; }
h1.mleft			{ margin-left:2%;}

.blue 				{color:#0066FF;}

h2 					{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#333333; margin:0px; padding:0px;}
.pad_right_20 		{ padding-right:20px;}

a 					{color:#006699; text-decoration:none;}
a:hover 			{ text-decoration:underline;}

.pad_top_78 		{ padding-top:78px;}
.pad_top_5 			{ padding-top:5px;}

#places { font-size:9px; color:#818181; display:block; float:left; padding:8px 0px;}

/* =========================== FLASH ALTERNATIVE CONTENT ==================== */
/*#navlist li			{ display: inline; list-style-type: none; padding-right: 20px; }*/


/* =========================== NAVIGATION V2 ==================== */
#body_wrap {display: block; float: left; width: 100%; padding-top: 20px;}

#navigation {padding:0px 0px; background-color: #25754D; height: auto; display: block;float: left;}
#navlist  { margin: 0px 0px; padding: 0px 0px; width: 100%; }
#navlist  li { list-style-type: none; float: left; width:20%; display:inline-block; padding-bottom:0px;}
#navlist  li a { display: block; padding: 12px; background-color: #25754D; color: #fff; font-size: 18px; text-align: center; min-height:20px; font-weight: normal; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin:0px 0px;}
#navlist  li a:hover { background-color: #fff; color:#25754D; text-decoration: none;}
#navlist  li.active a {background-color: #fff; color:#25754D; text-decoration: none;}

/*
green: 	#25754D
yellow  #D6B538
grey    #8B96AC
black
blue    #3194C5
red     #CE343F

*/

.paper { background-color: #FCF8CA; padding: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.12);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.12);}





/* =========================== ABOUT US LISTS ==================== */

.list1 				{ font-size:14px; color:#666666; margin:0px 0px 0px 14px; padding:6px 0px 12px 0px; line-height:16px; }

.list1 li 			{list-style-type: square;}

/* =========================== TABLE FORMATTING ==================== */
.table_nameplates 	{
color:#000000;
font-size:12px;
width:450px;
/* background-color:#FFFFFF; */
padding:6px;
}

.table_nameplates td {
border-bottom:1px solid #CCCCCC;}

.table_titles{
font-size:12px; font-weight:bold; color:#0066FF;
}
/* =========================== ORDER BUTTON ==================== */
.orderbutton {  
display: block;
			/*float: left;*/
			height: 50px;
			line-height: 32px;
			/*padding-right: 15px;*/
			/*background: url(/images/theme/buttons.png) 0px 0px no-repeat;*/
			text-decoration: none !important; /* important is for ie6 */
			color: #4b4b4b !important; /* important is for ie6 */
			font-weight: bold;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			cursor: pointer; width:500px; 
			padding: 0px;
			margin: 0px;

}


.orderbutton2 {  
display: block;
			/*float: left;*/
			height: 50px;
			line-height: 32px;
			/*padding-right: 15px;*/
			/*background: url(/images/theme/buttons.png) 0px 0px no-repeat;*/
			text-decoration: none !important; /* important is for ie6 */
			color: #4b4b4b !important; /* important is for ie6 */
			font-weight: bold;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			cursor: pointer; width:48%; 
			padding: 0px;
			margin: 0px;
			
			float:left;

}


.orderbutton a:visited, 
.orderbutton a:link, 
.orderbutton a,
.orderbutton2 a:visited, 
.orderbutton2 a:link, 
.orderbutton2 a{ 
background: url(images/theme/buttons.png) 0px 0px no-repeat;
padding:23px 76px; width:auto;
}

.orderbutton a:hover,
.orderbutton2 a:hover	{
	text-decoration:none; 
	background: url(images/theme/buttons.png) 0px -70px no-repeat;}
	
	
/* =========================== ORDER BUTTON ==================== */
.orderbuttonsmall {  
display: block;
			/*float: left;*/
			height: 50px;
			/*line-height: 32px;*/
			/*padding-right: 15px;*/
			/*background: url(/images/theme/buttons.png) 0px 0px no-repeat;*/
			text-decoration: none !important; /* important is for ie6 */
			color: #4b4b4b !important; /* important is for ie6 */
			font-weight: bold;
			font-size: 10px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			cursor: pointer; width:auto; 
			padding: 0px;
			margin: 0px;
			width: 60px;
}

.orderbuttonsmall div a:visited, .orderbuttonsmall div a:link, .orderbuttonsmall div a { 
background: url(images/theme/buttons.png) -300px 0px no-repeat;
/*padding:23px 12px; */
width:70px; height:50px;
}

.orderbuttonsmall div a:hover {
	text-decoration:none; 
	background: url(images/theme/buttons.png) -300px -70px no-repeat;}
	
	.buttonbox { display:block; text-align:center; width:70px;}


/* =========================== ORDER BUTTON 2017 ==================== */

.actionbuttonbox { margin:20px 0px;}

.bigbutton {  
			display: block;
			text-decoration: none !important; /* important is for ie6 */
			color: #4b4b4b; /* important is for ie6 */
			font-weight: bold;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			cursor: pointer; width:66%; 
			margin: 0px auto;
			background-color: #FFFF18;
			padding:18px 55px; 	
	
	
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: #B3B3B3 4px 4px 4px;-moz-box-shadow: #B3B3B3 4px 4px 4px; box-shadow: #B3B3B3 4px 4px 4px;
			}

.bigbutton:hover {
	background-color: #FFEB0E!important;
}


#body_wrap h1 {margin-left: 10px;}
/* =========================== GUMBY FRAMEWORK: FORM MODS ==================== */
.hform fieldset {}
.hform {line-height: normal;}
form label {margin-bottom: 0px!important;}
form fieldset {margin: 10px 4px; padding: 10px}

.row .four.columns {  width: 31.08%;  }
.formsubmit { width: 98%!important; padding: 20px; font-size:24px!important; margin: 0px auto; float: none; background-color: #25754D!important; border:none!important;}
.formsubmit:hover {cursor: pointer!important; font-size:25px!important;}

.electricaltags-order .legendplates label {display: block; float: left; width: 22%; min-height: 140px;}

.home #navigation { max-width: 100%!important;}

/* =========================== SOCIAL MEDIA ==================== */
.fa-twitter {}
.fa-twitter a {}
.socialmedia {width:50px!important; padding: 0px 0px;}
.socialmedia a {  border:none; width: 60px!important; font-size: 26px!important; padding: 2px;}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:620px) {
	#main_wrap { width:100%;}
	
	#navlist  li { width:100%;}
	#navlist  li a { display: block; padding: 12px; background-color: #25754D; color: #fff; font-size: 18px; text-align: center; min-height:auto; font-weight: normal; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin:0px 0px;}


}
@media only screen and (min-width:621px) and (max-width:929px) {
	#main_wrap { width:100%; border:1px dotted red;}
	#navlist  li { width:50%;}
	#navlist  li a { display: block; padding: 12px; background-color: #25754D; color: #fff; font-size: 18px; text-align: center; min-height:auto; font-weight: normal; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin:0px 0px;}
	

}
@media only screen and (min-width:768px) {
#navlist  li { width:25%;}
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}