/* Warren Diggles Website */

/***** NEW NEW NEW NEW *****/
FORM.page_select {
	float:right;
}

span.slideshow {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/slide.png) no-repeat scroll 5px 2px;
	border-left:0;
	margin-left:3px;
	padding:0 0 0 21px;
}
/***** NEW NEW NEW NEW *****/

a{
	color:black;
	border-bottom:none;
	text-decoration:none;
}

a:hover, a:focus{
	color:black;
	padding: 0px 0px 0px 0px;
	margin:0 0 0px 0;
	background:#ffffcc;
	text-decoration:underline;
}

a:visited{
	color:black;
}

#announcements {
	float:right;
	margin-right:36px;
	width:75%;
	color:#ddd;
	text-align:right;
	padding:24px 0 12px 0;
	font-size:12px;
}

#announcements .rssdate {
	color:yellow;
	font-size:11px;
	}
	
#announcements .rssfeedtitle a {
	font-size:18px;
	padding-right:12px;
	color:orange;
}	
	
#announcements .latest {
	padding-right:12px;
	}	

#announcements .rsstitle a {
	text-decoration:underline;
	color:white;
	font-weight:bold;
	}
	
#announcements .rsstitle a:hover {
	text-decoration:underline;
	color:black;
	font-weight:bold;
	}
	
#announcements p.rss {
	border-top:1px dotted #666;
	padding:12px 12px 0 12px;
	}           
				
body, html {
	font-family:Times New Roman, Times, serif;
	color:#444;
	margin:0;
	padding:0;
	font-size:13px;
	text-align:center;
	min-width:1200px;
	background:black url(bgImages/rotate.php) center top no-repeat;
	background-attachment:fixed;
	height:100%;
}

.button{
	margin:2px 0 0 0;
	padding:2px;
	font-family:Times New Roman, Times, serif;
	font-weight:500;
}

.clear{
	clear: both;
	margin:0;
	padding:0;
}


.clearFooter{
	clear: both;
	margin:0;
	padding:0;
	height:20px;
	background:url(images/bgFooter.png);
}

#contactUs {
	width:50%;
	background-attachment: scroll;
	}

#contactUs ul {
	list-style-type:none;
	padding:12px 0;
	border-top:1px dotted #eee;
	border-bottom:1px dotted #eee;
	}
	
#contactUs ul li {
	padding:3px 0;
	}

#container{
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
	background: url(images/bgLinkWood.gif) top repeat-x;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topright:9px;
	-webkit-border-top-right-radius:9px;
}

#content{
	padding:0px 15px 0px 0px;
	margin:24px 0 18px 0px;
	float:right;
	width:72%;
	min-height:400px;
}

#contentIndex {
	margin:24px auto 0 auto;
	line-height:normal;
	}

#contentLeft{
	font-weight:normal;
	margin:24px 6px 24px 0px;
	padding:0px;
 	font-size:16px;
	color:#666;
	width:250px;
}


#contentLeft ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
	/*border-bottom:#eee 1px dotted;*/
}
	

#contentLeft ul li{
	line-height:normal;
	font-size:13px;
	padding:3px;
}


#contentLeft ul li a{
	text-decoration:none;
}

#contentLeft ul li a:hover {
	color:slategray;
	}
	
#contentLeft ul li a:focus {
	outline:none;
	}

#contentLeftFooter{
	font-weight:normal;
	margin:0px 12px 24px 0px;
	padding:0px 18px 0px 18px;
 	font-size:16px;
	color:white;
	width:350px;
}

#contentLeftFooter ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
}	

#contentLeftFooter ul li{
	line-height:normal;
	font-size:13px;
	border-bottom:#eee 1px dotted;
	padding:8px 3px;
}

#contentLeftFooter ul li a{
	text-decoration:underline;
	color:white;
}

#contentLeftFooter ul li a:hover{
	text-decoration:underline;
	color:black;
}
	
#contentNotFound{
	padding:12px;
	 
}

.contactBack {
	background-attachment: scroll;
	padding:0;
}

#contentPortfolios{
	padding:12px 0 0 0;
	margin:0 auto;
	text-align:center;
	color:#666;
	min-height:400px;
	width:80%;
	font-size:15px;
}

#contentPortfolios ul {
	width:225px;
	float:left;
	text-align:left;
	color:black;
	padding:12px;
	background: url(http://www.warrendiggles.com/images/white50.png);
	margin-right:18px;
	border-top:3px solid slategray;
	border-bottom:1px dotted slategray;	
}

#contentPortfolios ul li {
	list-style-type:none;
	text-align:left;
	color:#666;
}

#contentPortfolios ul.portfolioLinks {
	list-style-type:none;
	background:none;
	border:none;
	padding:0;
	margin:0 auto;
	float:none;
	width:100%;
	text-align:center;
	}
	
#contentPortfolios ul.portfolioLinks li {
	display:inline;
	margin:0 6px;
	}
	
#contentPortfolios ul.portfolioLinks li a {
	text-decoration:underline;
	}

#contentSolutions{
	padding:12px 80px 0px 80px;
	margin:0 auto;
	text-align:center;
	min-height:400px;
	color:#666;
	font-size:15px;
	width:50%;
}

#contentWeb{
	padding:20px 85px 0 100px;
	margin:0px auto;
	min-height:400px;
	text-align:left;
}

#footer{
	margin:0px auto 0px auto;
	padding:6px 0 18px 0;
	width:100%;
	border-top:1px dotted black;
	text-align:center;
	/*background:url(http://www.warrendiggles.com/images/white50.png);*/
	background:url(http://www.warrendiggles.com/images/bgBlack50.png);
	min-height:15%;
}

#footer .email {
	color:#ffffcc;
	}

#footer ul{
	list-style-type:none;
	margin:0;
	padding:3px 0;
}


#footer ul li a{
	display:inline;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:400;
	text-decoration:underline;
	color:orange;
}


#footer ul li a:hover, #footer ul li a:focus{
	color:black;
	padding: 0px 0px 0px 0px;
	margin:0 0 0px 0;
	background:#ffffcc;
}


#footer ul li{
	display:inline;
	padding-right:8px;
	font-size:13px;
	font-weight:300;
}

#footerIndex{
	margin:0px auto 0px auto;
	padding:6px 0 18px 0;
	width:100%;
	border-top:1px dotted black;
	text-align:center;
	background:url(http://www.warrendiggles.com/images/bgBlack50.png);
}

#footerIndex .email {
	color:#ffffcc;
	}

#footerIndex ul{
	list-style-type:none;
	margin:0;
	padding:3px 0 0 0;
}


#footerIndex ul li a{
	display:inline;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:400;
	text-decoration:underline;
	color:orange;
}


#footerIndex ul li a:hover, #footerIndex ul li a:focus{
	color:black;
	padding:0;
	margin:0;
	background:#ffffcc;
}


#footerIndex ul li{
	display:inline;
	padding-right:8px;
	font-size:13px;
	font-weight:300;
}

.galleryImages{
	padding:15px 0px 6px 10px;
	width:100px;
}

.galleryImages a:hover{
	background:none;
}

.galleryItem{
	float:left;
	width:125px;
	margin:0px 0 0px 0px;
	padding:15px 0px 15px 63px;
	height:150px;
}


.galleryLinks{
	text-align:center;
	
}

.galleryMessage{
	padding:0 12px 12px 12px;
	margin:0px 12px 0 12px;
	text-align:center;
	color:#666;
	font-size:15px;
}

.gallery_list_num_images {
	font-size:11px;
	font-style:italic;
	}

h2 {
	font-size:24px;
}


#header{

}


#header h1{
	float:left;
	background:url(images/logo.gif) no-repeat 50% 50%;
	width:325px;
	margin:0;
	padding:0;
}


#header h1 a{
	height:85px;
    width:325px;
    text-indent:-2000em;
    z-index:1000; /* need for FX and IE */	
    display:block;
	margin:0 auto;
	border:0;
}


#header h1 a:hover, h1 a:focus{
    cursor:pointer; /* IE7 */
	-moz-outline-style:none;  /*Firefox image outline fix*/
	background:none;
}

img
{
	color:#666;
	}

#imageInfo{
	margin:-15px 0 15px 0;
	padding:15px 15px 15px 3px;
	text-align:left;
	float:left;
	font-size:13px;
	width:220px;
	
}



#linkPath{
	padding:0;
	text-align:right;
	background:#c2c2c2 url(images/bgLinkGray.gif) top repeat-x;
	border-top:#eee 1px solid;
	border-bottom:#ddd 1px solid;
	margin:0;
}



#links{
	background-attachment: scroll;
	margin-right:60px;
}

#links a {
	text-decoration:underline;
	}
	
#links ul{
	list-style-type:none;
	text-align:left;
	margin:0px 24px 20px 48px;
	}
	
#links ul li{
	padding:6px;
	margin:0;
	border-bottom:1px #666 dotted;
	
	}

#privacy {
	width:728px;
	color:#666;
	text-align:left;
	padding:12px;
	margin:auto;
	font-size:16px;
}


#privacy a {
	text-decoration:underline;
}

	
#privacy p.rss {
	border-top:1px dotted #eee;
	padding:12px 12px 0 12px;
	font-size:13px;
	}

#privacy ol{
	color:#666;
	padding:12px 48px;
	font-size:13px;
}


#solutionsLogos td a:hover {
	background:none;
}


#solutionsLinks{
	text-align:center;
	padding:0 0 20px 0;

}


#solutionsLinks ul li{
	list-style-type:none;
	display:inline;
	padding:0px 0px 0 0px;
	text-align:center;
}


#solutionsTitle{
	padding:20px 0 0 0;
}

.spacer{
	height:12px;
}


table.index a {
	color:white;
	}
	
table.index a:hover {
	color:black;
	}


td {
	font-family:Times New Roman, Times, serif;
	text-align:center;
}



th {
	font-family:Times New Roman, Times, serif;
}

.testimonialTitle{
	text-align:left;
	font-size:16px;
	font-weight:700; 
	padding:15px 0px 0px 0;
}

.testimonialDescription{
	text-align:left;
	font-size:14px;
	font-weight:normal;
	padding:5px 0 10px 0;
}

.webImage{
	padding:0 0 0 48px;
	}

.webTitle{
	text-align:left;
	font-size:16px;
	font-weight:700; 
	padding:15px 0px 0px 0;
}

.webDescription{
	text-align:left;
	font-size:14px;
	font-weight:600;
	padding:5px 0 10px 0;
}

.webLink{
	text-align:left;
	font-size:13px;
	padding:10px 0;
}

.webStats{
	text-align:left;
	font-size:12px;
	padding:10px 0;
}


#wrapper{
	width:95%;
	margin:18px auto 0px auto;
	padding: 0px;
	/*background:url(images/bgBlack40.png);*/
	background:url(images/white75.png);
	/*border-top:#5b2411 1px solid;*/
	position: relative;
    min-height: 800px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topright:9px;
	-webkit-border-top-right-radius:9px;

}


/* Photoshelter Only */

.box, .sectionTitle, .btext, .customer_linked_list
{
	text-align:left;
}

#customerPages {
	margin:0px 12px 0px 12px;
	padding: 0px 0 0px 0;
}
			
#customerPages a{
	text-decoration:underline;
	
}

#customerPages a:hover{
	border-bottom: none;
	
}

DIV.success {
	padding: 5px;
	margin: 5px 0 5px 0;
	border: 1px solid #B2CFA3;
	background-color: #549E31;
	color: #fff;
	font-size: 11px;
}

DIV.success DIV.hide  {
	width: 100%;
	text-align: right;
}

DIV.success DIV.hide A {
	color: #fff !important;
	font-size: 10px;
	font-weight: bold;
}

.error, DIV.error {
	font-size: 10px;
	color: #CC3366;
}

.err-msg, DIV.err-msg {
	border: 2px solid #CC3366;
	padding: 5px;
	background-color: #FFF7F7;
	color: #CC3366;
}

#featuredGalleries{
	margin:0px;
	padding:0 0 5px 0px;
	font-size:13px;
	background:none;
	text-align:center;
}

#featuredGalleries a:hover{
	background:none;
	}

#featuredGalleries TABLE{
	float:left;
	margin:5px 10px 10px 10px;
	}

FORM {
	margin: 0;
	padding: 0;
}

#galleryLinks Table{
	padding:0 0 12px 0;
	}

#galleryLinks ul{
	padding:5px 12px 5px 0;
	margin:5px 30px 5px 23px;
	text-align:right;
}
	
#galleryLinks ul li {
	padding:2px 3px;
	display:inline;
	list-style-type:none;
	color:#ddd;	
}

.gallery_thumbs_name{
	font-size:13px;
}

INPUT.real {
	text-align: right;
}
	
#loginOpt{
	width:100%;
	text-align:left;
}
		
.page{
	padding:10px 0;
}

#psMainCustom{
	border:#ddd 1px dotted;
	text-align:center;
	margin:15px 0 0 0;
}

#psMainCustom p{
	width:100%;
}
	
#psMainCustom TABLE.table, #psMainCustom TABLE.table TH, #psMainCustom TABLE.table TD {
    font-size: 11px;
}
	
.psStockLinks{
	font-size:13px;
	font-weight:bold;
}	
	
.psStockLinks a:hover{
	font-size:13px;
}
	
.req {
	font-weight: bold;
}
	
INPUT.search_box{
	background:url(http://www.warrendiggles.com/images/bgSearch.png) no-repeat;
	border:none;
	width:302px;
	height:32px;
	padding:7px;
	font-size:15px;
}

#searchBoxLinks{
	padding:0px 12px 0 0;
	margin:25px 30px 0px 0;
	float:right;
	overflow:hidden;
	font-size:20px;
	color:#fff;
}
	
.search_box_refine{

	text-align:left;
	padding:12px;
	margin:0;
}

.search_left{
	width:225px;
	padding:0px;
	margin-right:25px;
	background:url(/images/white50.png);
	border:1px dotted #ffffcc;
}

.search_left h3{	
	margin:0;
	padding:0px 0 5px 0;
	text-align:center;
}

#searchResultsLinks td{
	color:#ddd;
	padding:2px 0;
}
	
#searchResultsLinks td a{
	font-size:13px;
	}	
		
.search_right{
	font-size:13px;
	padding:8px 0px;
}

.search_right h3{
	margin:0;
	padding:0px 0 5px 0;
	text-align:center;
}

.search_tips{
	font-size:13px;
	text-align:left;
	padding:12px;
	margin:0;
}

.sectiontitle{
	text-align:left;
	}

#signup_page, #signup_page form, #signup_page th, #signup_page td
{
	font-size:11px;
	text-align:left;
}


#stockGalleriesText{
	margin:0px 0px 10px 15px;
	padding:0px 0px 10px 0px;
	text-align:right;
	font-size:13px;
	width:250px;
	float:left;
}


#stockGalleriesText a{
	text-decoration:none;
}


#stockGalleriesText ul li a:hover, li.selected a {
	border-bottom: none;
	padding: 0px 0px 0px 0px;
}



#stockGalleriesText ul li{
	list-style-type:none;
	font-size:13px;
}


#stockGalleriesText ul{
	padding:15px 0;
	margin:0px 0 0px 0;
}

TABLE {
	font-size:13px;
	}

TABLE.image {
    margin:10px;
}

TABLE.input {
    padding:10px;
	text-align:left;
	font-size:13px;
}

TABLE.input TH {
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
}

TABLE.input.left th {
    text-align: left;
	color:#000;
}

TABLE.input td {
    vertical-align: top;
	text-align:left;
	padding:3px 0;
	color:#999;
	font-size:13px;
}

#thumbGalleries{
	margin:0;
	padding:0px 0px 15px 0;
	text-align:center;
	
}
	
#thumbGalleriesFeatured ul {
	margin:0;
	padding:0;
	}

#thumbGalleries a{
	text-decoration:none;
}

#thumbGalleries a:hover{
	border-bottom: none;
	padding: 0px 0px 0px 0px;
	}

TABLE.info TD {
	vertical-align: top;
	font-size: 11px;
}

TABLE.info TH {
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
}

TABLE.info.left TH {
	text-align: center;
}

TABLE.null {
	padding: 0;
	margin: 0;
	border-style: none;
}

TABLE.table {
	background: #999;
	font-size: 18px;
	text-align: center;
}

TABLE.table a {
	text-decoration: underline !important;
}

TABLE.table a:hover {
	color: red;
	text-decoration: underline !important;
}

TABLE.table th {
	padding: 3px; 
	font-weight: bold; 
	text-align: center; 
	background: #cfcfcf;
}

TABLE.table th a {
	text-decoration: underline !important;
}

TABLE.table th a:hover {
	color: #f00000;
	text-decoration: underline !important;
}

TABLE.table th.on a {
	color: #608000;
}

TABLE.table tr, TABLE.table tr.nohover:hover, TABLE.table.nohover tr:hover {
	background: #F6F6F6;
}

TABLE.table tr:hover {
	background: #fff;
}

TABLE.table td {
	padding: 5px;
}

TABLE.table.slim td {
	padding: 3px;
}

TABLE.dltypeSlim TH {
        padding-top: 1px;
        margin: 0;
        text-align: left;
}

UL.thumbs LI TABLE TD.slide {
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #BFBFBF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(http://www.warrendiggles.com/images/white50.png);
}

UL.thumbs LI:hover {
	background-color: #ffffcc;
}

UL.thumbs {
	list-style-type: none;
	margin:0;
	padding: 0 0 15px 15px;
	text-indent: 0;
	width:auto;
}

UL.thumbs LI {
	position: relative;
	float: left;
	padding:2px;
	margin:3px;
	width: 176px;
	height: 210px;
}

UL.thumbs LI TABLE {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	border: 0;
}

UL.thumbs LI TABLE TD {
	width: 166px;
	text-align: center;
	font-size:13px;
}

UL.thumbs LI TABLE TD.slide {
	height: 166px;
	vertical-align: middle;
}

UL.thumbs LI TABLE TD.slide IMG {
	border:0;
}

UL.thumbsList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;	
}

/********** GALLERY COLLECTION LIST **********/

UL.thumbs.gallery_collection_list LI {
	position: relative;
	float: left;
	width: 239px;
	height: 210px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	margin:0 1px 1px 0;
	background:url(http://www.warrendiggles.com/images/white50.png);
}

UL.thumbs.gallery_collection_list LI TABLE {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	border: 0;
}

UL.thumbs.gallery_collection_list LI TABLE TD {
	width: 245px;
	text-align: center;
	font-size:13px;
	background:none;
}

UL.thumbs.gallery_collection_list LI TABLE TD.slide {
	vertical-align: middle;
	border:none;
}

UL.thumbs.gallery_collection_list LI TABLE TD.slide IMG {
}


/********** END GALLERY COLLECTION LIST **********/

UL.thumbs LI TABLE TD.slide IMG {
	border:0;
}

UL.gallery_thumbs {
	list-style-type: none;
	margin:0;
	padding: 0 0 15px 15px;
	text-indent: 0;
	width:auto;
}

UL.search_thumbs {
	list-style-type: none;
	margin:0;
	padding: 0 0 15px 15px;
	text-indent: 0;
	width:auto;
}

UL.batch {
	list-style: none;
	text-indent: 0px;
	margin: 0;
	padding: 0 0 6px 0;
}

UL.batch LI {
	font-size: 10px;
}

UL.batch LI.lg {
	font-size: 12px;
}

UL.batch LI A, UL.batch LI span {
	margin: 0;
	padding: 0px 0px 2px 25px;
	line-height: 16px;
	color: #a36cb7 !important;
	text-decoration: none;
	background: url(/img/act/actArrow.gif) top left no-repeat;
}

UL.batch.tight LI A, UL.batch.tight LI span {
	padding: 0px 0px 2px 15px;
}

UL.batch LI A:hover {
	text-decoration: underline;
	background: url(/img/act/actArrow-over.gif) top left no-repeat;
}

/**********EXTRAS EXTRAS EXTRAS**********/




/***********(Begin 'Lightbox' Styles)*******/

.lightboxItem{
	padding:10px 0;
}

.lightboxImages{
	padding:25px;
	padding-right:0;
	padding-top:0px;
	padding-bottom:10px;
	float:left;
}

.lightboxImages a:hover{
	background:none;
	border:0;
}

.lightboxThumbnail{
	padding:5px;
	background:#eee;
	border:1px #ddd solid;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#lightbox img{ margin:0 8px 8px 0; }

#outerImageContainer{
	position: relative;
	background: black;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-top:#222 1px solid;
}

#imageContainer{
	padding: 10px 0 0 8px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; border:none; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; border:none; }
#bottomNavClose:hover, #bottomNavClose:visited:hover { background: none; outline:none; border:none; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #7b3013;
	background: /*url(images/bgWood.jpg) repeat*/;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	border-top:#843a1f 1px solid; /* lightbrown */
	border-bottom:#431203 1px solid; /* darkbrown */	
	}

#imageData{	padding:10px; color: white; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  margin: 2px; padding-bottom: 0.7em; width: 50px; height:60px; }
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
	}
	
	
/********** Superfish CSS **********/

#pillmenu {
  height: 32px;
  width:100%;
  background:url(http://www.warrendiggles.com/images/bgDots.gif);
  border-top:1px solid black;
  float:right;
}

#pillmenu ul.menu {
  margin: 0;
  padding: 0;
  list-style:none;
  float:right;
  width:965px;
  background:none;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	margin: 0;
	padding: 0;
	float:left;
}

#pillmenu a {
  font-size: 14px;
  display:block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  color: #ffffcc;
  text-decoration: none;
}

#pillmenu a:hover {
  font-size: 14px;
  display:block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  color: #ffffcc;
  text-decoration: underline;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:		50;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			right;
	position:		relative;
	z-index: 		99;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li a:focus {
	background:black;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	position:		absolute;
	left:			0;
	top:			32px; /* match top ul list item height */
	z-index:		999;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	right:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-bottom:	1em;
	background: #aaa;
}
.sf-menu a {
	border-top:		0;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a:hover {
	border-top:		0;
	padding: 		.75em 1em;
	text-decoration:underline;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}

.sf-menu li.last-child {
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}

.sf-menu li.last-child a:hover {
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}	

.sf-menu li.parent {
	width:180px;
	text-align:center;
	border-left: 	2px solid #333;
}

.sf-menu li.parent2 {
	width:180px;
	text-align:left;
	background:url(images/bgBlack75.png);
}

.sf-menu li.blogLink {
	text-align:center;
	border-left: 	2px solid #333;
}

.sf-menu li {
	padding: 		.75em 1em;
}

.sf-menu li li {
	background:		url(images/bgBlack75.png);
	text-align: 	left;
	padding: 		.75em 1em;
	border-top:		1px dotted #aaa;
}

.sf-menu li li li {
	background:		black url(http://www.warrendiggles.com/images/bgDots.gif);
	text-align: 	left;
	padding: 		.75em 1em;
	border-top:		1px dotted #aaa;
	left:50px;
}

.sf-menu li.first-child {
	border-top:1px solid black;
}

.sf-menu li:last-child, .sf-menu li.last-child {	
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:hover {
	/*background:	black url(http://www.warrendiggles.com/images/bgMenuOver.png) top repeat-x;*/
	background:	black url(http://www.warrendiggles.com/images/bgDots.gif);
	outline:		0;
}

.sf-menu li li li a:hover {
	/*background:	black url(http://www.warrendiggles.com/images/bgMenuOver.png) top repeat-x;*/
	background:	 url(images/bgBlack40.png);
	outline:		0;
}

.sf-menu a:focus {
	outline:0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-menu .active {
	background:url(images/bgBlack40.png);
}

.sf-menu #current {
	background:url(images/bgBlack40.png);
}

.sf-menu #current a {
	color:white;
}

.sf-menu #current ul li a {
	color:white;
}

.superfish_clear { 
	clear: both !important;
	height: 1px !important;
	overflow: hidden !important;
	font-size: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.wide {width:180px;}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#333;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#333;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#333;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#222;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#444;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#444;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#444;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

.sf-menu li .separator {
	border-left: none;
	border-top: none;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}