@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
html, body {
	padding: 0;
	margin: 10;
	font: normal normal normal 1em/1.5 Georgia, serif;
	color: #333;
}
#loginContainer {
	width: 300px;
	margin: 30px auto;	
}
#loginContainer p {
	color: #fff;	
}
.clear {
	clear: both;
}
.red {
	color: #F00;	
}
.floatRight {
	float: right;	
	margin-left: 20px;
}
.headingTxtContainer {
	width: 960px;
	margin: 0px auto;
}
.headingTxt {
	font: bold 1.50em 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.headingTxt2 {
	font: bold 1.30em 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #13254B;
}
#header {
	position: relative;
	width: 960px;
	height: 57px;
	margin: 0px auto;
	/*background: url(../images/headerBg.jpg) repeat-x;*/
}
#samplePageWarning {
	position: relative;
	width: 960px;
	height: 60px;
	margin: 10px auto;
	background: #FFFFCC url(../images/samplePageWarningIcon.gif) no-repeat 10px 14px;
	border: thin solid #9a6010;
	
}
#samplePageWarning span {
	display: block;
	margin: 17px 10px 10px 50px;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #9a6010;
}
.divLeft {
	position: absolute;
	left: 3px;
	bottom: 9px;
	font-size: 1.75em;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #fff;
	width: 225px;
	font-weight: bold;
	height: 41px;
}
.divRight {
	position: absolute;
	right: 0px;
	bottom: 10px;
	/*visibility: hidden;*/
}
.button1 {
	padding: 4px 14px;
	font-size: 13px;
	font-family: "Lucida Grande", 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	text-align: center;
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
		
}
.button1 a {
	color: #000;
	text-decoration: none;
}
.button1 a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.button2 {
	padding: 4px 12px;
	font-size: 15px;
	font-family: "Lucida Grande", 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	text-align: center;
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(xß startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	border: thin solid #000;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
		
}
.button2 a {
	color: #000;
	text-decoration: none;
}
.button2 a:hover {
	text-decoration: underline;
}
.button3 {
	padding: 4px 12px;
	font-size: 15px;
	font-family: "Lucida Grande", 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	text-align: center;
	background: rgb(205,235,142); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
	border: thin solid #000;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
		
}
.button3 a {
	color: #000;
	text-decoration: none;
}
.button3 a {
	color: #000;
	text-decoration: none;
}
.buttonRight {
	float: right;
	margin-left: 20px;
	color: #FFF;
	font-weight: bold;
}
#logoArea {
	position: relative;
	width: 960px;
	height: 112px;
	margin: 0px auto;
	visibility: hidden;
}
#logoArea2 {
	position: relative;
	width: 960px;
	/*height: 132px;*/
	margin: 0px auto;
	visibility: hidden;
	display: none;	
}
#logoArea3 {
	position: relative;
	width: 960px;
	height: 132px;
	margin: 0px auto;
	visibility: hidden;
}
.logoGGC {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 300px;
	height: 95px;
	visibility: hidden;
}
.logoRight {
	position: absolute;
	top: 10px;
	Right: 0px;
	visibility: hidden;
}
.logoTxt {
	position: absolute;
	left: 298px;
	top: 10px;
	width: 486px;

































































































	font-size: .s09em;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: center;
	font-weight: bold;
	height: 30px;
}
.logoTxtLeft {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 2px;
	font: bold 1.30em 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	visibility: hidden;
	visibility: hidden;
}
.logoTxtMiddle {
	position: absolute;
	left: 290px;
	bottom: 1px;
	padding: 2px;
	font-size: 1.75em;
	font-weight: bold;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #000;
	visibility: hidden;
}
#mainStage {
	position: relative;
	height: 302px;
	width: 960px;
	margin: 0px auto;
}
#mainStagePages {
	position: relative;
	height: 301px;
	width: 960px;
	margin: 0px auto 10px auto;
}
#mainStagePages.ps {
	background: url(../images/mainStagePSBg.jpg) no-repeat;
}
#mainStagePages.free {
	background: url(../images/mainStageFreeBg.jpg) no-repeat;
}
#mainStagePages.med {
	background: url(../../myconsum/images/mainStageMedBg.jpg) no-repeat;
}
#mainStagePages.freePet {
	background: url(../images/mainStageFreePetBg.jpg) no-repeat;
}
#mainStagePages.soft {
	background: url(../images/mainStageSoftBg.jpg) no-repeat;
}
#mainStagePages.softCRM {
	background: url(../images/mainStageSoftCRMBg.jpg) no-repeat;
}
#mainStageUnder {
	position: relative;
	width: 960px;
	height: 100px;
	margin: 0px auto;
	background: url(../images/mainStageUnderBg.jpg) no-repeat;
}
#mainStageUnder h3 {
	margin: 0px;
	padding: 0px;
	font: bold 1.30em/200% 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	
}
#mainStageUnder span#one h3 {
	position: absolute;
	top: 50px;
	left: 60px;
	margin: 0px;
	padding: 0px;
	font: bold 1.20em/200% 'PT Sans', Arial, Verdana, Geneva, sans-serif;	
}
#mainStageUnder span#two h3 {
	position: absolute;
	top: 50px;
	left: 395px;
	margin: 0px;
	padding: 0px;
	font: bold 1.20em/200% 'PT Sans', Arial, Verdana, Geneva, sans-serif;	
}
#mainStageUnder span#three h3 {
	position: absolute;
	top: 50px;
	left: 715px;
	margin: 0px;
	padding: 0px;
	font: bold 1.20em/200% 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	
}
#page {
	width: 750px;
	position: relative;
	margin: 0px auto 20px auto;
	background: no-repeat;
	text-align: center;
	font-size: 10pt;
}
.homeBottom {
	position: relative;
	margin: 0px auto;
	width: 960px;
	font: normal normal normal .75em/1.3 Verdana, Geneva, sans-serif;
}
.homeBottom h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1.30em;
	font-weight: bold;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #666
}
.itemsColumnLeft {
	float: left;
	width: 460px;
}
.itemsColumnRight {
	float: right;
	width: 460px;
}
.itemsBox {
	position: relative;
	width: inherit;
	margin-top: 20px;
	font: normal normal normal 1em/1.3 Verdana, Geneva, sans-serif;		
}
.itemsBox img {
	float: left;
	width: 125px;
	height: 125px;
	margin: 0px 10px 10px 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.itemsBox div {
	margin-top: 5px;
	text-align: right;		
}
.itemsBox div a {
	color: #069;		
}
.itemsBox h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.75em;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #666;
}
.itemsBoxSmall {
	float: left;
	width: 231px;
	margin-right: 12px;
	margin-top: 20px;
	font: normal normal normal 1em/1.3 Verdana, Geneva, sans-serif;
}
.itemsBoxSmall img {
	width: 231px;
	height: 125px;
	margin: 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.itemsBoxSmall div {
	margin-top: 5px;
	text-align: right;		
}
.itemsBoxSmall div a {
	color: #069;		
}
.itemsBoxSmall h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.75em;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #666;
}
.itemsBoxSmallRight {
	float: right;
	width: 231px;
	height: 400px;
	margin-top: 20px;
	font: normal normal normal 1em/1.3 Verdana, Geneva, sans-serif;
}
.itemsBoxSmallRight img {
	width: 231px;
	height: 125px;
	margin: 0px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.itemsBoxSmallRight div {
	margin-top: 5px;
	text-align: right;		
}
.itemsBoxSmallRight div a {
	color: #069;		
}
.itemsBoxSmallRight h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.75em;
	font-family: 'PT Sans', Arial, Verdana, Geneva, sans-serif;
	color: #666;
}

#screenShotsContent {
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	width: 930px;
	height: 436px;
}
.screenShotText { 
	position: absolute;
	left: -350px;
	top: 170px;
	width: 320px;
	height: 260px;
	font-weight: normal !important;
	color: #000;
}#navLeftScreenShots {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 250px;
	font: normal normal normal 12px/1.3% Verdana, Geneva, sans-serif;
	line-height: 18px;	
}
#navLeftScreenShots a {
	color: #000;
}
#navLeftScreenShots a:hover {
	color: #000;
}




#footer {
	position: relative;
	width: 100%;
	height: 0px;
	background: url(../images/footer.jpg) repeat-x;
	visibility: hidden;
}
.footerContent{
	width: 940px;
	margin: 0px auto;
	padding-top: 15px;
	font: normal normal normal .7em/1.8 Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 10px;
}
.footerContent ul {
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	list-style: none;
}
.footerContent a {
	color: #FFF;
	text-decoration: none;
}
.footerContent ul li span {
	font-weight: bold;
	font-family: Geneva, Geneva, sans-serif;
	color: #fff;
}
.footerContent span a {
	font-weight: bold;
	font-family: Geneva, Geneva, sans-serif;
	color: #fff;
}