/* ©2008 Creative Spark */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	height:100%;
	background:#000 url(../images/background.jpg) 50% 0 repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	line-height:1;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

.clr {
	clear:both;
	display:block;
	height:0;
	line-height:0;
}

#page #content .clr {
	float:none;
}


/**********
 * text formatting
 **********/

h1,
h2.major {
	margin:1em 0 1.25em;
	font-size:1.6em;
}

h2 {
	margin:1em 0;
	font-size:1.4em;
}

h2.minor,
h3 {
	margin:1em 0;
	font-size:1.2em;
}

p, address {
	margin:1em 0;
	font-style:normal;
	line-height:1.3em;
}

blockquote,
q {
	quotes:none;
	line-height:1.1429em;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
	content:none;
}

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

a:hover,
a:focus {
	text-decoration:underline;
}

abbr,
acronym {
	font-variant:normal;
	border-bottom:1px dotted #999;
	cursor:help;
}

acronym {
	font-variant:small-caps;
}

ins {
	text-decoration:underline;
}

del {
	text-decoration:line-through;
}


/**********
 * lists
 **********/

ol,
ul {
	list-style:none;
}


/**********
 * tables
 **********/

table {
	border-collapse:collapse;
	border-spacing:0;
}


/**********
 * images
 **********/

img {
	border:0;
}


/**********
 * forms
 **********/

input,
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}


/**********
 * buttons
 **********/

button,
a.button,
span.disabled-button {
	margin:0 0 1em;
	border:none;
	font-size:1.2em;
	text-decoration:none;
}

button {
	padding:0 0.5em 0 0;
	height:20px;
	background:transparent;
	line-height:20px;
}

button span,
a.button,
span.disabled-button {
	display:block;
	padding-left:1em;
	background:url(../images/sprites/buttons.png) 0 0 no-repeat;
}

span.disabled-button {
	background-position:0 -40px;
}

button span {
	cursor:pointer;
	padding-left:0.5em;
}

button::-moz-focus-inner {
	padding:0;
	border:0;
}

a.button,
span.disabled-button {
	float:left;
	padding-left:0.5em;
}

#page #content a.over-heading {
	position:relative;
	float:right;
	top:-3em;
	margin-bottom:-3em;
}

button span span,
a.button span,
span.disabled-button span {
	position:relative;
	display:block;
	left:0.5em;
	padding-right:1em;
	height:20px;
	background:url(../images/sprites/buttons.png) 100% 0 no-repeat;
	color:#fff;
	line-height:20px;
}

button span span {
	padding:0 1em 0 0;
}

span.disabled-button span {
	background-position:100% -40px;
}

button:hover span,
a.button:hover {
	background-position:0 -20px;
}

button:hover span span,
a.button:hover span {
	background-position:100% -20px;
}


/**********
 * layout
 **********/

#page {
	margin:0 auto;
	width:945px;
	text-align:left;
}


/**********
 * screen-reader navigation
 **********/

#screenreader-navigation {
	position:absolute;
	visibility:hidden;
}


/**********
 * pop-in box
 **********/

#pop-in {
	position:absolute;
	top:-10000px;
	left:0;
	width:100%;
	border-bottom:1px solid #000;
	background:#ec1c24 url(../images/pop-in/background.png) 0 0 repeat-x;
	font-size:1.1em;
}

#pop-in > div {
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-477px;
	width:945px;
}

#pop-in > div > * {
	position:absolute;
	left:0;
	top:-1px;
	width:900px;
	text-align:left;
}

#pop-in #pop-in-close {
	float:right;
	position:absolute;
	z-index:2;
	left:auto;
	right:1em;
	margin:0;
	width:auto;
	background-position:0 0;
}

#pop-in #pop-in-close span			{ background-position:100% 0; }
#pop-in #pop-in-close:hover			{ background-position:0 -20px; }
#pop-in #pop-in-close:hover span	{ background-position:100% -20px; }


/**********
 * pop-in forms
 **********/

#pop-in h2 {
	float:left;
	margin-right:25px;
	background:#000;
	color:#fff;
}

#pop-in label {
	margin-right:10px;
	color:#fff;
}

#pop-in input {
	margin:1.6em 10px 0 0;
	padding:5px;
	width:190px;
	height:15px;
	border:none;
	background:url(../images/pop-in/input-background.png) 0 0 no-repeat;
}


/**********
 * header
 **********/

#header {
	position:relative;
	margin-bottom:2px;
	height:180px;
	background:url(../images/headers/scissor-kick.jpg) 0 0 no-repeat;
	font-size:1.2em;
}

#header.three-kids		{ background-image:url(../images/headers/3-kids.jpg); }
#header.cheer			{ background-image:url(../images/headers/cheer.jpg); }
#header.dribbler		{ background-image:url(../images/headers/dribbler.jpg); }
#header.scissor-kick	{ background-image:url(../images/headers/scissor-kick.jpg); }

#logo {
	position:absolute;
	overflow:hidden;
	top:29px;
	left:40px;
	width:110px;
	height:120px;
	text-indent:-9999px;
}

#login-signup-links {
	position:absolute;
	top:0;
	right:15px;
}

#login-signup-links li {
	float:left;
	list-style:none;
}

#login-signup-links li a {
	display:block;
	padding:0 1em;
	height:30px;
	border-left:1px solid #f58d91;
	background:url(../images/sprites/login-links.png) 100% 0 no-repeat;
	color:#fff;
	line-height:30px;
	text-decoration:none;
}

#login-signup-links li:first-child a {
	border-left:none;
	border-right:1px solid #bb1c24;
	background-position:0 0;
}

#login-signup-links li a:hover {
	border-left-color:#7a4648;
	background-position:100% -30px;
}

#login-signup-links li:first-child a:hover {
	border-right-color:#5d0e12;
	background-position:0 -30px;
}


/**********
 * navigation
 **********/

#navigation-column {
	float:left;
	width:163px;
}

#navigation-column .testimonial {
	background:#ec1c24 url(../images/sprites/testimonial-background.png) 0 0 no-repeat;
}

#navigation-column .testimonial > p {
	margin:1em 0 0;
	padding:0 15px 15px;
	background:url(../images/sprites/testimonial-background.png) -163px 100% no-repeat;
	color:#000;
	font-size:1.1em;
}

#navigation-column .testimonial blockquote p {
	margin:0 15px 1em;
	padding-top:15px;
	color:#fff;
	font-size:1.4em;
}

#navigation-column .testimonial blockquote p span {
	color:#000;
}

#navigation-column .book-now,
#navigation-column .mailing-list {
	position:relative;
	margin-top:2px;
	height:133px;
	padding:15px;
	background:url(../images/feature-backgrounds/book-now.jpg) 0 0 no-repeat;
}

#navigation-column .mailing-list {
	height:140px;
	background-image:url(../images/feature-backgrounds/mailing-list.png);
}

#navigation-column .book-now p,
#navigation-column .mailing-list p.head {
	margin:0;
	padding:5px;
	background:#fff;
	color:#000;
	text-transform:uppercase;
	font-size:2em;
	font-weight:bold;
}

#navigation-column .mailing-list p.head {
	background:#ec1c24;
	color:#fff;
}

#navigation-column .mailing-list p {
	color:#fff;
	font-size:1.2em;
}

#navigation-column .book-now a.button,
#navigation-column .mailing-list a.button {
	position:absolute;
	left:15px;
	bottom:15px;
	margin:0;
}

#navigation {
	font-size:1.2em;
}

#navigation li {
	margin:0 0 2px;
	list-style:none;
}

#navigation li a,
#navigation li span {
	display:block;
	overflow:hidden;
	padding:0 10px;
	height:25px;
	background:url(../images/sprites/navigation.png) 0 0 no-repeat;
	color:#fff;
	line-height:25px;
	text-decoration:none;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li.selected a,
#navigation li.selected span {
	background-position:0 -25px;
}

#navigation li ul {
	margin-top:2px;
}

#page #navigation li ul li a {
	background-position:0 -50px;
	color:#333;
}

#page #navigation li ul li a:hover,
#page #navigation li ul li a:focus,
#page #navigation li ul li.selected a {
	background-position:0 -75px;
	color:#fff;
}


/**********
 * content
 **********/

#content {
	float:left;
	width:660px;
	color:#666;
}

#content h1,
#content h2.major {
	margin:3em 0 1.4em;
	padding:5px;
	border:none;
	background:#ec1c24;
	color:#fff;
	font-size:2em;
	line-height:1em;
	text-transform:uppercase;
}

#content h2 {
	margin:2em 0 .5em;
	padding-bottom:.75em;
	border-bottom:1px dotted #bcbec0;
	color:#ec1c24;
	line-height:1.25em;
}

#content img + h2 {
	margin-top:1em;
}

#content h2.minor,
#content h3 {
	margin:2em 0 .75em;
	padding-bottom:.25em;
	border-bottom:1px dotted #bcbec0;
	color:#333;
	line-height:1.25em;
}

#content p,
#content address {
	font-size:1.1em;
}

#content p.major {
	margin-bottom:1.75em;
	color:#333;
	font-size:1.375em;
}

#page #content h2 + p,
#page #content h3 + p,
#page #content h2 + img,
#page #content h3 + img {
	margin-top:0;
}

#content blockquote {
	color:#666;
	font-size:1.4em;
}

#content blockquote span {
	color:#ec1c24;
}

#content a.button {
	margin-right:.75em;
}

#content a.download {
	display:block;
	padding-left:22px;
	min-height:26px;
	background:url(../images/sprites/download-icon.png) 0 3px no-repeat;
	font-weight:bold;
}

#content ul,
#content ol {
	margin:1em 0;
	font-size:1.1em;
	list-style:disc outside;
}

#content ol {
	list-style-type:decimal;
}

#content ul li {
	margin-left:0.1em;
	padding-left:1.24em;
	background:url(/images/lists/bullet.gif) 0 .5em no-repeat;
	line-height:1.3em;
	list-style:none;
}

#content ol li {
	margin-left:1.75em;
	line-height:1.3em;
}

#content dl {
	font-size:1.1em;
	line-height:1.3em;
}

#content dt {
	font-weight:bold;
}

#content > div {
	float:left;
	margin:0 0 2px 2px;
	width:658px;
	background:#fff url(../images/sprites/content-background.png) -658px 100% no-repeat;
}

#content > div > div {
	padding:15px;
	min-height:570px;
	background:url(../images/sprites/content-background.png) 0 -232px no-repeat;
}

#content > div > div .columns {
	clear:both;
	position:relative;
	margin-right:-14px;
}

#content > div > div .columns > * {
	float:left;
	margin-right:14px;
	width:200px;
}

#content > div > div .columns > *.double {
	width:414px;
}

#content > div > div .columns > *.double > .columns {
	margin-right:-14px;
	width:428px;
}

#content > div > div .columns > * > img {
	display:block;
	margin:1em 0;
}

#page #content > div > div .columns > * > *:first-child {
	margin-top:0;
}

#page #content > div > div .columns + .columns > * > h2:first-child {
	margin-top:2em;
}

#content > div.half						{ background-position:-1644px 100%; width:328px; }
#content > div.half > div				{ background-position:-1316px -232px; min-height:210px; }
#content > div.onethird					{ background-position:-2190px 100%; width:218px; }
#content > div.onethird > div			{ background-position:-1972px -232px; min-height:210px; }
#content > div.twothirds				{ background-position:-2846px 100%; width:438px; }
#content > div.twothirds > div			{ background-position:-2408px -232px; min-height:210px; }
#content > div.twothirds .columns		{ margin-right:-8px; width:416px; }
#content > div.twothirds .columns > *	{ margin-right:8px; }

#content > div > div > *:first-child {
	margin-top:0;
}

#content > div > div > h2:first-child {
	padding:5px;
	border:none;
	background:#000;
	color:#fff;
	font-size:2em;
	text-transform:uppercase;
}


/**********
 * specific content
 **********/

/***** features *****/

#content > div.feature p {
	padding:0 5px;
	width:10em;
	color:#fff;
	font-size:1.4em;
}

#content > div.feature a.button {
	position:absolute;
	bottom:15px;
	left:15px;
	margin:0;
}

#content > div.feature > div {
	position:relative;
	height:210px;
	background:transparent;
}

#content > div.feature.courses							{ background:url(../images/feature-backgrounds/courses.jpg); }
#content > div.feature.courses > div > h2:first-child	{ background:#fff; color:#000; }
#page #content > div.feature.courses > div > p			{ margin:0; padding:5px; background:#000; color:#fff; text-transform:uppercase; }

#content > div.feature.global							{ background:url(../images/feature-backgrounds/global.png); }
#content > div.feature.global > div > h2:first-child	{ background:#fff; color:#ec1c24; }

#content > div.feature.downloads						{ background:url(../images/feature-backgrounds/downloads.jpg); }
#content > div.feature.downloads > div > h2:first-child	{ background:#fff; color:#000; }

/***** course feature blocks *****/

.course-feature {
	position:relative;
	display:block;
	margin-top:5px;
	width:188px;
	height:90px;
	background:url(../images/feature-backgrounds/course-boot.png) 0 0 no-repeat;
}

.course-feature.club	{ background-image:url(../images/feature-backgrounds/course-shirt.png); }
.course-feature.player	{ background-image:url(../images/feature-backgrounds/course-match.png); }

.course-feature:hover {
	text-decoration:none;
}

#content .course-feature h3,
.course-feature p {
	position:absolute;
	top:15px;
	left:15px;
	margin:0;
	width:104px;
	border:none;
	color:#fff;
}

.course-feature h3 span {
	color:#ec1c24;
}

.course-feature p {
	top:auto;
	bottom:15px;
}

/***** course availability tables *****/

table.course-availability {
	width:100%;
	border-collapse:collapse;
}

table.course-availability th {
	overflow:hidden;
	padding:0 6px;
	height:25px;
	border-left:1px solid #fff;
	background:url(../images/tables/th-background.png) 50% 0 no-repeat;
	color:#fff;
	font-size:1.1em;
	line-height:25px;
	white-space:nowrap;
}

table.course-availability th.alpha						{ border-left:none; }
table.course-availability thead:first-child th.alpha	{ background-position:0 0; }
table.course-availability thead:first-child th.omega	{ background-position:100% 0; }

table.course-availability td {
	padding:0 6px;
	border:1px solid #e7e8e9;
	background:#fff;
	font-size:1.1em;
	line-height:25px;
}

#content table.course-availability td.alpha	{ border-left:none; }
#content table.course-availability td.omega	{ border-right:none; }
table.course-availability td.available		{ color:#85b833; }
table.course-availability td.limited		{ color:#ed6f12; }
table.course-availability tr.omega td		{ border-bottom:none; }
table.course-availability td.sold-out		{ text-align:center; }
table.course-availability tr.omega td.alpha	{ background:transparent url(../images/tables/tr-omega-background.png) 0 100% no-repeat; }
table.course-availability tr.omega td.omega	{ background:transparent url(../images/tables/tr-omega-background.png) 100% 100% no-repeat; }

table.course-availability tr.sold-out td {
	border:1px solid #b9babc;
	border-bottom:none;
	color:#fff;
}

#content table.course-availability tr.sold-out td {
	background:#d1d3d4 url(../images/tables/tr-sold-out-background.png) 0 100% repeat-x;
}

#content table.course-availability a.button {
	margin:0 0 -0.6em;
	padding:0;
	font-size:1em;
	white-space:nowrap;
}

#content table.course-availability a.button span {
	padding-right:0.5em;
}

/***** news articles (and global) *****/

#content > div > div .columns.news-articles > div,
#content > div > div .columns > div.news-articles > div,
#content > div > div .columns > div.global-locations > div {
	position:relative;
	padding-top:.5em;
	height:80px;
}

#content > div > div .columns > div.news-articles > div,
#content > div > div .columns > div.global-locations > div {
	clear:both;
}

#content > div > div .columns.news-articles > div img,
#content > div > div .columns > div.news-articles > div img,
#content > div > div .columns > div.global-locations > div img {
	float:left;
	margin-right:.5em;
}

#content > div > div .columns.news-articles > div p,
#content > div > div .columns > div.news-articles > div p,
#content > div > div .columns > div.global-locations > div p {
	margin:0;
	line-height:1.1em;
}

#content > div > div .columns.news-articles > div p span,
#content > div > div .columns > div.news-articles > div p span {
	color:#ec1c24;
}

#content > div > div .columns.news-articles > div a,
#content > div > div .columns > div.news-articles > div a,
#content > div > div .columns > div.global-locations > div a,
#content > div > div .columns > div.global-locations > div span.disabled-button {
	position:absolute;
	margin:0;
	left:95px;
	top:65px;
}

/***** galleries *****/

#page #content ul.galleries {
	font-size:1.2em;
	line-height:1.0714em;
}

#page #content ul.galleries li {
	position:relative;
	margin:0 14px 15px 0;
	padding:0;
	background:transparent;
	list-style:none;
}

#page #content ul.galleries li img {
	margin:0;
}

ul.galleries li img + a {
	display:block;
	margin-right:4.75em;
	padding-top:.2em;
	min-height:2.6em;
	color:#333;
	font-weight:bold;
}

ul.galleries li a.button {
	position:absolute;
	right:0;
	bottom:.2em;
	margin:0 .5em 0 0;
	height:20px;
	font-size:1em;
	line-height:20px;
}

/***** tactics board *****/

.tactics-board div {
	position:relative;
	height:140px;
	background:url(../images/coaches-corner/tactics-board.png) 0 0 no-repeat;
	color:#fff;
}

.tactics-board div.passing-1	{ background-position:0 0; }
.tactics-board div.passing-2	{ background-position:-200px 0; }
.tactics-board div.passing-3	{ background-position:-400px 0; }
.tactics-board div.receiving-1	{ background-position:0 -140px; }
.tactics-board div.receiving-2	{ background-position:-200px -140px; }
.tactics-board div.receiving-3	{ background-position:-400px -140px; }

#content .tactics-board div p {
	position:absolute;
	left:15px;
	top:15px;
	margin:0;
	width:100px;
	font-size:1.6em;
}

#content .tactics-board div a.button {
	position:absolute;
	left:15px;
	bottom:15px;
	margin:0;
}

/***** global *****/

#content #global-world-map {
	position:relative;
	margin:10px;
	width:608px;
	height:345px;
	background:url(../images/global/map/world-map.gif) 0 0 no-repeat;
}

#content #global-world-map li {
	margin:0;
	padding:0;
	background:transparent;
	list-style:none;
}

#content #global-world-map li a {
	position:absolute;
	display:block;
	overflow:hidden;
	z-index:1;
	text-indent:-9999px;
}

#content #global-world-map li a:hover {
	z-index:2;
}

#content #global-world-map li.africa a		{ top:135px; left:255px; width:127px; height:161px; }
#content #global-world-map li.americas a	{ top:0;     left:-1px;  width:268px; height:344px; }
#content #global-world-map li.asia a		{ top:11px;  left:351px; width:256px; height:233px; }
#content #global-world-map li.europe a		{ top:25px;  left:270px; width:129px; height:118px; }
#content #global-world-map li.middle-east a	{ top:125px; left:332px; width:75px;  height:67px; z-index:3; }
#content #global-world-map li.oceania a		{ top:228px; left:493px; width:113px; height:101px; }

#content #global-world-map li.africa a:hover		{ background:url(../images/global/map/africa.png); }
#content #global-world-map li.americas a:hover		{ background:url(../images/global/map/americas.png); }
#content #global-world-map li.asia a:hover			{ background:url(../images/global/map/asia.png); }
#content #global-world-map li.europe a:hover		{ background:url(../images/global/map/europe.png); }
#content #global-world-map li.middle-east a:hover	{ background:url(../images/global/map/middle-east.png); }
#content #global-world-map li.oceania a:hover		{ background:url(../images/global/map/oceania.png); }

#content > div > div .columns > div.global-locations > div p {
	padding-top:5px;
	color:#ec1c24;
	font-size:1.4em;
	font-weight:bold;
}

#content > div > div .columns > div.global-locations > div a {
	top:60px;
}

/***** downloads *****/

#content > div > div .downloads {
	margin-bottom:0.75em;
	border-bottom:1px dotted #bcbec0;
}

#content > div > div .downloads > div {
	position:relative;
	height:300px;
}

#content > div > div .downloads > div ul {
	position:absolute;
	bottom:0;
	left:0;
}

#content > div > div .downloads > div ul li {
	position:relative;
	margin:0;
	padding:5px;
	width:190px;
	height:20px;
	border-top:1px dotted #bcbec0;
	background:none;
	font-weight:bold;
	line-height:20px;
	list-style:none;
}

#content > div > div .downloads > div ul li em {
	font-weight:normal;
	font-style:normal;
}

#content > div > div .downloads > div ul li a.button {
	position:absolute;
	top:5px;
	right:0;
	font-size:1em;
	font-weight:normal;
}

/***** testimonials *****/

.testimonials p + blockquote {
	padding-top:1em;
	border-top:1px dotted #999;
}

.testimonials p span {
	color:#ec1c24;
}

/***** send to a friend and mailing list *****/

#send-to-a-friend-form div,
#mailing-list-form div {
	clear:both;
}

#send-to-a-friend-form label,
#mailing-list-form label {
	float:left;
	margin-right:0.5em;
	width:14em;
	font-size:1.1em;
	line-height:25px;
}

#send-to-a-friend-form input,
#mailing-list-form input,
#send-to-a-friend-form textarea,
#mailing-list-form textarea {
	margin:0 0 0.5em 0;
	padding:5px;
	width:190px;
	height:15px;
	border:none;
	background:url(../images/pop-in/input-background.png) 0 0 no-repeat;
	font-size:1.2em;
}

#send-to-a-friend-form textarea,
#mailing-list-form textarea {
	width:240px;
	height:70px;
	background:url(../images/pop-in/textarea-background.png) 0 0 no-repeat;
}

#mailing-list-form input.inlinecheckbox {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	border:none;
	background:none;
}

#mailing-list-form label.checkbox {
	float:none;
	width:100%;
}


/**********
 * advertising
 **********/

#advertising {
	float:left;
	margin-left:2px;
	width:120px;
}

#content > div.half.advert {
	background:#464646 url(../images/sprites/medium-rectangle-advert-background.png) 0 100% no-repeat;
}

#content > div.half.advert > div {
	width:300px;
	padding:14px;
	background:url(../images/sprites/medium-rectangle-advert-background.png) -328px 0 no-repeat;
}


/**********
 * footer
 **********/

#footer {
	clear:both;
	margin:0 122px 15px 165px;
	padding-top:17px;
	font-size:0.9em;
}

#minor-navigation {
	float:left;
	text-align:left;
}

#minor-navigation li {
	display:inline;
	padding:0 .25em 0 .5em;
	border-left:1px solid #444;
	list-style:none;
}

#minor-navigation li:first-child {
	padding-left:0;
	border-left:none;
}

#minor-navigation li a {
	color:#444;
	text-decoration:none;
}

#minor-navigation li a:hover {
	text-decoration:underline;
}

#minor-navigation li img {
	vertical-align:middle;
}

#official-partners {
	float:right;
	color:#444;
	text-align:left;
}

#official-partners ul {
	display:inline;
}

#official-partners li {
	display:inline;
	padding-left:5px;
}

#official-partners li img {
	vertical-align:middle;
}


/*************
 * backoffice
 *************/

body#backoffice table {
	width:100%;
}

body#backoffice table th,
body#backoffice table td {
	padding:5px;
	font-size:1.1em;
}

body#backoffice table th {
	background:#ec1c24;
	color:#fff;
}

body#backoffice table td {
	border-top:1px solid #dfdfdf;
}


/**************
 * style guide
 **************/

#content ul.styleguide {
	margin:0;
	padding:0;
}

#content ul.styleguide li {
	display:block;
	margin:0;
	padding:0;
	background:transparent;
	list-style:none;
}

#content ul.styleguide li a {
	display:block;
	padding:10px 10px 10px 79px;
	height:54px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
}

#content ul.styleguide li a:hover {
	background-color:#ddd;
	text-decoration:none;
}

#content ul.styleguide li.directory a		{ background-image:url(../images/styleguide/icons/directory.png); }
#content ul.styleguide li.document-word a	{ background-image:url(../images/styleguide/icons/document-word.png); }

#content ul.styleguide li a span {
	color:#666;
	font-size:0.75em;
	font-style:italic;
	font-weight:normal;
}