/* Information -------------------------------------

Version: 0.1.11

Include on: All Sesame Workshop Templates

Notes: * before selector targets IE7.

Contains:
	=VAG Rounded Custom Font 
	=Global Reset
	=Global Generic Styles
	=Links
	=Text Headers
	=Bulleted Lists
	=Common Text
	=Buttons
	=Page Header
	=Nav : Utility
	=Nav : Main
	=Callouts List
	=Breadcrumb
	=Pagination
	=Content Containers & Modules
	=Dividers
	=Rotator
	=Street Signs
	=View Toggle
	=Color Block
	=Footer
	=Modal Windows
----------------------------------------------------*/


/* =VAG Rounded Custom Font  
----------------------------------------------------*/
/*
 * MyFonts Webfont Build ID 793089, 2011-04-27T18:48:48-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: VAG Rounded
 * URL: http://new.myfonts.com/fonts/bitstream/vag-rounded/vag-rounded/
 * Foundry: Bitstream
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * License: http://www.myfonts.com/viewlicense?1056
 * Licensed pageviews: 1,000,000/month
 * CSS font-family: VAGRoundedBT-Regular
 * CSS font-weight: normal
 * 
 * (c) 2011 Bitstream Inc
*/
@font-face {
	font-family: 'VAGRounded';
	font-weight: normal;
	font-style: normal;
	src: url('/font/vag-rounded.eot'); /* IE9 Compat Modes */
	src: url('/font/vag-rounded.eot?iefix') format('eot'), /* IE6-IE8 */
		 url('/font/vag-rounded.woff') format('woff'), /* Modern Browsers */
		 url('/font/vag-rounded.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* =Global Reset  
----------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, p, table, sup {
	background: transparent;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	color: #636363;
	font: 12px arial,helvetica,sans-serif;
	line-height: 1;
	min-width: 990px;
	-webkit-text-size-adjust: none; 
}
ul, dl {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: -8px 0 28px 0;
	padding-left: 20px;
}
ol li {
	font-size: 14px;
	line-height: 1.5;
	*margin-left: 10px; /* fixes number placement in IE6/7 */
}
input, textarea, select, button {
	color: #636363; /* #7f7f7f */
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
}
input.active {
	color: #636363; /* #373737 */
}
:focus { /* still need to define focus styles */
	outline: 0;
}
table { /* tables still need cellspacing="0" in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}
video {
	vertical-align: bottom;
}

	
/* =Global Generic Styles
----------------------------------------------------*/
.displayNone { display: none; }
.floatL { float: left; }
.floatR { float: right; }
.sitFlush { margin-bottom: -3px; }
a.trigger {
	display: block;
}
sup {
	font-size: 10px;
	padding: 0 2px;
	position: relative;
	vertical-align: super;
}


/* =Links 
----------------------------------------------------*/	
a {
	color: #390;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #390;
	outline: 0;
}
.navUtility a,
#footer a {
	color: #636363;
}
.navUtility a:hover,
#footer a:hover {
	color: #390;
}

/* ----- Action Link ----- */
.actionLink,
.actionLink:active {
	color: #fff;
	font: 14px 'VAGRounded',arial,sans-serif;
	-webkit-text-stroke: 1px transparent;
}
.actionLink.arrow {
	background: url("/img/generic/arrow-white.png") 0 50% no-repeat;
	padding-left: 15px;
}

/* ----- Color Block Links ----- */
.colorBlock a {
	color: #fff; /* For Mobile */
}

/* ----- Share Actions ----- */
.shareActions {
        font-weight: bold;
        height: 16px;
        margin-top: 18px;
        overflow: hidden;
        position: relative;
}
.shareActions > span {
        float: left;
        position: relative;
        top: 2px;
}
.shareActions .label {
        color: #390;
        padding-right: 10px;
}
.label ~ span {
        padding-left: 10px;
        *top: -1px; /* IE7 */
}
.shareActions > a {
        background: url("/img/generic/icons-share.png") 0 0 no-repeat;
        display: inline-block;
        height: 14px;
        margin-left: 14px;
        text-indent: -999.9em;
}
a.print {
        background: url("/img/generic/icon-print.png") 0 0 no-repeat;
        width: 15px;
}
.addthis_toolbox {
        display: none;
        float: left;
        padding-right: 10px;
}
.label:hover ~ .addthis_toolbox,
.addthis_toolbox:hover {
        display: block;
}
a.addthis_button_google_plusone {
        position: relative;
        top: 1px;
}
.gc-bubbleDefault, .pls-container {
        display: none !important;
}
.addthis_button_google_plusone {
        display: none\9; /* IE7&8 */
}


/* =Text Headers
----------------------------------------------------*/
/* ----- h1 ----- */
h1 {
	color: #390;
	font: 400 30px/1.1 'VAGRounded',arial,sans-serif;
	margin-bottom: 14px;
	width: 980px;
	-webkit-text-stroke: 1px transparent;
}

/* ----- h2 ----- */
h2 {
	font: 400 26px/1.05 'VAGRounded',arial,sans-serif;
	margin-bottom: 24px;
	-webkit-text-stroke: 1px transparent;
}
#inset h2 {
	margin: 0 0 24px 0;
}

/* ----- h3 ----- */
.modalWin h3 {
	font: normal 16px/1.0 'VAGRounded',arial,sans-serif;
	margin-bottom: 2px;
	padding-top: 0;
	-webkit-text-stroke: 1px transparent;
}

/* ----- h4 ----- */
.modalWin h4 {
	color: #390;
	font: 400 30px/1.2em 'VAGRounded',arial,sans-serif;
	margin-bottom: 12px;
	-webkit-text-stroke: 1px transparent;
}

/* ----- h6 ----- */
h6 {
	background: url("/img/generic/divider.png") 50% 100% no-repeat;
	font-size: 14px;
	line-height: 1.0;
	margin-bottom: 16px;
	padding-bottom: 22px;
}
.colorBlock h6 {
	background: none;
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 10px;
	padding-bottom: 0;
	-webkit-text-stroke: 1px transparent;
}


/* =Common Text
----------------------------------------------------*/
p {
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 28px;
}
.intro {
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	line-height: 1.3;
	-webkit-text-stroke: 1px transparent;
}
#inset p {
	background-color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	font-weight: 400;
	line-height: 1.3;
	padding-bottom: 18px;
	-webkit-text-stroke: 1px transparent;
}
.colorBlock p {
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	line-height: 1.3;
	-webkit-text-stroke: 1px transparent;
}
.modalWin p {
	font-size: 12px;
}


/* =Bulleted Lists
----------------------------------------------------*/
.bulletList {
	font-size: 14px;
	line-height: 1.5;
}
.bulletList .arrow {
	background: url("/img/generic/bullet-arrow.png") 0 4px no-repeat;
	*background-position-y: 9px; /* IE7 */
	padding-left: 15px;
}
.bulletList .external {
	background: url("/img/generic/bullet-external.png") 0 3px no-repeat;
	*background-position-y: 8px; /* IE7 */
	padding-left: 15px;
}
.bulletList .pdf {
	background: url("/img/generic/bullet-pdf.png") 0 2px no-repeat;
	*background-position-y: 7px; /* IE7 */
	padding-left: 15px;
}
.bulletList.circle {
	margin-bottom: 16px;
}
.download {
	background: url("/img/generic/bullet-download.png") 0 5px no-repeat;
	padding-left: 15px;
}
.bulletList.circle li {
	background: url("/img/generic/bullet-circle.png") 0 8px no-repeat;
	font-size: 14px;
	line-height: 1.5;
	padding: 0 0 2px 15px;
}
.bulletList.error {
	margin-bottom: 30px;
}
.bulletList.error li {
	background: url("/img/generic/bullet-circle-error.png") 0 7px no-repeat;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	padding: 0 0 2px 15px;
}
.bulletList a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 10px;
}


/* =Buttons
----------------------------------------------------*/
.btn {
	background: url("/img/btn/text.png") 0 0 no-repeat;
	display: block;
	height: 26px;
	text-indent: -999.9em;
}

/* ----- Learn More Button -----*/
.learnMore { background-position: -114px 0; margin-top: 12px; width: 84px; }
.learnMore:hover { background-position: -198px 0; }

/* ----- Read More Button -----*/
.readMore { background-position: -588px 0; width: 79px; }
.readMore:hover { background-position: -667px 0; }

/* ----- Apply for this Position Button -----*/
.apply { background-position: -282px 0; margin-bottom: 40px; width: 153px; }
.apply:hover { background-position: -435px 0; }

/* ----- Close Button -----*/
.close {
	background: url("/img/btn/x.png") 0 0 no-repeat;
	height: 23px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 23px;
}

/* ----- Video -----*/
.iconPlay {
	background: url("/img/btn/play.png") -150px 0 no-repeat;
	height: 89px;
	left: 50%;
	margin: -44px 0 0 -45px;
	position: absolute;
	text-indent: -999.9em;
	top: 50%;
	width: 91px;
}
a.btnVideo:hover .iconPlay {
	background-position: -241px 0;
}
li .iconPlay {
	background-position: 0 0;
	height: 73px;
	margin: 39px 0 0 -37px;
	top: 0;
	width: 75px;
}
li a.btnVideo:hover .iconPlay {
	background-position: -75px 0;
}

/* ----- Form Button -----*/
button {
	border: 0;
	cursor: pointer;
	display: block;
	outline: 0;
	text-indent: -999.9em;
}
.submit {
	background: url("/img/btn/text.png") 0 0 no-repeat;
	height: 26px;
	width: 57px;
}
.submit:hover { background-position: -57px 0; }


/* =Page Header
----------------------------------------------------*/
#header {
	background: url("/img/global/bg-header.png") 0 0 repeat-y;
	margin: 0 auto 18px auto;
	min-width: 990px;
	padding-top: 24px;
	position: relative;
	width: 990px;
	z-index: 15;
}
#header:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* ----- Logo ----- */
#logo {
	background: url("/img/global/logo.png") 0 0 no-repeat;
	height: 41px;
	margin: 0 0 15px 27px;
	text-indent: -999.9em;
	width: 279px;
}
#logo a {
	display: block;
	height: 41px;
	position: relative;
}

/* ----- Go To Sesame & Random Muppet ----- */
#goToSesame {
	background: url("/img/muppet/bg-go-to.png") 0 0 no-repeat;
	height: 90px;
	overflow: hidden;
	position: absolute;
	right: 5px; /* originally 32; subtract this from width below */
	top: 0;
	width: 249px;
	z-index: 21;
}
#randomMuppet {
	bottom: 0;
	float: right;
	position: absolute;
	right: 0;
}

/* ----- Global Search ----- */
#search {
	float: right;
	*float: none; /* IE7 */
	margin-left: -10px;
	position: relative;	
}
#search .customInput {
	border: 1px solid #fff;
	/* Border Radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	height: 24px;
	width: 86px;
}
#search input {
	background-color: transparent;
	border: 0;
	color: #636363;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 0 27px 0 8px;
	padding-top: 4px\9; /* IE7&8 */
	width: 52px;
	-webkit-appearance: none;
}
button.search {
	background: url("/img/global/icon-search.png") 0 0 no-repeat;
	height: 11px;
	float: left;
	margin: 7px 0 0 -23px;
	width: 12px;
}


/* =Nav : Utility
----------------------------------------------------*/
.navUtility {
	overflow: hidden;
	position: absolute;
}
.navUtility li {
	float: left;
	margin-left: 15px;
}
.navUtility a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-top: 9px;
}
.navUtility a:hover {
	text-decoration: none;
}

/* ----- Specific to Placement in Header ----- */
#header .navUtility {
	right: 290px;
	top: 18px;
	*top: 17px;
}
#header .navUtility a {
	font-size: 14px;
	line-height: normal;
	padding-top: 5px;
	*padding-top: 6px; /* IE7 */
}

/* ----- Specific to Placement in Header ----- */
#footer .navUtility {
	left: 489px;
	top: -10px;
}
/*.navUtility .sesame {
	background: url("/img/street-sign/sesame.png") 0 0 no-repeat;
	display: block;
	height: 29px;
	padding-top: 0;
	text-indent: -999.9em;
	width: 74px;
}*/
#footer .sesame {
	background: url("/img/street-sign/sesame.png") 0 0 no-repeat;
	bottom: 0;
	display: block;
	height: 39px;
	position: absolute;
	right: 145px;
	text-indent: -999.9em;
	width: 99px;
}


/* =Nav : Main
----------------------------------------------------*/
ul#navMain {
	bottom: -5px;
	margin: 0 auto;
	position: relative;
	width: 990px;
}
#navMain li {
	float: left;
	position: relative;
}

/* ----- Nav Bar ----- */
#navMain a {
	background: url("/img/global/nav-main.png") 0 0 no-repeat;
	display: block;
	height: 50px;
	position: relative;
	text-decoration: none;
	text-indent: -999.9em;
	z-index: 1120;
}
/* Default State */
#s1 a { background-position: 0 0; width: 167px; }
#s2 a { background-position: -167px 0; width: 164px; }
#s3 a { background-position: -331px 0; width: 164px; }
#s4 a { background-position: -495px 0; width: 164px; }
#s5 a { background-position: -659px 0; width: 164px; }
#s6 a { background-position: -823px 0; width: 167px; }
/* Hover State */
#s1:hover > a, #s1 a:hover, #s1.on:hover a { background-position: 0 -50px; }
#s2:hover > a, #s2 a:hover, #s2.on:hover a { background-position: -167px -50px; }
#s3:hover > a, #s3 a:hover, #s3.on:hover a { background-position: -331px -50px; }
#s4:hover > a, #s4 a:hover, #s4.on:hover a { background-position: -495px -50px; }
#s5:hover > a, #s5 a:hover, #s5.on:hover a { background-position: -659px -50px; }
#s6:hover > a, #s6 a:hover, #s6.on:hover a { background-position: -823px -50px; }
/* Active State */
#s1.on a { background-position: 0 -100px;}
#s2.on a { background-position: -167px -100px; }
#s3.on a { background-position: -331px -100px; }
#s4.on a { background-position: -495px -100px; }
#s5.on a { background-position: -659px -100px; }
#s6.on a { background-position: -823px -100px; }

/* ----- Main Nav Dropdown ----- */
/* Set the Container */
.dropdown {
	background: url("/img/global/bg-header.png") 0 0 repeat-y;
	background-position: -990px 0; 
	display: none;
	left: 0;
	margin-top: -5px;
	padding: 0 25px 15px 25px;
	position: absolute;
	/*width: 940px*/;
	width: 123px;
	z-index: 1121;
}
.dropdown .btm {
	background: url("/img/global/bg-dropdown-btm.png") 0 0 no-repeat;
	background-position: -990px 0;
	bottom: -5px;
	height: 5px;
	left: 0;
	position: absolute;
	text-indent: -999.9em;
	/*width: 990px*/;
	width: 173px;
	z-index: 1122;
}
/* Reset the Dropdown Links */
#navMain .dropdown a {
	background: none;
	color: #636363;
	font-weight: bold;
	height: auto;
	line-height: 1.2;
	padding:  8px 0;
	position: relative;
	text-indent: 0;
	width: auto;
}
#navMain .dropdown a:hover {
	color: #390;
}
/* Show on Hover */
/*#navMain li:hover > .dropdown*/
li.show > .dropdown {
	display: block;
}
/* Set Dropdown Positioning */
#s1 .dropdown { background-position: -1163px 0; width: 172px; }
#s2 .dropdown {	/*left: -167px*/; left: -5px; }
#s3 .dropdown {	/*left: -331px*/; left: -5px; }
#s4 .dropdown {	background-position: -990px 0; left: -5px; width: 123px; }
#s4 .dropdown .btm { background-position: -990px 0; width: 173px; }
#s5 .dropdown {	background-position: -990px 0; left: -5px; width: 123px; }
#s5 .dropdown .btm { background-position: -990px 0; width: 173px; }
#s6 .dropdown {	background-position: -1163px 0; left: auto; right: 0; width: 122px; }
#s6 .dropdown .btm { background-position: -1163px 0; width: 172px; }

/* ----- Links List ----- */
.linksList {
	float: left;
	font-size: 14px;
	margin-top: 15px;
	/*width: 180px*/;
	width: 123px;
}
#navMain .linksList li {
	float: none;
}
.linksList li {
	border-top: 1px solid #ccc;
}
.linksList li:first-child { border: 0; }
#s4 .linksList, #s5 .linksList { width: 123px; }
#s6 .linksList { width: 122px; }


/* =Callouts List
----------------------------------------------------*/
.callouts {
	margin: 0 -14px;
	overflow: hidden;
}
.callouts li {
	float: left;
	height: 240px;
	margin: 0 14px;
	padding-bottom: 10px;
	position: relative;
	width: 224px;
}
.callouts.horizontal li img {
	margin-bottom: 11px;
}
.callouts a,
.callouts span {
	display: block;
}
.callouts span {
	font-weight: bold;
}
.callouts .title {
	color: #636363;
	font-size: 11px;
	line-height: 1.6;
	margin-top: 11px;
}
.callouts.horizontal .title {
	margin-top: 0;
}
.callouts .desc {
	color: #390;
	font-size: 12px;
	line-height: 1.5;
}
.callouts .link {
	
	line-height: 1.5;
}
.callouts a:hover {
	text-decoration: none;
}
.callouts a:hover .desc,
.callouts a:hover .link {
	text-decoration: underline;
}

/* ----- Adjustments of Placement in Header ----- */
#header .callouts {
	float: left;
	margin: 23px -20px 0 40px;
	width: 732px;
}
#header .callouts li {
	height: auto;
	margin: 0 20px 0 0;
	padding-bottom: 0;
}


/* =Breadcrumb
----------------------------------------------------*/
#breadcrumb {
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto 10px auto;
	width: 980px;
}
#breadcrumb a {
	background: url("/img/global/arrow-breadcrumb.png") 100% 50% no-repeat;
	color: #390;
	margin-right: 7px;
	padding-right: 14px;
}


/* =Pagination
----------------------------------------------------*/
.pagination {
	position: absolute;
	right: 5px;
	top: 11px;
}
.pagination a {
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 16px;
	margin-left: 20px;
	-webkit-text-stroke: 1px transparent;
}


/* =Content Containers & Modules
----------------------------------------------------*/
/* ----- Main Container ----- */
#content {
	clear: both;
	margin: 0 auto;
	*margin-bottom: -28px; /* IE7 */
	overflow: hidden;
	padding: 0 5px 60px 5px;
	position: relative;
	width: 980px;
}

/* ----- Column Containers ----- */
.col728 {
	float: left;
	position: relative;
	width: 728px;
}
.col300 {
	width: 300px;
}
.col252 {
	float: left;
	position: relative;
	width: 252px;
}
.col224 {
	float: left;
	margin-left: 28px;
	width: 224px;
}

/* ----- Module Containers ----- */
#hero {
	overflow: hidden;
	position: relative;
	margin-bottom: 45px;
}

/* ----- Sliding Panel ----- */
.slidingPanel {
	display: none;
}
.showHide ~ .showHide {
	display: none;
}


/* =Divider
----------------------------------------------------*/
.divider {
	background: url("/img/generic/divider.png") 0 0 no-repeat;
	clear: both;
	height: 5px;
	margin: 27px 0 38px 0;
	position: relative;
	text-indent: -999.9em;
	width: 100%;
	z-index: 1;
}


/* =Rotator
----------------------------------------------------*/
.rotatorWrap {
	overflow: hidden;
	padding-bottom: 40px;
	position: relative;
}
.rotatorWrap .slide {
	background-color: #fff;
	display: none;
	left: 0;
	position: relative;
	top: 0;
}
.rotatorWrap .slide:first-child { display: block; }

/* ----- Rotator Inset ----- */
#inset {
	background: url("/img/generic/bg-inset.png") 0 0 no-repeat;
	height: 274px;
	padding: 30px 40px;
	position: absolute;
	top: 23px;
	width: 186px;
	z-index: 5;
}

#inset.right {
	right: 23px;	
}

#inset.left {
	left: 23px;
}

/* ----- Rotator Arrow Nav ----- */
.rotatorArrow {
	background: url("/img/btn/arrows.png") 0 0 no-repeat;
	cursor: pointer;
	height: 40px;
	position: absolute;
	text-indent: -999.9em;
	top: 180px;
	width: 40px;
	z-index: 10;
}
.rotatorArrow.next {
	background-position: -41px 0;
	right: 40px;
}
.rotatorArrow.next:hover { background-position: -122px 0; }
.rotatorArrow.prev {
	right: 80px;
	width: 41px;
}
.rotatorArrow.prev:hover { background-position: -81px 0; }

/* ----- Rotator Split Arrow Nav ----- */
.splitArrow .rotatorArrow {
	background: url("/img/btn/arrows-split.png") 0 0 no-repeat;
	height: 61px;
	width: 61px;
}
.splitArrow .next {
	background-position: -61px 0;
	right: 0;
}
.splitArrow .next:hover { background-position: -61px -61px; }
.splitArrow .prev {
	left: 0;
	right: auto;
}
.splitArrow .prev:hover { background-position: 0 -61px; }

/* ----- Rotator Bullet Nav ----- */
.rotatorBullets {
	*display: inline; /* IE7 */
	*float: left; /* IE7 */
	text-align: center;
	z-index: 10;
}
.rotatorBullets span {
	background: url("/img/btn/dots.png") 0 0 no-repeat;
	cursor: pointer;
	display: inline-block;
	*float: left; /* IE7 */
	height: 13px;
	margin: 0 7px;
	text-indent: -999.9em;
	width: 13px;
}
.rotatorBullets span:hover {
	background-position: -13px 0;
}
.rotatorBullets span.active {
	background-position: -26px 0;
}

/* ----- Rotator Text Nav ----- */
.rotatorText {
	*display: inline; /* IE7 */
	*float: left; /* IE7 */
	text-align: center;
	z-index: 10;
}
.rotatorText span {
	border-right: 1px solid #c9c9c9;
	cursor: pointer;
	display: inline-block;
	*float: left; /* IE7 */
	font: 400 14px/1.05 'VAGRounded',arial,sans-serif;
	height: 30px;
	padding: 12px 20px 0 20px;
	-webkit-text-stroke: 1px transparent;
}
.rotatorText span:first-child {
	border-left: 1px solid #c9c9c9;
}
.rotatorText span:hover {
	color: #390;
}
.rotatorText span.active {
	background-color: #fff;
	color: #390;
}


/* =Street Signs
----------------------------------------------------*/
.location {
	display: block;
	height: 45px;
	margin-top: 30px;
	width: auto;
}
.location img {
	margin-right: 12px;
}
.location span {
	display: inline-block;
	font-size: 18px;
	height: 25px;
	padding-top: 20px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}


/* =View Toggle
----------------------------------------------------*/
.viewToggle {
	color: #636363;
	font: 400 15px 'VAGRounded',arial,sans-serif;
	margin-bottom: 35px;
	text-align: center;
	-webkit-text-stroke: 1px transparent;
}
.viewToggle p {
	color: #390;
	font-size: 20px;
	padding-bottom: 0;
}
.viewToggle > span {
	display: inline-block;
	padding-right: 10px;
}
.viewToggle a {
	color: #636363;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	text-decoration: none;
}
.viewToggle a span {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin-right: 12px;
	padding-left: 12px;
}
.viewToggle .active {
	background: url("/img/btn/view-by.png") 100% 0 no-repeat;
}
.viewToggle .active span {
	background: url("/img/btn/view-by.png") 0 0 no-repeat;
	color: #fff;
}
.viewToggle a:hover {
	color: #390;
}


/* =Color Block
----------------------------------------------------*/
.colorBlock {
	margin-bottom: 30px;
	padding: 28px 30px 20px 30px;
	width: 164px;
}
.colorBlock .btm {
	background-position: 0 100%;
	background-repeat: no-repeat;
	height: 10px;
	margin: 15px -30px -30px -30px;
	text-indent: -999.9em;
	width: 224px;
}
.colorBlock.blue224 {
	background: url("/img/bg/col224-blue.jpg") 0 0 no-repeat;	
}
.blue224 .btm {
	background-image: url("/img/bg/col224-blue.jpg");
}
.colorBlock.green224 {
	background: url("/img/bg/col224-green.jpg") 0 0 no-repeat;	
}
.green224 .btm {
	background-image: url("/img/bg/col224-green.jpg");
}
.colorBlock.orange224 {
	background: url("/img/bg/col224-orange.jpg") 0 0 no-repeat;	
}
.orange224 .btm {
	background-image: url("/img/bg/col224-orange.jpg");
}
.colorBlock.purple224 {
	background: url("/img/bg/col224-purple.jpg") 0 0 no-repeat;	
}
.purple224 .btm {
	background-image: url("/img/bg/col224-purple.jpg");
}


/* =Footer
----------------------------------------------------*/
#footer {
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	clear: both;
	min-width: 990px;
	padding: 22px 0 27px 0;
	width: 100%;
}
#footer .inner {
	margin: 0 auto;
	position: relative;
	width: 990px;
}

/* ----- Ad Block ----- */
#adBlock {
	height: 60px;
	width: 468px;
}
#adBlock a {
	display: block;
}

/* ----- Sign Up ----- */
#signUp {
	position: absolute;
	left: 504px;
	top: 34px;
	width: 228px;
}
#signUp .customInput {
	border: 1px solid #d7d7d7;
	/* Border Radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	height: 24px;
	margin-right: 8px;
	width: 150px;
}
#signUp input {
	background-color: transparent;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	*margin-top: 4px; /* IE7 */
	padding: 0 8px;
	-webkit-appearance: none;
}

/* ----- Social Links ----- */
#social {
	border-left: 1px solid #dbdbdb;
	height: 60px;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	right: 10px;
	top: 0;
}
#social a {
	background: url("/img/btn/social.png") 0 0 no-repeat;
	float: left;
	text-indent: -999.9em;
}
#social #facebook {
	height: 48px;
	width: 48px;
}
#social #twitter {
	background-position: -48px 0;
	height: 43px;
	margin: 17px 0 0 4px;
	width: 42px;
}


/* =Modal Windows
----------------------------------------------------*/
#overlay {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5000;
	/* Define Opacity */
	background-color: #000;
}
.modalWin {
	/* Border Radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/* Box Shadow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	
	border: 1px solid #adadad\9; /* IE8 & below */
	
	/* Default Styling */
	background-color: #fff;
	display: none;
	position: absolute;
	z-index: 5001;
}

/* ----- Map Modal ----- */
.w640 {
	overflow: hidden;
	padding: 40px;
	position: relative;
	width: 560px;
}
.w640 .col300,
.w640 .col224 {
	margin-top: 28px;
}
.w640 .col300 {
	float: left;
	margin-bottom: -18px;
}
.w640 .col224 {
	margin-left: 36px;
}