@media only screen and (min-width: 1215px) {
/* UNIVERSAL CSS */
body {margin: 0px; padding: 0px; background: #aeaeae;}
#gradbg{width: 1000px; position: fixed; margin:0 auto; height: 1000px;/* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center top, circle closest-corner, #cccccc 0%, rgba(174,174,174,1) 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center top, circle closest-corner, #cccccc 0%, rgba(174,174,174,1) 100%); /* Opera */ background-image: -o-radial-gradient(center top, circle closest-corner, #cccccc 0%, rgba(174,174,174,1) 100%); /* Webkit (Safari/Chrome 10) */  background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #cccccc), color-stop(1, rgba(174,174,174,1))); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center top, circle closest-corner, #cccccc 0%, rgba(174,174,174,1) 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(circle closest-corner at center top, #dddddd 0%, #aeaeae 100%);}
a{text-decoration: none; color: inherit;}
h1{padding: 0px; margin: 0px; color: inherit; font-size: inherit;}
h2{padding: 0px; margin: 0px; color: inherit; font-size: inherit;}
img{border: 0px;}

/* FONTS */
@font-face {font-family: 'nerislight';src: url('fonts/Neris-Light-webfont.eot'); src: url('fonts/Neris-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Neris-Light-webfont.woff') format('woff'),url('fonts/Neris-Light-webfont.ttf') format('truetype'), url('fonts/Neris-Light-webfont.svg#nerislight') format('svg');font-weight: normal; font-style: normal;}
@font-face {font-family: 'nerisblack'; src: url('fonts/Neris-Black-webfont.eot'); src: url('fonts/Neris-Black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Neris-Black-webfont.woff') format('woff'), url('fonts/Neris-Black-webfont.ttf') format('truetype'), url('fonts/Neris-Black-webfont.svg#nerisblack') format('svg'); font-weight: normal; font-style: normal;}
.light{font-family: 'nerislight', sans-serif;}
.bold{font-family: 'nerisblack', sans-serif;}

/* SITE STRUCTURE */
#content{position: relative; width: 100%; max-width: 1198px; margin: 0 auto; background: #fff; display: block;  border-radius: 5px; top: 20px;}
#bgload{visibility: hidden; position: fixed; width: 1px; height: 1px;}

/* HEADER */
#header{position: relative;height: 145px; width: 100%;}
#logo{position: absolute; top: 42px; left: 50px;}
#areacom{position: absolute;top: 0px; left: 244px; top: 50px; color: #8e8e8e; display: block; height: 70px; width: 290px;}
#areacom:hover{ color: #2b3e73;}
#areacom:hover > #bluemenu {display: block;}
#areacom:hover > #comarrow {opacity: .5;}
#comarrow{position: absolute; top: 20px; left: 300px;}
#areacomicon{position: absolute; top: 0px; left: 0px;}
#areacomicon:hover{cursor: pointer;}
#areacomtxt{position: absolute; top: 8px; left: 70px; font-size: 30px; color: inherit;}
#areacomtxt:hover{cursor: pointer;}
#areaene{position: absolute; left: 595px; top: 50px; color: #8e8e8e; display: block; height: 70px; width: 170px;}
#areaene:hover{color: #528f81;}
#areaene:hover > #greenmenu {display: block;}
#areaene:hover > #enearrow {opacity: .5;}
#enearrow{position: absolute; top: 20px; left: 173px;}
#areaeneicon{position: absolute; top: 0px; left: 0px;}
#areaeneicon:hover{cursor: pointer;}
#areaenetxt{position: absolute; top: 8px; left: 70px; font-size: 30px; color: inherit;}
#areaenetxt:hover{cursor: pointer;}
#areacon{position: absolute; left: 822px; top: 50px; color: #8e8e8e; display: block; height: 70px; width: 250px;}
#conarrow{position: absolute; top: 20px; left: 214px; display: none}
#areaconicon{position: absolute; top: 0px; left: 0px;}
#areaconicon:hover{cursor: pointer;}
#areacontxt{position: absolute; width: 150px; top: 8px; left: 70px; font-size: 30px; color: inherit;}
#areacontxt:hover{cursor: pointer;}
#areacon{position: absolute; right: 50px; top: 50px; width: 150px; color: #8e8e8e;}
#areacon:hover{cursor: pointer; color: #505050;}
#areacontxt{position: absolute; top: 8px; right: 0px; font-size: 30px; color: inherit;}

/* MENU */
#bluemenu{position: absolute; top: 65px; left: 0px; width: 355px; height: 162px; background: #2b3e73; border-radius: 5px; display: none; z-index: 999; box-shadow: 3px 3px rgba(0,0,0,.2)}
#bluetriangle{position: absolute; top: -12px; left: 19px;z-index: 5;}
#bluelinks{position: absolute; top:19px; left: 25px; font-size: 25px; line-height: 40px; color: #ffffff;}
#bluelinks a:hover{border-bottom: 1px dotted #ffffff;}
#greenmenu{position: absolute; top: 65px; left: 0px; width: 355px; height: 118px; background: #528f81; border-radius: 5px; display: none; z-index: 999; box-shadow: 3px 3px rgba(0,0,0,.2)}
#greentriangle{position: absolute; top: -12px; left: 19px;z-index: 5;}
#greenlinks{position: absolute; top:19px; left: 25px; font-size: 25px; line-height: 40px; color: #ffffff;}
#greenlinks a:hover{border-bottom: 1px dotted #ffffff;}
#areacona{z-index: 99999;}

/* FOOTER */
#iconcollection{position: relative; width:100%; height: 70px; background:#e4e4e4; border-top:1px solid #cccccc; text-align: center; display: block;}
.iconfoot{margin-top: 14px;}
#bluefoot{position: relative; width:100%; height: 60px; background:#2b3e73; color: #ffffff; font-size: 35px; text-align: center; display: block;}
.textfoot{padding-top: 17px;}
#blackfoot{position: relative; width: 100%; height: 45px; background: #333333; color: #cccccc; font-size: 16px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom: 35px; }
.leftfooted{float: left; margin-left: 50px; padding-top: 10px; border-bottom: 1px dotted #aaaaaa;}
.leftfooted:hover{color: #ffffff; cursor: pointer; border-bottom-color: #fff;}
.leftfootedr{float: left; margin-left: 30px; padding-top: 10px; border-bottom: 1px dotted #aaaaaa;}
.leftfootedr:hover{color: #ffffff; cursor: pointer; border-bottom-color: #fff;}
.rightfooted{float: right;margin-right: 50px; padding-top: 10px;}

/* MODAL */
#overlay {position:fixed; top:0;left:0;	width:100%;height:100%;	background:#000;opacity:0.5;z-index:99999999999;filter:alpha(opacity=50);}
#modal {position:absolute;background:rgba(0,0,0,0.2);border-radius:14px;padding:8px;z-index:999999999999;}
#contentm {border-radius:5px;background:#fff;padding:20px;}
#contentm img{width: 100%;}
#close {position:absolute;background:url(close.png) 0 0 no-repeat;width:24px;height:27px;display:block;	text-indent:-9999px;top:-7px;right:-7px;}
#contactmodal{position: relative; width: 100%; background: #ffffff; height: 730px; display: block; border-radius: 5px;}
#profiletitlem{position:relative; width: 100%; height: 70px; top: 50px;}
.profiletitleimgm{position: absolute; top: 0px; left: 50px;}
.profiletitlemaintxtm{position: absolute; top: 7px; left: 125px; font-size: 38px;color: #555; }
.profiletitlesubtxtm{position: absolute; top: -11px; left: 126px; font-size: 25px;color: #777; }
#contacttxt{position: absolute; top: 125px; left: 50px; color: #555555; padding-right: 50px; font-size: 20px; line-height: 32px;}
#cformname{position: absolute; top: 285px; right: 600px; color: #555555; font-size: 30px;}
#cformemail{position: absolute; top: 345px; right: 600px; color: #555555; font-size: 30px;}
#cformphone{position: absolute; top: 405px; right: 600px; color: #555555; font-size: 30px;}
#cformquestion{position: absolute; top: 465px; right: 600px; color: #555555; font-size: 30px;}
.cforminput{position: absolute; top: 280px; left: 235px; height: 28px; width: 350px; background: #eee; border: #cccccc 1px solid; font-size: 30px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; color: #333333;}
.cforminputemail{position: absolute; top: 340px; left: 235px; height: 28px; width: 350px; background: #eee; border: #cccccc 1px solid; font-size: 30px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; color: #333333;}
.cforminputphone{position: absolute; top: 400px; left: 235px; height: 28px; width: 350px; background: #eee; border: #cccccc 1px solid; font-size: 30px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; color: #333333;}
.cforminputquestion{position: absolute; resize: none; top: 460px; left: 235px; height: 120px; width: 350px; background: #eee; border: #cccccc 1px solid; font-size: 22px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; color: #333333;}
.submitbtn{position: absolute; top: 640px; right: 50px; border: none; padding-left: 12px; padding-right: 12px; padding-top: 9px; padding-bottom: 9px; background: #555555; border-radius: 5px; display: block; color: #ffffff; font-size: 28px;}
.submitbtn:hover{opacity: .9; cursor: pointer;}
#contactmodalx{position: relative; width: 100%; background: #ffffff; font-size: 26px;  text-align: center; display: block; border-radius: 5px;height: 100px; color: #222222; border-radius: 5px;}

/* INDEX CONTENT */
#photoindex{position: relative; width: 100%;}
#photoindex img{width: 100%; height: auto;}
#photoindexcaption{position: relative;  padding-right: 50px; color: #9c9c9c; font-size: 13px; text-align: right;}
#indextitle{width: 100%; font-size: 39px; color: #505050; margin: 0 auto; text-transform: uppercase; text-align: center; margin-top: 20px;}
#indexheight{position: relative; width: 100%; height: 605px; display: block;}
#indexsidebar{position: relative; padding-left: 50px; padding-right: 30px;  float: left; width: 460px; border-right: 2px solid #ccc; margin-top: 40px; color: #656565; font-size: 18px; line-height: 30px;}
#indexcontent{position: relative; float: right; width: 656px; height: 500px;  margin-top:40px;}
#indexbigcom{position: absolute; top: 0px; left: 50px; width: 268px;}
#bigcomicon{position: relative; top: 0px; height: 170px; margin: 0 auto;text-align: center;}
#bigcomtitle{position: relative; height: 55px; margin: 0 auto; text-align: center; color: #2b3e73; font-size: 30px;}
#bigcomtxt{position: relative; height: 175px; margin: 0 auto; text-align: left; color: #656565; font-size: 18px; line-height: 30px;}
#bigcomlist{position: relative; height: 150px; text-align: left; color: #2b3e73; font-size: 20px; line-height: 32px; font-style: italic;}
#indexbigene{position: absolute; top: 0px; right: 50px; width: 268px;}
#bigeneicon{position: relative; top: 0px; height: 170px; margin: 0 auto;text-align: center;}
#bigenetitle{position: relative; height: 55px; margin: 0 auto; text-align: center; color: #528f81; font-size: 30px;}
#bigenetxt{position: relative; height: 237px; margin: 0 auto; text-align: left; color: #656565; font-size: 18px; line-height: 30px;}
#bigenelist{position: relative; height: 150px; text-align: left; color: #528f81; font-size: 20px; line-height: 32px; font-style: italic;}
.indexlink:hover{cursor: pointer; border-bottom: 1px dotted #555555;}
.indexspacer{font-size: 24px; line-height: 46px;}

/* COMPANY PROFILE UNIVERSAL CSS */
#photoprofile{position: relative; width: 100%;}
#profiletitle{position:relative; width: 100%; height: 70px;   margin-top: 20px;}
.profiletitleimg{position: absolute; top: 0px; left: 50px;}
.profiletitlemaintxt{position: absolute; top: 7px; left: 125px; font-size: 38px;color: #505050; }
.profiletitlesubtxt{position: absolute; top: -11px; left: 126px; font-size: 25px;color: #2b3e73; }
.profiletitlesubenetxt{position: absolute; top: -11px; left: 126px; font-size: 25px;color: #528f81; }
#profilesidebar{position: relative;  padding-right: 50px;  float: left; width: 265px; text-align: right; border-right: 2px solid #ccc; margin-top: 40px; color: #656565; font-size: 20px; line-height: 32px;}
.sidemenucom{color: #2b3e73; font-size: 16px;}
.sidemenuene{color: #528f81; font-size: 16px;}
.comlink:hover{cursor: pointer; color: #2b3e73; border-bottom: 1px dotted #2b3e73;}
.enelink:hover{cursor: pointer; color: #528f81; border-bottom: 1px dotted #528f81;}
#profilehead{position: relative; top: 0px; height: 185px; width: 100%; display: block;}
#profilecontent{position: relative; float: right; width: 881px; height: 500px;  margin-top:40px;}
#profilelogo{position: absolute; top: 15px; left: 50px;}
#profilelineone{position: absolute; top: 8px; right: 50px; font-size: 20px; color: #505050;}
#profilelinetwo{position: absolute; top: 41px; right: 50px; font-size: 20px; color: #505050;}
#profilebutton{position: absolute; top: 76px; right: 50px; font-size: 23px; color: #ffffff;  display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 13px;}
#profilemain{position: relative; width: 100%; height: 400px;}
#profiledesc{position: absolute; width: 465px; left: 50px; font-size: 18px; line-height: 30px; color: #505050;}

/* PIONEER TELEPHONE CONTENT */
#pioneerheight{position: relative; width: 100%; height: 915px; display: block;}
.pioneerbutton{background: #004677}
.pioneerbutton:hover{opacity: .9; cursor: pointer;}
#pioneerservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.pioneerlink{color: #004677;}
#pioneermap{position: absolute; top: 193px; right: 32px;}

/* PEAK INTERNET CONTENT*/
#peakheight{position: relative; width: 100%; height: 1050px; display: block;}
.peakbutton{background: #8bc543}
.peakbutton:hover{opacity: .9; cursor: pointer;}
#peakservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.peaklink{color: #8bc543;}
#peakmap{position: absolute; top: 323px; right: 29px;}
.punder{border-bottom: 1px dotted #8bc543;}

/* WIN NETWORKS CONTENT */
#winheight{position: relative; width: 100%; height: 890px; display: block;}
.winbutton{background: #0d5caa}
.winbutton:hover{opacity: .9; cursor: pointer;}
#winservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.winlink{color: #0d5caa;}
#winmap{position: absolute; top: 163px; right: 29px;}

/* EASTERN OREGON TELECOM CONTENT */
#eotheight{position: relative; width: 100%; height: 915px; display: block;}
.eotbutton{background: #376aa3}
.eotbutton:hover{opacity: .9; cursor: pointer;}
#eotservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.eotlink{color: #376aa3;}
#eotmap{position: absolute; top: 200px; right: 29px;}

/* CONSUMERS POWER INC CONTENT */
#cpiheight{position: relative; width: 100%; height: 904px; display: block;}
.cpibutton{background: #007db6}
.cpibutton:hover{opacity: .9; cursor: pointer;}
#cpiservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.cpilink{color: #007db6;}
#cpimap{position: absolute; top: 170px; right: 29px;}
.nudgeup{margin-top: -15px;}

/* COENERGY PROPANE CONTENT */
#cpheight{position: relative; width: 100%; height: 900px; display: block;}
.cpbutton{background: #454d92}
.cpbutton:hover{opacity: .9; cursor: pointer;}
#cpservices{position: absolute; top: 0px; right: 50px; width: 241px; font-size: 20px; line-height: 30px; background: #e5e5e5; display: block; border: 1px solid #ccc; color: #555555; padding-top: 20px;padding-bottom: 20px; padding-left: 35px;}
.cplink{color: #454d92;}
#cpmap{position: absolute; top: 170px; right: 29px;}

/* PRIVACY POLICY AREA */
#ppheight{position: relative; width: 100%; height: 3120px; display: block;}
#profiledescpp{position: absolute; width: 745px; left: 50px; font-size: 18px; line-height: 32px; color: #505050;}

/* KILL SWITCH */
#mcontent{display:none; }
#mlogo{display:none; }
#mnav{display:none; }
#mnavleft{display:none; }
#mnavright{display:none; }
#mpanel{display:none; }
.iconmiddle{display:none; }
.titlemiddle{display:none; }
.pointer{display: none;}
#mmenu{display: none;}
#mmenutxt{display: none;}
.mbluelinks{display: none;}
.mbluelinks:hover{display: none;}
#mphoto{display: none;}
#mmenug{display: none;}
#mmenutxtg{display: none;}
#mcome{display: none;}
#mhist{display: none;}
#mhistx{display: none;}
#mfoot{display: none;}
#actionlist{display: none;}
#blackcontact{display: none;}
#whitem{display: none;}}