/* GLOBAL RESET */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* GLOBAL */

body {
  font-family: 'Lucida Grande', Geneva, Arial, sans-serif;
  font-size: 12px;
  color: #222222;
  background: #e4f5fd url(/images/glob/bgGradTop.jpg) repeat-x top;
  text-align: left;
  }

.clear {clear:both;}
.alert {color: #CC0000;}
.center {margin: 0 auto;}
.hanger	{margin-top: 0;}
.leader	{margin-bottom: 0;}
.light {color: #777777;}
.emph {font-weight: bold;}
.ital {font-style: italic;}
.lower {text-transform: lowercase;}

.subhead {color: #777777; margin: 0 15px;}
.note {border: 1px dashed #BBBBBB; color: #777777; padding: 10px 15px; text-align: center; font-size: 11px; clear: left;}
.intro  {margin: 1.5em;}
.expander  {padding: 1.5em 1.5em 1.6em 1.5em; margin: 2.5em 0 0 0; border-top: 2px solid #99c4dd; background-color: #f2f6ff;}
.caption {text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #666666; margin: 5px 0;}	
.maintext {margin-right: 14%; margin-left: 15px;}
.bodytext {margin: 15px; font-weight: normal;}

ul.mainlist {margin-left: 30px; margin-bottom: 2em;}
	
.arrowed {padding-left: 26px; background: url(/images/icons/arrow16blue.gif) no-repeat 0 2px; overflow: visible;}


/* COLORS, FOR REFERENCE */

.blue_lt {color: #E4F5FD;}
.blue_lt2 {color: #DEF1FC;}
.blue_med {color: #ADE5F8;}
.blue_med2 {color: #95d3f4}
.blue_link {color: #0066CC;}
.orange_full {color: #F78C35;}
.yellow_lt {color: #FFFEE8;}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li {font-weight: normal; line-height: 1.4em; margin: 2.5em 0 1.5em 0; padding: 0; font-family: 'Lucida Grande', Geneva, Arial, sans-serif;}
h1, h5, h6 {font-family: 'Helvetica Neue', Helvetica, 'Lucida Grande', Geneva, Arial, sans-serif;}
h1 {font-size: 28px; margin: 0;}
h2 {font-size: 22px; }
h3 {font-size: 16px; }
h4 {font-size: 14px; }
h5 {font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
h6 {font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #666666;}
p, ul, ol, dl {font-size: 12px; margin: 1.5em 0;}
li, dt, dd {margin: .5em 0;}
.small {font-size: 11px;}

.round3 p {font-size: 12px;}
.indent1 p {font-size: 16px; color: #444444;}

div#ie6alert {display: none;}
div#ie6alert p {text-align: center; font-size: 18px; margin: 80px;}	
	
	
/* LINKS */

a 			{color: #0066CC; text-decoration: none;}
a:visited 	{color: #0066CC;}
a:hover 	{color: #222222; text-decoration: underline;}

a.bullink 	{padding-left: 15px; margin-left: 15px; background:url(../images/bullets/spiral.gif) no-repeat center left;}

a.callink 	{font-size: 14px; padding: .5em 1em; border: 1px solid #DDDDDD; display: inline-block;}
a.callink:hover {border-color: #BBBBBB; background-color:#EEEEEE; text-decoration: none;}

	
	
/* HEADER */

div#ie6alert {width: 500px; position: absolute; z-index: 99; top: 200px; left: 50%; margin-left: -250px; background: white; border: 1px solid #f78c35;}
div#ie6alert p {font-size: 18px; margin: 80px 40px; text-align: center; line-height: 1.5em;}

#header {width: 100%; height: 170px; margin: 0; padding: 0; background: url(/images/glob/bgHead.png) no-repeat center top; vertical-align: top;}

.pinstripe {width: 100%; height: 5px; margin: 0; padding: 0; background: url(/images/glob/pinstripe.gif) repeat-x center top; border: 0; display: block;}

#navBox 	 {width: 980px; margin: 0 auto;}
a.iPhone    {float: right; display: inline-block; height: 87px; width: 142px; margin: 35px 5px 0 0; border: 0; }
a.navLogo 	{float: left; display: inline-block; height: 40px; width: 240px; margin: 25px 40px 33px 40px; border: 0; }

ul.navMain 					{float: left; display: inline; width: 450px; height: 87px; margin: 0; padding: 0; list-style: none; text-align: center;}
ul.navMain li.navTop 		{float: left; display: inline-block; width: 102px; height: 87px; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; line-height: 87px; }
ul.navMain li.navTop a  		{display: inline-block; height: 100%; width: 100%; color: #d1f0fb;}
ul.navMain li.navTop a:hover 	{background: url(/images/glob/n1_hover.png) no-repeat 0 0; color: #FFFFFF; text-decoration: none;}
ul.navMain li.navHide 		{display: none;}

/* subnav */

ul.navSub		{display: none; clear: left; margin: 0 43px; padding: 0; list-style: none; font-size: 12px; color: #444444;}
ul.navSub li 	{display: inline; margin: 0; padding: 0 50px 0 0;}
ul.navSub li a 	{display: inline-block; color: #0066CC; font-size: 12px; margin: 0; padding: 0; }
ul.navSub li a:visited 	{color: #0066CC;}
ul.navSub li a:hover {color: #222222; text-decoration: none;}

/* on states */

body.studios ul.navMain li.navTop a.navStudios, 
body.teachers ul.navMain li.navTop a.navTeachers, 
body.blog ul.navMain li.navTop a.navBlog,
body.iphone ul.navMain li.navTop a.navIphone 
	{background: url(/images/glob/n1_hover.png) no-repeat 0 0; color: #FFFFFF;}

body.studios ul#subStudios, body.teachers ul#subTeachers, body.blog ul#subBlog, body.iphone ul#subIphone, body.home ul#subHome
	{display: block;}
	
body.subStud1 a#subStud1, body.subStud2 a#subStud2, body.subStud3 a#subStud3, body.subStud4 a#subStud4, body.subStud5 a#subStud5,
body.subTeach1 a#subTeach1, body.subTeach2 a#subTeach2, 
body.subBlog1 a#subBlog1, body.subBlog2 a#subBlog2, body.subBlog3 a#subBlog3, body.subBlog4 a#subBlog4, body.subBlog5 a#subBlog5, 
body.subApp1 a#subApp1, body.subApp2 a#subApp2, body.subApp3 a#subApp3 
	{color: #222222;}



/* FOOTER */

#footer {height: 425px; width: 100%; position: relative; top: 0; background: url(/images/glob/bgGradBot.jpg) repeat-x bottom; overflow: hidden;}
#pageEnd {height: 70px; width: 100%; position: absolute; top: 0; left: 50%; margin-left: -50%; background: url(/images/glob/bgSiteBot.png) no-repeat center top;}
#footBox {height: 375px; width: 100%; background: url(/images/glob/bgSkyline.png) no-repeat center 40px; overflow: visible;}

#footRounded {height: 175px; width: 980px; position: relative; top: 215px; margin: 0 auto;}
#footNav {height: 175px; width: 960px; margin: 0 auto; background: url(/images/glob/bgFootNavC.png) repeat-x 0 0;}
#footNav a {color: #3366cc; text-decoration: none;}
#footNav a:hover {color: #222222;}

img.footNavR {float: right; display: inline;}
img.footNavL {float: left; display: inline;}

p.footMktg {width: 820px; margin: 0 auto; padding: 43px 0 0; color: #FFFFFF; font-size: 12px;}
p.copyright {width: 970px; margin: 15px auto; text-align: right; font-size: 9px;  text-transform: uppercase; letter-spacing: 1px; color: #9dc4cd;}

div.footRule {float: left; display: inline; width: 1px; height: 100%; border: 0; background: url(/images/glob/vr_foot.png) no-repeat 0 0; margin: 0; padding: 0;}

ul.footList {margin: 0 0 0 18px; padding: 0; float: left; display: inline; width: 100px; list-style: none; list-style-position: outside! important;}
ul#footFollow {width: 160px;}
ul#footShare {margin-left: 14px;}
ul#footIndex3 {width: 90px;}

ul.footList li			{font-size: 11px; margin: .5em 0 .5em 0; padding: 0; display: block;}
ul.footList li.footHead {font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-top: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}


a.iconsFollow {height: 32px; background: url(/images/glob/iconsFollow.jpg) no-repeat 0 0; padding-left: 38px; display: block; margin-bottom: 6px;}
a#followFace {background-position: 0 0;}
a#followTwit {background-position: 0 -32px;}
a#followHuff {background-position: 0 -64px;}
span.followSing {position: relative; top: 6px;}

.addthis_toolbox .vertical {margin: 0; padding: 0; float: left; display: inline; width: 100px;}
.addthis_toolbox .vertical a {padding: 3px 0 3px 20px; position: relative; display: block; color: #0066CC;}
.addthis_toolbox .vertical a:hover {color: #222222;}
.addthis_toolbox .vertical span {position: absolute; left: 0; top: 3px;}
.addthis_toolbox .vertical .more {padding: 5px 0 0 0;}
.addthis_toolbox .vertical .more a {padding: 3px 0; margin: 0;}
.addthis_toolbox .vertical .more span {display: none;}

.addthis_toolbox .horizontal {margin: 0; padding: 0; width: 100%; background-color: #FFFEE8;}
.addthis_toolbox .horizontal a {padding: 8px 10px 8px 20px; position: relative; display: inline-block; color: #0066CC;}
.addthis_toolbox .horizontal a:hover {color: #222222;}
.addthis_toolbox .horizontal span {position: absolute; left: 0; top: 8px;}
.addthis_toolbox .horizontal .more {padding: 5px 0 0 0;}
.addthis_toolbox .horizontal .more a {padding: 8px 0; margin: 0;}
.addthis_toolbox .horizontal .more span {display: none;}


/* TWITTER WIDGET */

.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;}.twtr-fullscreen{font-size:220%!important;}.twtr-fullscreen .twtr-new-results{display:none!important;}.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:3px;right:3px;}.twtr-inactive{display:none;}.twtr-widget a img{border:0!important;}.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.twtr-bd{padding:0 1px;}.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1;}.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}.twtr-widget h4{font-size:16px!important;}.twtr-widget i,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto;display:block;position:relative;bottom:5px;}.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}.twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important;}.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}.twtr-fullscreen .twtr-hd{height:0;padding:0;}.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}.twtr-ft{position:relative;}.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}.twtr-ft span{float:right;text-align:right;}.twtr-ft a{float:left;display:block;}.twtr-ft span a{float:none;}.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}.twtr-img{height:25px;width:25px;}.twtr-img img{width:30px;height:30px;}.twtr-fullscreen .twtr-img img{width:72px;height:72px;}.twtr-fullscreen a.twtr-join-conv{display:none;}.twtr-tweet-text{margin-left:40px;}.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}.twtr-doc a{text-decoration:none!important;}.twtr-doc a:hover{text-decoration:underline!important;}

#footTweets {height: 150px; width: 300px; margin: 12px 15px 12px 0; float: left; display: inline; background: url(/images/glob/bgTweets.png) no-repeat top left;}
#frameTweets {height: 142px; width: 270px; margin: 5px 6px 3px 24px; overflow: hidden; position: relative;}
#footTweets h3, #footTweets h4, #footTweets p {margin: 0; padding: 0; line-height: 1.2em; font-size: 12px;}
.twtr-hd, .twtr-reply {display: none;}
.twtr-widget .twtr-tweet-wrap {overflow:hidden; padding:6px 8px;}
.twtr-widget .twtr-tweet {border-bottom: 1px dotted #BBBBBB;}
.twtr-tweet-text i {font-size: 9px; font-style: normal; display: block;}


/* CONTAINERS */


div#site_container {width: 100%; margin: 0; padding: 1px 0 0; background: url(/images/glob/bgSite.png) repeat-y center; text-align: left; }
div#birds {width: 100%; background: url(/images/glob/birds.png) no-repeat center top;}
div#site_inner {width: 976px; margin: 0 auto; padding: 0; background: #FFFFFF;}


div.mainbar  {float: left; display: inline; border-right: 1px solid #DDDDDD; margin-right: -1px; padding-bottom: 90px;}
div.mainbar[id=full_col] {border: 0;}

div#full_col 	{width: 880px; border:0;}
div#large_col 	{width: 820px;}
div#twothird_col {width: 66%;}
div#lefthalf_col 	{width: 50%;}
div#small_col {width: 22%;}
div#third_col {width: 33%;}
div#righthalf_col {width: 50%; }

.third {width: 33%; float: left; display: inline;}
.third p {margin-right: 25px;}

div.special 	 {border: 1px solid #348abb; padding: 0; margin: 15px 14% 15px 15px;}
div.normal 	{margin: 0 50px;}
.row {clear: both;}

div.starters {width: 75%; margin: 0;}
div.starters h1 {margin-bottom: .5em;}
div.starters h3, div.starters h4 {margin-top: .5em;}

div#adsense {margin: 15px 0 0 10px; padding: 15px; border: 1px solid #BBBBBB;}

span.IEfix {}  /* does nothing, just apply to a span around a form to get rid of the inherited margins bug in IE6  */




/* NEW STRUCTURE */

#col_container {width: 900px; margin: 0 auto;}

.col1 {width: 75px; float: left; display: inline;}
.col2 {width: 150px; float: left; display: inline;}
.col3 {width: 225px; float: left; display: inline;}
.col4 {width: 300px; float: left; display: inline;}
.col5 {width: 375px; float: left; display: inline;}
.col6 {width: 450px; float: left; display: inline;}
.col7 {width: 525px; float: left; display: inline;}
.col8 {width: 600px; float: left; display: inline;}
.col9 {width: 675px; float: left; display: inline;}
.col10 {width: 750px; float: left; display: inline;}
.col11 {width: 825px; float: left; display: inline;}
.col12 {width: 100%; display: block;}

.indent {margin-left: 40px; margin-right: 40px;}
.indent1 {padding: 5px 40px 0 5px;}

.liner {border-right: 1px solid #def1fc; margin: 0 40px 0 10px; padding-right: 40px;}
.linel {border-left: 1px solid #def1fc; margin: 0 10px 0 40px; padding-left: 40px;}
.hrule100 {border: 0; border-top: 1px solid #def1fc; width: 100%; height: 1px; clear: both;}

.lineTB {border-top: 1px solid #f78c35; border-bottom: 1px solid #f78c35; padding: 10px 40px 30px; margin-right: 40px; }

div.screenshot {text-align: center;}

/* NEW SIDEBARS */

.top, .bot {width: 100%; height: 20px; display: block; margin: 0; padding: 0; border: 0;}
.mid p, .mid h4 {margin: 0 25px; padding: .7em 0;}
.mid a {font-weight: bold;}

.round3 {margin-bottom: 30px;}
.round3 .top {background: url(/images/glob/blu3_top.gif) no-repeat;}
.round3 .mid {background: url(/images/glob/blu3_mid.gif) repeat-y;}
.round3 .bot {background: url(/images/glob/blu3_bot.gif) no-repeat;}

.round8 .top {background: url(/images/glob/blu8_top.gif) no-repeat;}
.round8 .mid {background: url(/images/glob/blu8_mid.gif) repeat-y;}
.round8 .bot {background: url(/images/glob/blu8_bot.gif) no-repeat;}


/* CONTACT PAGE */

.decoTop {background: url(/images/art/decoTop.gif) no-repeat left top; padding: 100px 0 0 0; width: 585px;}
.decoBot {background: url(/images/art/decoBot.gif) no-repeat left bottom; padding: 0 0 60px 0;}
.decoMid {background: url(/images/art/decoMid.gif) repeat-y left top; padding: 0;}
.satisfaction {margin: 0 0 0 120px; padding: 0; height: 350px; border: 0; }
h1#feedback_title, .content_header {font-weight: normal; font-size: 16px;}

.guidelines {margin: 0 40px;}
.guidelines p {font-size: 12px;} 


/* NEW FORMS */

.homeSearch {padding-top: 12px;}

.fader18 {width: 580px; height: 225px; background: url(/images/forms/fader18.png) no-repeat; margin: 6px 0;}
.fader18 form {padding: 30px 20px 30px 30px;}

.field18, .header18, .buttonLG {float: left; display: inline; margin: 20px 0; cursor: pointer;}
.field18 {background: url(/images/forms/field18.png) no-repeat 0 2px; height: 49px; width: 370px; overflow: hidden; margin-right: 11px;}
.field18 input {font-size: 18px; color: #666666; margin: 12px 12px 0; border: 0; background: transparent; display: inline; outline: none;}

.field14, .header14, .buttonSM {float: left; display: inline; margin: 0;}
.header14 {width: 200px; overflow: visible; height: 37px;}
.header14 * {margin: 0 0 0 3px; line-height: 37px;}
.field14 {background: url(/images/forms/field14.png) no-repeat 0 0; height: 37px; width: 450px; overflow: hidden; margin-right: 12px;}
.field14 input {font-size: 16px; color: #666666; margin: 9px 9px 0; border: 0; background: transparent; display: inline; outline: none;}

.buttonLG {height: 55px; width: 144px; cursor: pointer;}
	.LGsearch {background: url(/images/buttons/pill/search_LG.png) no-repeat 0 0;}

.buttonSM {height: 42px; width: 108px; cursor: pointer;}
	.SMsend {background: url(/images/buttons/pill/send_SM.png) no-repeat 0 0;}
	.SMsearch {background: url(/images/buttons/pill/search_SM.png) no-repeat 0 0;}
 
.buttonXS {height: 30px; width: 79px; cursor: pointer;}
	.XSsend {background: url(/images/buttons/pill/send_XS.png) no-repeat 0 0;}
	.XSsearch {background: url(/images/buttons/pill/search_XS.png) no-repeat 0 0;}



/* IMAGES */

img.appSS {float: left; display: inline; margin: 0 20px 30px 0; border: 0; }
img.square {float: left; display: inline; margin: 0 10px 0 0; border: 0;}
img.icon16 {float: left; display: inline; margin-right: 10px;}

img.abouter {float: left; display: inline; margin: 0 20px 20px 0;}
img.info  {float: right; display: inline; margin: 0 20px;}
img.circle {float: left; display: inline; margin: 0 20px 20px 0;}
img.mapCircle {margin: 0 12px 24px 24px;}
img.circleStudio {margin: 31px auto 0;}


/* SIDEBARS */

div.sidebar {height: 100%; float:left; display: inline; padding-bottom: 60px; }
div.sidebar ul {margin: 15px 15px 30px; padding: 0; list-style-type: none; font-size: 11px;}
div.sidebar ol {margin: 15px; padding: 0 0 0 18px; font-size: 11px; }
div.sidebar li {margin: 0 0 9px 0; padding: 0;}
div.sidebar h3 {font-weight: bold; margin: 20px 15px 15px;}
div.sidebar h4 {font-weight: bold; margin: 20px 15px 15px;}
div.sidebar h5 {font-weight: bold; margin: 20px 15px 15px;}
div.sidebar p {margin: 15px; font-size: 11px;}
div.sidebar p.note {margin: 15px;}
div.sidebar a.bullink {margin: 0;}


/* SIDEBAR FORM */

.formlet {border-color: #fadc76; width: 163px; margin-left: -15px;}
.formlet p#holler {margin: 15px 15px 10px 15px; font-size: 12px;}
.formlet input {margin: 0 15px 7px 15px; padding: 3px;}
.formlet input#address, .formlet input#zip {width: 123px;}
.formlet p#response {margin: 10px 15px 15px 15px; font-size: 10px;}