/*--------------------------------------------------

	Client: SpecialK
	
	This stylesheet should contain styles only
	being used in the connect section of
	the SpecialK project!
	
	REMEMBER TO KEEP IT CLEAN, EASY TO READ,
	AND IN THE DOCUMENT FLOW!
	
	Thanks!

--------------------------------------------------*/

/*----- Connect Landing Page -----*/

div#connect-container, div#connect-container div.left, div#connect-container div.right {
	display: inline;
	float: left;
}

div#connect-container { width: 980px; }

div#connect-container div.left {
	margin: 0 5px 0 0;
	width: 559px;
}

div#connect-container div.right {
	background: url(../i/connect/pre-reso/connect-sidebar.jpg) no-repeat;
	height: 433px;
	position: relative;
	width: 416px;
}

h1#h1-share-support-inspire {
	background: url(../i/connect/pre-reso/h1-share-support-inspire.jpg) no-repeat;
	height: 90px;
	margin: 0 0 5px;
	width: 559px;
}

div#special-k-community {
	background: url(../i/connect/pre-reso/connect-main-bg.jpg) no-repeat;
	height: 337px;
	margin: 0 0 5px;
	width: 559px;
}

p#special-k-on-facebook {
	background: url(../i/connect/pre-reso/special-k-on-facebook.gif) no-repeat;
	height: 85px;
	left: 33px;
	position: absolute;
	top: 260px;
	width: 222px;
}

a#check-it-out-btn {
	background: url(../i/connect/pre-reso/check-it-out-btn.png) no-repeat;
	display: block;
	height: 21px;
	left: 33px;
	position: absolute;
	top: 385px;
	width: 128px;
}

a#check-it-out-btn:hover { background-position: 0 -21px; }

h2#add-your-victory {
	background: url(../i/connect/pre-reso/add-your-victory.gif) no-repeat;
	height: 36px;
	left: 27px;
	position: absolute;
	top: 301px;
	width: 235px;
}

p#get-inspired-other-victories {
	background: url(../i/connect/pre-reso/get-inspired-other-victories.gif) no-repeat;
	height: 29px;
	left: 27px;
	position: absolute;
	top: 349px;
	width: 351px;
}

p#sarahs-victory {
	background: url(../i/connect/pre-reso/sarahs-victory.png) no-repeat;
	height: 177px;
	left: 53px;
	position: absolute;
	top: 103px;
	width: 218px;
}

a#explore-btn {
	background: url(../i/connect/pre-reso/explore-btn.png) no-repeat;
	display: block;
	height: 21px;
	left: 27px;
	position: absolute;
	top: 393px;
	width: 113px;
}

a#explore-btn:hover { background-position: 0 -21px; }

/*----- Connect Reso Landing Page -----*/

div#connect-container-reso, div#connect-container-reso div.left, div#connect-container-reso div.right {
	display: inline;
	float: left;
}

div#connect-container-reso { width: 980px; }

div#connect-container-reso div.left {
	margin: 0 5px 0 0;
	width: 659px;
}

div#connect-container-reso div.right {
	background: url(../i/connect/reso/connect-sidebar.jpg) no-repeat;
	height: 480px;
	width: 316px;
}

h1#h1-share-support-inspire-reso {
	background: url(../i/connect/reso/h1-share-support-inspire.jpg) no-repeat;
	height: 90px;
	margin: 0 0 5px;
	width: 659px;
}

div#special-k-community-reso {
	background: url(../i/connect/reso/connect-main-bg.jpg) no-repeat;
	height: 215px;
	margin: 0 0 5px;
	position: relative;
	width: 659px;
}

p#special-k-on-facebook-reso {
	background: url(../i/connect/reso/special-k-on-facebook.gif) no-repeat;
	height: 51px;
	left: 30px;
	position: absolute;
	top: 96px; 
	width: 308px;
}

a#check-it-out-btn-reso {
	background: url(../i/connect/reso/check-it-out-btn.png) no-repeat;
	display: block;
	height: 21px;
	left: 30px;
	position: absolute;
	top: 170px;
	width: 128px;
}

a#check-it-out-btn:hover-reso { background-position: 0 -21px; }

div#victory-chain {
	background: url(../i/connect/reso/connect-victory-chian-bg.jpg) no-repeat;
	height: 167px;
	position: relative;
	width: 659px;
}

h2#add-your-little-victory {
	background: url(../i/connect/reso/add-your-victory-to-chain.gif) no-repeat;
	height: 34px;
	left: 335px;
	position: absolute;
	top: 30px;
	width: 267px;
}

p#get-inspired-by-victories {
	background: url(../i/connect/reso/get-inspired-by-victories.gif) no-repeat;
	height: 36px;
	left: 335px;
	position: absolute;
	top: 78px;
	width: 286px;
}

p#sharahs-victory-reso {
	background: url(../i/connect/reso/sarah-victory.png) no-repeat;
	height: 170px;
	left: 95px;
	position: absolute;
	top: 13px;
	width: 222px;
}

a#get-inspired-btn {
	background: url(../i/connect/reso/get-inspired-btn.png) no-repeat;
	display: block;
	height: 21px;
	left: 335px;
	position: absolute;
	top: 128px;
	width: 113px;
}

a#get-inspired-btn:hover { background-position: 0 -21px; }

h2#victory-project-logo {
	background: url(../i/connect/reso/victory-project-logo.jpg) no-repeat;
	height: 69px;
	margin: 15px auto 20px;
	width: 138px;
}

p#a-fresh-start {
	background: url(../i/connect/reso/a-fresh-start.png) no-repeat;
	height: 57px;
	margin: 0 auto 25px;
	width: 292px;
}

ul#victory-project-women, ul#victory-project-women li {
	clear: left;
	display: inline;
	float: left;
}

ul#victory-project-women { padding: 0 0 0 15px; }

ul#victory-project-women li {
	height: 65px;
	width: 295px;
}

ul#victory-project-women li img, ul#victory-project-women li p {
	display: inline;
	float: left;
	margin: 0;
}

ul#victory-project-women li img {
	margin: 0 10px 0 0;
	width: 69px;
}

ul#victory-project-women li.renee p.copy {
	background: url(../i/connect/reso/renee-copy.png) no-repeat;
	height: 52px;
	width: 212px;
}

ul#victory-project-women li.amanda p.copy {
	background: url(../i/connect/reso/amanda-copy.png) no-repeat;
	height: 52px;
	width: 207px;
}

ul#victory-project-women li.holly p.copy {
	background: url(../i/connect/reso/holly-copy.png) no-repeat;
	height: 52px;
	width: 206px;
}

ul#victory-project-women li.nikki p.copy {
	background: url(../i/connect/reso/nikki-copy.png) no-repeat;
	height: 52px;
	width: 205px;
}

a#meet-the-women-btn {
	background: url(../i/connect/reso/meet-the-women-btn.gif) no-repeat;
	clear: both;
	display: block;
	height: 21px;
	margin: 0 auto;
	width: 131px;
}

a#meet-the-women-btn:hover { background-position: 0 -21px; }