@charset "UTF-8";
/* CSS Document */

/* LINKS */
a 			{text-decoration: none; outline: none;}
a:hover 	{text-decoration: underline;}
#theclose a	{text-decoration: underline; color: #fff;}

/* LAYOUT */
.imgreplace	a	{display: block;}
.alignleft 	{float: left; display: inline;}
.alignright	{float: right; display: inline;}
.imgreplace	{text-indent: -9999px;}
.clear		{clear: both; display: block; height: 1px; margin: 1px;}



/* BODY */
body 	{background-color: #adc688; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}

/* HEADER */
#headercontainer	{background: url(images/hillssky_tile.jpg) repeat-x; border-bottom: 1px solid #769150; margin-bottom: 1px;}
.headline, .headline a:link, .headline a:visited, .headline a:hover, .headline a:active	{margin-top: 1em; color: #F00; text-decoration: underline;}
#header				{width: 984px; height: 258px; margin: 0 auto;}
#city				{height: 258px; background: url(images/cityofsmbiz.png) no-repeat center bottom;}
#sslogo				{width: 663px; height: 140px; top: 19px; left: 23px; background: url(images/sslogo.png) no-repeat;}
#primarynav			{top: 29px; right: 62px;}
#linknav			{width: 164px; height: 115px;}
#linknavDate		{width: 164px; height: 11px; background: url(images/linknav.png) no-repeat; background-position: 0px 0px;}
#linknavLocation	{width: 164px; height: 40px; background: url(images/linknav.png) no-repeat; background-position: 0px -11px;}
#linknavSpeakers	{width: 164px; height: 18px; background: url(images/linknav.png) no-repeat; background-position: 0px -52px;}
#linknavSpeakers:hover	{background: url(images/speakerlink_hvr.png) no-repeat 1px 0px;}
#linknavVenue		{width: 164px; height: 26px; background: url(images/linknav.png) no-repeat; background-position: 0px -70px;}
#linknavVenue:hover	{background: url(images/venuelink_hvr.png) no-repeat 1px 5px;}
#linknavRegister	{width: 164px; height: 19px; background: url(images/linknav.png) no-repeat; background-position: 0px -96px;}
#linknavRegister:hover	{background: url(images/reglink_hvr.png) no-repeat 2px 2px;}


/* CONTENT */
#contentcontainer	{border-top: 1px solid  #eff2f8;}
#primarycontent		{width: 984px; margin: 0 auto;}
#sidebar			{width: 184px; margin-bottom: 100px;}
#thedream			{width: 184px; height: 355px; top: -23px; margin-bottom: 75px; background-image: url(images/thedream.png);}
#sponsoredby_sdbr	{width: 106px; height: 16px; margin: 0 auto; left: 1px; background: url(images/sponsor_side_hdr.jpg);}
#cycle				{left: 9px;}
#perkins_coie_sdbr	{width: 178px; height: 109px; background-image: url(images/perkins_coie_big.jpg);}
#smartsheet_sdbr	{width: 178px; height: 109px; background-image: url(images/smartsheet_big.jpg);}
#first_sound_sdbr	{width: 178px; height: 109px; background-image: url(images/first_sound_bank_big.jpg);}
#office_nomads_sdbr	{width: 178px; height: 109px; background-image: url(images/office_nomads_big.jpg);}
#lilipip_sdbr		{width: 178px; height: 109px; background: url(images/lilipip_lg.jpg) no-repeat; background-position: 24px 10px;}
#mm_sdbr			{width: 178px; height: 129px; background: url(images/mm_sdbr.jpg) no-repeat; background-position: 17px 17px;}
#badges				{margin-top: 278px;}
#badges h2			{margin-left: 25px;}
#badges p			{width: 136px; margin-left: 25px; font-size: 11px; font-weight: normal;}
#badges img			{margin: 0px 0px 5px 25px;}
#tweetthis			{width: 169px; height: 50px; background: url(images/tweettweet.png) no-repeat; margin: 35px 0px 5px 10px;}


#content			{width: 788px;}
.eventdesc			{width: 460px; margin: 28px 0px; font-size: 16px; font-weight: 100; line-height: 1.2; color: #fff;}
.eventdesc a:link, .eventdesc a:visited, .eventdesc a:hover, .eventdesc a:active {text-decoration: underline; color: #fff;}

.title				{margin-bottom: 10px;}

#speakers			{background: url(images/speakers_hdr.jpg) no-repeat;}
.speaker-video		{margin: 8px 0px 40px 0px;}
.speaker-video img	{margin-bottom: 10px; width: 178px; height: 149px;}
.speakerprofile		{width: 178px; float: left; display: inline; margin: 0px 19px 0px 0px;}
.last-speaker		{margin-bottom: 90px;}

#talks				{background: url(images/smallandspecialtalks.png) no-repeat;}
.video				{float: left; padding: 8px; background-color: #769150;}
#intro.video		{float: right; margin: 28px 10px 10px 10px;}
.comingsoon			{width: 565px; height: 318px; color: #fff; text-align: center; font-size: 24px;}
.comingsoon p		{margin-top: 140px;}
.tweetthis			{color: #fff; background: url(images/tweetthis.png) no-repeat; width: 121px; height: 30px; margin-top: 3px;}

.speaker_name			{color: #0d6b7a; font-size: 12.5px; text-transform: uppercase;}
.speaker_biz			{color: #ae009c; font-size: 12.5px;  margin: 2px 0px;}
.speaker_biz a:link, .speaker_biz a:visited, .speaker_biz a:hover, .speaker_biz a:active {color: #ae009c;}
.speaker_bio			{color: #fff; font-size: 12.5px; line-height: 1.4;}

#morespeakers		{color: #fff; font-size: 33px; position: absolute; top: 45px; left: 15px; z-index: 1;}
.newspeaker			{width: 178px; height: 149px; background-color: #9bb27a; margin: 0px 19px 10px 0px;}
.moresoon			{text-align: center; margin: 40px 20px 0px 20px;}

#venuecontainer		{margin-bottom: 40px;}
#venue				{width: 83px; height: 24px; background: url(images/venue_hdr.jpg) no-repeat;}
#venuepic			{margin-right: 20px;}
#venuedirections	{height: 346px;}
#map				{position: absolute; left: 0px; bottom: -4px;}

#register			{width: 395px; height: 25px; background: url(images/reg_hdr.jpg) no-repeat;}
.emphasis			{color: #0d6b7a;}

iframe				{width: 721px; height: 230px; margin-bottom: 90px;}

.video				{position: relative;}
object				{}

/* FOOTER */
#footercontainer	{width: 100%; height: 109px; position: fixed; bottom: 0px; z-index: 100; background: url(images/footertile.png) repeat-x; background-position: bottom;}
#footer				{width: 984px; height: 118px; margin: 0 auto;}
#jfmexp				{width: 239px; height: 97px; position: absolute; bottom: 0px; left: 95px; z-index: 1; background: url(images/jfmexp.png) no-repeat;}
#sponsorshorizontal	{width: 800px; position: absolute; bottom: 0px; left: 231px;}
#sponsorshoriztonal ul li	{margin-top: 20px;}
#sponsor_ftr		{width: 128px; height: 42px; bottom: -19px; background: url(images/sponsor_ftr.png) no-repeat;}
#perkins_coie		{width: 93px; height: 42px; background: url(images/perkins_coie.jpg) no-repeat;}
#first_sound_bank	{width: 151px; height: 42px; background: url(images/first_sound_bank.jpg) no-repeat;}
#office_nomads		{width: 115px; height: 42px; background: url(images/office_nomads.jpg) no-repeat;}
#smartsheet			{width: 151px; height: 42px; background: url(images/smartsheet.jpg) no-repeat;}
#lilipip			{width: 92px; height: 68px; background: url(images/lilipip_sm.jpg) no-repeat 0px -10px;}
#mm_footer			{width: 58px; height: 44px; background: url(images/mm_footer.jpg) no-repeat; left: 23px;}

/* TWITTER FEED */
#twitter_container						{margin-top: 0px;}
#twitter_div							{width: 140px; margin: 10px 0px 20px 25px;}
#twitter_div #twitterfollow a:link		{color: #0d6b7a; text-decoration: none;}
#twitter_div #twitterfollow a:visited	{color: #0d6b7a; text-decoration: none;}
#twitter_div #twitterfollow a:hover		{color: #ae009c; text-decoration: none;}
#twitter_div #twitterfollow a:active	{color: #ae009c; text-decoration: none;}
#twitter_div li			{font-size: 11px; color: #fff; margin-bottom: 1em; font-weight: normal;}
#twitter_div a:link		{color: #fff; text-decoration: underline; outline: none;}
#twitter_div a:visited	{color: #fff; text-decoration: underline; outline: none;}
#twitter_div a:hover 	{color: #ae009c; text-decoration: underline;}
#twitter_div a:active	{color: #ae009c; text-decoration: underline; outline: none;}
#twitter_div #twitter-link		{text-align: left; font-size: 8px; font-weight: normal;}

/*MISC*/
#smallGiants		{color: #ae009c; padding-bottom: 10px; margin-bottom: 35px;}
.announcement, .announcement a:link, .announcement a:visited, .announcement a:hover, .announcement a:active {color: #0d6b7a;}
.announcement		{margin-top: 15px;}
#sgbook				{margin: 10px; height: 150px;}
#quoteContainer		{width: 500px; margin: 23px 15px;}
.quote				{color: #fff; font-size: 14px; font-style: italic; font-weight: normal;}
.quoted				{color: #fff; font-size: 14px; font-style: italic; font-weight: normal; margin-top: 5px; text-align: right;}
.speaker_bio a:link, .speaker_bio a:visited, .speaker_bio a:hover, .speaker_bio a:active {color: #fff;}
#almostGone			{font-size: 12.5px; margin: 0px 15px;}
#almostGone a:link, #almostGone a:visited, #almostGone a:hover, #almostGone a:active {color: #ae009c;}