/*!
 *  The Ever Evolving and Never Quite Finished Stylesheet
 *  Built with Twitter Bootstrap and a Ton of jQuery
 *  -------------------------------------------------------

 *1. COLOR KEY
 *2. RESET & CLEARFIX
 *3. HIDDEN OR TRANSPARENT
 *4. FONTS
 *5. IMAGES
 *6. LINKS
 *7. BODY
 *8. TEXT & BASIC STYLES
 *9. SHADOWS AND CORNERS
 *10. FLOATS & COLUMNS & BORDERBOX & VISUALLY CENTERED
 *11. PADDING
 *12. FORMS
 *13. SOCIAL
 *14. HEADERS AND FOOTERS AND HEROES
 *15. NAVIGATION - ALSO SEE EXTERNAL STYLESHEETS
 *16. DITTO
 *17. JQUERY
 *17. MEDIA QUERIES
 *  Contact
 *  -------------------------------------------------------
 *  Email: holly@hollyworks.com
 *  Twitter: http://twitter.com/hollyworks2go
 *  HollyWorks.com


COLOR KEY & COLORS:


*/

.content a.btn-cart {
margin:15px 0 0 0;
color:#343434;
}

.content a.btn-cart:hover {
color:#343434;
}

.content a.btn-cart:hover  {
    background-color: #bfd4ee;
    border-color: #dddddd;
    color: #FFFFFF;
}

.accordion-group {margin:15px 0;  padding:7px;  border-radius: 5px; border:1px solid rgba(255,255,255,0.20);  background-color: rgba(255,255,255,0.20);}

.accordion-group:hover {margin:15px 0; padding:7px; border-radius: 5px; border:1px solid rgba(255,255,255,0.50); background-color: rgba(255,255,255,0.50);}

img {
image-rendering: -moz-crisp-edges;
}

.accordion-heading {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
font-size:18px;
}


.accordion-toggle {width:100%;
display:inline-block;}
.accordion-inner {}


.light-gray {color:#afafaf;}


 video {
   max-width: 100%;
   height: auto;
 }

 iframe,
 embed,
 object {
   max-width: 100%;
 }

 .vendor {
   padding: 1%;
   background: rgba(255,255,255,0.02);
   margin-bottom: 2em;
 }



/* 0. DEBUGGERS CORNER & BOOTSTRAP CUSTOMIZATIONS */
.row {border:0px solid #f00;
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.white-wall {background-color:#ffffff;}
.white {color:#ffffff;}



.content ul.nav, .content ul.nav-tabs li {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}

.tab-content {
padding-top:20px;
}

/* 2. RESET & CLEARFIX */

*::-moz-selection {
background: none repeat scroll 0 0 #a2cadc;
color: #FFFFFF;
}






/* 3. TRANSPARENT OR HIDDEN */
#abstract  {display:none;}



/* 4.FONTS */

@font-face{
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.eot?v=3.0.1');
  src:url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }


/* Times New Roman-based serif */
.times {font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}

/* A modern Georgia-based serif */
.georgia {font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}

/*A more traditional Garamond-based serif */
.garamond {font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}


/*The Helvetica/Arial-based sans serif */
.helvetica {font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/*The Verdana-based sans serif */
.verdana {font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;}



/* TYPEKIT */

.myriad-pro-light {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
}

.myriad-pro-light-italic {
font-family: "myriad-pro",sans-serif;
font-style: italic;
font-weight: 300;
}

.myriad-pro {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
}

.myriad-pro-italic {
font-family: "myriad-pro",sans-serif;
font-style: italic;
font-weight: 400;
}

.myriad-pro-bold {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
}






/* 5. IMAGES */


img {max-width:100%; height:auto; }  

.framed {padding:5px; margin:20px; max-width:320px;
border: 1px solid #ECECEC;
box-shadow: 1px 1px 0 0 #ECECEC;
}

.img-circle {
border-radius: 500px 500px 500px 500px;
border:3px solid rgba(255,255,255,0.20);
}



/* 6. LINKS */
a {font-weight:normal; color:#106093; text-decoration:none;
}


.content a {
text-decoration: none;
color: #106093;
transition: all 0.3s ease-out;
position: relative;
}

.content a:hover { color: #8baec4; }
.content a:visited { color: #106093; text-decoration:none;}
.content a:active { color: 8baec4; text-decoration:none;}



.content h3 a, .content h3 a:visited, .content h3 a:hover,
.content a.null, .content a.null:visited, .content a.null:hover {
text-decoration: none;
color: #106093;
transition: all 0.3s ease-out;
position: relative;
}



a.white {font-weight:normal; color:#ffffff; text-decoration:none;}
a.white:hover {color:#92c1df; text-decoration:none;}
a.white:visited {color:#ffffff; text-decoration:none;}


a.gray {font-weight:normal; color:#5a5959; text-decoration:none;}
a.gray:hover {color:##5A5959; text-decoration:none;}
a.gray:visited {color:#5a5959; text-decoration:none;}





/* 7. BODY & BANDS */


body.maxed-out {max-width:101%; background-color: #333333;}
body.maxed-out-blue {max-width:101%; background-color: #1d6191;}

html,body {
margin:0;
padding:0;
height:100%;
}

.container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}

.container {
position:relative;
width:100%;
max-width:750px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}



.container-interior {
position:relative;
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}



header {
padding:1em;
}



.content {
padding:50px 40px 60px 70px; /* bottom padding for footer */
min-height:800px;
}






/* 8. TEXT STYLES */


p.compact {
font-size: 13px;
line-height: 20px;
}



h2, h3, h4, h5 {margin:0; padding:0;}


h1  {
font-size: 36px;
font-weight: normal;
line-height: 36px;
text-align: left;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
margin-bottom:10px;
color:#3d3d3d;
}



h2  {
font-size: 26px;
font-weight: normal;
line-height: 26px;
text-align: left;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
margin:30px 0 10px;
color:#3d3d3d;
}


h3 {
font-size: 22px;
line-height: 20px;
font-family: "myriad-pro",sans-serif;
font-weight: 300;
margin:30px 0 10px;
color:#3d3d3d;
}



h4 {font-size:14px; line-height:20px;padding:0; margin:10px 0 10px 0;}
h5 {font-size:18px; line-height:20px;padding:0; margin:30px 0 4px 0;}


.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}

.caption {font-size:11px; color:#565656; line-height:14px; margin:0; padding:0;}
.photo-caption {font-size: 11px;line-height: 14px;margin: 4px 0 10px;}


p.fin:after {content:url('../img/fin.png');}

p, ul, ol  { font-size: 16px; line-height: 26px; color: #3d3d3d; margin:0 0 20px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
}

p.lead  { font-size: 1.1em; line-height: 1.6em; color: #444444; margin:0 0 20px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
}

p.ref  { font-size: 16px; line-height: 22px; color: #3d3d3d; margin:0 0 30px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
}


.fineprint  { font-size: .95em; line-height: 1.0em;}


h4 {
color: #333332;
font-family: "ff-tisa-web-pro",Georgia,Cambria,"Times New Roman",Times,serif;
font-style: bold;
font-weight: 400;
font-size:16px;
line-height:16px;
margin:15px 0 0 0;
}


h4.home {
color: #333332;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
font-size:16px;
line-height:16px;
margin:65px 0 0 0;
}


h4.sans {
color: #333332;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
font-size:16px;
line-height:16px;
margin:65px 0 0 0;
}




/* pretty blockquote */

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: .5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em;
}
blockquote p {
display: inline;
}


.pullquote-italic {
width: 90%;
max-width:900px;
margin:0 auto;
font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Warnock Pro",serif;
font-style: italic;
font-size:40px;
line-height:38px;
color:#d1b635;
opacity:.6;
padding:15px 0 10px;
}

.pullquote-italic span.author {display:block; text-align:right;margin:20px; text-transform:uppercase; letter-spacing:1px; color:#d1b635; opacity:.7; font-size:12px; line-height:12px; font-style:normal;}


.pullquote {
width: 90%;
max-width:900px;
margin:0 auto;
font-family: 'Myriad Pro',sans-serif;
font-style: normal;
font-size:22px;
line-height:30px;
color:#c33fc5;
opacity:1.0;
padding:15px 0 10px;
}

.pullquote span.author {display:block; text-align:right;margin:20px; text-transform:capitalize; letter-spacing:0; color:#efefef; opacity:.7; font-size:13px; line-height:12px; font-style:italic;}


.amp {
color: #555;
font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Warnock Pro",serif;
font-size: 1.3em;
font-style: italic;
font-weight: lighter;
line-height: 1em;
}


hr {border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px;padding: 0 0 10px;width:80%;}
.divider {padding-left:5px; padding-right:5px; border-right:1px solid #555;}




ul, ol {
margin: 0;
padding: 0;
}


.content ul {
    list-style: square outside none;
    margin-left: 50px;
}


.content ul li {
 padding-left: 5px;
 margin-bottom:15px;
}



.content ul.compact {
    list-style: outside none;
    margin-left: 10px;
}


.content ul.compact li {
 padding-left: 5px;
 margin-bottom: 5px;
}


.content ul.downloads {
    list-style: outside none;
    margin-left: 0px;
}
.content ul.downloads li {
 padding-left: 5px;
 margin-bottom: 10px;
}



.event {display:block;
padding:0 0 0 15px;
}

.event h3 {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
font-size:18px;
line-height:18px;
margin:30px 0 4px 0;
}

.event h4  {
color: #333332;
font-weight: 400;
font-size:16px;
line-height:20px;
margin:0 0 5px;
}

.event .pubdate {display:block; margin:4px 0; padding: 0 0 0 20px; height:20px; width:100%; background: url("../img/cal.png") no-repeat center left;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
font-size:16px;
}

.event .location {display:block; margin:4px 0; padding: 0 0 0 20px; height:20px; width:100%; background: url("../img/map2.png") no-repeat center left;}

.event .event_blurb p {
width: 100%;
font-family: "ff-tisa-web-pro",Georgia,Cambria,"Times New Roman",Times,serif;
font-style: normal;
font-weight: 400;
padding:0;
font-size:14px;
line-height:18px;
}



.sidr .event h3 {
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
font-size:16px;
line-height:16px;
}

.sidr .event h4 {
color: #333332;
font-family: "ff-tisa-web-pro",Georgia,Cambria,"Times New Roman",Times,serif;
font-style: italic;
font-weight: 400;
font-size:14px;
}

.sidr .event .event_blurb p {
width: 100%;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
padding:0;
margin:0;
font-size:14px;
line-height:18px;
}


.sidr .event .pubdate {display:block; margin:4px 0; padding: 0 0 0 20px;  width:100%; background: url("../img/cal.png") no-repeat center left; font-size:12px;}

.sidr .event .location {display:block; margin:4px 0; padding: 0 0 0 20px;  width:100%; background: url("../img/map2.png") no-repeat center left; font-size:12px;}


ul.downloads li {display:block; line-height:18px; padding: 2px 2px 4px 15px;  width:100%;  font-size:15px; }





dl {margin: 0 0 40px 0;}


a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../img/pdf.png) no-repeat center right;
}

/* 9. SHADOWS & CORNERS  */




.text-shadow {text-shadow: 1px 1px 1px #ddd;}

.shadow {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.rounded {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}



/* 10.  FLOATS & COLUMNS & BORDERBOX & VISUALLY CENTERED  */


.right {float:right;}
.left {float:left;}

.hide {display: none;}
.show {display: block;}



.bb, .container {
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.visually-centered-container {
min-height: 6.5em;
display: table-cell;
vertical-align: middle;
}




/* 11. PADDING */

.pad50 {padding:50px;}
.pad40 {padding:40px;}
.pad30 {padding:30px;}
.pad20 {padding:20px;}
.pad10 {padding:10px;}
.padfoot {padding:30px 0 15px 0;}


/* 12. FORMS - glowing input */

input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #ddd;
}

input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(162, 202, 220, 1);
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(162, 202, 220, 1);
}




/* 13. SOCIAL */

/* Icons - a small box of icons */

header .container ul.social-icons, ul.social-icons{
list-style-type:none;
display:block;
cursor: pointer;
height: 40px;
line-height: 32px;
width:150px;
height:32px;
margin:0;
margin:15px 0;
}

header .container ul.social-icons  li, .container ul.social-icons  li,  ul.social-icons  li  {
width: 32px;
height:32px;
display:inline-block;
text-indent:-9999px;
margin:0 1px 0 0;
float:left;
}

header .container ul.social-icons  li a, .container ul.social-icons  li a, ul.social-icons  li a{
width: 32px;
height:32px;
display:block;
text-indent:-9999px;
opacity:1.0;
}


header .container ul.social-icons  li a.facebook, .container ul.social-icons  li a.facebook, ul.social-icons  li a.facebook {background: url('../img/facebook.png') no-repeat;}
header .container ul.social-icons  li a.linkedin, .container ul.social-icons  li a.linkedin,  ul.social-icons  li a.linkedin {background: url('../img/linkedin.png') no-repeat;}
header .container ul.social-icons  li a.twitter, .container ul.social-icons  li a.twitter, ul.social-icons  li a.twitter{background: url('../img/twitter.png') no-repeat;}
header .container ul.social-icons  li a.googleplus, .container ul.social-icons  li a.googleplus, ul.social-icons  li a.googleplus  {background: url('../img/gplus2.png') no-repeat;}

header .container ul.social-icons  li a:hover, .container ul.social-icons  li a:hover,  ul.social-icons  li a:hover{
opacity: 1.0;
}




/* 14. HEADERS AND FOOTERS */



/* Adjust header padding for the page */
header {
background: rgba(0, 0, 0, 0.0);
margin:0;
padding:0;
}



header h1#logo, h1#logo {
background:transparent;
color: #333333;
margin:0;
padding: 0;
width:150px;
height:150px;
float:left;
text-indent:-9999px;
margin:10px;
/*-webkit-border-radius: 100px;
-moz-border-radius: 100px;
 border-radius: 100px; */
}

header h1#logo a, h1#logo a  {
background: url('../img/logoreg.png') no-repeat scroll 0 0;
color: #333333;
margin:0;
padding: 0;
width:150px;
height:150px;
float:left;
text-indent:-9999px;
}




 .overlay1 {
background: none repeat scroll 0 0 rgba(137, 154, 138, 0.8);
}

.overlay2 {
position:relative;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.90);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
min-width:300px;
width:70%;
max-width:750px;
float:left;
}




footer {
position:absolute;
width:100%;
bottom:0;
background: none repeat scroll 0 0 rgba(23, 23, 23, 0.7);
}

footer p {
padding: 20px 20px 10px;
font-size:11px;
margin:0;
}





/* DITTO ARTICLES */


.full-article { margin:0 15px 10px 0;
float:left;
padding-left:0;
padding-right:0;
border: 1px solid #ECECEC;
box-shadow: 1px 1px 3px 0 #CCCCCC;
float:left;
}

.article-max {max-width:265px; height:310px; overflow:hidden;}
.article-max-wide {width:480px; max-width:480px;}

.article-thumb {display:block; margin:0; z-index:0; position:relative;}





.article-summary {display:block; clear:both; margin:0; width:100%; padding:15px;}

h4.article-head  {font-size:14px;
line-height:20px;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
margin:0 0 10px 0;
padding:0;
text-transform:none;}

p.article-blurb{font-size:14px;
line-height:20px;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
}


ul.meta {display:inline; list-style-type:none; display:block; clear:both; float:left; width:100%; font-size:13px; margin:0; padding:0;}
li.meta-date {color:#959595; float:left; margin: 0 2px 0 0; padding: 0 10px 0 0; }
li.meta-tag {color:#959595;float:left;}
.content ul.meta li:before {
 color: rgba(136, 201, 231, 0.7);
 content: "";
 font-size: 11px;
 padding-right: 0;
}







/* 15. NAVIGATION  */


/* vertical nav with every state and dropdowns */

.sidebar {
width:240px;
height:auto !important;
padding-top:100px;
float:left;
}

.sidebar  ul {
list-style: none outside none;
margin:0;
padding:0;
width:100%;
}

.sidebar  ul li ul {
list-style: none outside none;
margin:0;
padding:0;
}



.sidebar ul li, .sidebar ul li.active  {
color:#ffffff;
font-family: "myriad-pro-condensed",sans-serif;
font-style: normal;
font-weight: 400;
font-size:16px;
padding:8px 0 4px 25px;
border-bottom: 1px dotted rgba(255,255,255,0.10);
}

.sidebar ul li a {
color:#ffffff;
}


.sidebar ul li:hover {
color:#fff;
background: rgba(255,255,255,0.10)
}


.sidebar ul li.active {
background: rgba(255,255,255,0.30) url('../img/trianglepointleft.png') no-repeat 227px 7px;
}


.sidebar ul li.active a {
color:#ffffff;
}



.sidebar ul li a:hover {
color:#fff;
text-decoration:none;
}



.sidebar ul li.active ul li  {
padding:10px 0 5px 10px;
}



.sidebar ul li.active ul li:before {
color: rgba(255, 255, 255, 0.4);
content: "\f061";
font-size: 11px;
padding-right: 0;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 11px;
padding-right: 0.5em;
top: 10px;
left: 0;
}


.sidebar ul li.active ul li:hover {
background: rgba(255,255,255,0.00);
border-bottom: 1px dotted rgba(255,255,255,0.40);
}

.sidebar ul li.active ul li:hover a {
color:#575C60;
}






/* basic wall nav ----------------*/

.content ul.nav-list {
list-style-type:none;
}

.content ul.nav-list li:before {
 color: rgba(255, 255, 255, 0.5);
content: " ";
font-family: FontAwesome !important;
font-size: 11px;
padding-right: 10px;
}

ul.nav-list {
margin: 40px 0 40px 0;
padding: 0;
}

ul.nav-list > li   {
margin-bottom:1px;
font-family: "myriad-pro-condensed",sans-serif;
font-style: normal;
font-weight: 400;
}

ul.nav-list > li > a {
margin: 0;
text-shadow:0;
}
ul.nav-list > li > a, ul.nav-list > li > a:visited {
padding: 6px;
color:#575c60;
text-decoration:none;
font-family: "myriad-pro-condensed",sans-serif;
font-style: normal;
font-weight: 400;
font-size:18px;
}

ul.nav-list > li > a:hover {
background-color: rgba(157, 157, 157, 0.55);
color: #ffffff;
text-shadow: 1px 1px 3px #575c60;
-webkit-border-radius: 6px;
-moz-border-radius:  6px;
 border-radius: 6px;

}

ul.nav-list > .active > a, ul.nav-list > .active > a:hover {
background-color: #ffffff;
color:#106093;
}







/* 16. DITTO  */


.view_cart {float:right; clear:both; margin:0 10px 20px 0;}

.item {display:block; width:100%; clear:both; border-bottom:1px solid rgba(255,255,255,0.00); padding:4px 10px 4px 10px; float:left; margin:0 0 10px 0;}

.addtocart { float:right;}
.product {text-align:left; width:80%; float:left; font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
font-size:14px;
}
.product .price {text-align:right; width:80px; float:right;}

 .pp {float:left; margin-bottom:70px; padding:0 0 10px 0; width:100%;}



#aj_submit.magnifying-glass {
display:inline-block;
border:0;
float:right;
width:30px;
height:30px;
background: url(../img/viewerwhite.png) no-repeat center center;
}




/* 17.  JQUERY*/




.scrollup {
 background: url("../img/scrollup.png") no-repeat scroll 0 0;
 bottom: 100px;
 display: none;
 height: 64px;
 opacity: 0.7;
 position: fixed;
 right: 20px;
 text-indent: -9999px;
 width: 64px;
}




/* list to grid view of books */

#wrapper {
    text-align: left;
    width: 100%;
}
#feature, .feature, .wrapper, .image, .description {
    float: left;
}
#feature, .feature {
    width: 100%;
}
.feature {
    border-bottom: 1px solid rgba(255,255,255,0.30);
    margin: 0 0 10px;
    padding: 0 0 10px;
}
h3.booktitle {
font-size: 16px;
padding:0;
margin:0 0 10px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 700;
}
.image {
    float: left;
    margin-right: 10px;
    width: 180px;
}
.description {
    float: right;
    max-width: 70%;
}

p.bookblurb {
    color: #3D3D3D;
    font-family: "myriad-pro",sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
}


.grid .feature {
    border: medium none;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    margin-right:20px;
}
.grid .feature, .grid .wrapper, .grid .image, .grid .description {
    width: 180px;
}
.grid .image {
    margin-bottom: 10px;
}
.grid .wrapper {
    height: 240px;
    overflow: hidden;
    padding-top: 10px;

}
.grid .description {
    float: none;
    max-width: 100%;
    min-width: 100%;
}
.grid .description h3.booktitle {
font-size: 12px;
line-height:14px;
padding:0;
margin:0 0 10px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
}

.grid .description p {
    display: none;
}









@media (max-width: 800px) {

.content {padding:40px 40px 100px; min-height:800px;}

.overlay2 {
position:relative;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.70);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
width:100%;
max-width:500px;

float:left;
}

.sidebar {
width:240px;
height:auto !important;
padding-top:80px;
float:left;
}
.sidebar ul li.active {background: rgba(255,255,255,0.30) url('../img/trianglepointleft.png') no-repeat 234 7px;}


}



@media (max-width: 600px) {

.content {padding:40px 40px 50px;}

.overlay2 {
position:relative;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.70);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
max-width:600px;
width:100%;
float:left;
}

.sidebar {
width:101%;
height:auto !important;
padding-top:0px;
float:left;
}
.sidebar ul li.active {background: rgba(255,255,255,0.30) url('../img/trianglepointleft.png') no-repeat right 7px;}


}



@media (max-width: 480px) {
.content {padding:20px 20px 150px;}
.sidebar {
width:101%;
height:auto !important;
padding-top:0px;
float:left;
}
.sidebar ul li.active {background: rgba(255,255,255,0.30) url('../img/trianglepointleft.png') no-repeat right 7px;}

}