/*	comedancewithus.co.uk Master Style Sheet
	version: 2008-12-30
-------------------------------------------------- */
* { margin: 0; padding: 0; }
body { background: #ffffff url(../images/global/bg_body.gif) repeat-x; color: #120f10; font: normal 62.5%/1.4 Arial, Helvetica, sans-serif; }
li, dd, blockquote { margin-left: 1em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 1.2em; }
textarea { font-size: 1.4em; }
a:link, a:visited { color: #7f4152; }
a:hover, a:active { background-color: #dccbd0; color: #120f10; }
img { border: none; }

h1 { font-size: 1.6em; font-weight: normal; }
h2 { color: #635c5e; font-size: 1.4em; font-weight: normal; margin: 1em 0 0; }
h3 { font-size: 1.2em; font-weight: normal; }
p { font-size: 1.2em; padding: 0.5em 0 0.4em 0; }
li { font-size: 1.2em; }

h2.highlight { color: #7f4152; margin-top: 0.5em; }
p.highlight { padding-top: 0; }

div.error { background-color: #ffffff; border-bottom: 1px #af1213 solid; border-top: 1px #af1213 solid; clear: both; color: #af1213; margin: 0 0 0; padding: 0 0 10px 0; }
div.error h3 { background-color: #ffffff; color: #af1213; font-size: 1.6em; margin: 5px 20px; }
div.error p, div.error ul, div.error ul li { margin: 5px 20px; }
.selfclear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

div#container { margin: 0 auto; width: 600px; }

div#branding { background: #ffffff url(../images/global/bg_branding.gif) no-repeat bottom left; color: #120f10; padding: 0 0 15px 0; position: relative; }
div#branding p { margin: 0; padding: 0; }
div#branding p#branding-title { font-size: 1.6em; margin: 0 0 0 20px; padding: 5px 0 0; width: 300px; }

ul#navigation-primary { list-style: none; padding: 0; position: absolute; right: 25px; top: 5px; }
ul#navigation-primary li { float: left; font-size: 1.3em; text-align: center; }
ul#navigation-primary li a { background-color: #ece3e5; border-bottom: 1px solid #d5c2c7; color: #120F10; display: block; padding: 1px 5px; text-decoration: none; }

body.home ul#navigation-primary li#np-home a,
body.about-us ul#navigation-primary li#np-about a,
body.services ul#navigation-primary li#np-services a,
body.contact-us ul#navigation-primary li#np-contact a,
ul#navigation-primary li a:hover { background-color: #dccbd0; color: #120F10; border-bottom: 1px solid #b7969f; }

div#content { background: #ffffff url(../images/global/bg_container.gif) no-repeat top left; color: #120f10; margin: 20px 0 0 0; padding: 20px 0; }

div#content table.timetable { margin-top: 0; }
div#content table { border-collapse: collapse; margin: 10px 0; width: 100%; }
div#content table th { color: #7f4152; font-size: 1.2em; font-weight: normal; text-align: left; }
div#content table td { font-size: 1.2em; padding: 5px 0; }

div#content div#content-intro { padding: 0 20px; }
div#content div#content-primary { clear: both; padding: 0 20px; }
div#content div#content-primary dl { font-size: 1.2em; margin: 10px 0; }
div#content div#content-primary dl dt { font-weight: bold; }
div#content div#content-primary dl dd { margin: 0 0 0 2em; }

div#content div#content-secondary { clear: both; margin: 10px 0 0 0; padding: 0 20px; }

div#content-tagline { background: transparent url(../images/global/bg_tagline.gif) no-repeat bottom left; clear: both; margin: 0 0; }
div#content-tagline p { font-size: 1.3em; font-style: italic; padding: 10px 20px; text-align: right; }

div#siteinfo { clear: both; margin: 10px 0; padding: 0; }
div#siteinfo p#siteinfo-tagline { font-size: 1.2em; padding: 5px 20px 0; }
div#siteinfo p#siteinfo-legal { float: left; font-size: 1.2em; padding: 0 20px; }
div#siteinfo p#siteinfo-credits { font-size: 1.2em; font-style: italic; padding: 0 20px; text-align: right; }
div#siteinfo p#siteinfo-credits span { left: -999999em; position: absolute; top: -999999em; }
div#siteinfo p#siteinfo-credits a { background-color: #ffffff; color: #120F10; text-decoration: none; }

div#content div#content-primary div.item560 { background: #ffffff url(../images/global/item_560-b7969f.gif) no-repeat bottom left; color: #120f10; float: left; margin: 10px 0; padding: 0 0 5px 0; width: 560px; }
div#content div#content-primary div.item560 .top { background: #ffffff url(../images/global/item_560-b7969f-top.gif) no-repeat top left; color: #120f10; margin: 0; padding: 10px 15px 0; }
div#content div#content-primary div.item560 * { margin: 0; padding-left: 15px; padding-right: 15px; }
div#content div#content-primary div.item560 * * { margin: 0; padding: 0; }

div#content div#content-primary div.item275 { background: #ffffff url(../images/global/item_275-b7969f.gif) no-repeat bottom left; color: #120f10; float: left; margin: 10px 0; padding: 0 0 5px 0; width: 275px; }
div#content div#content-primary div.item275 .top { background: #ffffff url(../images/global/item_275-b7969f-top.gif) no-repeat top left; color: #120f10; margin: 0; padding: 10px 15px 0; }
div#content div#content-primary div.item275 * { margin: 0; padding-left: 15px; padding-right: 15px; }
div#content div#content-primary div.item275 * * { margin: 0; padding: 0; }

/* home */
body.home div#content { padding: 0; }
body.home div#content div#content-intro { color: #120f10; margin: 0 0 10px 0; padding: 20px 20px 0 20px; position: relative; }
body.home div#content div#content-intro span.image { background: transparent url(../images/content/home/welcome.jpg) no-repeat top right; height: 175px; position: absolute; right: 20px; top: 20px; width: 240px; }

body.home div#content div#content-intro1 { background: #ffffff url(../images/content/home/bg_container.jpg) no-repeat top left; color: #120f10; margin: 0 0 10px 0; padding: 25px 20px 20px; }
body.home div#content div#content-intro h1 { font-weight: normal; margin: 0 230px 0 0; }
body.home div#content div#content-intro p { margin: 0 255px 0 0; padding: 5px 0 0; }

body.home div#content div#learn-to-dance { background: #ffffff url(../images/global/item_305-b7969f.gif) no-repeat bottom left; color: #120f10; float: left; min-height: 165px; padding: 0 0 5px 0; position: relative; width: 305px; }
body.home div#content div#learn-to-dance h2 { background: #ffffff url(../images/global/item_305-b7969f-top.gif) no-repeat top left; color: #635c5e; margin: 0; padding: 10px 15px 0; }
body.home div#content div#learn-to-dance ul { list-style: none; margin: 3px 15px 0 15px; padding: 0; }
body.home div#content div#learn-to-dance ul li { margin: 0; padding: 5px 0; }
body.home div#content div#learn-to-dance span.image { background: transparent url(../images/content/home/learn-to-dance.jpg) no-repeat top right; height: 150px; position: absolute; right: 10px; top: 10px; width: 125px; }

body.home div#content div#contact-us { background: #ffffff url(../images/global/item_240-b7969f.gif) no-repeat bottom left; color: #120f10; float: right; min-height: 165px; padding: 0 0 5px 0; position: relative; width: 240px; }
body.home div#content div#contact-us h2 { background: #ffffff url(../images/global/item_240-b7969f-top.gif) no-repeat top left; color: #635c5e; margin: 0; padding: 10px 15px 0; }
body.home div#content div#contact-us p { margin: 0; padding: 5px 15px 60px; }
body.home div#content div#contact-us span.image { background: transparent url(../images/content/home/contact-us.jpg) no-repeat top right; bottom: 10px; height: 50px; position: absolute; right: 10px; width: 218px; }

/* about */
body.about-us div#content div#content-primary div.itemalt { margin-left: 10px; }
body.about-us-team div#content div#content-primary div.item275 { clear: left; min-height: 14em; }
body.about-us-team div#content div#content-primary div.itemalt { clear: none; }

/* services */
body.services div#content div#crash-courses { position: relative; }
body.services div#content div#crash-courses p { margin-right: 250px; }
body.services div#content div#crash-courses span.image { background: transparent url(../images/content/services/crash-courses.jpg) no-repeat top right; height: 167px; position: absolute; right: 10px; top: 10px; width: 229px; }

body.services div#content div#wedding { position: relative; }
body.services div#content div#wedding p { margin-right: 250px; }
body.services div#content div#wedding span.image { background: transparent url(../images/content/services/wedding.jpg) no-repeat top right; height: 167px; position: absolute; right: 10px; top: 10px; width: 229px; }

body.services div#content div#gifts { position: relative; }
body.services div#content div#gifts p { margin-right: 250px; }
body.services div#content div#gifts span.image { background: transparent url(../images/content/services/gifts.jpg) no-repeat top right; height: 118px; position: absolute; right: 10px; top: 10px; width: 229px; }

/* contact */
body.contact-us div#contact-details { float: left; width: 200px; }
body.contact-us div#contact-form { float: right; margin: 15px 25px 0 0; width: 250px; }
body.contact-us div#contact-form fieldset { border: none; }
body.contact-us div#contact-form fieldset legend { color: #635c5e; font-size: 1.4em; font-weight: normal; margin: 1em 0 0; }
body.contact-us div#contact-form fieldset div.form-row { clear: both; margin: 5px 0; width: 240px; }
body.contact-us div#contact-form fieldset div.form-row label { display: block; font-size: 1.2em; font-weight: bold; margin: 5px 0; width: 240px; }
body.contact-us div#contact-form fieldset div.form-row input,
body.contact-us div#contact-form fieldset div.form-row textarea { border: 1px #cccccc solid; font-size: 1.1em; width: 240px; }
body.contact-us div#content div#map { border: 5px #dccbd0 solid; height: 400px; width: 550px; }