body {background: #262829; text-align: center; font-family: "Lucida Grande", Lucida, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0; color: #ccc; font-size: 11pt; -webkit-font-smoothing: antialiased;}
ul, li {margin: 0; padding: 0; list-style-type: square;}
a {-moz-outline-width: 0;}
img {border: none;}
h4 {font-size: 1.4em; color: #fff; padding: 0; margin: 0 0 3px 0; font-weight: normal; line-height: 1.2;}
h4 a, h3 a, h4 a:hover, h3 a:hover, h4 a:active, h3 a:active, a.AppStoreBadge {color: #fff !important; border: none !important;}
.BoxFeature h4 a:target:before {color: #a30004; padding: 30px 5px 0 0; margin-left: -11px; content: "\203A"}
h3 {font-size: 1.9em; color: #fff; padding: 0; margin: 0 0 3px 0; font-weight: normal; line-height: 1.2;}
.smallFont {font-size: 0.9em;}
.bigFont {font-size: 1.2em;}
.whiteFont {color: #fff !important;}
.underlinedBigText {text-decoration: underline !important; font-size: 1.2em;}
.dashedLine {display: block; border-bottom: dashed 1px #444; margin: 10px 0;}
.SectionButtonsdashedLine {display: block; border-bottom: dashed 1px #444; margin: -15px 27px 15px 35px;}

img#CSPLogo-about {
	margin: 0px 0 0 30px;
}

#mainDiv {
	width: 900px;
	text-align: left;
	margin:  0 auto;
	position: relative; 
	-webkit-box-shadow: 0px 0px 8px #000; -moz-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000;
}

#Head, #Head-GarageBuyTouch, #Head-GarageBuy, #Head-GarageSaleTouch, #Head-UnCoverIt, #Head-iwascodingSites, #Head-nibTranslate, #Head-GarageTunes {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/website_Head.jpg) no-repeat top left;
	margin-left: 0px;
}

#HeaderBar {
	position: absolute; background: #eee url(Images/CSSsprite-allSites.png) repeat-x 0 -4px; width: 899px; height: 39px;
}

/* @group Twitter Link */

a#FollowUsOnTwitter {
	background: url(Images/CSSsprite-allSites.png) repeat-x 0 -203px; position: absolute; width: 29px; height: 195px; left: -45px; top: 45px; opacity: 0.5; -webkit-transition: opacity linear 0.2s; -moz-transition: opacity linear 0.2s; z-index: 40;
}
a#FollowUsOnTwitter span.bird {display: block; background: url(Images/CSSsprite-allSites.png) repeat-x 0 -183px; position: absolute; width: 29px; height: 21px; left: 0px; top: -20px;
}
a#FollowUsOnTwitter span.wings {display: block;background: url(Images/CSSsprite-allSites.png) repeat-x 0 -163px; position: absolute; width: 15px; height: 15px; left: 0px; top: 0px; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
}
a#FollowUsOnTwitter:hover {
	opacity: 1;
}
@-webkit-keyframes flappingWings {
 0% {-webkit-transform: rotate(-30.0deg);}
 100% {-webkit-transform: rotate(0.0deg);}
}
/* the same for FireFox: */
@-moz-keyframes flappingWings {
 0% {-moz-transform: rotate(-30.0deg);}
 100% {-moz-transform: rotate(0.0deg);}
}
a#FollowUsOnTwitter:hover span.wings {-webkit-animation: flappingWings 0.17s infinite 0.5s; -moz-animation: flappingWings 0.17s infinite 0.5s;}

@-webkit-keyframes flyingBird {
 0% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 8% {-webkit-transform: translate(0px,-15px);}
 25% {-webkit-transform: translate(0px,-6px);}
 35% {-webkit-transform: translate(0px,-10px);}
 45% {-webkit-transform: translate(0px,-6px);}
 55% {-webkit-transform: translate(30px,-50px) scale(0.4,0.4) rotate(-20.0deg);}
 70% {-webkit-transform: translate(-50px,-50px) scale(0.4,0.4) rotate(-10.0deg);}
 85% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 100% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
}
/* the same for FireFox: */
@-moz-keyframes flyingBird {
 0% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 8% {-moz-transform: translate(0px,-15px);}
 25% {-moz-transform: translate(0px,-6px);}
 35% {-moz-transform: translate(0px,-10px);}
 45% {-moz-transform: translate(0px,-6px);}
 55% {-moz-transform: translate(30px,-50px) scale(0.4,0.4) rotate(-20.0deg);}
 70% {-moz-transform: translate(-50px,-50px) scale(0.4,0.4) rotate(-10.0deg);}
 85% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 100% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
}
a#FollowUsOnTwitter:hover span.bird {-webkit-animation: flyingBird 8s infinite ease-in-out 2.5s; -moz-animation: flyingBird 8s infinite ease-in-out 2.5s;}
/* @end */

#betaVersionLogo {
	width: 66px;
	height: 37px;
	background: url(Images/betaVersionLogo.png);
	position: absolute;
	top: 46px;
	left: 827px;
	display: none;
}


/* @group iwascoding Button */

div#iwascodingBox {
	width: 196px;
	height: 39px;
	display: block;
	position: absolute;
	z-index: 34;
}

a#iwascodingButton {
	width: 196px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 -44px;
	position: absolute;
	z-index: 35;
}

#iwascodingLinks {
	width: 194px;
	position: absolute;
	top: -299px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px #122133;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#iwascodingBox:hover #iwascodingLinks {
	top: 39px;
}

ul#iwascodingList li {
	list-style-type: none;
}

ul#iwascodingList li a span {
	margin: 0;
	padding-left: 22px;
}

ul#iwascodingList li a {
	margin: 0;
	padding: 4px 0;
	width: 194px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#iwascodingList li a:hover {
	background: #555;
	color: #fff;
}

ul#iwascodingList li#iwascodingListBottom {
	height: 5px;
}

.SeperatorLine {
	border-bottom: solid 1px #ddd;
}

/* @end */

/* @group Products Button */

div#ProductsBox {
	width: 151px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 196px;
	z-index: 30;
}


/* Hack für IE6 - versteckt ProductsBox: */
* html div#ProductsBox {
	top: -299px;
}

a#ProductsButton {
	width: 151px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -196px -44px;
	position: absolute;
	z-index: 35;
}

#iPhoneAppSelectorForm, #iPhoneIwasSelectorForm {
	display: none;
}

#Products {
	width: 150px;
	position: absolute;
	top: -299px;
	left: -1px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px #122133;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#ProductsBox:hover #Products {
	top: 39px;
}

ul#ProductsList li {
	list-style-type: none;
}

ul#ProductsList li a span {
	margin: 0;
	padding-left: 16px;
}

ul#ProductsList li a {
	margin: 0;
	padding: 4px 0;
	width: 150px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#ProductsList li a:hover {
	background: #555;
	color: #fff;
}

ul#ProductsList li#ProductsListBottom {
	height: 5px;
}

/* @end */

/* @group iPhone Products Button */

div#iPhoneProductsBox {
	width: 203px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 347px;
	z-index: 29;
}


/* Hack für IE6 - versteckt ProductsBox: */
* html div#iPhoneProductsBox {
	top: -299px;
}

a#iPhoneProductsButton {
	width: 203px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -347px -44px;
	position: absolute;
	z-index: 35;
}

#iPhoneProducts {
	width: 202px;
	position: absolute;
	top: -299px;
	left: -1px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px #122133;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#iPhoneProductsBox:hover #iPhoneProducts {
	top: 39px;
}

ul#iPhoneProductsList li {
	list-style-type: none;
}

ul#iPhoneProductsList li a span {
	margin: 0;
	padding-left: 16px;
}

ul#iPhoneProductsList li a {
	margin: 0;
	padding: 4px 0;
	width: 202px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#iPhoneProductsList li a:hover {
	background: #555;
	color: #fff;
}

ul#iPhoneProductsList li#iPhoneProductsListBottom {
	height: 5px;
}

/* @end */

/* @group Language Buttons */

a#language-English, a#language-German, a#language-French, a#language-Italian {
	position: relative; z-index: 30; width: 29px; height: 39px; display: block; float: right; background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 0; margin-right: 3px;} 

a#language-English {
	background-position: -551px -44px;
}

a#language-German {
	background-position: -580px -44px;
}

a#language-French {
	background-position: -609px -44px;
}

a#language-Italian {
	background-position: -638px -44px;
}

a#language-English:hover {
	background-position: -675px -44px !important;
}

a#language-German:hover {
	background-position: -704px -44px !important;
}

a#language-French:hover {
	background-position: -733px -44px !important;
}

a#language-Italian:hover {
	background-position: -762px -44px !important;
}

a.currentLanguageEN {
	background-position: -675px -44px !important;
	cursor: default;
}

a.currentLanguageDE {
	background-position: -704px -44px !important;
	cursor: default;
}

a.currentLanguageFR {
	background-position: -733px -44px !important;
	cursor: default;
}

a.currentLanguageIT {
	background-position: -762px -44px !important;
	cursor: default;
}

/* @end */

/* @group Hire Us! button */
#hireUs {
	width: 43px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 591px;
	z-index: 35;
}

#hireUs a {
	width: 43px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -795px -44px;
}

#hireUsInfo {
	width: 0px;
	height: 39px;
	display: block;
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 41px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	text-shadow: 0 1px 1px #000;
	font-weight: normal;
	background: #444;
	line-height: 1.2;
	-webkit-box-shadow: inset -2px 1px 9px #111; box-shadow: inset -2px 1px 9px #111;
	-webkit-transition: width ease-in-out 0.3s; -moz-transition: width ease-in-out 0.3s;
}

#hireUs:hover #hireUsInfo {
	width: 135px;
}

#hireUsInfo span {
	width: 125px;
	height: 39px;
	display: block;
	padding: 5px 0px;
	float: right;
	overflow: hidden;
	border-right: solid 1px rgba(255,255,255,0.8);
}
/* @end */

/* @group contact Support button */
#contactSupport {
	width: 43px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 550px;
	z-index: 40;
}

#contactSupport a {
	width: 43px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -839px -44px;
}

#contactSupportInfo {
	width: 0px;
	height: 39px;
	display: none;
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 37px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	text-shadow: 0 1px 1px #000;
	font-weight: bold;
	background: #444;
	line-height: 1.2;
	-webkit-box-shadow: inset -2px 1px 9px #111; box-shadow: inset -2px 1px 9px #111;
	-webkit-transition: width ease-in-out 0.3s; -moz-transition: width ease-in-out 0.3s;
}

#contactSupport:hover #contactSupportInfo {
	width: 70px;
}

#contactSupportInfo span {
	width: 60px;
	height: 39px;
	display: block;
	padding: 5px 0px;
	float: right;
	overflow: hidden;
	border-right: solid 1px rgba(255,255,255,0.8);
}
/* @end */

a#iwascoding:hover {
	background-position: 0% -50px;
}


a#iwascoding:active {
	background-position: 0% -100px;
}

a#iwascodingButton:hover, a#ProductsButton:hover, a#iPhoneProductsButton:hover, #hireUs a:hover, #contactSupport a:hover {
	background-color: #ddd;
}

a#iwascodingButton:active, a#ProductsButton:active, a#iPhoneProductsButton:active, a#language-English:active, a#language-German:active, a#language-French:active, a#language-Italian:active, #hireUs a:active, #contactSupport a:active {
	background-color: #ccc; -webkit-box-shadow: inset 0px 1px 2px #888; box-shadow: inset 0px 1px 2px #888;
}

#GarageSaleIcon {
	background: url(Images/GarageSale/GarageSaleIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

.Xmas {
	background: url(Images/GarageSale/GarageSale-Xmas-icon.png) no-repeat top left scroll !important;
	width: 270px !important;
	height: 257px !important;
	top: 60px !important;
	left: 3px !important;
}

div#appName {
	position: absolute;
	left: 268px;
	margin-top: 90px;
}

div#appName h1 {
	font-weight: bold;
	color: #e9f3fa;
	font-size: 4.4em;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

div#appSlogan {
	position: absolute;
	margin-top: 177px;
	left: 318px;
}

div#appSlogan h2 {
	color: #bad7ed;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

div#iwascodingName {
	position: absolute;
	background: url(Images/iwascodingSites-logo.png) no-repeat top left;
	width: 423px;
	height: 87px;	
	margin-top: 128px;
	left: 99px;
}

div#iwascodingName h1 {
	font-weight: bold;
	color: #e9f3fa;
	font-size: 4.0em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	display: none;
	text-indent: -2000px;
}

div#iwascodingSlogan {
	position: absolute;
	margin-top: 185px;
	left: 153px;
	width: 468px;
}

div#iwascodingSlogan h2 {
	color: #bad7ed;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-indent: -2000px;
}

#UBimage {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -265px 0;
	width: 76px;
	height: 49px;
	position: absolute;
	top: 175px;
	right: 44px;
}

#MacImage {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -787px 0;
	width: 50px;
	height: 60px;
	position: absolute;
	top: 140px;
	right: 20px;
}

#ebayApp {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -835px 0;
	width: 76px;
	height: 51px;
	position: absolute;
	top: 55px;
	right: 12px;
}

#eBayCSP-logo {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -355px 0;
	width: 105px;
	height: 82px;
	position: absolute;
	top: 55px;
	right: 15px;
	z-index: 10;	
}

#GarageSaleSpecialBox, #GarageSaleBasicSpecialBox, #GarageBuyTouchSpecialBox, #GarageBuySpecialBox, #GarageSaleTouchSpecialBox {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -480px 0;
	width: 126px;
	height: 80px;
	position: absolute; overflow: hidden;
	z-index: 500;
	top: 16px;
	left: 614px;
	display: block;
	border: none;
	color: #2d1e04;
	text-decoration: none;
	font-size: 11px;
	-webkit-transform: rotate(-3.2deg); -moz-transform: rotate(-3.2deg); transform: rotate(-3.2deg); -webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: color linear 0.1s;
}

#GarageSaleTouchSpecialBox {left: 686px;}

#GarageSaleSpecialBox:hover, #GarageSaleBasicSpecialBox:hover, #GarageBuyTouchSpecialBox:hover, #GarageBuySpecialBox:hover, #GarageSaleTouchSpecialBox:hover {color: #000;}
#GarageSaleSpecialBox span, #GarageSaleBasicSpecialBox span, #GarageBuyTouchSpecialBox span, #GarageBuySpecialBox span, #GarageSaleTouchSpecialBox span {padding: 22px 5px 8px 10px; display: block; line-height: 1.4;}
#GarageSaleSpecialBox .iPhoneIcon, #GarageBuySpecialBox .iPhoneIcon {display: block; float: left; width: 24px; height: 41px; margin: 3px 2px 0 -2px; background: url(Images/CSSsprite-productSites.png) no-repeat -216px -38px scroll;}

#Main {
	width: 900px;
	background: #090909;
	margin-left: 0px;
	padding: 2px 0 10px 0;
}

#BoxNavigationRight {
	margin-right: 1px;
	width: 260px;
	float: right;
	font-size: 0.7em;
	line-height: 1.5;
	position: relative;
}

.Box-black {
	background: #0a0a0a url(Images/CSSsprite-allSites.png) no-repeat scroll -400px -163px;
	border: solid 1px #2f2f2f;
	margin-bottom: 2px;
	position: relative;
}

.Box-black:hover {
	border-color: #444;
}

.Box-black a {
	display: block;
	min-height: 35px;
	text-decoration: none;
	color: #aaa;
	padding: 10px 4px 10px 10px;
	-webkit-transition: color 0.2s ease-in-out;
}

.Box-black a img {
	border:  none;
}




.Box-blackMainPage {
	background: #111 url(Images/Box-black.jpg) no-repeat top left;
	border: solid 1px #333;
	margin-bottom: 2px;
	position: relative;
}

.Box-blackMainPage:hover {
	border: solid 1px #437aae;
	background: #3d74a8 url(Images/Box-blue.jpg) no-repeat top left;
}

.Box-blackMainPage:active {
	background: #3d74a8;
}

.Box-blackMainPage a.ApplicationButton {
	display: block;
	text-decoration: none;
	color: #699fcb;
	padding: 5px 6px 11px 6px;
	-webkit-transition: color 0.2s ease-in-out;
}

.Box-blackMainPage a:hover.ApplicationButton {
	color: #fff;
}

/* Pfade werden inzwischen in der SiteConfig eingesetzt: */
a#Box-GarageSale {
	background: url(Images/Box-GarageSaleIcon.png) no-repeat 10px 3px;
}

a#Box-GarageSaleBasic {
	background: url(Images/Box-GarageSaleBasicIcon.png) no-repeat 10px 5px;
}

a#Box-GarageSaleTouch {
	background: url(Images/Box-GarageSaleTouchIcon.png) no-repeat 10px 7px;
}

a#Box-GaragePay {
	background: url(Images/Box-GaragePayIcon.png) no-repeat 10px 6px;
}

a#Box-GarageBuy {
	background: url(Images/Box-GarageBuyIcon.png) no-repeat 10px 3px;
}

a#Box-GarageBuyTouch {
	background: url(Images/Box-GarageBuyTouchIcon.png) no-repeat 10px 7px;
}

a#Box-nibTranslate {
	background: url(Images/Box-nibTranslateIcon.png) no-repeat 10px 3px;
}

a#Box-Uncoverit {
	background: url(Images/Box-UncoveritIcon.png) no-repeat 10px 3px;
}


.Box-ApplicationName {
	display: block;
	clear: both;
	margin: 0 0 0 63px;
	line-height: 1.5;	
}

.Box-ApplicationName b, .Box-ApplicationName strong {
	font-size: 1.8em !important;
	color: #fff;
	font-weight: bold;
}

 
.New-Label {
	height: 25px;
	width: 43px;
	position: absolute;
	top: 7px;
	right: -22px;
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -430px -50px;
}

.Box-black a:hover, .Box-violet a:hover, .Box-blackMainPage a:hover span.VisitWebsite, .Box-violet:hover span#Pricing {
	color: #fff;
} 

.Box-black .BoxIcon, .Box-violet .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll 0 0; position: absolute; left: 12px; top: 13px; display: block; width: 35px; height: 43px;
}

.Box-black a#Downloads .BoxIcon {
}

.Box-black a#Support .BoxIcon {background-position: -112px -3px; left: 9px; top: 11px;}
.Box-violet #Pricing .BoxIcon {background-position: -57px 0px; width: 43px; left: 9px; top: 11px;}
.Box-black a#Testimonials .BoxIcon {background-position: -162px -4px; width: 38px; height: 35px; left: 10px; top: 12px;}

.Box-black a#Support:active, .Box-black a#Downloads:active {
	background-color: #111;
}

.Box-black a#Testimonials {
	cursor: default;
	text-align: justify;
} 

.Box-violet {
	background: #3a0c3e url(Images/CSSsprite-allSites.png) no-repeat scroll -400px -163px;
	border: solid 1px #6d2573;
	margin-bottom: 2px;
	position: relative; overflow: hidden;
}

.Box-violet:hover {
	border: solid 1px #8a3391;
}

.Box-violet a, .Box-violet span#Pricing {
	display: block;
	min-height: 35px;
	text-decoration: none;
	color: #915c96;
	padding: 10px;
	-webkit-transition: color 0.2s ease-in-out;
} 

.Box-violet a#Pricing:active {
	background-color: #3b0c3f;
}

.videoIcon {
	display: block; position: relative; width: 36px; height: 32px; background: url(Images/CSSsprite-productSites.png) no-repeat scroll -217px 0; left: 0; top: 0; float: left; margin: 6px 5px 0 0;
}



.Box-Title {
	color: #fff;
	display: block;
	clear: both;
	margin: 0 0 10px 50px;
	line-height: 1.1;	
}

.Box-Title strong {
	font-size: 1.8em !important;
	color: #fff;
	font-weight: normal;
} 

#Downloads .Box-Title strong {
	font-size: 2.2em !important;
}

.SpanLeft {
	display: block; width: 99px; text-align: right; float: left; font-weight: bold; 
	padding: 0 5px 0 31px; 
	cursor: pointer;
}
.SpanRight {
	display: block; text-align: left; float: left;
	cursor: pointer;
}

span#Pricing span {
	cursor: default;
	width: auto;
}

span#Pricing .SpanLeft {
	margin-left: 20px;
}

#TestimonialsSpan, .TestimonialsSpan {
	display: block; margin: 10px 6px 0 50px; clear: both;
}

#TestimonialsSpan:hover, .TestimonialsSpan:hover {
	color: #eee;
}

.Box-black a:hover#Testimonials {
	color: #aaa;
}

#BoxMainContent {
	background: none !important;
	width: 637px;
	overflow: hidden;
	position: relative;
}

#BoxMainContentBGtop {
	position: absolute; width: 100%; height: 38px;
	background: url(Images/CSSsprite-allSites.png) repeat-x scroll -0px -85px;
}

/* Hack für IE6: */
* html #BoxMainContent {
	width: 635px;
	overflow: hidden;
}

#BoxMainContentBG {
	background: url(Images/CSSsprite-allSites.png) no-repeat scroll -30px -183px;
	min-height: 450px;
}

ul#SectionButtons {
	margin: 0px 0px 0px 252px;
	padding: 8px 0 10px 0;
	overflow: hidden;
}

ul#SectionButtons li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}

ul#SectionButtons a {
	float: left;
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -616px -30px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 10px;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	position: relative;
	height: 25px;
	color: #888;
	white-space: nowrap;
	text-shadow: 0 1px 1px #000;
}

ul#SectionButtons a span {
	display: block;
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -773px -30px;
	height: 25px;
	width: 10px;
	position: absolute;
	right: -10px;
	top: 0;
}

ul#SectionButtons a:hover, ul#SectionButtons a#currentSectionButton {
	background-position: -616px -0px;
	color: #bbb !important;
}
	
ul#SectionButtons a:hover span, ul#SectionButtons a#currentSectionButton span {
	background-position: -773px -0px;
}

ul#SectionButtons a:active {
	background-position: -616px -60px;
}
	
ul#SectionButtons a:active span {
	background-position: -773px -60px;
}

#MainContentFullWidth {
	margin: 5px 27px 25px 35px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
	clear: left;
	min-height: 200px;
	text-align: left;
}

#MainContentFullWidth h3 {
	font-size: 1.9em;
	color: #fff;
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 1.2;
}

div#FeatureLinks ul {
	padding: 0 0 0 0px;
	overflow: hidden;
}

div#FeatureLinks ul li {
	float: left;
	width: 185px;
	overflow: hidden;
	white-space: nowrap;
	list-style-position: inside;
}

div#FeatureLinks ul li a {
	display: block;
	font-size: 0.8em;
	padding-right: 16px;
}

div#FeatureLinks ul li a:hover {
	border-bottom: none;
	color: #fff;
}

div#FeatureLinks ul li a:active {
	border-bottom: none;
	color: #aaa;
}

.BoxFeature {
	padding: 28px 0 10px 0;
	clear: left;
	border-bottom: dashed 1px #444;
}

.BoxFeature h4 a {
	text-decoration: none !important;
	border: none !important;
	color: #fff !important;
}

.BoxFeature img {
	margin: 0 0 10px 20px; 
	float: right;
	clear: left;
	border: solid 7px #2f2f2f;
	background: #2f2f2f;
	max-height: 150px;
	max-width: 150px;
}

.BoxFeature i {
	clear: left;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	font-style: normal;
}

.FeatureStatus .new {
	background: #a30004;
	color: #fff;
	font-size: 0.9em;
	padding: 0px 4px 1px 4px;
	-webkit-border-radius: 2px;
}

.FeatureStatus .improved {
	background: orange;
	color: #fff;
	font-size: 0.9em;
	padding: 0px 4px 1px 4px;
	-webkit-border-radius: 2px;
}

#otherFeatures {
	overflow: hidden;
	font-size: 1em;
	margin: 60px 0;
	background: #111;
	padding: 0 20px 20px 20px;
}

#otherFeatures h3 {
	padding: 0 0 20px 0;
}

#otherFeatures h3 a {
	padding: 20px 0 0 0;
	display: block;
}

#otherFeatures h4 {
}

#otherFeatures .BoxFeature {
	float: left;
	width: 50%;
	clear: none;
	overflow: hidden;
	display: inline;
	border-bottom: none;
	padding: 0;
}

#otherFeatures .BoxFeature2 {
	margin-right: 20px;
	padding: 18px 0 15px 0;
	border-top: dashed 1px #444;
}

#BoxClear1, #BoxClear3, #BoxClear5, #BoxClear7, #BoxClear9, #BoxClear11, #BoxClear13, #BoxClear15, #BoxClear17, #BoxClear19, #BoxClear21, #BoxClear23, #BoxClear25, #BoxClear27, #BoxClear29 {
	display: none;
}

#BoxClear2, #BoxClear4, #BoxClear6, #BoxClear8, #BoxClear10, #BoxClear12, #BoxClear14, #BoxClear16, #BoxClear18, #BoxClear20, #BoxClear22, #BoxClear24, #BoxClear26, #BoxClear28, #BoxClear30 {
	clear: both;
}

.BoxVersionHistory {
	padding: 8px;
	margin: 0 0 10px 0;
	border-bottom: dashed 1px #444;
}

.BoxVersionHistory ul {
	margin: 0 0 12px 17px;
}

#VersionHistoryGS4, #VersionHistoryGS2-3, #BoxVersionHistory-earlierReleases {
	display: none;
}

#MainContentFullWidth-SpecialBox {
	margin: 5px 27px 25px 35px;
	padding: 6px 0px;
	font-size: 0.8em;
	line-height: 1.6;
	color: #bbb;
	text-align: center;
	border-bottom: dashed 1px #333;
	border-top: dashed 1px #333;
	display: block;
}

#MainContentFullWidth-SpecialBox h4 {
	font-size: 1.9em;
	color: #fff;
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 1.2;
}

#WhatsNewBox {
	display: none;
	margin-top: 10px;
}

#WhatsNewBox ul {
	text-align: left;
	margin: 0 0 0 20px;
}

#WhatsNewBox ul strong, #WhatsNewBox ul b {
	color: #eee;
}

#MainContentLeft {
	float: left;
	width: 280px;
	margin: 15px 0 40px 0px;
	padding: 0 0 0 35px;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
}

#MainContentLeft a, #MainContentRight a, #MainContentFullWidth a, #MainContentFullWidth-SpecialBox a {
	text-decoration: none;
	color: #4b96d0;
}

#MainContentLeft a:hover, #MainContentRight a:hover, #MainContentFullWidth a:hover, #MainContentFullWidth-SpecialBox a:hover  {
	color: #4b96d0;
	border-bottom: dotted 1px #4b96d0;
}

#MainContentLeft a:active, #MainContentRight a:active, #MainContentFullWidth a:active, #MainContentFullWidth-SpecialBox a:active  {
	color: #eee;
	border-bottom: solid 1px #eee;
}

#MainContentLeft i, #MainContentRight i {
	font-weight: normal;
	font-style: normal;
	background: #222;
	color: #ccc;
}

#MainContentRight {
	float: right;
	width: 260px;
	margin: 15px 0px 40px 0;
	padding: 0 30px 0 0;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
}


.screenshotDiv {
	text-align: center;
}

.screenshotDiv img.Screenshot {
	min-height: 100px;
}

.screenshotDiv a.ImageAnchor:hover, .screenshotDiv a.ImageAnchor:active {
	border: none !important;
}

#screenshotsNote {
	font-size: 12px; color: #bbb !important;
}

img.Screenshot {
	border: solid 7px #2f2f2f;
	margin-bottom: 45px;
	margin-top: 10px;
	background: #2f2f2f;
}

a.ScreenshotLink {
	cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
	border: none !important;
}

a.iPhoneFrame {
	display: block; 
	width: 235px;
	height: 545px;
	background: url(Images/iPhoneFrame5S.png) no-repeat top left;
}

a.iPhoneFrame img {
	border: none !important;
	width: 193px; 
	margin-top: 68px; margin-left: 2px;
}

a#moreScreenshots {
	text-decoration: none;
	color: #888;
	text-align: right;
	display: block;
	margin: -10px 0 0 0;
}

a:hover#moreScreenshots {
	color: #eee;
	border: none;
}

#MainContentRight:hover a#moreScreenshots{
	
}

.BoxDownload {
	margin: 5px 0 18px 0;
	font-size: 1.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #111 url(Images/CSSsprite-allSites.png) no-repeat scroll -330px -203px;
	overflow: hidden;
}

.BoxDownload .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll 0 0; position: absolute; left: 11px; top: 9px; display: block; width: 35px; height: 43px;	
}

.BoxGoBackToApplication {
	text-align: center;
	border: dashed 1px #444; 
	margin: 0 0 15px 0;
	font-size: 1.4em;
	background: #222;
}

.BoxGoBackToApplication:hover {
	text-align: center;
	border: solid 1px #444; 
	background: #2a2a2a;
}

.BoxDownload span {
	font-size: 11px;
	color: #aaa !important;
	display: block;
	padding: 0px 6px 6px 60px;
}

.BoxDownload span.releaseDate {
	font-size: 11px;
	color: #aaa !important;
	display: block;
	padding: 0px 6px 0px 0px;
	margin-top: -6px;
}


.BoxDownload a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 16px 1px 16px 60px;
	border: solid 1px #111;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	padding: 4px 6px 6px 60px;
	border: dashed 1px #444;
	-webkit-box-shadow: inset 0px 1px 2px #000;
	text-shadow: 0 1px 1px #000;
}

.BoxDownload a:hover {
	margin: 0px;padding: 3px 6px 5px 59px;
	border: solid 2px #444 !important;
	text-decoration: none;
	-webkit-box-shadow:none;
	text-shadow: none;-webkit-box-shadow: inset 0px 0px 3px #000;
}

ul#eBaySitesList {
	margin: 0 0 0 17px;
	clear: left;
}

ul#eBaySitesList li {
	float: left;
	width: 185px;
}

.BoxAwards {
	padding: 28px 0 10px 60px;
	clear: left;
	border-bottom: dashed 1px #444;
	position: relative;
}

.BoxAwards .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -162px -4px; position: absolute; left: 3px; top: 29px; display: block; width: 39px; height: 37px;
}

.BoxStore {
	border: dashed 1px #444;
	margin: 5px 0 18px 0;
	font-size: 1.4em;
	background: url(Images/Icon-Buy.png) 5px 8px no-repeat; /* for non-Webkit browsers */
	background: url(Images/Icon-Buy.png) 5px 8px no-repeat,
 	url(Images/Box-black.jpg) top left no-repeat; /* multiple backgrounds */
	background-color: #222; /* for non-Webkit browsers */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.BoxStore:hover {
	border: solid 1px #333; 
	background: #2a2a2a url(Images/Icon-Buy.png) no-repeat 5px 8px;
}

.BoxStore a {
	display: block;
	color: #fff;
	padding: 12px 6px 12px 60px;
}

.BoxStore a:hover {
	text-decoration: underline !important;
	border: none !important;
}

.FAQList {	
	font-size: 0.9em;
	position: relative;
}

.Question {
	padding: 5px 10px 5px 17px;
	cursor: pointer;
	margin: 1px 0;
    background: #222;
    position: relative;
}

.Question:hover {
    background: #333;
    color: #fff;
}

.Question .Qtrianle {
	background: url(Images/CSSsprite-productSites.png) no-repeat 0 -55px;
	position: absolute;
	width: 10px;
	height: 6px;
	left: 5px; top: 13px;
}

.Answer {
	padding: 3px 10px 6px 14px;
	color: #fff;
}

.ShowAllAnswers {
	cursor: pointer;
}

.ShowAllAnswers:hover {
	text-decoration: none;
	color: #4b96d0;
}

.ContactSpanLeft {
	display: block; 
	width: 120px; text-align: right; float: left;
	font-weight: bold;
	padding: 0 8px 0 0;
	 clear: both;
	 color: #fff;
}
.ContactSpanRight {
	display: block; text-align: left; float: left;
	width: 300px;
}

input, select, textarea {
	padding: 0;
	margin: 3px 0;
}

div.iwascodingCrew {
	clear: left;
}

div.iwascodingCrew img {
	border: solid 5px #2f2f2f;
	margin: 2px 20px 20px 0;
	background: #2f2f2f;
	clear: left;
}

.formularDiv {
	background: #222; 
	padding: 20px 10px;
}
	
#pseudoContentforIE {
	position: relative;
}

.clearFloat {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.clearFloatLeft {
	display: block;
	clear: left;
	font-size: 1px;
	line-height: 1px;
}

body#createdWithGSiFrame {
	background: #1f1f1f url(Images/GarageSale/createdWithGSiFrameBG.png) no-repeat scroll top left;
}

#createdWithGSiFrame-Link {
	padding: 5px 0px 15px 0;
	text-decoration: none;
	width:  111px;
	display: block;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 1px;
	line-height: 12pt;
	color: #e9f6fe;
}

#createdWithGS-Box {
	padding: 6px 0px 6px 10px;
	overflow: hidden;
}

#createdWithGS-BoxText {
	float: left;
	width: 128px;
	color: #aaa;
}

#createdWithGS-BoxiFrame {
	width: 111px;
	height: 28px;
	border: none;
	overflow: hidden;
	float: right;
	margin: 1px 7px 0 0;
	padding: 0;
}

/* @group Footer */

#Footer {
	width: 900px;
	margin-left: 0px;
	padding: 0px 0 15px 0;
	line-height: 1.4;
	font-size: 0.75em;
	color: #444;
	background: #000;
}

#FooterBGTop {
	background: url(Images/CSSsprite-allSites.png) repeat-x 0px -124px;
	height: 31px;
}

.FooterColumn {
	float: left;
	width:  255px;
	padding-left: 35px;
}

.FooterColumn a, .FooterColumn {
	-webkit-transition: color 0.1s linear;
	color: #777;
}

.FooterColumn:hover a, .FooterColumn:hover {
	color: #888;
}

.FooterColumn:hover b, .FooterColumn:hover strong {
	color: #aaa;
}

.FooterColumn h5 {
	font-size: 1em;
	font-weight: bold;
	color: #888;
	padding: 0;
	margin: 0px 0 10px 0;
}

.FooterColumn ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}

.FooterColumn b, .FooterColumn strong {
	color: #777;
}

.FooterColumn a {
	text-decoration: none;
	color: #777;
	-webkit-transition: color 0.1s linear;
}

.FooterColumn a:hover {
	text-decoration: none;
	color: #bbb;
}

.FooterColumn a:active {
	text-decoration: none;
	color: #eee;
}

#iwascodingFooter {
	font-size: 1.1em;
	margin-top: 20px;
	text-align: left;
}

a#iwascoding-Link {
	display: block;
	padding: 0px 0 10px 0;
	opacity: 0.7;
}

.footer-iwcLogo {
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -429px 0;
	display: block;
	width: 240px;
	height: 43px;
	margin: 0;
}

a#iwascoding-Link:hover, a#CPS-Link:hover {
	opacity: 1;
}

a#CPS-Link {
	display: block;
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -681px 0;
	height: 90px;
	width: 102px;
	opacity: 0.7;
	margin: 0;
}
/* @end */

/* @group Tooltip */

/* Tooltip js Function CSS: */

.toolTip {text-decoration: none; line-height: 1.4;}
.toolTipWrapper {width: 135px; position: absolute; left: 80px; display: none; color: #FFF; font-size: 11px; font-family: Helvetica, sans-serif; text-align: left; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.toolTipWrapperTriangle {display: block; width: 10px; height: 10px; position: absolute; left: 4px; top: 35%; background: url(Images/CSSsprite-productSites.png) no-repeat 0 -70px;}
.toolTipMid {display: block; background: #000; padding: 6px 3px 6px 9px; margin-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0 4px rgba(255,2555,255,0.4);}
/* @end */

/* @group iwascodingSites Header */

#Head-iwascodingSites div#appName {
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat 0 0;
	width: 418px;
	height: 81px;	
	margin-top: 128px;
	left: 99px;
}

#Head-iwascodingSites div#appName h1 {
	text-indent: -2000px;
}

#Head-iwascodingSites div#appSlogan {
}

#Head-iwascodingSites div#appSlogan h2 {
	text-indent: -2000px;
}


/* @end */

/* @group About iwascoding Header */
.aboutIwascoding #Head-iwascodingSites {
	width: 899px;
	height: 330px;
	background: #2a65a2 url(Images/head-About.jpg) no-repeat bottom left;
}

.aboutIwascoding  #BoxMainContentBG {
	background:  none;
}

#headerbarshadow {
	position: absolute; height: 4px; width: 899px; top: 39px; left: 0; z-index: 10; 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0));}
	
#Head-iwascodingSites div#appName {
	margin-top: 130px;
	left: 430px;
}


/* @end */


/* @group GarageSaleBasic Header */
#Head-GarageSaleBasic {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/GarageSaleBasic/website_Head-GarageSaleBasic.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GarageSaleBasic div#appName {
	margin-top: 107px !important;
}

#Head-GarageSaleBasic div#appName h1 {
	font-size: 3.3em !important;
	color: #fff;
}

#Head-GarageSaleBasic div#appSlogan {
	margin-top: 175px;
}

#Head-GarageSaleBasic div#appSlogan h2 {
	color: #fff;
}

#GarageSaleBasicIcon {
	background: url(Images/GarageSaleBasic/GarageSaleBasicIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

/* @end */

/* @group GarageSaleTouch Header */
#Head-GarageSaleTouch {
}

#Head-GarageSaleTouch div#appName {
	margin-top: 140px !important;
	left: 263px;
}

#Head-GarageSaleTouch div#appName h1 {
	font-size: 3.2em !important;
}

#Head-GarageSaleTouch div#appName .appNameAddition {
	font-size: 0.5em; font-weight: normal; font-family: "Lucida Grande", Lucida, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

#Head-GarageSaleTouch div#appSlogan {
	left: 303px;
	margin-top: 120px;
}

#Head-GarageSaleTouch div#appSlogan h2{
	color: #bad7ed;
}

#Head-GarageSaleTouch div#ebayApp {
	top: 145px;
}

#GarageSaleTouchIcon {
	background: url(Images/GarageSaleTouch/GarageSaleTouchIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

#gst-featureList {
	list-style-position:inside;
}

#gst-featureList li {
	padding-bottom: 10px;
}

.productIsGarageSaleTouch .AppStoreBadge {
	padding: 15px 0 15px 0;
	border-bottom:  solid 1px #333 !important;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* @end */

/* @group GarageBuyTouch Header */
body.productIsGarageBuytouch #SectionButtons {margin-left: 36px !important;}
body.productIsGarageBuytouch #BoxMainContentBG {background: none; padding-top: 30px;}
body.productIsGarageBuytouch ul#SectionButtons a {padding: 4px 24px 0 34px;}

#Head-GarageBuyTouch {
	width: 899px;
	height: 484px;
	background: #154c71 url(Images/GarageBuyTouch/website_Head-GarageBuyTouch.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GarageBuyTouch div#appName {
	margin-top: 107px !important;
	left: 263px;
}

#Head-GarageBuyTouch div#appName h1 {
	font-size: 3.4em !important;
	text-indent: -2000px;
}

#Head-GarageBuyTouch div#appSlogan {
	left: 490px;top: 240px; margin: 0; line-height: 1.6; width: 350px;
}

#Head-GarageBuyTouch div#appSlogan h2 {
	font-weight: bold; font-size: 12pt;
}

#Head-GarageBuyTouch div#ebayApp {
	top: 145px;
}

#subtitle {
	position: absolute; left: 650px;top: 195px; color: #fff; font-size: 10pt; text-align: right; text-shadow: 0 1px 1px rgba(0,0,0,0.35); opacity: 0.6;
}

#Head-GarageBuyTouch #headerText {
		color: #fff; font-size: 12pt; text-shadow: 0 1px 1px rgba(0,0,0,0.35); font-weight: normal;
}

#GarageBuyTouchIcon {
	background: url(Images/GarageBuyTouch/GarageBuyTouchiPhoneiPad.png) no-repeat top left scroll;
	width: 459px;
	height: 460px;
	position: absolute;
	z-index: 5;
	top: 65px;
	left: 60px;
}

/* @end */

/* @group GarageBuy Header */
body.productIsGarageBuy #SectionButtons {margin-left: 36px !important;}
body.productIsGarageBuy #BoxMainContentBG {background: none; padding-top: 25px;}
body.productIsGarageBuy ul#SectionButtons a {padding: 4px 24px 0 34px;}

#Head-GarageBuy {
	width: 899px;
	height: 427px;
	background: #154c71 url(Images/GarageBuy/website_Head-GarageBuy3.jpg) no-repeat top left;
	margin-left: 0px;
}
div#GarageBuyFreewareSticker  {
	background: url(Images/GarageBuy/GarageBuy-FreeSticker.jpg) no-repeat top left scroll;
	width: 80px;
	height: 91px;
	position: absolute;
	z-index: 5;
	top: 17px;
	left: 656px;
	display: block;
	border:  none;
}

#GarageBuyIcon {
	background: url(Images/GarageBuy/GB3-Header-Icon.png) no-repeat top left scroll;
	width: 288px;
	height: 246px;
	position: absolute;
	z-index: 5;
	top: 210px;
	left: 67px;
}

#Head-GarageBuy div#appName, #Head-GarageBuy div#appSlogan {
	text-indent: -2000px;
}

#Head-GarageBuy #headerText {
		position: absolute;
	top: 185px;
	left: 410px;
	width: 390px;
	font-size: 16px;
	color: #fff;
	line-height: 1.4;
	text-shadow: 0 1px 0px #2f6aa7;
	color: #639fc3; font-size: 11pt; text-shadow: 0 1px 1px rgba(0,0,0,0.25); font-weight: normal; line-height: 1.4;
}
#Head-GarageBuy #headerText h5 {
		color: #fff; font-size: 11pt; text-shadow: 0 1px 1px rgba(0,0,0,0.25); font-weight: bold; line-height: 1.4; margin: 20px 0 0 0; padding: 0;
}
#GarageBuySpecialBox {
	left: 664px;
}

/* @end */

/* @group GaragePay Header */
#Head-GaragePay {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/GaragePay/website_Head-GaragePay.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GaragePay div#appName h1 {
	color: #fff;
}

#Head-GaragePay div#appSlogan h2 {
	color: #fff;
}

#Head-GaragePay div#UBimage {
	top: 105px;
}

#Head-GaragePay div#PaypalLogo {
	background: url(Images/GaragePay/PaypalLogo.jpg) no-repeat top left scroll;
	width: 76px;
	height: 39px;
	position: absolute;
	top: 165px;
	right: 43px;
}

#GaragePayIcon {
	background: url(Images/GaragePay/GaragePayIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}
/* @end */

/* @group UnCoverIt Header */
body.productIsUnCoverIt #SectionButtons {margin-left: 275px !important;}
body.productIsUnCoverIt ul#SectionButtons a {padding: 4px 10px 0 20px;}

#Head-UnCoverIt {
	background: #bbb url(Images/UnCoverIt/website_Head-UnCoverIt.jpg) no-repeat top left;
}

#UnCoverItIcon {
	background: url(Images/UnCoverIt/UnCoverItIcon.png) no-repeat top left scroll;
	width: 250px;
	height: 250px;
	position: absolute;
	z-index: 5;
	top: 55px;
	left: 23px;
}

#Head-UnCoverIt div#appName {
	position: absolute;
	left: 318px;
	margin-top: 75px;
}

#Head-UnCoverIt div#appName h1 {
	color: #fff;
	font-size: 4.0em;
}

#Head-UnCoverIt div#appName h1 span {
	font-weight: normal;
}

#Head-UnCoverIt div#appSlogan {
	position: absolute;
	margin-top: 148px;
	left: 321px;
}

#Head-UnCoverIt div#appSlogan h2 {
	color: #fff;
}

#Head-UnCoverIt div#UBimage {
	top: 105px;
	right: 76px;
	display: none;
}
/* @end */

/* @group nibTranslate Header */
#nibTranslateIcon {
	background: url(Images/nibTranslate/nibTranslateIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

#Head-nibTranslate div#appName h1 {
	font-size: 4.2em !important;
}

#Head-nibTranslate div#appSlogan {
	left: 403px !important;
	margin-top: 165px !important;
}

#Head-nibTranslate div#UBimage {
	top: 105px;
	right: 76px;
}
/* @end */

/* @group GarageTunes Header */
body.productIsGarageTunes #SectionButtons {margin-left: 36px !important;}
body.productIsGarageTunes #BoxMainContentBG {background: none;}
body.productIsGarageTunes ul#SectionButtons a {padding: 4px 10px 0 20px;}

#Head-GarageTunes {
	width: 899px;
	height: 470px;
	background: #3e5668 url(Images/GarageTunes/website_Head-GarageTunes.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GarageTunes div#appName h1 {
	font-size: 2.2em !important;
	text-align: center;
	text-indent: -2000px;
}

#Head-GarageTunes div#appSlogan {
	left: 250px !important;
	margin-top: 140px !important;
	width: 420px;
	text-align: center;
}

div#appSlogan h2 {
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	color: #fff;
	font-size: 1.3em;
}
/* @end */


/* @group Created with GarageSale Site */
.createdWithGS #Head {height: 258px; background-position: top left;}
.createdWithGS #Head a#GarageSaleIcon {top: 80px;}
.createdWithGS #appName h1 {font-size: 24pt; margin: -10px 250px 0 30px; white-space: normal;}
.createdWithGS #appSlogan {width: 600px; left: 280px; font-size: 11px; top: -70px;}
.createdWithGS #BoxMainContent {width: 899px;}
.createdWithGS #BoxMainContentBG {padding-top: 15px;}
.createdWithGS #MainContentFullWidth {padding-right: 10px;}
.createdWithGS #createdWithGS-lastUpdated {position: absolute; right: 0px; top: 0px; color: #555; font-size: x-small;}
.createdWithGS a:hover {border: none !important;}
.createdWithGS li {font-size: 15px;}
.createdWithGS h4 {border-bottom: solid 1px #444; padding-bottom: 3px; padding-top: 25px;}

.createdWithGS-itemBox {height: 60px; overflow: hidden; margin-bottom: 2px;}
.createdWithGS .createdWithGS-itemBox table {background: #222;}
.createdWithGS .createdWithGS-itemBox table:hover {background: #2a2a2a;}
.createdWithGS table td.createdWithGS-imgBox {width: 61px; height: 60px; background: #fff; padding: 0; line-height: 0; font-size: 0; margin: 0;}
.createdWithGS table td.createdWithGS-imgBox img {#height: 60px; max-height: 60px; max-width: 60px;}
.createdWithGS table td.createdWithGS-imgBox a img {text-decoration: none !important; border: none !important;}
.createdWithGS table td.createdWithGS-imgBox .createdWithGS-imgPlaceholder {width: 60px;}
td.createdWithGS-textBox {width: 760px; padding-left: 15px;}
td.createdWithGS-textBox a {height: 60px; width: 750px; display: block; overflow: hidden;}
td.createdWithGS-textBox a:hover {border: none !important;}
td.createdWithGS-textBox a span.createdWithGS-itemTitle {padding-top: 7px; padding-bottom: 5px; display: block; font-size: 15px; -webkit-transition: color 0.3s linear;}
td.createdWithGS-textBox a:hover span.createdWithGS-itemTitle {color: #eee !important;}
td.createdWithGS-textBox a span.createdWithGS-itemDetails {font-size: 12px; color: #555;}
td.createdWithGS-textBox a span.createdWithGS-arrow {display: block; width: 20px; padding-top: 5px; float: right; font-weight: bold; font-size: 40px !important; color: #333; line-height: 1; -webkit-transition: color 0.3s linear;}
td.createdWithGS-textBox a:hover span.createdWithGS-arrow {color: #555;}
td.createdWithGS-textBox a:active span.createdWithGS-arrow {color: #fff;}

.createdWithGSStats {background: #222 url(Images/GarageSale/statsBG.png) repeat 0px 30px; margin-bottom: 40px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px;}
.createdWithGSStats table td {color: #fff;}
.createdWithGSStats-HeadTopLeft {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; -webkit-border-top-left-radius: 7px; border-right: solid 1px #345e83;}
td.createdWithGSStats-HeadTopCenter {border-left: solid 1px #66abe4;}
td.createdWithGSStats-HeadTopCenter div {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; border-right: solid 1px #345e83;}
td.createdWithGSStats-HeadTopRight {border-left: solid 1px #66abe4;}
td.createdWithGSStats-HeadTopRight div {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-right-radius: 7px;}
td.createdWithGSStats-Item1 .createdWithGSStats-Item1div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item1 .createdWithGSStats-Item1div div {padding-top: 2px; font-size: 11pt; border-right: solid 1px #000;}
td.createdWithGSStats-Item2 {border-left: solid 1px #333;}
td.createdWithGSStats-Item2 .createdWithGSStats-Item2div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item2 .createdWithGSStats-Item2div div {padding-top: 2px; font-size: 11pt; border-right: solid 1px #000;}
td.createdWithGSStats-Item3 {border-left: solid 1px #333;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div div {padding-top: 2px; font-size: 11pt;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div div a {padding: 0 25px;}

/* @group IconLegend */
body#IconLegend {font-family: 'Lucida Grande', sans-serif; color: #000; font-size: 10pt;}
body.GarageSaleLegend {background: #c5cdd9 url(GarageSale/GarageSaleLegend/BG.png) repeat top left;}
body#IconLegend td.left {padding: 5px 5px 5px 25px;border-right: solid 1px #888; width: 280;color: #000; font-size: 8pt;}
body#IconLegend td.left img {float: left; padding-right: 3px;}
body#IconLegend td.section {padding: 5px;border-right: solid 1px #888; color: #555; font-size: 8pt;}
body#IconLegend td.right {padding: 5px 5px 5px 5px;color: #000; background: #eee; font-size: 8pt;}
/* @end */
/* @end */

/* @group Blog CSS */
#MainContentFullWidth .post:first-child .small:first-child {color: #999;}
.imageRight, .rightImage {float: right; margin: 3px 0 8px 15px; border: none;}
.imageLeft, .leftImage {float: left; margin: 3px 15px 8px 0px; border: none;}
.entry ul li:before {content: "" !important; }
.entry ul li {list-style-position: inside !important;}
.entry ul {text-indent: 0px !important;}
/* @end */

/* @group Lost Licenses Form */
input#LLFormField, input#LLFormSubmit {display: block; height: 28px; border: none; font-size: 13px; padding: 0 7px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
input#LLFormField {max-width: 428px; -webkit-box-shadow: inset 0px 1px 2px #888; -moz-box-shadow: inset 0px 1px 2px #888; box-shadow: inset 0px 1px 2px #888;}
input#LLFormSubmit {cursor: pointer; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#5d95c8), to(#356ea4)); background-color: #356ea4; margin-left: 3px;}
input#LLFormSubmit:hover {text-shadow: 0 0px 3px #444;}
input#LLFormSubmit:active {color: #222; text-shadow: none;}
/* @end */

/* @group Contact Page - SupportBox */
#SB-notes {width: 570px; position: relative; z-index: 100; padding: 10px 0 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: left; background: url(Images/SB-XmasBG.png),-webkit-gradient(linear, left top, left bottom, from(#5d95c8), to(#356ea4)) !important; background-color: #356ea4; text-shadow: 0 1px 0 rgba(0,0,0,0.2);}
#SB-notes span {display: block; padding: 0 100px 0 20px; font-size: 12pt; font-weight: bold; color: #fff;}
#SB-notes p {padding: 0 20px 0 0; font-size: 11px; margin: 0; font-weight: normal; line-height: 1.3; opacity: 0.6;}
#SB-Xmas {position: absolute; background: url(Images/SB-Xmas.png) no-repeat top left; width: 155px; height: 112px; right: 0; bottom: -16px;}

#SB {width: 570px; margin-top: 5px; background: #fff; overflow: hidden; position: relative; -webkit-user-select: none; padding-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-perspective: 1; -moz-perspective: 1; perspective: 1; -webkit-transform-style: preserve-3d;}
#SB ul, #SB li {margin: 0; padding: 0; list-style-type: none;}

#SB-productList {width: 225px; float: left; position: relative; z-index: 2; color: #444;}
#SB-productList li {display: block; padding: 6px 5px 4px 9px; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 12px; font-weight: bold; position: relative; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);}
#SB-productList li:hover {background-color: #666; color: #fff; -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.2);}
#SB-productList li:active {background-color: #555; color: #fff; -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 7px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.4);}
#SB-productList li span {font-size: 10px; font-weight: normal;}
#SB-productList li em {display: block; float: left; width: 32px; height: 24px; verflow: hidden; margin-top: -1px;}
#SB-productList li img {height: 24px; vertical-align: top;}
#SB-productList li i {position: absolute; height: 100%; width: 8px; right: 7px; top: 0; background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -793px -24px;}
#SB-productList li:hover i {background-position: -813px -24px;}
#SB-GarageSale {-webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px;}
.SB-current, .SB-current:hover, .SB-GarageSale, .SB-GarageSale:hover {background: -webkit-gradient(linear, left top, left bottom, from(#5d95c8), to(#356ea4)) !important; background-color: #356ea4 !important; color: #fff !important; -webkit-box-shadow: none !important;}
.SB-current i, .SB-current:hover i, .SB-GarageSale i, .SB-GarageSale:hover i {background-position: -813px -24px !important;}
#SB-productListBG {width: 224px; position: absolute; top: 0; bottom: 0; left: 0px; border-right: solid 1px #e4e4e4;}

#SB-resources div {width: 315px; float: right; padding: 25px 0 5px 0; position: relative; display: none;}
.SB-active, .SB-activeGarageSale {display: block !important;}
#SB h5 {font-size: 20px; margin: 0; padding: 0px 0 5px 0px; line-height: 1.4; overflow: hidden; color: #333; min-height: 55px;}
#SB h5 span {display: block; font-size: 12px; font-weight: normal;}
/*#SB-resources li:first-child a:first-child {-webkit-border-top-left-radius: 5px;}*/
#SB-resources li {position: relative;}
#SB-resources li a i {position: absolute; background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -833px center; width: 20px; top: 0; right: 0; height: 100%;}
#SB-resources li a:hover i {background-position: -863px center;}
#SB-resources a {margin: 1px 0 0 0; padding: 8px 30px 8px 15px; background-color: #eee; font-size: 14px; line-height: 1.5; color: #1662a8 !important; -webkit-transition: background-color linear 0.05s; display: block; overflow: hidden;}
#SB-resources a:hover {border: none !important; background-color: #e3e3e3;}
#SB-resources a:active {color: #444 !important; background-color: #ddd;}
#SB-resources a span {display: block; font-size: 12px; color: #666;}
#SB-resources a:hover span {color: #444;}
#SB-resources a span span {font-size: 10px; height: 0px; overflow: hidden; color: #e3e3e3; -webkit-transition-duration: 0.6s,0.2s; -webkit-transition-property: color,height; -moz-transition-duration: 0.6s,0.2s; -moz-transition-property: opacity,height;}
#SB-resources a:hover span span {height: 31px;}
#SB-resources img {float: left; padding-right: 7px}
/*noscript Area:*/
ul#SB-noscriptProductList h5 {font-size: 18px; margin: 0; padding: 0 10px 10px 30px; min-height: 10px; font-weight: normal;}
ul#SB-noscriptProductList {margin: 10px 0; color: #000; font-size: 16px;}
ul#SB-noscriptProductList li {display: block; color: #000; overflow: hidden; padding: 4px 30px;}
ul#SB-noscriptProductList li:nth-child(even) {background: #f5f5f5;}
ul#SB-noscriptProductList li:nth-child(odd) {background: #fff;}
ul#SB-noscriptProductList li:hover {background: #eaeaea;}
ul#SB-noscriptProductList em {display: block; float: left; width: 60px; height: 50px; overflow: hidden;}
ul#SB-noscriptProductList img {float: left;}
ul#SB-noscriptProductList span {display: block; float: left; height: 22px; font-weight: bold; margin-top: 10px; padding: 0 15px; -webkit-user-select: text;}

/*Animations on start:*/
/*webkit*/
@-webkit-keyframes SupportBoxAnimation {
 0% {-webkit-transform: scale(0.0) translate(0px,-140px); opacity: 0;}
 100% {-webkit-transform: scale(1.0) translate(0px,0px); opacity: 1;}
}
#SB {-webkit-animation: SupportBoxAnimation 0.5s 1;}
@-webkit-keyframes productListAnimation {
 0% {-webkit-transform: translate(0px,-500px);}
 100% {-webkit-transform: translate(0px,0px);}
}
#SB-productList {-webkit-animation: productListAnimation 0.6s 1;}
/*mozilla*/
@-moz-keyframes SupportBoxAnimation {
 0% {-moz-transform: scale(0.0) translate(0px,-140px);}
 100% {-moz-transform: scale(1.0) translate(0px,0px);}
}
#SB {-moz-animation: SupportBoxAnimation 0.5s 1;}
@-moz-keyframes productListAnimation {
 0% {-moz-transform:  translate(0px,-500px);}
 100% {-moz-transform: translate(0px,0px);}
}
#SB-productList {-moz-animation: productListAnimation 0.6s 1;}
/*Animations on product list click:*/
/*webkit*/
@-webkit-keyframes appNameAnimation {
 0% {-webkit-transform: translate(0px,-150px)}
 50% {-webkit-transform: translate(0px,20px)}
 100% {-webkit-transform: translate(0px,0px)}
}
.SB-active h5 {-webkit-animation: appNameAnimation 0.4s 1;}
@-webkit-keyframes resourceListAnimation {
 0% {-webkit-transform: translate(0px,0px) scale(1,1)}
 40% {-webkit-transform: translate(0px,0px) scale(1,1)}
 50% {-webkit-transform: translate(0px,10px) scale(1,0.9)}
 100% {-webkit-transform: translate(0px,0px) scale(1,1)}
}
.SB-active ul {-webkit-animation: resourceListAnimation 0.4s 1;}
/*mozilla*/
@-moz-keyframes appNameAnimation {
 0% {-moz-transform: translate(0px,-150px)}
 50% {-moz-transform: translate(0px,20px)}
 100% {-moz-transform: translate(0px,0px)}
}
.SB-active h5 {-moz-animation: appNameAnimation 0.4s 1;}
@-moz-keyframes resourceListAnimation {
 0% {-moz-transform: translate(0px,0px) scale(1,1)}
 40% {-moz-transform: translate(0px,0px) scale(1,1)}
 50% {-moz-transform: translate(0px,10px) scale(1,0.9)}
 100% {-moz-transform: translate(0px,0px) scale(1,1)}
}
.SB-active ul {-moz-animation: resourceListAnimation 0.4s 1;}
/* @end */

/* @group FeatureComparisonTable */
#FeatureComparisonTable {
	font-size: 10pt;
	border: none;
}

#FeatureComparisonTable tr:nth-child(odd) {
	background: #262829;
}

#FeatureComparisonTable tr:nth-child(even) {
	background: #222;
}

#FeatureComparisonTable tr:hover {
	background: #161616;
}

.FeatureComparisonLinks a {
	color: #eee;
	text-decoration: none;
}


/* @end */

/* @group DevelopmentServices */
#Head-developmentservices {
	width: 899px;
	height: 328px;
	background: #2a65a2 url(Images/DevelopmentServices/Head-DevelopmentServices.jpg) no-repeat bottom left;
	-webkit-perspective: 1; -moz-perspective: 1; perspective: 1; -webkit-transform-style: preserve-3d;
}

#Head-leftfragment {
	position: absolute; width: 12px; height: 328px; background: url(Images/DevelopmentServices/Head-DevelopmentServices_leftfragment.png) no-repeat bottom left; top: 0px; left: -12px;
}

#headerbarshadow {
	position: absolute; height: 4px; width: 899px; top: 39px; left: 0; z-index: 10; 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0));}

#Head-developmentservices div#headerText {
	position: absolute;
	top: 95px;
	left: 530px;
	width: 290px;
	font-size: 16px;
	color: #fff;
	line-height: 1.4;
	text-shadow: 0 1px 0px #2f6aa7;
}

#developmentservices #Main {
	padding-top: 0; padding-bottom: 0;
}

#developmentservices #BoxMainContentBG {
	background: none;
}

#developmentservices #BoxMainContent {
	width: 899px;	
	background: #fff;
}

#developmentservices #MainContentFullWidth {
	margin: 0px 0px 0px 0px;
	padding: 10px 0 30px 30px;
	font-size: 1em;
	color: #444;
	min-height: 600px;
	text-align: left;
	background: #fff;
}

#developmentservices #FooterBGTop {
	background: #000; height: 20px;
}

#DS-content {
	overflow: hidden; background: url(Images/DevelopmentServices/column-separators.png) repeat-y 272px 0; padding-top: 10px;
}

#DS-content .DS-column {
	width: 252px; float: left; margin-left: 40px; line-height: 1.4; min-height: 450px;
}

#DS-content #DS-firstcolumn {
	margin-left: 0px;
}

#DS-content .DS-column h2 {
	margin: 0; padding: 0; font-size: 17pt; color: #505050; font-weight: bold; line-height: 1.2; -webkit-transition: color linear 0.1s; -moz-transition: color linear 0.1s;
}

#DS-content .DS-column h3 {
	margin: 0 0 14px 0; padding: 5px 3px 7px 10px; font-size: 10pt; color: #dcedff; font-weight: normal;
	background: #3f7ab7; background: -webkit-linear-gradient(top, #528dca, #3f7ab7); background: -moz-linear-gradient(top, #528dca, #3f7ab7); background: linear-gradient(top, #528dca, #3f7ab7); -webkit-border-radius: 2px; border-radius: 2px;

}

#DS-content .DS-column:hover h2 {
	color: #3f7ab7;
}
#DS-content .DS-column:hover h3 {
	color: #fff;
}

#DS-content #DS-thirdcolumn a {
	display: block; width: 120px; margin: 0 3px 3px 0; float: left; height: 80px; border: dotted 1px #ccc; text-align: center;
}
#DS-content #DS-thirdcolumn a:hover {
	border: solid 1px #528dca; -webkit-box-shadow: 0px 1px 4px #ccc; box-shadow: 0px 1px 4px #ccc;
}
#DS-content #DS-thirdcolumn a:active {
	-webkit-box-shadow: none; box-shadow: none;
}

#DS-footer {
	margin: 30px 0 0 0; width: 836px; text-shadow: 0 1px 0 #fff;
	background: #ebebeb; background: -webkit-linear-gradient(top, #bbb 15%, #ebebeb 30%); background: linear-gradient(top, #bbb 15%, #ebebeb 30%);
	-webkit-border-radius: 2px; border-radius: 2px; 
}

#DS-footer h2 {
	margin: 0; padding: 1px 0 2px 30px; background: #505050; font-size: 13pt; color: #fff; font-weight: bold;
	background: -webkit-linear-gradient(top, #808080, #646464); background: -moz-linear-gradient(top, #646464, #505050); background: linear-gradient(top, #646464, #505050); text-shadow: none; 
	-webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px;
}

#DS-contactText {
	padding: 15px 30px 15px 30px; overflow: hidden; clear: both; line-height: 1.4;
}

#DS-contactText a {
	display: block; color: #fff; padding: 5px 30px 6px 40px; float: right; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  border: solid 0px #2a4a6b; text-shadow: none;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4);
	background: #3f7ab7; background: -webkit-linear-gradient(top, #5895d4, #3f7ab7); background: -moz-linear-gradient(top, #5895d4, #3f7ab7); background: linear-gradient(top, #5895d4, #3f7ab7); color: #fff;
	-webkit-transition: padding ease-in-out 0.2s; -moz-transition: padding ease-in-out 0.2s;
}
#DS-contactText a:hover {
	color: #fff; border: solid 0px #2a4a6b;
}
#DS-contactText a:active {
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4);
}
#DS-contactText:hover a {
	 padding: 5px 40px 6px 50px;
}
#DS-arrow {
	display: block; width: 20px; height: 20px; float:  right; background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -810px -29px;
}
#DS-contactAddress {
	border-top: dotted 1px #bbb; padding: 6px 30px; color: #505050; font-size: 10pt
}

@-webkit-keyframes fadeInHeaderText {
 0% {-webkit-transform: translate(0px,0px); opacity: 0;}
 50% {-webkit-transform: translate(0px,0px); opacity: 0;}
 100% {-webkit-transform: translate(0px,0px); opacity: 1;}
}
@-moz-keyframes fadeInHeaderText {
 0% {-moz-transform: translate(0px,0px); opacity: 0;}
 50% {-moz-transform: translate(0px,0px); opacity: 0;}
 100% {-moz-transform: translate(0px,0px); opacity: 1;}
}
#Head-developmentservices #headerText {-webkit-animation: fadeInHeaderText 2s 1; -moz-animation: fadeInHeaderText 1s 1;}

@-webkit-keyframes expandHeader {
 0% {-webkit-transform: translate(0px,0px); height: 270px;}
 100% {-webkit-transform: translate(0px,0px); height: 328px;}
}
@-moz-keyframes expandHeader {
 0% {-moz-transform: translate(0px,0px); height: 270px;}
 100% {-moz-transform: translate(0px,0px); height: 328px;}
}
#Head-developmentservices {-webkit-animation: expandHeader 1s 1; -moz-animation: expandHeader 1s 1;}

@-webkit-keyframes expandHeader2 {
 0% {-webkit-transform: translate(0px,0px); height: 270px;}
 100% {-webkit-transform: translate(0px,0px); height: 328px;}
}
@-moz-keyframes expandHeader2 {
 0% {-moz-transform: translate(0px,0px); height: 270px;}
 100% {-moz-transform: translate(0px,0px); height: 328px;}
}
#Head-leftfragment {-webkit-animation: expandHeader2 1s 1; -moz-animation: expandHeader2 1s 1;}

/* @end */

/* @group Jobs Header */
.iwascodingJobs #Head-iwascodingSites {
	width: 899px;
	height: 330px;
	background: #2a65a2 url(Images/head-About.jpg) no-repeat bottom left;
}

.iwascodingJobs div#headerText {
	position: absolute;
	top: 105px;
	left: 450px;
	width: 360px;
	font-size: 16px;
	color: #fff;
	line-height: 1.4;
	text-shadow: 0 1px 0px #2f6aa7;
}
.iwascodingJobs #headerText h2 {
	padding: 0; margin: 0; font-size: 18pt; 
}

.iwascodingJobs #DS-content .DS-column h3 {
	font-size: 12pt;
	padding: 7px 3px 6px 10px;
}
#DS-content .DS-column {
	font-size: 10pt;
}

#DS-content .DS-column li {
	margin-left: 18px;
}


/* @end */

/* @group iPhone and iPad CSS */
@media only screen and (max-device-width: 1024px) {
	a#ProductsButton, #Products, #iwascodingButton, #iwascodingLinks, #iPhoneProductsBox, a#ProductsButton {display: none !important;}
	#iPhoneAppSelectorForm, #iPhoneIwasSelectorForm {display: block !important;}
	body {-webkit-font-smoothing: subpixel-antialiased;}
}

#iPhoneAppSelectorForm {width: 105px; height: 39px; background: #eee url(Images/CSSsprite-allSites.png) no-repeat -242px -44px; position: absolute; z-index: 35;}
#iPhoneAppSelector {width: 170px;}
#iPhoneIwasSelectorForm {width: 196px; height: 39px; background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 -44px; position: absolute; z-index: 35;}
#iPhoneAppSelector, #iPhoneIwasSelector {margin-top: 12px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
#iPhoneIwasSelector {width: 190px;}
/* @end */