/*----------------------------------------------------------------+
    Filename: RHZ02GyYw.css
    Layout: Horizontal Nav, right mission
    Description:header 1000X300
------------------------------------------------------------------*/
html, body {
	margin:0px;
	padding:0px;
        width: 100%;
}

body {
	background: #ffffff;
        background-image:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ01/TexturedBG_GrGy.jpg');
        overflow-x: hidden; 
}

body, p, b, .content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

#wrapper {
	width: 100%;
	/*margin:0 auto;*/
	position:relative;
        /*box-sizing:border-box;*/
}

#childWrap {
        position:relative;
        /*margin-top:-240px;*/
}

#maincontent ul {
        list-style-image:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ01/ulCheckmark_Rd.png');
}

a {
	color:#222;
}

h1 {
	color: #555;
}

h2 {
	color: #444;
}

h3 {
	color: #000;
}

h4 {
	color: #000;
}

/*========================TOP SECTION==================*/
#topWrapper {
        width:100%;
        margin:0 auto;
        /*background-image:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ02/headerBackground_Bk.png');
        background-position:bottom;*/
        background:#333;
        position:absolute;
        top:0px;
}

#header {
	width: 1000px;
	/*height: 178px;*/
        /*text-align:right;*/
        position:relative;
        margin:0 auto;
}

#headerBackground {
        left:0;
        top:0;
        width:100%;
        /*height:150px;*/
        position:fixed;
        z-index:100;
        transition:all ease-in-out 400ms;
}

#fullBackground {
max-height:600px;
overflow:hidden;
}

#fullBackgroundCache { position:relative;z-index:-50;width:100%;background-size:100%;background-repeat:no-repeat;height:800px;display:none; }

#headline {
        /*display:none;*/
	width: 100%;
	/*height: 265px;*/
	position: relative;
	top: 0px;
        /*left:-30px;*/
	z-index:1;
}

#fullBackgroundOverlay {
top:0;
left:0;
width:100%;
position:relative;
clear:both;
}

#logo {
	/*height: 145px;*/
        /*position:fixed;*/
        z-index:101;
        text-align:right;
}

#logoSrc { 
        width:100%;
        position:relative;
        transition:all cubic-bezier(0,1,.89,1) 480ms;
}

/*----------MENU start-----------*/

  /*.mobileMenuDiv {
    visibility:hidden;
  }*/

#menuBG{ 
        position:relative;
        /*margin-top:0px;*/
	width: 100%;
        height:55px;
        background:#222;
        z-index:4999;
}
#menu, #menu ul {
	list-style: none;
        /*top: 146px;*/
	Z-index:1002;
        float:left;
        padding:0px;
}


#menu {
        position:relative;
        top:auto;
        z-index:5000;
	width: 1000px;
        /*zoom:1;*/
        left:50%;
        margin-left:-500px;
        margin-top:-4px;
        z-index:1000;
}
#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu li {
	float: left;
	position: relative;
        transition:all ease-in-out 180ms;
}

#menu a {
	float: left;
	padding: 22px 14px;
	color: #FEBA0F;
	font: bold 16px Arial, Helvetica;
        text-decoration:none;
	text-transform:capitalize;
        transition:all ease-in-out 180ms;
        border-radius:4px;
}

#menu li:hover > a {
        color:#FEBA0F;
        background-color:#444;
}

*html #menu li a:hover { /* IE6 only */
        color:#FEBA0F;
        background-color:#444;
}
#menu ul {
        float: right;
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1;    
	background-color: #111;
	background-image: linear-gradient(#111, #111);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	border-radius: 3px;
	transition: all .2s ease-in-out;  
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 0;
	left: 200px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #000, 0 2px 0 #000;
}

#menu ul li:last-child {   
        box-shadow: none;
}

#menu ul a {    
	padding: 10px;
	width: 180px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

#menu ul a:hover {
	background-color: #222;
        color:#FF8000;
}
#menu ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000;
}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #000;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #000; 
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #000; 
	border-bottom-color: transparent; 	
}

#menu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}
/*--------------MENU end------------*/

/*========================MID SECTION==================*/

#colwraptop {
display:none;
position:relative;
width: 100%;
}
#columnwrap {
        position:relative;
        left:0;
	width:100%;
	min-height:300px;
	background: #CCC;
        background-image:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ01/TexturedBG_GrGy.jpg');
        padding:8px 0;
        /*top:0px;*/
}

#global1 {
margin:0 0 25px -500px;
position:relative;
padding:0;
left:50%;
width:1000px;
display:none;
}

#global1, #global1 p{
font-size:11px;
color:#222;
}

#global2 {
        position:relative;
	width:100%;
        min-height:100px;
        background:#333;
        bottom:-8px;
}

#maincontent {
        position:relative;
        margin:0 auto;
	width: 1000px;
	text-align: left;
        /*margin-top:305px;*/
}
#colwrapbottom {
/*width: 1000px;
height:35px;
margin-bottom:10px;*/
}

/*=====================FOOTER SECTION==================*/

#footerwrap {
	width:100%;
	background:#222;
        z-index:1005;
        /*position:relative;
        overflow:visible;*/
}

#footer {
	text-align: center;
	overflow: hidden;
	width: 1000px;
	min-height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	margin:0 auto;

}



.scrollUp { width:60px;height:60px;position:fixed;right:100px;bottom:60px;background:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ02/scrollUpYW.png');z-index:5000;visibility:hidden;cursor:pointer; }


/* ====================================== */
.IconBG { background-color:#660000; }
.IconBG:hover { background-color:#3C0000; }
.boxheader, .td_hover, .headerclass {padding:8px;background:#222;color:#FEBA0F;border-radius:8px 8px 0 0}
.boxbody, .tdhover, .bodyclass {padding:8px;background:#DFDFDF;color:#333;border:#222 1px solid;border-radius: 0 0 8px 8px}
.tdhover:hover { background-image:url(http://imageserver.webpropartners.com//AdminMedia/SpecialtyImages/rollover_bg_transparent.png); }
/*.boxbody div { float:left;width:49%; }*/




/* ==================== Global Links ==================== */
.globalLinkWrap { width:631px;margin:0 auto; }
.globalLink { width:150px;height:150px;margin: 0 5px;padding:25px;text-align:center;background:#fff;float:left;color:#660000;font-weight:bold;border-radius:0;transition:all ease-in-out 180ms; }
.globalLink:hover { border-radius:100px;cursor:pointer; }


.homeDivWrap { width:100%; }
.homeDivWrap div { width:50%;float:left; }

/* ========= Mobile Menu =========== */
.mobileMenuDiv { visibility:hidden;position:absolute;z-index:1005;width:100%;cursor:pointer;padding-top:10px; }
.mobileMenuDiv ul li { text-align:left;color:#fff;border-bottom:#111 1px dashed; }
#mobileTab { width:100%;padding:10px;text-align:center; }
#mobileMenu { position:relative;overflow:hidden;width:95%;list-style: none;background:#222;border-radius:0 0 5px 5px;margin:0px auto;padding:0; }
#mobileMenu ul { display:none; }
#mobileMenu li { transition:all ease-in-out 180ms; }
#mobileMenu li:hover { background:#111; }
#mobileMenu a { padding:8px;display:block;color:#fff;text-decoration:none; }

/* ========== Mobile Logo ========== */
#mobileLogo { margin:0 auto;text-align:center;display:none; }

/* ============================= RFQ ========================== */
#rfqPos { position:relative;left:50%;margin-left:210px;top:32px;width:280px;z-index:1007; }
.clickToOpen { position:absolute;background:#E95F1B;background-image:linear-gradient(#ED7B45, #E95F1B);padding:5px;border-radius:0 0 5px 5px;color:#fff;text-align:center;width:100%;font-size:16px;cursor:pointer;transition:all ease-in-out 180ms; }
.clickToOpen img { vertical-align:middle;margin-right:15px; }
.clickToOpen:hover { background:#ED7B45;background-image:linear-gradient(#ED7B45, #ED7B45); }
.rfqForm { position:absolute; top: 40px;left:3px; color: #000000; padding: 9px; width: 285px; background:#fff;border:#ED7B45 1px solid;border-radius:0 0 5px 5px;opacity:0.9;box-sizing: border-box; -moz-box-sizing: border-box;z-index:1007; }


/* ============ Background Image Rotator ========== */
#rotator { display:none; }

/* ================ Social Media ================== */
#socialMedia { position:absolute;left:50%;margin-left:-498px;width:300px;top:-45px; }
#socialMedia img { transition:all ease-in-out 680ms; }
#socialMedia img:hover { cursor:pointer;transform:rotate(360deg); }


/* ================================================ */
/* ============== Media Queries =================== */
/* ================================================ */
@media (max-width: 1550px) {
  #logoSrc, #topWrapper { width: 100%; }
  #maincontent { padding:0 12px; }
  #rfqPos { left:100%;margin-left:-298px; }
  #socialMedia { left:10px;margin-left:0; }
  /*#menuBG{ margin-top:450px; }*/
}

@media (max-width: 1030px) {
  #logoSrc, #topWrapper, #maincontent, #footer, #header, #global1 { width: 100%; }
  #maincontent { padding:0 12px; }
  #rfqPos { left:100%;margin-left:-298px; }
  #socialMedia { left:10px;margin-left:0; }
  /*#menuBG{ margin-top:300px; }*/
  #global1 { left:0%;margin:0 0 25px -0px; }
}

@media (max-width: 900px) {
  .homeDivWrap div, #global1, #childWrap, #wrapper { width: 100%; }
  #columnwrap { margin-top:20px; }
  #maincontent { width:96%;padding-left:8px;padding-right:8px; }
  #menu { visibility:hidden; }
  .mobileMenuDiv { visibility:visible; }
  #headerBackground {
    background-image:url('http://imageserver.webpropartners.com/StyleLibrary/RHZ01/mobileLogoBG_GrGy.png');
  }
  #mobileTab { width:100%;padding:5px;content:'http://imageserver.webpropartners.com/StyleLibrary/RHZ01/mobileMenuTab.png';text-align:center; }
  .globalLinkWrap { width:200px; }
  #logo { display:none; }
  #mobileLogo { display:block; }
  #headerBackground { background-image:none;position:absolute; }
  #rfqPos { display:none; }
  #welcomeDiv { display:none; }
  #socialMedia { width:40px;top:-75px; }
  #maincontent { margin:0 auto; }
  #global2 { margin-top:0px; }
  /*.boxbody div { width:100%; }*/
}