*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* NOTES SPECIAL UNIQUE */
html {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
body {
	background: url("../graphics/slimebkg.gif") repeat top center #c4d0c4;
	margin: 0;  
	padding: 0;
	color: #004000;
	background: #84C3EC; /*#63839B;*/
	font-size: 100%; /* 76%; */
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	}

table, input, select {
	font-size: 100%;
	}

h1 {	font-size: 2em; line-height: 1.125;	}
h2 {	font-size: 1.5em; line-height: 1.125;	}
h3 {	font-size: 1.125em;	}
h4 {	font-size: 1em;	}

h1, h2, h3, h4, p {
	margin-left: 1%;
	margin-right: 1%;
	margin-top: .7em;
	margin-bottom: .1em;
	}

h1, h2 {
	font-family: 'Oxygen', Helvetica, Arial, sans-serif;
	color: #004499;
	font-weight: normal;
	}

p {
	margin-top: .5em;
	margin-bottom: .1em;
	}
h3 span {
	font-size: .85em;
	font-weight: normal;
	}

a {
	color: #003000;
	text-decoration: none;
	}
a:hover {
	color: #0000ff;
	text-decoration: underline;
	}
h2 a {
	text-decoration: none;
	}
img {
	border: 0;
	width: 100%;
	display: block;
	}
ol {
	margin-left: 0;
	padding-left: 3%;
	}
ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: .6em;
	}
li {
	/* list-style-position: inside;*/
	margin-left: 1.25em;
	}
	
sup {
	font-size: .6em;
	}

em {
	color: #3799D3;
	font-weight: bold;
	font-style: italic;
	}

/* CONTAINER ======================= */
#container {
	width: 960px;
	position: relative;
	margin: 8px auto 4px auto;
	border: 1px solid #555555;
}

/* INNERCONTAINER ======================= */
#innercontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1.3; /* 1.5em */
	overflow: hidden;
	background: #ffffff;
}

/* MASTHEAD ======================== */
#masthead {
	width: 100%
	position: relative;
 	background: #ffffff;
	overflow: hidden;
	}
#mhlogos {
	position: relative;
	overflow: hidden;
	}
#logoimg {
	clear: right;
	float: left;
	margin-top: 3px;
	height: 110px;
	width: auto;
	}
#thumbpic {
	height: 110px;
	width: auto;
	float: right;
	margin: 5px 5px 5px 0;
	}
#logoname {
	float: left;
	margin: 25px 0 0 15px;
	width: 315px;
	}
#logline {
	font-size: .70em;
	position: absolute;
	bottom: 0;
	line-height: 1;
	left: 125px;
	color: #63839B;
	}


/* === BEGIN FIXEDBTN ============ */

.fixedbtnhorz,
.fixedbtn80,
.domlinkbtn,
.fixedbtn {
	width: 144px;
	float: left;
	font-size: .85em;
	line-height: 1.125;
	overflow: hidden;
	margin: 5px;
	text-align: center;
	border: 1px solid; 
}
.fixedbtn80 {
	width: 80px;
	}
.domlinkbtn {
	width: 142px;
	}
.domlinkbtn img {
	width: 140px;
	height: 140px;
	border: none;
	}

.fixedbtnhorz img {
	height: 110px;
	width: auto;
	}
.domlinkbtn a,
.fixedbtnhorz a,
.fixedbtn80 a,
.fixedbtn a {
	text-decoration: none;
}	
.domlinkbtn p,
.fixedbtnhorz p,
.fixedbtn80 p,
.fixedbtn p {
	font-size: .85em;
	width: 90%;
	margin: 0 0 0 5px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	}
#mainpicr .fixedbtnhorz p,
#mainpicr .fixedbtn80 p,
#mainpicr .fixedbtn p,
#mainpic .fixedbtnhorz p,
#mainpic .fixedbtn80 p,
#mainpic .fixedbtn p {
	font-size: 1em;
	margin-top: 3px;
	}

/* === END FIXEDBTN ============== */
#mlistbtn {
 	float: right;
	margin-top: 8px; 
	margin-right: 8px;
	width: 28px;
}
#ppviewbtn {
	float:right; 
	margin: 8px 3px 0px 0px;
	width: 70px;
	}
.btnset90,
.btnset {
	margin-top: 20px; 
	display: list-item; 
	overflow: hidden;
	}
.btnset90 img,
.btnset img {
	border: 1px solid #999999;
	float: left;
	margin: 3px;
	width: 90px;
	}

.btnset90 img {
	width: 90px;
	}


/* CATMENU ======================== */
#catmenu {
	width: 100%;
	padding: 1px 1em 2px 1em;
	color: #03253A;
	overflow: hidden;
	background: #80A9C8; /* #ccddff; */
	}

#catmenu ul {
	font-size: .8em;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}


#catmenu ul li {
	display: inline;
	overflow:hidden;
	margin: 0em;
	text-align: center;
	}
#catmenu ul li.major {
	font-weight: bold;
	font-size: 1.25em;
	}

#catmenu ul li a {
	margin: .25em .35em;
	padding: .5em .85em;
	background: #eeffff;
	color: #004499;
	text-decoration: none;
	border: 1px dotted #0099ff;
	line-height: 3em;
	height: 3em;
	}
#catmenu ul li a:hover {
	background: #aaeeee;
	color: #000000;
	border: 1px dotted #0099ff;
	background: #ddffff;
	}

#rside {
        float: left;
	max-width: 170px;
        padding: 0;
        margin: 0;
	margin-right: 8px;
/*        border-left: 1px solid #959AA1; */
        }

/* FLTMENU ======================== */
#fltmenu {
	font-size: .8em;
	margin: .5em 1em;
	padding: 2px .2em;
	color: #03253A;
	overflow: hidden;
	text-align: center;
	background: #DAE7F0;
	border: 1px solid #A5BAC8;
	}

#fltmenu ul {
	list-style: none;
	margin: 0em auto;
	padding: 0;
	}


#fltmenu ul li {
	display: inline;
	overflow:hidden;
	margin: 0em;
	text-align: center;
	white-space: nowrap;
	}
#fltmenu ul li.major {
	font-weight: bold;
	font-size: 1.25em;
	}

#fltmenu ul li a {
	margin: .25em .35em;
	padding: .5em .85em;
	background: #ffffee;
	color: #004499;
	text-decoration: none;
	border: 1px solid #ff9900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	line-height: 3em;
	height: 3em;
	}
#fltmenu ul li a:hover {
	background: #aaeeee;
	color: #000000;
	border: 1px dotted #0099ff;
	background: #ddffff;
	}

/* FTCATMENU ======================== */
#ftcatmenu {
	padding: 1px 1em;
	color: #03253A;
	overflow: hidden;
	background: #80A9C8; /* #ccddff; */
	}

#ftcatmenu ul {
	font-size: .8em;
	float: left;
	list-style: none;
	margin: 0 0 0 3em;
	padding: 0;
	}


#ftcatmenu ul li {
	display: inline;
	overflow:hidden;
	margin: 0em;
	text-align: center;
	}
#ftcatmenu ul li.major {
	font-weight: bold;
	font-size: 1.25em;
	}

#ftcatmenu ul li a {
	margin: .25em .5em;
	padding: .5em 1em;
	background: #eeffff;
	color: #004499;
	text-decoration: none;
	border: 1px dotted #0099ff;
	line-height: 3em;
	height: 3em;
	}
#ftcatmenu ul li a:hover {
	background: #aaeeee;
	color: #000000;
	border: 1px dotted #0099ff;
	background: #ddffff;
	}

/* TOPMENU ======================== */
#topmenu {
	width: 100%;
	color: #222222;
	overflow: hidden;
	background: #63839B;
	text-align: center; 
	border-top:1px solid #63839B;
	border-bottom:1px solid #63839B;
	}

#topmenu ul {
	margin: 0 auto;
	font-size: .8em;
	list-style: none;
	padding: 0;
	text-align: center;
	overflow: hidden;
	display: table;
	}


#topmenu ul li {
	margin: 5px;
	width: 85px;
	height: 25px;
	padding: 0;
	/* display: inline-block;*/
	display: block;
	float: left;
	text-align: center;
	overflow:hidden;
	font-weight: bold;
	}

#topmenu ul li a {
	border: 1px solid #aaaaaa;
	color: #ffffff;
	display: block;	
	height: 100%;
	line-height: 1.75;
	margin: 0;
	padding: 0 4%;
	text-decoration: none;
	background: #63839B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	}

#topmenu ul li a:hover {
	color: #555555;
	background: #ccddff;
	}

#lmmenu {
	width: 100%;
	overflow: hidden;
	font-size: .8em;
	background: #ccddff;
}
#lmmenu ul {
    border-bottom: 1px solid #63839b;
    border-right: 1px solid #63839b;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0 1em;
	overflow: hidden;
/*	list-style-type: none;
	margin: 0;
	border-right: 1px solid #63839B; 
	border-bottom: 1px solid #63839B; 
*/
}

#lmmenu li {
	margin: .2em 0 0 0;
	display: block;
	line-height: 1.2;
	padding: 1px 0;
}

#lmmenu li:hover {
	background-color:#ffffff;
	padding: 0 0;
	border-bottom: 1px solid #63839B; 
	border-top: 1px solid #63839B; 
	}

#lmmenu a {
	font-family: verdana, arial, sans-serif;
	color: #21567E;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: .2em .4em .2em 1em;
	display: block;
}

#lmmenu a:hover {
	color: #ff0000;
}

#rccontent {
	overflow: hidden;
	margin-bottom: 1em;
	}

/* FOOTER ======================== */
#footer {
	padding: 0 1em 1em 1em;
	overflow: hidden;
	background: #ffffff;
	color: #004499;
	border-top: 1px dashed #0099ff;
	}
/* ftmenu use ul default*/
#footer ul {
	width: 100%;
	padding: 6px 0;
	list-style: none;
	margin: 0px 0 5px 0;
	text-align: center;
	font-size: .9em;
	}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#footer ul li a {
	padding: 0 12px 0 12px;
	color: #004499;
	text-decoration: none;
	}
#footer ul li a:hover {
	background: #aaddff;
	color: #002222;
	}


/* FORM ============================== */
form { margin:0; padding:0; display:block;}

.basicform { 
	float: left; 
	margin-top: .75em;
	margin-bottom: .75em;
	font-size: .85em;
	}

.fieldpair {
		display: block;
		clear: both;
		padding: .2em 1.24em;
		margin: 0;
	}

p.fieldname {
		clear: left;
		float: left;
		width: 6em; /* 8em; */ /* 100px; */
		text-align: right;
		margin: 0;
		padding: 0;
	}

p.fieldinput {
		float: left;
		text-align: left;
		padding: 0 0 0 .4em;
		margin: 0;
	}

.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	}

/* =================================== */
.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}
.clearleft {
        clear: left;
}

.floatright {
        float: right;
        margin: 6px 5px 0px 8px;
}

.floatleft {
        float: left;
        margin: 6px 8px 0px 5px; 
}

.floatcenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}

.hline,
.centeredline {
	margin-left:10%; 
        padding:0px;
        width: 82%;
        height: 0;
        border-top: 1px solid #006699;
/*      border-bottom: 1px solid #B9C893; */
        text-align: center;
	overflow: hidden;
}

.centeredline {
	margin: 10px auto;
	}
/* flex centered line can be constructed
<div class="vendbox">
<div class="centeredline"></div>
</div>
*/

#cnotice {
	text-align: center;
	font-size: .75em;
}
#cnotice p {
	padding: 0;
	margin: 0;
}
#cnotice a {
	text-decoration: none;
}
p.notice {
	color: #D22D0C;
	}

#mainpicr,
#mainpic,
.picncap {
        overflow: auto;
        margin: .7em 1em;
        text-align: center;
        font-size: .75em;
        }
#mainpicr,
#mainpic {
        width: 47%;
        margin: 2.5%;
	}
#mainpic {
        float: left;
	}
#mainpicr {
	float: right;
	}
#mainpicr p,
#mainpic p,
.picncap p {
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }
#mainpic2r,
#mainpic2 {
        width: 25%;
        float: left;
        margin: 3%;
        }
#mainpic2r {
	float: right;
	}
#mainpic2r p,
#mainpic2 p {
	text-align: center;
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 0;
        }
#mainpic2r h3,
#mainpic2 h3 {
	text-align: center;
        margin-left: 0px;
        margin-top: 3px;
        margin-bottom: 0;
        }
.btn2picbox {
        overflow: auto;
        text-align: center;
        }
.btn2picbox img {
        float: left;
        }
.btn2picbox p {
        font-size: .75em;
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }

#closeupctrl {
	clear: left;
	text-align: right;
	line-height: 1;
	margin-right: 5px;
	}

.moreinfo {
        font-size: .85em;
        font-weight: bold;
        }

span.price, 
p.price span {
	font-size: 1.125em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ff0000;
	}
p.format {
	margin-top: 0px;
	font-weight: bold;
	}

.ppaddleft,
.ppaddright,
.ppadd {
        text-align:center;
	overflow: hidden;
	margin-right: 10px;
        }
.ppaddleft {
	float: left;
	}
.ppaddright {
	float: right;
	}
.ppaddleft {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 5px;
	}
.featurette .ppadd,
.ppaddsmall,
.rightbox .ppadd {
	/* width: 96px; */
	margin-right: 0px;
	}

.ppaddsmall p,
.ppaddright p,
.ppadd p {
	margin: 0;
	padding: 0;
	}
.itemette .ppaddsmall p,
.itemette .ppadd p {
	margin-right: 10px;
	}

.ppaddleft form,
.ppaddright form,
.ppadd form {
        padding: 0;
        margin: 0;
	float: left;
        }

.ppaddleft form input,
.ppaddsmall form input,
.featurette .ppadd form input,
.rightbox .ppadd form input { /* smaller submit button */
        /* submit graphic is only visible input element in ppadd. */
        width: 90px;
        padding-top: 0;
        margin-top: 3px;
        }

.cartfaq {
        font-size: .75em;
        margin: 0;
        padding: 0;
	display: none;
        }
.featurette .cartfaq,
.ppaddsmall .cartfaq,
.rightbox .cartfaq {
	display: none;
	}

.contributebox {
	overflow: hidden;
	width: 90%;
	margin: 8px auto;
	}

.contributebox .ppaddleft {
	margin-top: 3px;
	}
.contributebox span.suggested {
	font-weight: bold;
	font-size: .8em;
	color: #DC6E00;
	}
.ednote50,
.ednote {
	padding: 6px 8px;
	margin: 10px 20px;
	background: #eeeecc;
	border: 1px dotted #03253A;
	}

.ednote50 p,
.ednote p {
	/* margin: 0px; */
	}
.ednote50 {
	float: left;
	width: 40%;
	margin: 10px 0px 10px 6%;
	}

.testimonial {
	min-width: 30%;
	padding: 6px 8px;
	margin: 10px 20px;
	background: #EEE5DA;
	border: 1px dotted #03253A;
	overflow: hidden;
	}

.testimonial li,
.testimonial p {
	/* margin: 0px 0px .2em 0px; */
	/* font-style: italic; */
	}
.testimonial p.bywho {
	text-align: right;
	font-style: normal;
	}

#bcrumbobj {
	position: absolute;
	top: 5px;
	right: 180px;
	font-size: .75em;
	}
#bcrumbobj a {
	color: #63839B;
	}

.matrixbox {
	float: left;
	width: 250px;
	height: 250px;
	margin: 10px;
	position: relative;
	
	}
.matrixbox img {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	}

/* IMPORTS FROM PREVIOUS */
.feature,
.feature50,
.payoption,
.featurette {
	float: left;
	width: 46%;
	margin-left: 2%;
	background: #E0EAFF;
	color: #000066;
	font-size: .75em;
	line-height: 1.3;
	border: 1px solid #63839B;
	margin-top: .5em;
	margin-bottom: .5em;
	overflow: hidden;
	}
.rightbox .featurette {
	width: 90%;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}
.rightbox .featurette img {
	width: 40%;
	}
.rightbox .featurette h2 {
	margin-bottom: .4em;
	}

.feature,
.feature50,
.payoption,	/*  idhhb registration_on floating paypal options */
.featurette {
	float: left;
	width: 46%;
	margin-left: 2%;
	background: #E0EAFF;
	color: #000066;
	font-size: .75em;
	line-height: 1.3;
	border: 1px solid #63839B;
	margin-bottom: 1em;
	}

.feature {
	width: 90%;
	margin-left: 5%;
	background: #EDF3FF;
	font-size: .85em;
	line-height: 1.3;
	position: relative;
	}
.feature50 img {
	width: 100%;
	}
.payoption {
	width: 60%;
	margin-left: 5%;
	background: #FFFAF2;
	font-size: .80em;
	line-height: 1.3;
	}

.featurette h2 {
	font-size: 1em;
	line-height: 1.25;
	margin-top: .4em;
	}
.feature h2,
.feature50 h2 {
	font-size: 1.3em;
	line-height: 1.25;
	margin-top: .2em;
	margin-bottom: .4em;
	}
.feature h3,
.feature50 h3 {
	margin-top: .4em;
	margin-bottom: 0em;
	}
.payoption h2 {
	font-size: 1.25em;
	line-height: 1.25;
	margin-top: .4em;
	}

.feature p,
.payoption p,
.featurette p {
	margin: 0 .5em .3em .5em;
	}

.feature img,
.payoption img,
.featurette img {
	float: left;
	margin: .5em;
	border: 1px solid #63839B;
	max-width: 30%;
	}

.feature .floatright {
	margin: 0 1em .4em .5em;
	padding: 0;
	}
.feature .floatright img {
	margin: 0;
	padding: 0;
	}
.feature p.moreinfo,
	float: right;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.listlist {
	}
.listlist ul {
	list-style-type: disc;
	}
.listlist ul ul {
	list-style-type: circle;
	}

.flexbox,
.vendbox {
	margin: 10px;
	display: list-item;
	overflow: hidden;
	border: 1px dotted #777777;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px; 
	border-radius:7px;
	}

.flexbox .ppadd form,
.vendbox .ppadd form {
	text-align: left;
	margin-left: 10px;
	}
.vendbox img {
	max-width: 38%;
	margin-right: 1.5%;
	float: left;
	}

.flexbox {
	border: none;
	}
.flexbox ul {
	margin-left: 4%;
	}
.flexbox li {
	
	}
.flexbox li p {
	margin-bottom: 5px;
	margin-left: 5%;
	margin-top: 0;
	font-size: .9em;
	}
.morelink {
	text-align: right;
	font-size: .85em;
	font-weight: bold;
	}
.indent5 {
	margin-left: 5%;
}
.indent10 {
	margin-left: 10%;
}

.flexbox .ppadd form {
	text-align: left;
	margin-left: 10px;
	}

/* Picture with no caption, but text to the side */
.picntext {
        overflow: hidden;
        margin: 0 5px 10px 5px;
        }
.picntext img {
        float: left;
        margin-right: 10px;
	width: 30%;
        }
.picntext object {
        float: left;
        margin-right: 10px;
        }
.picntext p {
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 0;
        }
.picntext h2 {
        margin-top: 3px;
        margin-bottom: 5px;
        font-size: 1.25em;
        }
.picntext h3 {
        margin-top: 3px;
        margin-bottom: 3px;
        font-size: 1.125em;
        }

.rightbox {
	float: right;
	width: 40%;
	margin-left: 1em;
	font-size: .85em;
	}


.rightbox {
	background: #EDF3FF;
	border-left: 1px dashed #63839B;
	border-bottom: 1px dashed #63839B;
	}
.asideright,
.asideleft {
	padding: .5em;
        background: #E3DDCC;
        border: 1px solid #845A3D;
	margin: .5em 1em;
	}

.rightbox img {
	border: 1px solid #63839B;
	}
.rightbox h2 {
	margin-bottom: .35em;
	}

.adspecial {
	background: #ffffff;
	border: 1px solid #1B649B;
	}

.adspecialette { }
.adspecialette h2 { }
.adspecialette h3 { }
.adspecialette h3.price { }
.adspecialette h3.regprice { margin-bottom: 5px;}
.adspecialette h3.saleprice { 
	color: #ff0000; 
	font-size: 1.25em; 
	margin-top: 4px; 
	margin-bottom: 5px;
	}
.adspecialette h3.regprice span { font-size: 1.125em; }
.adspecialette h3.saleprice span { font-size: 1.3em; }

.indent {
	margin: 1em 3em;
	}
.story {
	margin: 1em 3em;
	color: #8B420D;
	font-style: italic;
	}

.quote,
.quote60 {
	overflow: hidden;
	display: list-item;
	margin: .5em 1.5em;
	color: #000099;
	padding: 6px;
	font-size: .85em;
	border: 1px dashed #7777aa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}
.quote60 {
	width: 53%;
	}
.quote p.bywho,
.quote60 p.bywho {
	text-align: right;
	}

.floatingimgs { }

.floatingimgs img {
	float: left;
	margin: 2px;
	}
.itemette {
	overflow: hidden;
	}
.itemette p {
	line-height: 1;
	}

.qadiv {
	width: 94%;
	margin: 1em auto;
	border: 1px solid #63839B;
}
.qaquestion {
	color: #880000;
	width: 94%;
	padding: 7px;
	border: 1px dotted #880000;
	margin: .5em auto;
}

.qaanswer {
	width: 94%;
	color: #000088;
	padding: 7px;
	border: 1px dotted #000088;
	margin: .5em auto;
}
.qaquestion h2, 
.qaanswer h2 {
	font-size: 1.125em;
	margin-top: 0em;
}

.hug {
	margin-top: -10px;
	}

.itmgroup ul {
        list-style: none;
	margin-top: -5px;
        }

.itmgroup ul li {
        overflow:hidden;
        margin: 0em 0em 0em 2em;
        }

.pvaette {
	width: 152px;
	height: 150px;
	float: left;
	margin: 5px;
	text-align: center;
}
.pvaette img {
	border: 1px solid #000000;
	width: 150px;
}
.pvaette p.pvatitle {
	font-size: .75em;
	}

.pvaette p.pvaslurl {
	font-size: .8em;
	margin: 0;
	padding: 0;
	}
.pvafbox {
	text-align: center;
	font-size: 1.125em;
	}
.pvafbox p.pvaslurl {
	font-size: .75em;
	font-weight: bold;
	}

.comment {
	font-size: .8em;
	font-weight: bold;
	}
.img100 img {
	width: 100%;
	}

.videowrapperouter {
	overflow: hidden;
}
.videowrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
	overflow: hidden;
}
.videowrapper object,
.videowrapper embed,
.videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
	
.width30 {	/* no jump on 480 */
	width: 30%;
	}
.width40 {	/* no jump on 480 */
	width: 40%;
	}
.width50 {
	width: 48%;
	}

.pwidth90 {
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
	}

.pwidth30r,
.pwidth40r,
.pwidth50r,
.pwidth30,
.pwidth40,
.pwidth50 {
	margin: 1.5% 1.45% 1% 1.45%;
	float: left;
	overflow: hidden;
	}
.pwidth50r,
.pwidth50 {
	width: 47%;
	}
.pwidth40r,
.pwidth40 {
	width: 37%;
	}
.pwidth30r,
.pwidth30 {
	width: 31%;
	}
.pwidth30r,
.pwidth40r,
.pwidth50r {
	float: right;
	}

.box100 {
	width: 100%;
	position: relative;
	}
.box50 {
	width: 48%;
	position: relative;
	}
.box40 {
	width: 39%;
	position: relative;
	}
.box33 {
	width: 32%;
	position: relative;
	}


/* @media helper classes */
.nodisp480 {
	display: auto;
	overflow: hidden;
	}
.onlydisp480 {
	display: none;
	}
.fullish {
	width: 95%;
	margin-left: 2.5%;
	}
.fullat480 {
	}



/* Large desktop min- (greater than or equal to) */
@media (min-width: 1200px) { ... }
     
/* Portrait tablet to landscape and desktop 
greater than or equal to 768px special 800px
less than or equal to 979px */
@media (min-width: 800px) and (max-width: 979px) { ... }
     
/* Landscape phone to portrait tablet 
less than or equal to 767px special 799 */ 
@media (max-width:960px) { 
	#mainpic {
		width: 37.5%;
		margin: 2%;
	}
	#container {
		width: 100%;
		/* margin: 0px;*/
	}
	.showshort {
		display: inline;
	}
	#menu {
		display: none;
	}
	#content {
		width: 100%;
		margin-left: 0px;
	}
	#serviceimg {
  		width: 50%;
	}
	#logline {
		position: relative;
		bottom: auto;
		left: auto;
		text-align: center;
	}

}
@media (max-width: 960px) {
	#fboxpop {
        	width: 100%;
	        padding-right: 0px;
	}
}
@media (max-width: 880px) {
	.payoption {
		width: 43%;
		margin-left: 3%;
	}
}
@media (max-width: 680px) {
	#catmenu {
		width: 100%;
	}
}
@media (max-width: 640px) {
	.lside70,
	.rside30 {
		width: 100%;
		float: none;
	}
	.rightbox {
		display: none;
	}
	.payoption {
		width: 90%;
		margin-left: 5%;
	}
	#logoname {
		width: 198px;
		margin: 32px 0 0 10px;
	}
	#topmenu ul li {
		width: 17.5%;
		margin: 1% 1%;
	}
}     
/* Landscape phones and down
less than or equal to 480px */
@media (max-width: 480px) {
	.fullat480 {
		width: 100% !important;
	}
	.pwidth90,
	.pwidth50,
	.pwidth40,
	.pwidth50r,
	.pwidth40r,
	.item33,
	.box33,
	.box40,
	.box50 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.pwidth30,
	.pwidth30r {
		width: 47%;
	}

	.eventbox,
	.widththird,
	.gallery30 {
		width: 98%;
		margin-left: .5%;
		margin-top: 20px;
	}
	#rside {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#rside ul li a {
		padding: 0;
	}
	#rside ul li:hover,
	#rside ul li {
    		border: 1px dotted #888888;
    		float: left;
    		margin: 2px 5px;
    		padding: 0px 3px;
	}
	#rside img {
		display: none;
	}
	.mrgette97 img,
	.popette img {
		width: auto;
      	  	height: 128px;
	}
	#fboxpop h2 {
        	padding-top: 10px;
        	font-size: 1.5em;
	}
	#fboxpop img {
        	float: none;
	        margin-right: 0;
		width: 100%;
	}
	.nodisp480 {
		display: none;
	}
	.onlydisp480 {
		display: block;
		overflow: hidden;
	}
	.fullish {
		width: 100%;
		margin-left: 0px;
	}
	#logoright,
	#logoleft {
		float: none;
		width: 100%;
	}
	#mainpicr,
	#mainpic {
		float: none;
		width: 100%;
		margin: 0px;
	}
	#mainpic2 {
		width: 48%;
	}
	#sidearea {
		float: none;
		width: 100%;
	}
	#rccontent {
		padding: 0 .125em .125em .125em;
	}
	.feature50 {
		width: 100%;
		float: none;
	}
	.fieldpair {
		padding: 3px 0px;
	}
	form {
		margin-left: auto;
		margin-right: auto;
	}
}