/* 



WOO CUSTOM STYLESHEET



---------------------

Instructions:



Add your custom styles here instead of style.css so it 

is easier to update the theme. Simply copy an existing 

style from style.css to this file, and modify it to 

your liking.



*/



body  { background:#FFFFFF url(images/bgmap.jpg) no-repeat top center;  line-height: 1.5; color: #333; }



#page{

width: 960px;

background: #FFFFFF url(images/pagebg4.jpg) no-repeat top center;

margin:15px auto;

border: none;

}



/*- Header -*/



#header{

height: 156px;

background-color: transparent;

margin: 0 0 0 320px;

padding: 0px;

}



/*- Logo -*/



#header h1{

display:block;

height: 156px;

width: 322px;

}



#header h1 a{

display:block;

height: 156px;

width: 322px;

}



#columns{

padding:15px 15px 25px;

background: transparent;

margin: 0px;

}



/*========= ARCHIVE SPECIFIC =========*/



#archivebox {

background: url(/headerbg.jpg) no-repeat;

height: 32px;

border: none;

margin:0px 0 15px 0;

padding: 0px ;

color:#fff !important;

text-shadow: 0 -1px 1px #000000;

}



#archiveboxfull {

background: url(images/headerbg2.jpg) no-repeat;

height: 32px;

border: none;

margin:0px 0 15px 0;

padding: 0px ;

color:#fff !important;

text-shadow: 0 -1px 1px #000000;

}



#archivebox h4, #archivebox h3, #archivebox h2{

padding: 2px 0 0 15px;

color:#ffffff;

}



#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{

font-weight: normal;

}



#archivebox a, #archivebox h2 {

color:#ffffff;

}



a:link, a:visited  {

color: #0000FF;

}



h1 {

color:#000000;

}



.widget h3 {

font-family: 'Pacifico', arial, serif; 

color: #e1712f;

font-size:24px;

text-align:center;

background-color: #FFFFFF;
padding:0px;

}



.widget ul li a {

color:#0000FF;

}



.col2{



}

.widget {

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

}



.textwidget {

font: Helvetica,Arial,Sans-serif;

font-size: 16px;

line-height: 23px;

margin: 15px;

color: #000;

}
.textwidget h2{

    color: #18A7CE;
    font-size: 26px;
    line-height: 23px;
    text-shadow: 0 1px 1px #999999;
}


/*========= Entry =========*/



.entry p {

font: Helvetica,Arial,Sans-serif;

font-size: 16px;

line-height: 23px;

margin: 15px;

}



.entry blockquote {

padding: 10px;

border-style:dashed;

border-color: #e1712f;

border-width:thin;

color:#000;

width:85%;

background-color: #f7f7f7;

font-style: italic;

margin:5px auto 15px;

}



.entry blockquote p {

color: #61656D;

font-size:18px;

padding: 5px 0px;

margin: 5px 0px;

line-height: 20px;

}



.entry h1, .entry h2{

margin-bottom:10px;

}





#topad { margin-top: 45px; }

.entry ol li {

list-style: decimal inside !important;

font-size: 14px;

padding: 3px 0px;

}



.entry ul, .entry ol {

font-size: 14px;

line-height: 20px;

}







.post-alt h2 {

font-size: 22px;

padding: 0;

color: #61656D;

text-shadow:#999999 0 1px 1px;

line-height: 26px;

padding-top: 6px;

}



.post-alt h3{

font-size: 18px;

padding-bottom: 5px;

line-height: 18px;

color: #61656D;

}



/*- Page Navigation -*/



#nav{

height: 50px !important;

padding: 0px !important;

background: #FFFFFF url(images/navbg.jpg);

margin:15px 15px 0px !important;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

width: 930px !important;

text-align:right;

}



#nav-left {

float:left;

display:inline;

width:auto;

}



#nav-right {

float:right;

display:inline;

width:330px;

margin:0px !important;

padding:0px !important;

}



#nav ul  li a {

	color: #ffffff;

}

/*- Dropdowns-*/



#nav1, #nav1 ul{

padding: 0;

float:left;

list-style: none;

}



#nav1 {

padding: 0;

font-size:25px;

float:left;

}



#nav1 a {

display: block;

padding-left:15px;

padding-right:15px;

}



#nav1 li {

float: left;

line-height:50px;

font-weight:bold;

font-size:14px;	

text-transform:uppercase;

}



#nav1 li a:hover {

background-color: #3b5998;

text-decoration:none;

color:#ffffff;

}



#nav1 li ul {

color: #3b5998;

position: absolute;

width: 15em;

left: -999em;

padding-top:1px;

}



#nav1 li:hover ul, #nav1 li.sfhover ul {

left: auto;

}



#nav1 li ul li {

background: #FFFFFF url(images/navbg.jpg);

color: #3b5998;

border-bottom:1px solid #dedbd1;	

border-left:1px solid #dedbd1;	

border-right:1px solid #dedbd1;			

line-height:28px;	

width:15em;

}



#nav1 li:hover, #nav1 li.hover {

position: static;

}



#nav1 li ul ul {

margin: -29px 0 0 15em;

border-top:1px solid #dedbd1;	

}



#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {

left: -999em;

}



#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {

left: auto;

}



#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {

left: -999em;

}



#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {

left: auto;

} 



#nav1 li:hover ul, #nav1 li.sfhover ul {

left: auto;

z-index:1000;	

}

	

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





#footer a {

color:#0000FF;

}



#footer{

clear: both;

color: #000000;

height: 214px;

line-height: 35px;

margin:0px;

padding:0px;

background: #FFFFFF url(images/footerbg2.jpg) no-repeat bottom center;

border: none;

}



#footer img {

vertical-align:middle;

margin-left:5px;

}



#footertxt {

color: #ffffff;

margin: 0px;

padding: 180px 0 0 400px;

}

#footertxt a {

color: #ffffff;

}



#footertxtright {

float: right;

margin: 180px 100px 0px 0; 

}



#footertxtright a {

color: #ffffff;

}

/*- Hop and Jaunt Logo -*/



#hoplogo h1{

display:block;

height: 60px;

width: 128px;

float: right;

margin: 100px 100px 0 0;

}



#hoplogo h1 a{

display:block;

height: 60px;

width: 128px;

}



/*- Welcome Page -*/

#top_wrapper{

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

border-top-style:dashed;

border-top-color: #e1712f;

border-top-width:thin;

overflow: hidden;

width: 930px;

padding: 10px 0 15px 0;

margin-bottom: 10px;

}



#video{

float:left;}

#login {

float: right;

margin: -110px 0 0 0;

}



.my_left_box{

float: left;

width: 600px;

}



.my_right_box{

float: right;

width: 300px;

}



.entry h1{

font-family: font: Helvetica,Arial,Sans-serif;

color: #e1712f;

font-size:24px;

margin-bottom: 10px;

}

.welcome h2{

color: #18a7ce;

margin-bottom:10px;

}



.welcome h3{

background:url(images/27header.jpg) no-repeat;

height:127px;

width: 704px;

text-indent:-9999px;



}



.welcome h4{

background:url(images/12header.jpg) no-repeat;

height:127px;

width: 704px;

text-indent:-9999px;

}

.welcome h5{

background:url(images/60header.jpg) no-repeat;

height:127px;

width: 704px;

text-indent:-9999px;



}



/*========= Entry =========*/



.welcome p {

font: Helvetica,Arial,Sans-serif;

font-size: 16px;

line-height: 23px;

margin: 15px;

}



.welcome blockquote {

padding: 10px;

border-style:dashed;

border-color: #e1712f;

border-width:thin;

color:#000;

width:85%;

background-color: #f7f7f7;

font-style: italic;

margin:5px auto 15px;

}



.welcome blockquote p {

color: #61656D;

font-size:18px;

padding: 5px 0px;

margin: 5px 0px;

line-height: 20px;

}



#welcome ol li {

background-color:#f2e9ce;

}



#welcome ul, #welcome ol {



}

#sale {

clear:both;

overflow: hidden;

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

padding: 0px 0 15px 0;

margin-bottom: 10px;

}

#review {

clear:both;

overflow: hidden;

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

padding: 0px 0 0px 0;

margin-bottom: 10px;

}



#left {

  margin-right: 153px;

}

#right {

  margin-left: 150px;

}



#left_wrapper {

  width: 50%;

  margin-right: -150px;

  float: left;

  position: relative;

  z-index: 0;

}



#middle_wrapper {

  width: 300px;

  margin-right: -150px;

  float: left;

  position: relative;

  z-index: 2;

}



#right_wrapper {

  width: 49.9%;

  float: left;

  position: relative;

  z-index: 1;

}

#left2 {

  margin-right: 0px;

}

#right2 {

  margin-left: 0px;

}

#left_wrapper2 {

  width: 300px;

  margin-right: 0px;

  float: left;

  position: relative;

  z-index: 0;

}





#middle_wrapper2 {

  width: 300px;

  margin-left: 15px;

  float: left;

  position: relative;

  z-index: 2;

}



#right_wrapper2 {

  width: 300px;

  float: right;

  position: relative;

  z-index: 1;

}

#testimonials {
width: 310px;
padding: 5px;
margin-bottom: 10px;
}

#testimonials h2{
font: Helvetica,Arial,Sans-serif;
color: #18A7CE;	
padding: 6px 0 0;
text-shadow: 0 1px 1px #999999;
font-size: 18px;
line-height: 23px;

}

#testimonials h3{
 font-family: Helvetica,Arial,Sans-serif;
font-size: 13px;
color: #000;	
text-align: left;
}

#join{
margin-top: 25px;

}

  

#saleform {

clear:both;

overflow: hidden;

text-align: center;

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

padding: 0px 0 15px 0;

margin-bottom: 10px;

}



.welcome img{

border: none;

background-color: #FFFFFF;

padding: 0px;}	



#learnmore

{

  display: block;

  width: 195px;

  height: 41px;

  background: url(images/learnmore.png) no-repeat 0 0;



}



#learnmore:hover

{ 

  background-position: 0 -41px;

}



#learnmore span

{

  position: absolute;

  top: -999em;

}



.social {

float: right;

width: 110px;

margin: 0px 0 10px 0;

}



#twitterbutton, #likebutton,  {

float: left;

display: block;

}



#likebutton {

margin-top:3px;

margin-left:-3px;

}
#gplus {
height: 15px;
margin-bottom: 15px;
margin-top:-15px;
}



#learn {

margin-left: 370px;

}



#basicjoin{

margin-top: 430px;

margin-left: 435px;



} 

#basic

{

  display: block;

  width: 194px;

  height: 41px;

  background: url(images/basicjoin3.png) no-repeat 0 0;



}



#basic:hover

{ 

  background-position: 0 -41px;

}



#basic span

{

  position: absolute;

  top: -999em;

}



#premiumjoin{

clear:both;

margin-top: -40px;

margin-left: 660px;

} 

#premium

{

  display: block;

  width: 194px;

  height: 41px;

  background: url(images/premiumjoin3.png) no-repeat 0 0;



}



#premium:hover

{ 

  background-position: 0 -41px;

}



#premium span

{

  position: absolute;

  top: -999em;

}

#sale2 {

background: url(images/Comparison2.jpg) no-repeat;

width: 921px;

height:515px;

clear:both;

overflow: hidden;

border-bottom-style:dashed;

border-bottom-color: #e1712f;

border-bottom-width:thin;

padding: 0px 0 15px 0;

margin-bottom: 10px;

}



#joinlink { text-indent: -9999px; }