#container, #header, #topbar, #nav1, #p7IGM_1, .backer1, .backer2  { position:static; width:100%; margin: 0 auto; overflow: hidden; color: #F9F8F8}
#header { height: auto;background-color: #080808;  text-align: center; color: white; text-decoration: none; font-weight: bold; font-size: 1em; line-height: 32px;  }
#p7IGM_1 { z-index:-10}
#topbar {height: 140px; position: absolute; top: 0px; padding-top: 0px; z-index:10   }	
#nav1 { margin:0 auto; z-index:10; color:white;}
#rightcolumn2 { height: auto; clear: left;  margin: 0 auto; padding:0 0 25px 0; position:relative; display:inline-block; background-color: #ffffff; }
#rightcolumn2 .heads {margin-left: 10%;}
#content_hp { width: 98%; margin:0 1%; margin-top:5px; padding:0px; clear: both; position:relative;} 
.hp_columns { width: 31.333%; margin:10px 0 0 1.6%; background-color: #fafafa; padding: 0 0 ; float: left; }
#topnav1 { margin: 0 auto; text-align:center; position:static; left: 0px; z-index: 10; background: none;}
#topnav1 ul {  }
#topnav1 li { width:10.00%; padding-top: 20px;display:inline-block; }
#topnav1 a {text-decoration:none;}
#nav1, #nav1 .backer2, ul#topnav1 {height: 50px; margin-top: 0px; padding-top:0px;}
#topnav1 {margin-top:0px;}
ul#topnav1 li:first-child {  }
ul#topnav1 li a {
	text-decoration: none;
	color: #f0f0f0;
	font: 1em/1em "Trebuchet MS", Helvetica, sans-serif;
	font: 1em/1em 'BebasRegular', Arial, sans-serif;
}
ul#topnav1 li a:focus { outline: none;}
ul#topnav1 li a:hover { border-bottom: 3px solid #660000; color: #660000; }	

.backer1, .backer2 { z-index: 1; background-color:black; opacity:.9; }
.backer2 {display:none;}
.backer1 {height: 120px; position: relative; top:0px;}
#formsearch { width: auto; height: 30px; text-align: right; margin: 0 10px 0 0; border-right: 1px solid #626262; padding:0 15px 0 0; margin-left: auto;}
#social, #country, #formsearch { float: right; display: inline-block; margin: 0 auto; margin-top: 25px; }
#social, #country, #formsearch, .header-logo {position: relative; top: -120px; z-index: 10; /* top needs to be minus backer1 height*/ }
.header-logo{ width:160px; height:70px; margin: 20px 0 0 120px; padding: 0px; display: block; background:  url('../pics/hcwlogo-white3.png') no-repeat 15% 0px; float:left; z-index: 10;  }
#country { width: auto; height: 30px; }
#country { text-align: right; margin: 0 20px; border-right: 1px solid #626262; padding-top: 25px; padding-right: 5px; font-size: .9em; line-height: 2.2em; }
#rotator { float:left; }
#rotator_inner { }
#formsearch input { font-size: .8em; background-color: #F9F9F9; float: left; border: 1px solid #999999; margin:5px 0 0 0 }
.search_field {	background-image: url(../pics/searchbox.gif); height: 20px; width: 140px; position: relative; }
#search { width: 200px; float:left; width:120px; height:14px; }
#country a { color: #666; text-decoration: none;	margin-right: 5px; }
#country a:hover { text-decoration: none; color: #E81619; }
#country img { height: 24px; width: 26px; /* [disabled]margin-bottom: -7px; */ }
#country p { padding:0px; font-size: .9em; margin:0px; }	
#social ul { list-style: none; }
#social li { margin:0 0 0 12px; padding: 0px; position: relative; float: left; display: block; width: 38px; height: 38px; overflow: hidden; }
#social a { font: 1.55em 'fontello'; text-decoration: none; color: #2e3436; color: white; background: #BABDB6; display: block; text-align: center; height: 100px; padding:11px 0 0 0;  }
#social a:hover, header #gaming a:hover { background: #660000; color: #F4F4F4; }
#social li:first-child { margin-left: 0; }

#social {margin-right: 50px; }
#p7IGM_1, .p7IGM03, .IGMnoscript, .p7IGM03_layout, #p7IGMloading_1, .p7IGM03_IGMloading, #p7IGMfsimage_1, .p7IGM03_FSimage, #p7IGMimgwrapper_1, .p7IGMimage-wrapper, #p7IGMimage_1, .p7IGM03_image, #p7IGMimlink_1, .p7IGM03-image-link, #p7IGMim_1, .p7IGM03_fs_img, #p7IGMthumbs_1, .p7IGM03_thumbswrapper, .IGMno-display, .p7IGM03_arrows, .IGM-arrows, #p7IGMtvp_1, .p7IGM03_thumbsviewport, .IGM-thumbsVP, #p7IGMtgw_1, .p7IGM03_thumbsglidewrapper, .p7IGM03_thumbslist, .IGM-thumbs 
	{ margin:0px; padding: 0px; position: static; clear:all; width:auto; /* height:500px; */ }
#p7IGMimage_1 {height:2000px;}	
#p7IGMimage_1 img { max-width: 100%; max-height: none; }	
.p7IGM03_IGMloading { height: 1px; }	
#p7IGMimage_1 {opacity: .75}	

#main_rotator { margin:0px; padding: 0px; position: static; clear:all; width:auto;opacity: 1.0}
#main_rotator img { max-width: 100%; max-height: none; }

@media only screen and (min-width: 3000px) {
#header {font-weight: bold; font-size: 1.6em; line-height: 32px;}
.header-logo{ width:400px; height:125px; background: url('../pics/hcwlogo-white4.png') no-repeat 50% 0px; }
#p7IGM_1, #main_rotator { width: 100%; height: 500px;}
#topbar .backer1 {height:300px;}
#social, #country, #formsearch, .header-logo {top: -300px;  /* top needs to be minus backer1 height*/ }
#nav1, #topnav1, .backer2 {height: 150px; }
#topnav1 { }
ul#topnav1 li a {
	font: 1.6em/2.9em "Trebuchet MS", Helvetica, sans-serif;
	font: 1.6em/2.9em 'BebasRegular', Arial, sans-serif;
	}
#rightcolumn2 { width: 100%; margin:0 auto; text-align:center; }
#content_hp { width: 80%; margin: 0 auto; padding-top: 50px; text-align: center;}
.hpboxes h1 { font-size: 3em; line-height: 3.20em; }
.hpboxes h2 { font-size: 3em; line-height: 1.5em; }
.hpboxes h3, .hpboxes p { font-size: 2.5em; line-height: 1.5em; }
#main-content #tabs ul#top {font-size: 1.45em; }
footer { padding-top:10px; font-size:1.8em; margin-top:120px;}
}
@media only screen and (max-width: 3000px) {
#header {font-weight: bold; font-size: 1.4em; line-height: 32px;}
.header-logo{ width:400px; height:125px; margin-left:20px; background: url('../pics/hcwlogo-white4.png') no-repeat 50% 0px; }
#p7IGM_1, #main_rotator { width: 100%; height: 500px;}
#nav1, #topnav1, #nav1 .backer2 {height: 86px;}
ul#topnav1 li a {
	font: 1.1em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	font: 1.1em/1.8em 'BebasRegular', Arial, sans-serif;
	}
ul#topnav1 a:hover { border-bottom: 3px;}
#content_hp { width: 80%; margin: 0 auto; padding-top: 50px; text-align: center;}
#main-content #tabs ul#top {font-size: 1.2em; }
footer {font-size: 1.4em;}
}
@media only screen and (max-width: 2400px) {
#header {font-weight: bold; font-size: 1em; line-height: 32px;}
.header-logo{ width:250px; height: 100%; margin-left:20px; background: url('../pics/hcwlogo-white3.png') no-repeat 50% 0px; }
#nav1, #topnav1, .backer2 {height: 56px; }		
ul#topnav1 li a {
	font: 1.25em/1.2em "Trebuchet MS", Helvetica, sans-serif;
	font: 1.25em/1.2em 'BebasRegular', Arial, sans-serif;
	}
footer {font-size: 1.25em;}
#main-content #tabs #top li {font-size: 1em; }
}
@media only screen and (max-width: 1920px) {
#header {font-weight: bold; font-size: 1em; line-height: 32px;}
#nav1, #topnav1, .backer2 {height: 54px; }		
ul#topnav1 li a {
	font: 1.2em/1.2em "Trebuchet MS", Helvetica, sans-serif;
	font: 1.2em/1.2em 'BebasRegular', Arial, sans-serif;
	}
ul#topnav1 a:hover { border-bottom: 3px;}
footer {font-size: 1.15em;}
#main-content #tabs #top li {font-size: .9em;}
}	
@media only screen and (max-width: 1600px) {
.header-logo{ margin-left:15px;  }
#p7IGM_1, #main_rotator { width: 100%; height: 400px; }
#nav1 { height: 58px;}
#nav1 li {width:12%}
ul#topnav1 li a {
	font: 1.2em/1.2em "Trebuchet MS", Helvetica, sans-serif;
	font: 1.2em/1.2em 'BebasRegular', Arial, sans-serif;
	}
#content_hp {width:100%;}
}		
@media only screen and (max-width: 1200px) {
#p7IGM_1, #main_rotator { height: 300px;}
ul#topnav1 li {width:12%}
#rightcolumn2 .heads {margin-left: 0;}
footer ul li {border-bottom: 1px solid red;}
}	
@media only screen and (max-width: 1024px) {
.header-logo{ margin-left:4px; }
#topbar, #p7IGM_1 {position: static;}	
#topnav ul { padding: 0px; margin: 0px; }
#p7IGM_1, #main_rotator { height: 200px;}
#topbar, #topbar .backer1 {height: 90px; }
#social, #country, #formsearch, .header-logo {top: -90px;  /* top needs to be minus backer1 height*/ }
#nav1, #nav1 .backer2, ul#topnav1 {height: 50px; width:100%;  }	
ul#topnav1 li {width:15%}
footer ul li {border-bottom: 1px solid blue;}
}
@media only screen and (max-width: 960px) {
.header-logo{ margin-left:4px; }
#nav1 .contact { display: none;}
#country {display:none;}
#content_hp { padding-top: 10px; }
footer ul li {border-bottom: 1px solid yellow;}
}
@media only screen and (max-width: 720px) {
.header-logo { margin-left:5px; margin-top: 5px; }
#social { display: none;}
#formsearch { margin: 10px; padding: 0;}
#p7IGM_1, #main_rotator  { height: 120px; } 
#nav1, #nav1 .backer2, ul#topnav1 {height: 50px; margin-top:0; padding-top:0;}
#nav1 li { width:18%; font-size: .8em;}
.hp_columns { width: 100%; }
.hp_columns:first-child { margin-left: 0; }
.hpboxes { width: 100%; }
footer ul li {border-bottom: 1px solid orange;}
#topnav1 li {width:15%; margin-left: 2%; }
}
@media only screen and (max-width: 560px) {
#topnav1 li {width: 23%; margin-left: 1%; margin-right: 1%; }
#topnav1 .wtb {display:none;}
footer ul li {border-bottom: 1px solid white;}	
}
@media only screen and (max-width: 480px) {
#topbar, #topbar .backer1 {height: 90px;  }
#formsearch {top: -95px;}
.header-logo {margin-left:2px; margin-top:5px;}
#p7IGM_1, #main_rotator  { height: 120px; } 
.hpboxes h2 { font-size:1em; }
#nav1, #nav1 .backer2, ul#topnav1 {height: 50px;  }	
footer ul li {border-bottom: 1px solid green;}
#topnav1 li {width:20%; margin-left: 4%; }
}
@media only screen and (max-width: 420px) {
#nav1, #nav1 .backer2, ul#topnav1 {height: 50px; }	
footer ul li {border-bottom: 1px solid white;}

}
/*Portrait Tablet s */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#social { display:none;}
}