/*
Theme Name: OKCMOA
Theme URI: 
Description: OKCMOA
Version: 1
Author: Oklahoma City Museum of Art
Author URI: okcmoa.org
Tags:
*/




/* =Colors
	Text Grey: 	#4a4a4a;
	Red:		#db0b2a;
	Pink:		#db1091;
	Purple:		#851fb6;
	Blue:		#127DBC;
	Green:		#14921d;
	Yellow:		#eeab13;
	Orange:		#cc6b16;
*/

/* =Reset
------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline:none;
}
html, body {
	height: 100%;
}
a img, a img:hover {
	border: none;
}
table {
	border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}



/* =General (body, links, typography)
------------------------------------------------------------*/
body {
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	background: #cacaca url(/img/bg-body2.jpg) repeat-x;
}


h2 {
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
}
h3 {
	font-size: 16px;
	color: #3b3b3b;
}
h4 {
	color: #3b3b3b;
	font-size: 14px;
	font-weight:bold;

}
h5 {
	color: #3b3b3b;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
}
h6 {
	color: #3b3b3b;
	font-size: 12px;
	font-weight:bold;
}
p {
	margin: 1em 0;
}

/* =Default =Colors */
a, h2 {
	color: #db0b2a;
}

/* =See =Colors */
.see #primaryContent a, .see #primaryContent h2 {
	color: #db1091;
}

/* =Learn =Colors */
.learn #primaryContent a, .learn #primaryContent h2 {
	color: #851fb6;
}

/* =Support =Colors */
.support #primaryContent a, .support #primaryContent h2 {
	color: #14921d;
}

/* =Connect =Colors */
.connect #primaryContent a, .connect #primaryContent h2 {
	color: #127dbc;
}

/* =Eat =Colors */
.eat #primaryContent a, .eat #primaryContent h2 {
	color: #eeab13;
}

/* =Shop =Colors */
.shop #primaryContent a, .shop #primaryContent h2 {
	color: #cc6b16;
}


/* =WordPress
------------------------------------------------------------*/
.alignleft {
	float: left;
	margin: 0 20px 10px 0;
	clear:left; /* Multiple images floated the same direction by the writer will not catch on eachother*/
}
.alignright {
	float: right;
	margin: 0 0 10px 20px;
	clear:right; /* Multiple images floated the same direction by the writer will not catch on eachother*/
}
.aligncenter {
	display: block;
	margin: 10px auto;
}

.wp-caption {
	padding:10px;
	background: #dadada;
}
.wp-caption-text {
	margin-bottom: 0;
	font-size: 11px;
}





#pagination {
	clear:left;
	list-style-type: none;
	width: 150px;
	margin: 0 auto;
}


.search #pagination {
	margin: 40px 0;
}



.prevPost a, .nextPost a {
	text-indent: -1000em;
	display:block;
	width: 73px;
	height: 25px;
	overflow:hidden;
}
.prevPost a {
	float: right;
	background: url(/img/btn-prev.png) no-repeat;
}
.nextPost a {
	float: left;
	background: url(/img/btn-next.png) no-repeat;
}


/* =Helpers (Forms, notifications, errors, etc.)
------------------------------------------------------------*/


#primaryContent form {
	margin-top: 20px;
}


label {
	float: left;
	width: 180px;
	margin-right: 10px;
}
label.error {
	float:none;
	color: #db0b2a;
	margin-left: 20px;
}

form div {
	clear: left;
	margin-bottom: 10px;
}
form h3, form h4 {
	margin-bottom: 10px;
}

.radio {
	width: 340px;
	padding: 10px;
	background: #e2e2e2;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	
}
.radio h3 {
	float: left;
	width: 130px;
	font-size:12px;
}
.radio label {
	width: auto;
}
.radio label input {
	margin-right: 5px;
}

input[type="text"] {
	padding: 10px;
	background: #cdcdcd;
	border: 1px solid #dadada;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #eeeeee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

fieldset {
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: none;
}

textarea {
	width: 300px;
	height: 160px;
	padding: 10px;
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	background: #cdcdcd;
	font-size: 12px;
	border: 1px solid #dadada;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #eeeeee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}






/* =Layout
------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 58px;
	background: url(/img/bg-wrapper.png) no-repeat 35px top;

}

.home #wrapper {
	padding-top: 15px;
	background: none;
}

/* .see #wrapper {
	width: 100%;
	height: 768px;
} */



#branding {
	padding-bottom:15px;
	background: #dadada url(/img/bg-wrapper.png) no-repeat center top;

	
}
.home #branding {
	background: none;
	height:auto;
	padding-bottom:0px;
}




#brandingWrapper {
	margin: 0 auto;
	width: 960px;
	height: 100px;
}



#branding h1 {
	float:left;
	margin-top: 25px;
	display: block;
	width: 224px;
	height: 66px;
	background: url(/img/bg-h1.png) no-repeat;
	text-indent: -1000em;
}
#branding h1 a {
	display: block;
	width: 225px;
	height: 90px;
}



/* =Nav */
#nav {
	width: 684px;
	float:right;
	overflow: hidden;
	list-style-type: none;
}

#nav li {
	float: right;
	margin: 0 0 0 20px;
	display: inline; /* IE KLUDGE */
	text-indent: -1000em;
}

#nav a {
	display:block;
	height: 100px;	
}

.link-visit {
	background: url(/img/bg-nav-visit.png) no-repeat;
	width: 68px;
	margin-left:0;
}
.link-see {
	background: url(/img/bg-nav-see.png) no-repeat;
	width: 53px;
}
.link-learn {
	background: url(/img/bg-nav-learn.png) no-repeat;
	width: 82px;
}
.link-support {
	background: url(/img/bg-nav-support.png) no-repeat;
	width: 107px;
}
.link-support {
	background: url(/img/bg-nav-support.png) no-repeat;
	width: 107px;
}
.link-connect {
	background: url(/img/bg-nav-connect.png) no-repeat;
	width: 108px;
}
.link-eat {
	background: url(/img/bg-nav-eat.png) no-repeat;
	width: 54px;
}
.link-shop {
	background: url(/img/bg-nav-shop.png) no-repeat;
	width: 72px;
}


#nav a:hover, .visit .link-visit, .see .link-see, .learn .link-learn, .support .link-support, .connect .link-connect, .eat .link-eat, .shop .link-shop {
	background-position: left -100px;
}
#nav a:active {
	background-position: left -200px;
}

.visit .visit-link {
	background-position: left -100px;
}

/* =Content */
#content {
	overflow:hidden;
	margin-bottom: 30px;
	min-height: 500px;
}
.home #content {
	min-height: 0;
}

#primaryContent {
	float: right;
	width: 735px;
}
#secondaryContent {
	float: left;
	width: 165px;
}

#subNav {
	background: #dadada;
	padding: 30px 0;
	min-height: 300px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	list-style-type: none;
}

#subNav a {
	display:block;
	padding: 8px 20px 8px 10px;
	font-size:14px;
	color: #6a6a6a;
	text-transform:uppercase;
	text-shadow: 1px 1px #fff;
	text-decoration:none;
}

#subNav a:hover {
	color: #fff;
	text-shadow: none;
	background: url(/img/bg-subNav-red.jpg) no-repeat left center;
}



#backBtn {
	margin-bottom: 10px;
	list-style-type: none;
}

#backBtn a {
	display:block;
	padding: 8px 20px 8px 10px;
	font-size:14px;
	color: #fff;
	text-transform:uppercase;
	text-decoration:none;
	background: url(/img/bg-subNav-grey.png) no-repeat left center;
}


/* =subNav color select */

.see #subNav a:hover {
	background: #db1091 url(/img/bg-subNav-pink.jpg) no-repeat left center;
}
.learn #subNav a:hover {
	background: #851fb6 url(/img/bg-subNav-purple.jpg) no-repeat left center;
}
.support #subNav a:hover {
	background: #127DBC url(/img/bg-subNav-green.jpg) no-repeat left center;
}
.connect #subNav a:hover {
	background: #14921d url(/img/bg-subNav-blue.jpg) no-repeat left center;
}
.eat #subNav a:hover {
	background: #eeab13 url(/img/bg-subNav-yellow.jpg) no-repeat left center;
}
.shop #subNav a:hover {
	background: #cc6b16 url(/img/bg-subNav-orange.jpg) no-repeat left center;
}


/* =Post */
h2 span a {
	font-size: 12px;
	text-decoration:none;
	text-transform:lowercase;
	font-weight: normal;
	border-bottom: 1px dotted;
}
h2 span a:hover {
	border-bottom: 1px solid;
}

.post ul, .post ol {
	margin: 1em 0 1em 30px;
}


/* =Footer */
#footer {
	padding: 20px 0 10px 0;
	background: #050505 url(/img/bg-footer.jpg) repeat-x;
	font-size: 10px;
	color: #9f9f9f;
}
#footerContent {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#footerPrimary {
	float: left;
}
#footerSecondary {
	float: left;
	width: 220px;
	margin-left: 58px;
	display: inline; /* IE6 KLUDGE*/
}
#footerTertiary {
	float: right;
}

#footer a  {
	text-decoration: none;
}
#footer a:hover  {
	text-decoration: underline;
}

#footer ul, #footer dl  {
	list-style-type: none;
}

#footer dt {
	margin-bottom: 10px;
	text-indent: -1000em;
}

#contactList {
	width: 270px;
}

#contactList dt {
	width: 137px;
	height: 16px;
	background: url(/img/heading-contact.png) no-repeat;
}
#contactList dd {
	margin: 6px 3px 6px 0;
	float:left;
}
#contactList dd span {
	background: #202020;
	padding: 3px 5px;
}
#contactList + p {
	clear:left;
	padding-top: 5px;
}
#footerPrimary p {
	margin-bottom: 0;
	margin-top: .3em;
}

#quickLinks dd a {
	display:block;
	width: 100px;
	height: 25px;
	text-indent: -1000em;
}
#quickLinks dd a:hover {
	background-position:bottom left;
}

#btn-tickets a {
	background: url(/img/btn-tickets.png) no-repeat;	
}
#btn-donate a {
	background: url(/img/btn-donate.png) no-repeat;
}
#btn-donate {
	margin-left: 20px;
}

#quickLinks dt {
	width: 139px;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/heading-links.png) no-repeat;
}
#quickLinks dd {
	float: left;
}

#quickLinks #btn-calendar {
	position:relative;
	clear:left;
	width: 220px; height: 50px;
	margin: 10px auto 0 auto;
	background: url(/img/bg-cal.png) no-repeat center top;
	text-align:center;
}

#quickLinks #btn-calendar a {
	display: block;
	position:absolute;
	top: 0;
	left: 50%;
	width: 60px; height: 50px;
	margin: 0 auto 0 -30px;
	text-indent: -1000em;
}




#month {
	position:relative;
	top: 6px;
	left: -10px;
	color: #fff;
	font-size: 8px;
}

#day {
	position:relative;
	top: 5px;
	color: #191310;
	font-size: 20px;
	font-weight:bold;
	text-shadow: 1px 1px #fff;
}




#networkList {
	overflow:hidden;
}
#networkList dt {
	width: 113px;
	height: 16px;
	background: url(/img/heading-network.png) no-repeat;
}
#networkList dd  {
	float:left;
	text-indent: -1000em;
}
#btn-facebook {
	width: 81px;
	height: 17px;
	background: url(/img/bg-facebook.png) no-repeat;
}
#btn-facebook a {
	display: block;
	height: 17px;
}
#btn-twitter {
	width: 78px;
	height: 16px;
	margin-left: 20px;
	display: inline; /* IE6 KLUDGE*/
	background: url(/img/bg-twitter.png) no-repeat;
}
#btn-twitter a {
	display: block;
	height: 16px;
}



/* =Search (Footer)*/
#searchform {
	margin: 10px 0;
}
#searchform label {
	text-indent: -1000em;
}
#s {
	width: 154px;
	height: 12px;
	background: #e8e8e8 url(/img/bg-s.jpg) no-repeat;
	border: none;
	padding: 6px 3px;
}
#primaryContent #s {
	width: 130px;
	height: 12px;
	background: #c7c7c7 url(/img/bg-s-secondary.jpg) no-repeat;
	border: none;
	padding: 6px 3px;
}

#searchsubmit {
	position: relative;
	top: 6px;
}





/* =Pages
------------------------------------------------------------*/
/* =Home */
#features {
	height: 428px;
	background: url(/img/bg-features.jpg) no-repeat;
	margin-bottom: 15px;
}
#cu3er {
	position:relative;
	width: 930px;
	height: 400px;
	margin: 15px;
}
#cu3er a {
	display:block;
	width: 112px;
	height: 33px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -106px;
	margin-top: -16px;	
}

.miniFeature {
	float: left;
	margin-right: 20px;
	display: inline; /* =IE6 KLUDGE */
}
.miniFeature a {
	text-decoration: none;
}
.miniFeature a:hover {
	text-decoration: underline;
}

.miniFeature p {
	margin-left: 6px;
}


.imgWrapper {
	position: relative;
	padding:6px;
	padding-bottom:4px;
	background: #e2e2e2;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.miniFeature h2 {
	height: 25px;
	margin-top:10px;
	text-indent: -1000em;
}

#heading-exhibitions {
	width: 162px;
	background: url(/img/heading-exhibitions.png);
}
#heading-films {
	width: 81px;
	background: url(/img/heading-films.png);
}
#heading-education {
	width: 150px;
	background: url(/img/heading-education.png);
}


/* 
.miniFeature .mask {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 170px;
	height: 260px;
	background: url(/img/bg-mask.png);

}
*/

/* =Tweets */
#tweetsWrapper {
	float: right;
	width: 350px;
	overflow:hidden;
}
#tweets {
	background: #e2e2e2;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 10px;
}
#tweets h2 {
	width: 130px;
	height: 13px;
	margin: 15px 9px 10px 9px;
	background: url(/img/heading-tweets.png) no-repeat;
	text-indent: -1000em;
}
#follow {
	float: right;
	position:relative;
	top:-1px;
	margin-right: 120px;
	display: inline; /* =IE6 KLUDGE */
	width: 100px;
	height: 38px;
	text-indent: -1000em;
	background: url(/img/bg-follow.png);
}

/* =Twitter */
.twtr-hd, .twtr-ft {
	display:none;
}

/* =Eat */
#secondBranding {
	padding: 10px;
	background: #DADADA;
	margin-bottom:20px;
}

.aside {
	margin-top: 20px;
}
.aside h2 {
	font-size:14px;
}

/* =See */
.visualNavItem {
	float: left;
	width: 290px;
	margin-left: 10px;
	padding: 10px;
	background: #dadada;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#visualShop {
	float: right;
	width: 290px;
	margin-left: 20px;
	padding: 10px;
	background: #dadada;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#firstVisualNavItem {
	margin-left: 0;
}

#visualExhibitions h2 {
	background: url(/img/heading-exhibitions.png) no-repeat center center;
}
#visualCollections h2 {
	background: url(/img/heading-collections.png) no-repeat center center;
}
#visualFilm h2 {
	background: url(/img/heading-film.png) no-repeat center center;
}

.visualNavItem h2 {
	height: 16px;
	margin: 20px 0;
	text-indent: -1000em;

}
/* =Learn */
#visualSchool h2 {
	background: url(/img/heading-museum_school.png) no-repeat center center;
}
#visualPrograms h2 {
	background: url(/img/heading-programs.png) no-repeat center center;
}
#visualEducator h2 {
	background: url(/img/heading-educator.png) no-repeat center center;
}



/* =Connect */
#ConnectVideos, #ConnectGalleries, #ConnectAudio {
	width: 235px;
	float: left;
	margin-right: 10px;
}
#ConnectAudio {
	margin-right: 0;
}
.btnLink {
	display: block;
	font-size: 14px;
}

.connectItem, .btnLink {
	padding: 10px; margin-bottom: 10px;
	background: #e2e2e2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #dadada;
	border-bottom: 1px solid #c2c2c2;
	border-top: 1px solid #e8e8e8;
}

.connectItem h2 {
	margin-top: 5px;
}

#headingVideos {
	background: url(/img/heading-videos.png) no-repeat;
	text-indent: -1000em;
}

#headingGalleries {
	background: url(/img/heading-image_galleries.png) no-repeat;
	text-indent: -1000em;
}

#headingAudio{
	background: url(/img/heading-audio.png) no-repeat;
	text-indent: -1000em;
}

.threeCol h2 a, .btnLink {
	font-weight:normal;
	text-transform:none;
	text-decoration: none;
}
.threeCol h2 a:hover, .btnLink:hover{
	text-decoration: underline;
}

.threeCol h2 span a:hover {
	text-decoration: none;
}

/* =Videos */
.listing > li {
	overflow: auto;
	margin: 20px 0;
}

.listing img {
	float: left;
	margin-right: 20px;
}



/* =Films */

#films {
	margin-top: 30px;
}
.film {
	width: 350px;
	height: 260px;
	float: left;
	padding: 15px 0;
	margin-bottom: 20px;
	margin-right: 15px;
	display:inline; /*KLUDGE IE*/
	background: #e2e2e2;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	overflow:hidden;
}
.film img {
	float: left;
	margin-left:10px;
	display:inline; /*KLUDGE IE*/
}
.synopsis {
	float: right;
	width: 140px;
	margin-right: 10px;
	display:inline; /*KLUDGE IE*/

}

.synopsis h3 {
	font-size: 12px;
	font-weight:bold;
}


.film h2 a {
	text-decoration: none;
}
.film h2 a:hover {
	text-decoration: underline;
}



/* =Single -> Films */

.tickets a {
	display:block;
	width: 100px;
	height: 25px;
	text-indent: -1000em;
	background: url(/img/btn-tickets.png) no-repeat;
}
.ticketsPink a {
	display:block;
	width: 100px;
	height: 25px;
	text-indent: -1000em;
	background: url(/img/btn-tickets-pink.png) no-repeat;
}


.tickets a:hover, .ticketsPink a:hover {
	background-position:bottom left;
}



/* =Search */

#secondaryContent #s {
	width: 130px;
	height: 12px;
	background: #c7c7c7 url(/img/bg-s-secondary.jpg) no-repeat;
	border: none;
	padding: 6px 3px;
}



.search #primaryContent h2 {
	margin-bottom: 20px;
}

.search #primaryContent h3 {
	margin-bottom: 10px;
}


/* =Attachment (image.php) */

.currentImage {
	float: left;
	width: 400px;
	margin: 0 47px;
}

#nextImage, #prevImage {
	float: left;
	text-align:center;
	background: #dadada;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#nextImage img, #prevImage img {	
	padding: 10px 10px 0 10px;
}
#nextImage p, #prevImage p {
	margin: 0;
}
#nextImage p a, #prevImage p a {
	display: block;
	padding: 10px 0 13px 0;
}




/* =Gallery */

.gallery {
	margin-top: 20px !important;
}

.gallery-item {
	text-align: center;
}
.gallery-caption {
	display:block;
	width: 120px;
	margin: 0 auto;
	line-height: 1em;
	background: #dadada;
	padding: 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


#gallery-1 .gallery-caption {
	margin: 0 auto !important;
}


.gallery-item {
	margin-bottom: 20px;
}

.gallery-icon {
	margin-bottom: 10px;
}

/* =Share =AddThis */
.addthis_toolbox {
	margin-top:20px;
	float: right;
	clear:right;
	background: #e9e9e9;
	padding: 5px 7px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

}
.share {
	float: left;
	margin-right: 5px;
	font-size: 10px;
	text-transform:uppercase;
	position: relative;
	top: 1px;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
padding: 0 !important;
}

.addthis_toolbox a {
	margin-right: 3px;
}
/* =Calendar */
#fullCalendarId {
	margin-top:20px;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* =navtest
------------------------------------------------------------*/



/*navigation*/

#drop li {
	position:relative;
	display:block;
	float:left;
}
#drop li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	overflow: hidden;
	padding: 0 20px;
}

/*sub navigation*/
#drop ul {
	position:absolute;
	top: 100px;left:0;
	padding:0;
	width:250px;
} /*the top:30px command must be the same height as your parent LI so the dropdown displays below the main navigation*/


/*hide all top-level nav (hides any additional top-level pages they add)*/
#drop > li {
	display: none;
}
/*show only these*/
#drop .page-item-25, #drop .page-item-29, #drop .page-item-31, #drop .page-item-35, #drop .page-item-33, #drop .page-item-37, #drop .page-item-39 {
	display:block;
}
/* -- /*


/* eat */
#drop .page-item-37 ul {
	top: 100px;
	left:-196px;
}
/* connect */
#drop .page-item-33 ul {
	top: 100px;
	left:-143px;
}
/* shop */
#drop .page-item-39 ul {
	top: 100px;
	left:-178px;
}


#drop ul a, #drop ul li {
	float:none;
}


/*
#drop li ul li ul {
position:absolute;top: 0;left:100px;padding:0;
}
*/
#drop {
	float: right;
	width:684px;
}

#drop li ul {
	display: none;
}
#drop ul {
	background: #dadada;
	padding-bottom: 30px;
}

.children a {
	color: #333;
	text-decoration: none;
}


/* =Visit */
.page-item-25 {
	margin-left:0;
	margin-top: 15px;
}

#drop .page-item-25 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 68px; height: 100px;
	background: url(/img/bg-nav-visit.png) no-repeat;
}

#drop .page-item-25 > a:hover {
	background-position: left -100px;
}

.page-item-25 ul {
	border-bottom: 5px solid #db0b2a;
}


.page-item-25 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #db0b2a url(/img/bg-subNav-red.jpg) repeat-x left center;
}


/* =See */
.page-item-29 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-29 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 53px; height: 100px;
	background: url(/img/bg-nav-see.png) no-repeat;
}

#drop .page-item-29 > a:hover {
	background-position: left -100px;
}

.page-item-29 ul {
	border-bottom: 5px solid #db1091;
}

.page-item-29 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #db1091 url(/img/bg-subNav-pink.jpg) repeat-x left center;
}

/* =Learn */
.page-item-31 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-31 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 82px; height: 100px;
	background: url(/img/bg-nav-learn.png) no-repeat;
}

#drop .page-item-31 > a:hover {
	background-position: left -100px;
}

.page-item-31 ul {
	border-bottom: 5px solid #851fb6;
}

.page-item-31 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #851fb6 url(/img/bg-subNav-purple.jpg) repeat-x left center;
}

/* =Connect */
.page-item-35 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-35 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 108px; height: 100px;
	background: url(/img/bg-nav-connect.png) no-repeat;
}

#drop .page-item-35 > a:hover {
	background-position: left -100px;
}

.page-item-35 ul {
	border-bottom: 5px solid #127DBC;
}

.page-item-35 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #127DBC url(/img/bg-subNav-blue.jpg) repeat-x left center;
}


/* =Support */
.page-item-33 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-33 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 107px; height: 100px;
	background: url(/img/bg-nav-support.png) no-repeat;
}

#drop .page-item-33 > a:hover {
	background-position: left -100px;
}

.page-item-33 ul {
	border-bottom: 5px solid #14921d;
}

.page-item-33 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #14921d url(/img/bg-subNav-green.jpg) repeat-x left center;
}

/* =Eat */
.page-item-37 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-37 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 54px; height: 100px;
	background: url(/img/bg-nav-eat.png) no-repeat;
}

#drop .page-item-37 > a:hover {
	background-position: left -100px;
}

.page-item-37 ul {
	border-bottom: 5px solid #eeab13;
}

.page-item-37 .children a:hover {
	color: #333;
	text-shadow: none;
	background: #eeab13 url(/img/bg-subNav-yellow.jpg) repeat-x left center;
}

/* =Shop */
.page-item-39 {
	margin-left:20px;
	margin-top: 15px;
}

#drop .page-item-39 > a {
	display:block;
	float:left;
	line-height:100px;
	padding: 0;
	text-indent: -1000em;
	width: 72px; height: 100px;
	background: url(/img/bg-nav-shop.png) no-repeat;
}

#drop .page-item-39 > a:hover {
	background-position: left -100px;
}

.page-item-39 ul {
	border-bottom: 5px solid #cc6b16;
}

.page-item-39 .children a:hover {
	color: #fff;
	text-shadow: none;
	background: #cc6b16 url(/img/bg-subNav-orange.jpg) repeat-x left center;
}



/* #navtest #nav.btnNav {
	text-indent: -1000em;
}
*/

/* =Overrides
------------------------------------------------------------*/
.red {
	color: #db0b2a;
}
.orange h2, .orange a {
	color: #cc6b16;
}
.pink h2, .pink a {
	color: #db1091;
}


.light-grey {
	color: #9f9f9f;
}
.noBullet {
	list-style-type: none;
}
.small {
	font-size: 11px;
}