/*  
Theme Name: Theme 4
Theme URI: https://template.queensberryworkspace.com/
Description:  FULL SCREEN - DARK
Version: 2.2
Author: Queensberry
Author URL: https://www.queensberry.com

TABLE OF CONTENTS

01 - Global 
02 - General Layout
03 - Header
04 - Navigation
05 - Galleries
06 - Album
07 - Widgets
08 - Blog CSS
09 - Footer
10 - Responsive CSS
*/

/* ///////////////////////////////////////////////////////////////////// 
//  01 - Global
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Font Styles 
---------------------------------------*/

p {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.913em;
color: #eee; 
line-height: 1.500em;
}

a {
color:#999999;
text-decoration: none;
}

a:hover {
color: #505050;
}

h1 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.250em;
text-transform: uppercase;
margin-top: 1.125em;
color: #eee;
font-weight: normal;
}

#mainPageHeader, #shoppingcart_header, .cartTitle {
padding-left: 3%;
}

#myqby_header {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.250em;
text-transform: uppercase;
margin-top: 2.188em;
padding-left: 3%;
color: #eee;
font-weight: normal;
}

h2 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.125em;
text-transform: uppercase;
margin-top: 1.875em;
color: #eee;
font-weight: normal;
}

h3 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.000em;
text-transform: uppercase;
margin-top: 1.875em;
margin-bottom: 10px;
color: #eeeeee;
font-weight: bold;
}


h4 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.000em;
text-transform: uppercase;
margin-top: 1.875em;
margin-bottom: 10px;
color: #eeeeee;
font-weight: normal;
}

h5 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
text-transform: uppercase;
margin-top: 1.875em;
margin-bottom: 10px;
color: #eeeeee;
font-weight: normal;
}

h6 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
margin-top: 1.250em;
margin-bottom: 10px;
color: #eeeeee;
font-weight: normal;
}

blockquote, address {
margin: 20px 0 20px 30px;
padding: 0 30px 0 30px;	
font-style: italic;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
border-left: 5px solid #C0C0C0; 
}


/*--------------------------------------
Page Element Styles (lists, lines, etc)
---------------------------------------*/

ul {
padding-left: 40px;
}

.hr_aa {
background-color: #777777;
margin: 15px 0 25px 0 !important;
}

.cart-hr {
border-top:1px solid #777777;
height:5px;
}

input[type="submit"]{
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* ///////////////////////////////////////////////////////////////////// 
//  02 - General Layout
/////////////////////////////////////////////////////////////////////*/

body {	
background-color: #000000;
overflow-x:hidden;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#pageWidth {
margin: 0;
padding: 0;
border: 0;
width:100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #eeeeee;
vertical-align: baseline;
}

#pgContent {
background-color: rgba(0,0,0,0.6);
margin: 0;
padding: 0;
border: 0;
width:100%;
float: left;
vertical-align: baseline;
}

.mainPageContent {
padding:0 30px;
}

#mainPageWrapper {
min-height:700px;
}

#inner_mainPageContent {
/*margin-bottom:125px;*/ /* adds padding to main homepage slideshow */
padding-bottom:90px;
}

.photographer-custom-page {
width: 94%;
margin-left: 3%;
}

.nopadding {
    padding: 0px !important;
}

.padding2 {
    padding: 2px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  03 - Header
/////////////////////////////////////////////////////////////////////*/

#isPageHeader {
float:left;
clear: none;
width: 100%;
padding-bottom: 20px;
padding-top: 20px;
background-color: rgba(0,0,0,0.6);
position: relative;                        
z-index:9999;
background: transparent !ie; /* clear solid background for ie */
zoom:1; /* required for the filters */
}

#pgLogo {
padding-left: 30px;
float:left;
clear: none;
}

#pgLogo_img {
max-height:70px;
}

#pgCompany {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.500em;
text-transform: uppercase;
padding-top: 20px;
margin-bottom: 20px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  04 - Navigation
/////////////////////////////////////////////////////////////////////*/

#pgNavigation {
padding-left: 30px;
border-bottom:none;
margin: 20px 0;
height:auto;
float:left;
clear: none;
}

#pgNavigation li {
float:left;
width: auto;
display: block;
padding: 7px 40px 0 0;
}

#pgNavigation li a{
color: #ffffff;
text-decoration: none;
}

#nav-pg ul li {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 0.750em;
color: #151517;
}

#nav-pg ul {
padding-left: 0px;
display:inline-block;
}

/* ///////////////////////////////////////////////////////////////////// 
//  05 - Galleries
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Event Page Styles 
---------------------------------------*/

#slideshowContainer, .qbyMain {
background-color: #000000 !important;
}

#allGalleries, #allAlbums {
width:100%;
margin-left:-10px;
overflow: hidden;
}

#allGalleries {
margin-top:25px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#allGalleriesHeader {
color:white;
text-transform: uppercase;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:0.813em;
padding-top:15px;
}

#pgGallery {
height: 126px;
width:220px;
background-color: #222222;
background-color: #eeeeee;
overflow: visible !important;
}

#pgGallery .wraptocenterGallery {
height: 126px;
width:220px;
}

#galleryParent {
height: auto;
width: 240px;
margin-bottom: 15px;
display: inline-block;
float:none !important;
}

#galleryTitle  {
background-color: #222222;
color: #ffffff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.750em;
height: auto;
padding: 7px 7px 5px 7px;
text-transform: uppercase;
width: auto;
z-index: 1;
margin-top:10px;
}


/*--------------------------------------
Event Slideshow  & Thumbnail Styles 
---------------------------------------*/

#galleriesList_2 {
margin:auto;
width:96%;
}

#galleryNavTitle {
padding-left: 3%;
margin-bottom: 30px;
}

#galleryNavigation {
clear:both;
}

span#numGalImages {
font-size: 0.750em;
color: #aaaaaa;
}

#imgCat {
font-size:0.750em;
margin-left: 3%;
}

#clientGallery {
width: 940px;
margin: 0 20px 0 20px;
}

#clientGallery.homepage-slideshow {
width: 100%;
margin: 0px;
}

#fbdiscussionWrapper {
margin:20px 20px 0 20px !important;
float:none !important;
width: 940px !important;
}

.paging_container {
font-size:0.750em;
margin-top:10px;
height:50px;
}

.gal_list_pagination {
margin-left:0px !important;
margin-top: 4px;
}

#collabInfo {
font-size:0.750em;
margin-left:0px;
}

#cinfo_fc {
margin-bottom:20px;
}


li#gal_images_25, li#gal_images_50, li#gal_images_75, li#gal_images_100 {
list-style-type: none;
}

/*--------------------------------------
Editable Collection 
---------------------------------------*/

.unlock-collection {
text-transform:uppercase;
}

#frmEdit {
margin-left: 3%;
clear: both;
}

#row h4 {
color:#666666;
}

.editEventTitle {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.250em;
text-transform: uppercase;
margin-top: 1.125em;
color: #eeeeee;
padding-bottom: 10px;
font-weight: normal;  
}

#client_manage {
margin-left: 3%;
display: inline-block;
}

#client_manage .colHeadSubTitle, #client_manage .collection_title, #client_manage .collection_subtitle, #client_manage .cat_title, #client_manage .cat_subtitle {
color: #888888 !important;
}

#client_manage .gal_img {
border: 1px solid #555555 !important;
}

#gallerymanage {
width: 940px;
margin: 0px !important;
}

#mainGallery {
background-color: #222 !important;
}

#client_manage .collection, #client_manage .category {
background-color: #333 !important;
}

#client_manage .current_collection {
background-color: #222 !important;
}

#client_manage .current_category {
background-color: #222 !important;
}

.clm-pagination-top, .clm-pagination-bottom {
font-size: 0.750em;
}

.clm-pagination-bottom {
margin-bottom: 15px;
margin-top:0px;
}


/* ///////////////////////////////////////////////////////////////////// 
//  06 - Album
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Album Page Styles 
---------------------------------------*/

#allAlbums {
margin-top:25px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#main {
width: 94%;
max-width: 61.250em;
}

#main .wrap {
width: 100%;
max-width: 61.250em;
margin-left: 3%;
padding: 0 0 0 0;
clear: both;
}

#pgAlbum {
height: 126px;
width: 220px;
background-color: #222222;
background-color: #eeeeee;
overflow: visible !important;
}

#albumsParent {
width: 240px;
height: auto;
margin-bottom:15px;
display: inline-block;
float:none !important;
}

#albumTitle {
background-color: #222222;
color: #ffffff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.750em;
height: auto;
padding: 7px 7px 5px 7px;
text-transform: uppercase;
width: auto;
z-index: 1;
margin-top:10px;
}

/*--------------------------------------
Album Proofing Styles 
---------------------------------------*/

.albumlogin {
background-color: #222222;
padding: 1px 10px 10px 0;
width: 200px;
}

#album_submit {
margin-top: 11px;
padding-left: 170px !important;
}

#login_album_id span, #login_password span {
font-size:0.813em;
}

.albumreview_info {
font-size:0.813em;
margin: 20px 0 35px 0 !important;
padding:0px !important;
width:60%;
}

#mainNav {
margin-left: 2%;
width: 94%;
max-width: 61.250em;
display: inline-block;
}

#landingNav ul {
padding-left: 0px;
}

#landingNav li {
margin: 0 24px 0 0;
display: inline-block;
list-style-type: none;
font-size:0.750em;
}

#landingNav li a{
text-decoration: none;
padding: 5px 10px 5px 10px;
}

#landingNav li a:hover{
text-decoration: none;
}

#landingNav .current a {
color: #000000; 
background-color: #bbbbbb;
}

/*--------------------------------------
Feedback Page
---------------------------------------*/

.feedback_box {
font-size: 0.813em;
}

#changeview-rf.submitButton {
padding: 6px 12px 1px 12px;
font-size: 0.750em;
}


.conversation_client {
color: #666666;
}

.conversation_pg {
color: #666666;
}

.layoutnumber {
font-size:0.813em;
}

.conversation_header {
text-transform: uppercase;
margin-bottom: 10px;
}

.ago {
color: #cccccc;
margin-bottom: 10px;
font-size: 0.750em;
}

.submitButton {
font-size: 0.938em;
background-color: #777777;
}

#sendFeedbackToPg {
color: white;
font-size: 0.813em;
text-decoration: none;
text-transform: uppercase;
margin: 0 30px 60px 0;
}
     
.sendFeedbackUnsent{
background: none repeat-x scroll 0 0 #A9A9A9;
}

.sendFeedbackSending{
background: none repeat-x scroll 0 0 #555555;
} 

.sharealbum {
padding-left: 0px;
}

.mini_header {
font-size: 0.813em;
}

/*--------------------------------------
Shopping Cart
---------------------------------------*/
 
.cartItems {
margin-bottom:30px;
padding-left:3%;
}

#cartcurrency {
padding-right:3%;
}

#popup_title {
font-size: 0.813em;
}

#popup_title h4 {
font-size: 1.3em;
}

.buyFooter p {
font-size: 1em;
}

.gen-button {
color: #353535;
}
    
/* ///////////////////////////////////////////////////////////////////// 
//  07 - Widgets
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Connect Widgets
---------------------------------------*/

#header_connectFull {
text-transform: uppercase;
margin-bottom: 10px;
font-size:0.813em;
}

.sharename {
text-transform: uppercase;
font-size:0.750em;
}

#pg_connectFull {
width: 262px;
height:65px;
}

small {
font-size: 0.750em;
}

.pgconnectfull_cat-icons {
padding-bottom: 10px;
clear: both;
display: inline;
padding-left: 15px;
position: relative;
top:0px;
}

img.pgconnectfull_imgpad {
height: 18px !important;
width: auto !important;
}

#header_connectFull {
visibility: hidden;
display:none;
}

#frmContact {
font-size: 0.813em;
}

/*--------------------------------------
Slideshow Styles
---------------------------------------*/

ul#demo-block li{ 
background:url('img/bg-black.png'); 
}

#supersized li {
background:#111;
}

#supersized li.image-loading {
background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%;
}


/* ///////////////////////////////////////////////////////////////////// 
//  Template Full Screen Dark - Blog CSS
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Main
---------------------------------------*/

.blogWrapper {
font-size: 0.913em;
line-height: 1.65em;
}

.blogWrapper p {
font-size: 1.1em;
}

.categoryHeader h1, .searchHeader h1 {
margin-top:20px;
left:0px;
padding:0px;
}


#storyboardTitle {
display: none;
}

.postTags {
padding-top:20px;
}

.postCategories {
padding-top:5px;
}

.postRow .loadcontent, .loadcontent1 {
margin-top:30px;
margin-bottom:30px !important;
}

.postRow {
border-bottom: 1px solid #777777;
padding-bottom: 42px !important;
}


.postHeader .subject h1 {
padding: 0 0 10px 0;
letter-spacing: 0px;
line-height: 25px;
font-size: 1.2em;
}

.entries {
border-top:2px solid #777777;
}

.authorInfo {
height:62px !important;
}

.postedDate {
font-size: 1.1em;
}

.authorName {
font-size: 1.1em;
}

.useraboutme {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #555; 
line-height: 1.600em;
}

/*--------------------------------------
Side Panel
---------------------------------------*/

.blogSidePannel {
background-color: #222;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 7px;
max-width: 300px;
}

.recentpostsBox {
padding-left: 14px;
padding-right: 20px;
}

.recentCategories {
padding-left: 14px;
padding-right: 20px;
}

.recentpostslist, .recentCategorieslist {
padding-left:0px !important;
}

.recentpostsBox li a, .recentCategories li a {
color:#888;
}

.recentpostsBox li a:hover, .recentCategories li a:hover {
color:#555;
}

.recentpostsBox .title h2, .recentCategories .title h2 {
padding-bottom:6px;
margin-top:17px;
border-bottom: 1px solid #444;
font-size:1em;
}


.searchboxfld {
border:1px solid #444;
font-size: 0.750em;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
background-color:#eee;
height:35px !important;
}

.searchIcon {
border:1px solid #444;
background-color:#eee;
}

.userPhoto {
width:150px !important;
border: 1px solid #a0a0a0 !important;
}

.fb-like-box-wrapper {
padding-left: 18px !important;
}

/*--------------------------------------
Comments
---------------------------------------*/


.comment {
border:1px solid #444;
width: 77% !important;
margin-left: 0px !important;
}

.commentperson {
padding-right: 10px !important;
}

#replyform {
background-color:transparent;
}

#replyform .title {
border:0px solid #999;
background-color:transparent;
color: #ffffff;
font-size: 0.938em;
width: 69px !important;
}

#replyform input {
border: 1px solid #999;
width: 77% !important;
font-size: 0.938em;
color: #353535;
font-family: Arial, Helvetica, sans-serif;
}

#replyform textarea {
border:1px solid #999;
font-size: 0.938em;
color:#353535;
font-family: Arial, Helvetica, sans-serif;
}

.postHeader .commentsCount {
background:url('http://queensberry.s3.amazonaws.com/images/comment_icon_dark.png')no-repeat scroll 22px 0px transparent !important;
height:29px;
color: #888888 !important;
}

#fbdiscussionWrapper {
width:auto !important;
}

.buttonYel1 {
padding-top: 3px !important;
}

#replyform .buttonYel1 {
margin-right: 56px !important;
font-size: 1em;
letter-spacing: 1px;
}

.commenttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #555; 
line-height: 1.600em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  09 - Footer
/////////////////////////////////////////////////////////////////////*/
               
/*--------------------------------------
Footer Styles
---------------------------------------*/

#isPageFooter {
z-index: 1000;
float: left;
bottom: 0;
}

#pgFooter {
padding: 0px 20px 15px 30px;
margin-top:0px;
font-size:0.688em;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
float:right;
}

#poweredby {
padding-top:8px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #aaaaaa;
}

#poweredby a {
color: #444444;
}

/* ///////////////////////////////////////////////////////////////////// 
//  10 - RESPONSIVE CSS
/////////////////////////////////////////////////////////////////////*/

/*  HandHeld - Ipad in Portrait or screen smaller that 980px CSS */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  { 

/*--------------------------------------
General
---------------------------------------*/

#nav-pg ul li {
font-size:0.950em;
}

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

.blogMain {
width:100% !important;
}

.blogMainWrapper {
width:100% !important;
}

.blogSidePannel {
display:none;
}

.blogWrapper p {
font-size: 1.3em;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}


#galleryParent, #albumsParent {
height: auto;
width: 305px;
}

#pgGallery, #pgAlbum {
height: 170px;
width: 290px;
}

#pgGallery .wraptocenterGallery {
height: 170px;
width: 290px;
}

#galleryTitle, #albumTitle {
width: 276px;
}

.buttonYel1 {
margin-right: 108px !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  { 

/*--------------------------------------
General
---------------------------------------*/

#nav-pg ul li {
font-size:0.950em;
}


#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

.blogWrapper p {
font-size: 1.3em;
}

#galleryParent, #albumsParent {
height: auto;
width: 305px;
}

#pgGallery, #pgAlbum {
height: 170px;
width: 290px;
}

#pgGallery .wraptocenterGallery {
height: 170px;
width: 290px;
}

#galleryTitle, #albumTitle {
width: 276px;
}

.buttonYel1 {
margin-right: 108px !important;
}
}

@media only screen and (max-width: 884px) {

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

    .blogSidePannel {
       display:none;
    }

#replyform {
width: 95% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {

/*--------------------------------------
General
---------------------------------------*/

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogWrapper p {
font-size: 1.3em;
}

    .blogSidePannel {
       display:none;
    }


.searchIcon {
margin-left:2% !important;
}

.blogMain {
width: 100% !important;
}

.blogSidePannel {
width: 99% !important;
float:none !important;
}

#commentContainer {
width: 93% !important;
}

#replyform {
width: 95% !important;
}

#replyform .buttonYel1 {
margin-right: 0px !important;
}

#replyform input {
width: 90% !important;
}

.recentpostsBox li {
display: inline;
margin-right:20px;
}

.recentCategories li {
display: inline;
margin-right:20px;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {

/*--------------------------------------
General
---------------------------------------*/

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

    .blogSidePannel {
       display:none;
    }

#commentContainer {
width: 93% !important;
}

#replyform {
width: 96% !important;
}

#replyform .buttonYel1 {
margin-right: 30px !important;
}

#replyform input {
width: 100% !important;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}

#changeview-rf .submitButton {
margin-top: 20px !important;
}
}

/*--------------------------------------
Responsive navigation
---------------------------------------*/
    @media (max-width: 768px) {
        #pgNavigation, #nav-pg {
            padding-right: 0;
        }
        #nav-toggle {
            background-image: url("http://workspace-cdn.s3.amazonaws.com/images/settings_navigation_icons/dropdown_menu.png");
            display: block !important;
            float: left;
            width: 30px;
            height: 30px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            margin-left:13px;
            
        }
        #pgNavigation ul {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 300ms ease 0s;
            list-style: none outside none;
            padding: 0;
            top: 100%;
        }

        #pgNavigation {
padding-left:0px !important;
margin-bottom:20px;
}

        
        #pgNavigation ul.open {
            max-height: 1000px;      
        }

#nav-pg {
             padding-left:15px !important;
             padding-right:15px !important;
}

            #pgNavigation ul li { display: block; list-style: none; text-align: left; width: 100%; padding-right: 0; }
            #pgNavigation ul li a { display: block; padding: 15px 10px; border:none; text-decoration: none; }
            #pgNavigation ul.open li a { border-top: 1px solid #ccc;}
            #pgNavigation ul li a:hover { }

#pgNavigation li { 
padding: 0px !important;
margin-left:0px !important;
}
}

/*--------------------------------------
homepage slideshow for mobile (bg)
---------------------------------------*/
    @media (max-width: 768px) {
        #mainPageWrapper {
            clear:both;
            position:relative !important;
            height:auto !important;
        }
    }