/*--- CSS Document -- Ruth Alpert -- Last Updated October 27, 2009 ---/*
/*---RESET---*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, img, sub, sup, 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline: 0; margin:0; padding:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


/*---GLOBAL ELEMENTS---*/
body {font: 100%  "Gill Sans", Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0; width:1200px;}
h1, h2, ul {margin:0; padding:0;}
h2{color:#235CC6; font-family: "Palatino", "Times New Roman", serif; font-style:italic; padding-bottom:10px;}
a{color:#781D7E; text-decoration:none;}
.clearLeft{clear:left;}

/*---MAIN NAVIGATION---*/

#nav {margin: 11px 0 0 495px;}
#nav li {float:left; font-size:115%; margin-right:30px; width:100px;}
body.home #t-home a, body.about #t-about a, body.calendar #t-calendar a, body.contact #t-contact a, body.offerings #t-offerings a{background: url(images/hover.gif) repeat-y; 
	border-right:2px solid #781D7E;padding:10px 5px 0 0;}
#nav a:hover{color:#235CC6;}

/*--- SUB NAVIGATION ---*/
#subnav {margin:45px 0 0 5px;}
#subnav li a{color:#235CC6; display:block; margin-bottom:20px; text-decoration:underline;}
#subnav a:hover{color:#781D7E;}

/*---BRANDING---*/
#header {background-color:#781D7E; height:84px;}
.RuthAlpertLogo, .tagLine {float:left;position:relative;overflow:hidden;}
.RuthAlpertLogo {width:467px; height:84px;}
.RuthAlpertLogo span {position:absolute;top:0;left:0;width:467px; height:84px;background:url(images/RuthAlpertLogo.gif) no-repeat 0 0;}
.tagLine {width:470px; height:84px;}
.tagLine span{position:absolute;top:0;left:0;width:470px; height:84px;background:url(images/tagLine.gif) no-repeat 0 0;}

/*---CONTENT ---*/
#wrapper {background:#fff url(images/background_home_flow.jpg) no-repeat 0 0;float:left;width:1024px;height:1255px;position:relative;}
.home #wrapper{background:url(images/background_home.jpg) no-repeat 0 0;}

#content{margin-top:60px;}
.section{display:inline;float:left;}

/*---PAGES---*/
/*---INDEX---*/
#philosophy{font-size:110%;font-family: "Palatino", "Times New Roman", serif;font-style:italic;line-height:140%;margin:92px 0 0 265px;}
.bodease{padding-left:315px;}
.philoRuth{background:url(images/rightQuote_02.gif) no-repeat 98% 93%; padding-right:10px;}
.signature{color:#781D7E;font-family:"Gill Sans", Arial, Verdana, Helvetica, sans-serif;font-size:110%; font-style:normal;padding:10px 0 0 230px;}

/*---ABOUT---*/
#bioHome{width:320px; margin:30px 0 0 15px;}
#bioHome p{font-size: 90%; line-height:130%;padding-bottom:20px;}
#bioHome p.leadIn{font-size: 100%; font-style:italic;padding-bottom:35px;}
#photo{margin-left:353px;}

.association{font-size:90%;}
.signatureAbout{color:#000; font-family:"Gill Sans", Arial, Verdana, Helvetica, sans-serif; font-style:normal;padding-left:210px;}

/*---CALENDAR---*/
#events{margin-left:310px; width:670px;}
th, td{font-size: 85%;}
th{color:#781D7E;}
td{font-family: "Palatino", "Times New Roman", serif; vertical-align: top;}
td p{margin:5px 0; max-width:180px;}
th h3{font: 150% "Palatino", "Times New Roman", serif; font-style:italic; margin-bottom:10px;}
th.calendarTitle{border-bottom: 1px solid #781D7E; text-align:center;}
th h4{text-transform:uppercase; margin-top:5px;}


.when {width:110px;}
.forWhom{width:110px;}
.what{width:190px;}
.where{width:110px;}
.apply{width:130px;}

.pilates{font-style:italic;}

/*---CONTACT---*/

#contactRuth{margin-left:495px;}
#contactRuth img{margin-top:15px;}
#credit{font-size:90%; margin-top:45px;}
#inspiration{margin-top:25px;}
#inspiration ul{margin: 10px 0 0 15px;}
#inspiration li{margin-top:5px;}

/*---OFFERINGS---*/

#bio{margin:40px 20px 0 220px; width:320px;}
#bio p{font-size: 90%; line-height:130%; max-width:315px; padding-bottom:20px;}
#bio p.leadIn{padding-bottom:10px;}
#bio .wrap{float:right; margin: -10px 15px 0 0; padding-left:10px;}
#classes {margin:75px 20px 0 0;width:240px;}
#classes h3, #classes li, #classes p, #testimonial p{font-size: 95%;max-width:200px; padding-bottom:5px;}
#classes h4{font-style:italic;}
#classes li, #classes p{margin-left:15px;}
#classes li{list-style-type:disc;}
#classes img{padding:0 10px;}
#testimonial,#photo {width:185px;}
#testimonial{border-left:2px solid #781D7E;}
#testimonial p{line-height:140%; max-width:155px;padding-left:15px;}
#testimonial p{font-style:italic; margin-bottom:10px;}
#testimonial img{margin: -20px 0 10px -43px;}

#bio .leadIn, #bioHome .leadIn, #classes h3, #inspiration .leadIn, #testimonial p{color:#781D7E; font-family: "Palatino", "Times New Roman", serif;}
#bio .leadIn, #classes h3, #inspiration .leadIn{color:#235CC6;}
#bio .leadIn, #inspiration .leadIn{font-size:110%; font-style:italic;}


span.lpullQuote, span.rpullQuote{color:#781D7E;font-size:120%;font-style:normal;}
span.quoted{color:#000; font-family:"Gill Sans", Arial, Verdana, Helvetica, sans-serif; font-size:80%; font-style:normal;}
span.emphasis, span.emphasisGyro{text-transform:uppercase;}
span.emphasisGyro{font-family:"Times New Roman", serif; font-weight:bold;}
span.trager{font-style:italic;}

.last{margin-bottom:15px;}


/*---FOOTER ---*/

#footer{display:inline;float:left;margin:50px 0 0 265px;}
.vcard{color:#781D7E;padding-bottom:5px;}
.fn, .address{padding-right:80px;}
.serviceMark{font-style:italic;}