.brightidea { position:relative;width: 35%;margin-top:6px; height:454px;float:right;background-color: #162834;}

#bright {
width: 266px;
height: 450px;
padding:4px;
}
.earth {
position:relative;
display:block;
width:62%;
height: 420px;
padding:6px;
margin:6px 0 0 6px;
border:0px solid #fff;
background: #d7e37d;
}
.earth  img {float:right; border:0px solid #fff; margin: 0px 0 10px 0;}
p.earthtxt {
font:normal 300 0.8em/1.1em  "Doris", "Verdana", sans-serif ;
color: #555;
text-align:left;
padding: 0 6px;
}
.endbuy { display:block; list-style-type:none; padding:8px; margin:20px 10px; width:350px;}
.endbuy li {display:inline;}

.endprod {
display:block;
width: 90px;
float:right;
font: normal 300 12px/100% 'Doris', sans-serif;
color:#fff;
padding:4px;
margin:0;
background:#333;
text-align:center;
margin-left:10px;
border-radius:3px;
border: 1px solid #333;
text-decoration: none;
-webkit-box-shadow: inset 1px 1px 3px 1px rgba(122,118,122,1);
-moz-box-shadow: inset 1px 1px 3px 1px rgba(122,118,122,1);
box-shadow: inset 1px 1px 3px 1px rgba(122,118,122,1);
}
 .endprod a {text-decoration:none; color:#fff; }
 .endprod a:hover{
background: #333;
-webkit-box-shadow: inset 1px 1px 3px 1px rgba(224,220,224,1);
-moz-box-shadow: inset 1px 1px 3px 1px rgba(224,220,224,1);
box-shadow: inset 1px 1px 3px 1px rgba(224,220,224,1);
}

.endprice {padding:12px;}
#biker {
position: absolute;
top: 10px;
left: 244px;
z-index: 10;
}

#earthtxt a:link {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	}

p.earth span {
font: 13px/14px "arial", "verdana", sans serif ;
font-weight: 400;
color: #cafc81;
text-align:left;
}


#archive118, #archive117, #archive116, #archive115, #archive114, #archive113, #archive112, #archive111, #archive110, #archive109, #archive108, #archive107, #archive106, #archive105, #archive104, #archive103, #archive102, #archive101, #archive100, #archive99, #archive98, #archive97, #archive96, #archive95, #archive94, #archive93, #archive92, #archive91, #archive90, #archive89, #archive88, #archive87, #archive86, #archive85, #archive84, #archive83, #archive82, #archive81, #archive80, #archive79, #archive78, #archive77, #archive76, #archive75, #archive74, #archive73, #archive72, #archive71, #archive70, #archive69, #archive68, #archive67, #archive66, #archive65, #archive64, #archive63, #archive62, #archive61, #archive60, #archive59, #archive58, #archive57, #archive56, #archive55, #archive54, #archive53, #archive52, #archive51, #archive50, #archive49, #archive48, #archive47, #archive46, #archive45, #archive44, #archive43, #archive42, #archive41, #archive40, #archive39, #archive38, #archive37, #archive36, #archive35, #archive34, #archive33, #archive32, #archive31, #archive30, #archive29, #archive28, #archive27, #archive26, #archive25, #archive24, #archive23, #archive22, #archive21, #archive20, #archive19, #archive18, #archive17, #archive16, #archive15, #archive14, #archive13, #archive12, #archive11, #archive10, #archive9, #archive8, #archive7, #archive6, #archive5, #archive4, #archive3, #archive2, #archive1, #archive0 {
position:absolute;
top: 0px;
left:0px;
}

#brightSub {
position:absolute;
top: 0px;
left:0px;
}
#brightArc {
top: 10px;
left: 10px;
width: 266px;
height: 450px;
background-color: #162834;
}
#brightThk {
position:absolute;
top: 0px;
left:0px;
}
p.headArc {
font: 20px/24px  "helvetica", sans serif;
font-weight: 700;
padding: 8px 0px 8px 10px;
margin: -30px 0px 0px 20px;
color: #cafc81;
text-align:left;
 }
p.headThk, p.head{
font: 22px/24px  "verdana", sans serif;
font-weight: 700;
letter-spacing: 0.1em;
padding: 8px 0px 8px 10px;
margin: 10px 0px 0px 20px;
color:#83a3fc; ;
text-align:left;
 }
#headline {
padding: 20px 12px 6px 12px;
}
.drawing {
padding:4px 0px 0px 0px;
margin: 0px;
}
.drawing2 {
padding:4px 0px 0px 0px;
margin: 0px;
}
.brighthd {
margin: 0px 12px 0px 16px;
font: 12px/18px  "Doris", "Verdana", sans-serif ;
color: #fff;
text-align:left;
}
.brighthdArc {
margin: 0px 12px 0px 16px;
font: 12px/18px  "Doris", "Verdana", sans-serif ;
color: #fff;
text-align:center;
}
.brightAd {
margin: 0px 12px 0px 42px;
font: 11px/14px  "Doris", "Verdana", sans-serif ;
color: #77c3fc;
text-align:left;
}
.brightAdArc {
margin: 0px 12px 0px 42px;
font: 11px/14px  "Doris", "Verdana", sans-serif ;
color: #77c3fc;
text-align:center;
}
.brightMd  {
padding: 16px 0px 0px 12px;
font: 11px/14px  "Doris", "Verdana", sans-serif ;
color: #3db6f9;
text-align:left;
}

.brightFd {
padding: 2px 20px 0px 20px;
margin-top: -6px;
font: 11px/14px  "Doris", "Verdana" ;
color: #fff;
text-align:left;
}
.brightFdsub {
padding: 2px 20px 0px 20px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightFdOF {
position:relative;
display: block;
height:70px;
overflow: auto;
margin-top:10px;
margin-right: 10px;
padding: 10px 20px 0px 20px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightFdX {
padding: 20px 20px 0px 20px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightXt {
float: left;
margin: 0px 0px 0px 10px;
width: 120px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightSd span {
padding:2px;
font: 18px  "Arial", "Verdana";
color: #fff;
}

 p.extraShort2 {
  float:left;
   width: 240px;
  text-align: left;
  margin:-6px 0 0 4px;
  padding: 0px;
  color: #fff;
  font: 8px "Doris", "Verdana", sans-serif ;
  border: 0px solid orange;
  }

p.but1 {
display:block;
float:left;
margin:0 0 0 20px;
width: 95px;
height: 14px;
background-color: #d7fc7e;
padding:0;
font: 14px "Open Sans";
color: #162834;
}
p.but1 a:link {
font: 12px "Open Sans";
padding-left:10px;
color: #162834;
}
p.but1 a:hover  {
color: #0765d6;
}
p.butright {
display:block;
float:left;
margin-left: 10px;
width: 108px;
height: 24px;
text-align: right;
background: #162834  url(../WPimg/arc2.jpg) top left repeat-x;
padding: 4px 0px 0px 0px;
font: 12px "arial";
}
p.butrightBk {
  position: absolute;
  top: 362px;
  left: 140px;
margin: 10px 20px 20px 0px;
width: 108px;
height: 24px;
text-align: right;
background: #162834  url(/WPimg/arcBk2.jpg) top left repeat-x;
padding: 4px 0px 0px 0px;
font: 12px "arial";
}
p.butrightSt {
float:left;
margin:0px;
width: 84px;
height: 36px;
text-align: right;
background: #162834  url(../WPimg/arcSt2.jpg) top left repeat-x;
padding: 4px 0px 0px 0px;
font: 12px "Open Sans";
}
p.butright a:link {
font: 12px "Open Sans";
color: #162834;
}
p.butright a:hover  {
color: #db8318;
}
p.butrightBk a:link {
color: #162834;
}
p.butrightBk a:hover  {
color: #20724d;
}
p.butrightSt a:link {
font: 12px "Open Sans";
color: #162834;
}
p.butrightSt a:hover  {
color: #db8318;
}

.buttonbk { padding:20px;}
.buttonbk a:link {
	font-weight: normal;
	text-decoration: none;
	color: #0765d6;
	}
.buttonbk a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #0765d6;
	}
.buttonbk a:hover, a:active {
    text-decoration: none;
	color: #20724d;
	}

#brightSub {
position:absolute;
top:0px;
left:0px;
}
p.head {
font: 16px/16px  "helvetica", sans serif;
font-weight: 700;
padding: 4px 0px 4px 20px ;
 color: #83a3fc;
 text-align:left;
 }
#drawing {
padding: 20px 12px 30px 6px;
}
.brighthd {
margin: 0px 12px 0px 16px;
font: 12px/18px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightAd {
margin: 0px 12px 0px 42px;
font: 11px/14px  "Arial", "Verdana" ;
color: #77c3fc;
text-align:left;
}
.brightMd  {
padding: 16px 0px 0px 12px;
font: 11px/14px  "Arial", "Verdana" ;
color: #3db6f9;
text-align:left;
}

.brightFd {
padding: 10px 20px 0px 20px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightXt {
float: left;
margin: 0px 0px 0px 10px;
width: 120px;
font: 11px/14px  "Arial", "Verdana" ;
color: #fff;
text-align:left;
}
.brightSd span {
padding:2px;
font: 18px  "Arial", "Verdana";
color: #fff;
}

p.but1 {
float: left;
margin: 10px 20px 20px 20px;
width: 95px;
height: 20px;
background-color: #d7fc7e;
padding: 3px 0px 0px 0px;
font: 14px "arial";
color: #172833;
}
p.but1 a:link {
color: #172833;
}
p.but1 a:hover  {
color: #0765d6;
}
p.but12 {
float: right;
margin: 0px 20px 20px 0px;
width: 95px;
height: 20px;
background-color: #9fbfe5;
padding: 3px 0px 0px 0px;
font: 12px "arial";
color: #172833;
}
p.but12 a:link {
color: #172833;
}
p.but12 a:hover  {
color: #d7fc7e;
}

p.but123 {
float: right;
margin: 0px 30px 0px 0px;
width: 95px;
height: 16px;
background-color: #f57c2b;
padding: 3px 0px 0px 0px;
font: 12px "arial";
color: #fff;
}
p.but123 a:link {
color: #fff;
}
p.but123 a:hover  {
color: #d7fc7e;
}

#contain {
	position: relative;
	width: 250px;
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 0px solid red;
	padding-bottom: 20px;
	}

h1 {
	font: normal 12px courier,monotype;
	color: #444;
	background: url(bgd6.jpg)  bottom left;
	opacity: 0.8;
	}

ul,ol {
	list-style: none;
	}

.hidden {
    display: none;
	}

.clear {
	clear: both;
	}
.bold {
	font-weight: bold;
	}


a img {
	text-decoration: none;
	border: none;
	}

span.blue {
 color: #5d9ed4;
 }




#contact #left {
	padding: 0px;
	margin: 0px;
	width: 250px;
	border: dotted 0px blue;
	}

#contact #left {
	margin: 0px 0px;
	}

#contact h1 {
	padding: 2px;
	margin: 0;
	text-transform: uppercase;
	}

#contact label{
 float: left;
 width: 120px;
 font: 10px verdana, monotype;
 font-weight: 555;
 color: #fff;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 text-align: left;
 padding: 2px;
 }
#contact label #one {
  background-color:#999;
  }


#contact input, textarea {
font: 11px/14px "arial";
 width: 120px;
 height: 14px;
 padding: 0px;
 margin-bottom: 0px;
 background-color:#b7d685;
 border: 1px #ccc;
 }

 #contact textarea{
 width: 230px;
 height: 40px;
 margin: 0px;
 }

input#agre {
float: left;
 width: 14px;
 height: 14px;
 margin: 10px 0px 6px 10px;
 background-color:#b7d685;
 }
label#yes {
width: 200px;
 margin: 10px 0px 0px 10px;
}


 #submitbutton{
 margin-left: 0px;
 margin-top: 5px;
 width: 90px;
 }



 #closeit {
	position: absolute;
	top: 558px;
	left:33px;
	width:300px;
	border:0px solid red;
	}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
#witchplanet .main{width:100%; margin:0px 0 0 0px; padding:0; border:0px solid #fff; }
#witchplanetsubmit .main{width:100%; margin:0px 0 0 0px; padding:0; border:0px solid #fff; }
h2 { clear: both; font: normal 400 1em/100% 'Open Sans', sans-serif; letter-spacing:0.4em; color:#785348;padding:8px; }
.brightidea { position:relative;width:100%;padding:12px;background-color: #162834; z-index: 10;}
.earth {
width:100%;
height: auto;
padding:0px;
margin:0px;
border:0px solid #fff;
background: #d7e37d;
z-index: 1;
}
.earth  img {float:none;width:80%; margin: 0;}
#bright {
margin:0px 20px;
width: 80%;
}
#archive113, #archive112, #archive111, #archive110, #archive109, #archive108, #archive107, #archive106, #archive105, #archive104, #archive103, #archive102, #archive101, #archive100, #archive99, #archive98, #archive97, #archive96, #archive95, #archive94, #archive93, #archive92, #archive91, #archive90, #archive89, #archive88, #archive87, #archive86, #archive85, #archive84, #archive83, #archive82, #archive81, #archive80, #archive79, #archive78, #archive77, #archive76, #archive75, #archive74, #archive73, #archive72, #archive71, #archive70, #archive69, #archive68, #archive67, #archive66, #archive65, #archive64, #archive63, #archive62, #archive61, #archive60, #archive59, #archive58, #archive57, #archive56, #archive55, #archive54, #archive53, #archive52, #archive51, #archive50, #archive49, #archive48, #archive47, #archive46, #archive45, #archive44, #archive43, #archive42, #archive41, #archive40, #archive39, #archive38, #archive37, #archive36, #archive35, #archive34, #archive33, #archive32, #archive31, #archive30, #archive29, #archive28, #archive27, #archive26, #archive25, #archive24, #archive23, #archive22, #archive21, #archive20, #archive19, #archive18, #archive17, #archive16, #archive15, #archive14, #archive13, #archive12, #archive11, #archive10, #archive9, #archive8, #archive7, #archive6, #archive5, #archive4, #archive3, #archive2, #archive1, #archive0 {
position:absolute;
top: 10px;
left:50px;
}

.endbuy { list-style-type:none; padding:8px; margin:0px; width:90%;}
.endbuy li {display:inline;}
p  .earthtxt {
font:normal 300 0.8em/1.1em  "Doris", "Verdana", sans-serif ;
color: #555;
text-align:left;
padding: 8px 16px;
}
p.extraShort2 {
  float:left;
   width: 240px;
  text-align: left;
  margin:0px 0 0 4px;
  padding: 0px;
  color: #fff;
  font: 8px "Doris", "Verdana", sans-serif ;
  border: 0px solid orange;
  }
}