/* TOC

1: - Global Styles

	1.1: - General
	1.2: - Headings
	1.3: - Forms
	1.4: - Buttons
	1.5: - Lists

2: - Page Layout Divs

3: - Header

	3.1: - Logo
	3.2: - Menu

4: - Homepage

	4.1: - cManager Section
	4.2: - cMailer Section    
	4.3: - Websites powered by Codagenic

5: - Internal Page

	5.1: - Banner
	5.2: - Submenu
	5.3: - Content
	5.4: - Content Footer

6: - Footer

7: - sIFR

	7.1: - Standard sIFR Styles
	7.2: - Custom sIFR Styles

*/


/* 1 :-------- Global Styles ------------ */
		
	/* 1.1 : -------- General ------------ */
		body {
			margin: 0;
			padding: 0;
			font-size: 69%;
			background: #e7e7e7 url(../Images/backgrounds/body.gif) repeat-x 0 0;
			}
			
		body, td, input, textarea, select {
			font-family: Arial, Helvetica, sans-serif;
			color: #545454;
			}
			
		a {
			color: #5f9bc5;
			text-decoration: none;
			}
			
		a:hover {
			text-decoration: underline;
			}
			
		a img {
			border: none;
			}
			
		p {
			margin: 0;
			padding: 0 0 0.6em 0;
			}
			
		sup {
			font-size: 0.6em;
			}
			
		blockquote {
			font-size: 1.63em;
			font-style: italic;
			margin: 0 0 0.45em 0;
			padding: 0;
			}
		
	/* 1.2 : -------- Headings ------------ */			
		h1 {
			font-size: 4em;
			font-weight: normal;
			margin: 0 0 0.27em 0;
			padding: 0;
			color: #fff;
			}
			
		h1 sup {
			font-size: 0.35em;
			}
			
		h2 {
			font-size: 1.63em;
			font-weight: normal;
			margin: 0 0 0.35em 0;
			padding: 0;
			color: #3d3d3d;
			}
			
		h3 {
			font-size: 1.36em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			line-height: 1.36em;
			margin: 0 0 0.45em 0;
			padding: 0;
			}
			
		h4 {
			font-size: 1.18em;
			font-weight: normal;
			margin: 0 0 0.8em 0;
			padding: 0;
			}
		
	/* 1.3 : -------- Forms ------------ */			
		form {
			margin: 0;
			padding: 0;
			}
			
		fieldset {
			border: none;
			}
						
		.formRow {
			border-top: 1px solid #d8d8d8;
			padding: 4px 0;
			width: 100%;
			overflow: hidden;
			font-size: 1.09em;
			}			
			
		.formRow input, select, textarea {
			display: block;
			font-size: 1em;
			color: #888;
			border: 1px solid #ededed;
			background-color: #e8e8e8;
			}
			
		select {
			width: 224px;
			padding-left: 8px;
			}
			
		.formRow input {
			padding: 3px 8px;
			width: 206px;
			}
			
		textarea {
			clear: both;
			padding: 3px 0 3px 8px;
			width: 459px;
			height: 10em;
			}
			
		.formRowFirst {
			margin-top: 18px;
			}
			
		.formRow label, .formRow .checkboxList span {
			float: left;
			width: 245px;
			padding-top: 3px;
			}
			
		.formRow .textarea label {
			float: none;
			display: block;
			padding-bottom: 3px;
			}
			
		.formRow input, .formRow select {
			/*float: right;*/
			}
			
		.formRow .checkboxes {
			float: right;
			width: 224px;
			}
			
		.formRow .checkboxes div {
			width: 100%;
			overflow: hidden;
			}
			
		.formRow .checkboxes input {
			float: left;
			width: 16px;
			height: 16px;
			margin: 3px 0;
			padding: 0;
			background-color: transparent;
			border: none;
			}
			
		.formRow .checkboxes label {
			width: 200px;
			padding-left: 8px;
			color: #808080;
			}
		
	/* 1.4 : -------- Buttons ------------ */
		.arrowLink {
			display: block;
			background: transparent url(../Images/bullets/arrowGrey.gif) no-repeat 3px 8px;
			padding: 7px 0 0 20px;
			font-weight: bold;
			color: #545454;
			}
		
	/* 1.5 : -------- Lists ------------ */			
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
		ul li {
			background: transparent url(../Images/bullets/tickGrey.gif) no-repeat 0 4px;
			padding: 3px 0 3px 20px;
			font-weight: bold;
			}
			
		ul.linkList li {
			background: transparent url(../Images/bullets/arrowGrey.gif) no-repeat 3px 4px;
			}
			
		ul.linkList li a {
			color: #545454;
			}


/* 2 :-------- Page Layout Divs ------------ */
	.container {
		width: 951px;
		margin: auto;
		background: url(../Images/backgrounds/bodyShadow.gif) repeat-y 0 0;
		}
		
	.containerInner {
		min-height: 705px; _height: 705px;
		padding: 0 13px;
		background: url(../Images/backgrounds/bodyShadowTop.gif) no-repeat 0 0;
		}


/* 3 :-------- Header ------------ */
	.header {
		position: relative;
		height: 97px;
		}
		
	/* 3.1 : -------- Logo ------------ */		
		.header img {
			position: absolute;
			right: 19px;
			top: 11px;
			}
		
	/* 3.2 : -------- Menu ------------ */		
		.header ul {
			position: absolute;
			left: 0px;
			top: 64px;
			width: 100%;
			overflow: hidden;
			}
			
		.header ul li {
			float: left;
			margin-right: 1px;
			background: none;
			padding: 0;
			}
			
		.header ul li a {
			float: left;
			padding: 9px 30px 0 30px;
			height: 24px;
			font-size: 1.09em;
			color: #5f9bc5;
			}
			
		.header ul li a:hover {
			background-color: #eee;
			text-decoration: none;
			}
			
		.header ul li.on a {
			background-color: #5494bf !important;
			color: #fff;
			}
			
		.header ul li.on a.aboutNavItem {
			background-color: #76add3 !important;
			}
			
		.header ul li.on a.cManagerNavItem {
			background-color: #e07914 !important;
			}
			
		.header ul li.on a.cMailerNavItem {
			background-color: #afe400 !important;
			}
			
		.header ul li.on a.cStoreNavItem {
			background-color: #e0c314 !important;
			}			


/* 4 :-------- Homepage ------------ */
	.homepage {
		position: relative;
		height: 858px;
		background: #fff url(../Images/backgrounds/home.jpg) no-repeat 0 0;
		color: #fff;
		}
		
	.homepage ul li, .homepage .arrowLink {
		font-size: 1.09em;
		color: #fff;
		}
		
	/* 4.1 : -------- cManager Section ------------ */		
		.homepage .cManagerSection {
			position: absolute;
			top: 50px;
			left: 426px;
			width: 229px;
			}
				
		.homepage .cManagerSection ul li {
			background-image: url(../Images/bullets/tickOrange.gif);
			border-top: 1px solid #e69443;
			}
				
		.homepage .cManagerSection .arrowLink {
			background-image: url(../Images/bullets/arrowOrange.gif);
			border-top: 1px solid #e69443;
			}
		
	/* 4.2 : -------- cMailer Section ------------ */
		.homepage .cMailerSection {
			position: absolute;
			top: 180px;
			left: 687px;
			width: 208px;
			}
				
		.homepage .cMailerSection ul li {
			background-image: url(../Images/bullets/tickGreen.gif);
			border-top: 1px solid #c2d652;
			}
				
		.homepage .cMailerSection .arrowLink {
			background-image: url(../Images/bullets/arrowGreen.gif);
			border-top: 1px solid #c2d652;
			}
				
	/* 4.3 : -------- Websites powered by Codagenic ------------ */		
	/*
		.homepage .websitesPoweredBy {
			position: absolute;
			top: 538px;
			left: 20px;
			width: 100%;
			overflow: hidden;
			}
			
		.homepage .websitesPoweredBy li {
			float: left;
			background: none;
			padding: 0;
			}
			
		.homepage .websitesPoweredBy li a {
			float: left;
			height: 58px;
			overflow: hidden;
			}
			
		.homepage .websitesPoweredBy li a:hover img {
			margin-top: -58px;
			}
	*/
	
		.homepage .content {
			position: absolute;
			top: 538px;
			left: 20px;
			width: 100%;
			/*overflow: hidden;*/
			}						
			
		.homepage .content h2 {
			font-size: 2em;
		}
			
		#readMoreNews {
			float: right;
			font-size: 1.2em;
			background:transparent url(../Images/bullets/arrowGrey.gif) no-repeat scroll 3px 4px;
			padding:3px 0 3px 20px;
		}
			
		.homepage .content span {
			color: #000;
			font-size: 1.2em;		
		}
		
		.homepage .content p {
			color: #000;
			font-size: 1.2em;
			margin: 10px 0 10px 0;
		}
					
		.homepage .content ul li {
			background:transparent url(../Images/bullets/arrowGrey.gif) no-repeat scroll 3px 4px;
			font-weight:normal;
			padding:3px 15px 3px 15px;
			color: #000;
		}
					
		.homepage .col1 {
			width: 510px;
			height: 300px;
			margin-right: 20px;
			float: left;			
		}
		
		.homepage .col2 {
			width: 350px;
			height: 300px;
			float: left;			
		}	
		
		.homepage .col2 h2 {
			padding-left: 20px;
		}
		
		.homepage .col2 .col2ContentContainer {
			border-left: 1px dotted #BEBEBE;
			padding-left: 20px;
			float: left;
		}
		
		.homepage .col1 ul li {
			float: left;
		}
			
		.homepage .col2 ul {
			list-style: none;
			float: left;
		}
	
		.homepage .col2 ul.connectWithCodagenic li {			
			font-weight:normal;
			font-size: 1em;
			padding:10px 15px 3px 35px;
			color: #BABABA;	
			height: 20px;
			width: 110px;			
			float: left;
		}

		.homepage .col2 ul.connectWithCodagenic li.linkedIn {
			background:transparent url(../Images/homepage/connect_linkedIn_icon.gif) no-repeat scroll 0px 4px;
		}
		
		.homepage .col2 ul.connectWithCodagenic li.twitter {
			background:transparent url(../Images/homepage/connect_twitter_icon.gif) no-repeat scroll 0px 4px;
		}

		.homepage .col2 ul.connectWithCodagenic li.facebook {
			background:transparent url(../Images/homepage/connect_facebook_icon.gif) no-repeat scroll 0px 4px;
		}
		
		.homepage .col2 ul.connectWithCodagenic li.rss {
			background:transparent url(../Images/homepage/connect_rss_icon.gif) no-repeat scroll 0px 4px;
		}		
	
		#microsoftCertifiedPartner {
			float: right;
			margin-top: -20px;
		}

/* 5 :-------- Internal Page ------------ */
	.contentContainer {
		width: 100%;
		overflow: hidden;
		}
		
	/* 5.1 : -------- Banner ------------ */
		.banner {
			position: relative;
			background: #4689b6 url(../Images/backgrounds/banner.jpg) no-repeat 0 0;
			height: 237px;
			}
			
		.cManager .banner {
			background-image: url(../Images/backgrounds/bannerCManager.jpg);
			}
			
		.cManagerLanding .banner {
			background-image: url(../Images/backgrounds/bannerCManagerLanding.jpg);
			}
			
		.cMailer .banner {
			background-image: url(../Images/backgrounds/bannerCMailer.jpg);
			}
			
		.cMailerLanding .banner {
			background-image: url(../Images/backgrounds/bannerCMailerLanding.jpg);
			}		
		
		.cStore .banner {
			background-image: url(../Images/backgrounds/bannerCStore.jpg);
			}
			
		.cStoreLanding .banner {
			background-image: url(../Images/backgrounds/bannerCStoreLanding.jpg);
			}
			
		.contact .banner {
			background-image: url(../Images/backgrounds/bannerContact.jpg);
			}
			
		.banner h1 {
			position: absolute;
			top: 97px;
			left: 180px;
			}
		
	/* 5.2 : -------- Submenu ------------ */
		.submenu {
			float: left;
			width: 140px;
			padding: 4px 0 0 22px;
			background: url(../Images/backgrounds/submenuTopGradient.gif) no-repeat 0 0;
			min-height: 300px; _height: 300px;
			}
			
		.submenu ul {
			background: url(../Images/elements/submenuDivider.gif) no-repeat 0 bottom;
			padding-bottom: 2px;
			}
			
		.submenu ul li {
			width: 100%;
			background: url(../Images/elements/submenuDivider.gif) no-repeat 0 0;
			padding: 0;
			}
			
		.submenu ul li a {
			display: block;
			padding: 5px 15px 3px 2px;
			color: #7f7f7f;
			font-size: 1.09em;
			}
			
		.submenu ul li.on a {
			color: #4689B6;
			}
			
		.cManager .submenu ul li.on a {
			color: #e07914;
			}
			
		.cMailer .submenu ul li.on a {
			color: #afe400;
			}
			
		.cStore .submenu ul li.on a {
			color: #e0c314;
			}
			
		.submenu ul li ul {
			background: none;
			padding: 0;
			}
			
		.submenu ul li ul li a {
			padding: 5px 15px 4px 16px;
			font-size: 1em;
			font-weight: normal;
			}
			
		.submenu ul li.on ul li a, .cManager .submenu ul li.on ul li a, .cMailer .submenu ul li.on ul li a, .cStore .submenu ul li.on ul li a {
			color: #7f7f7f;
			}
			
		.submenu ul li.on ul li.on a {
			color: #4689B6;
			}
					
		.submenu ul li a:hover, .submenu ul li ul li a:hover {
			color: #4689B6;
			text-decoration: none;
			}
			
		.cManager .submenu ul li.on ul li.on a, .cManager .submenu ul li a:hover, .cManager .submenu ul li ul li a:hover {
			color: #e07914;
			}
			
		.cMailer .submenu ul li.on ul li.on a, .cMailer .submenu ul li a:hover, .cMailer .submenu ul li ul li a:hover {
			color: #afe400;
			}
			
		.cStore .submenu ul li.on ul li.on a, .cStore .submenu ul li a:hover, .cStore .submenu ul li ul li a:hover {
			color: #e0c314;
			}
		
	/* 5.3 : -------- Content ------------ */
		.contentArea {
			float: right;
			width: 713px;
			overflow: hidden;
			padding: 0 30px 60px 0;
			}
			
		.contentItem {
			padding: 10px 0 0 0;
			margin: 20px 0 0 0;
			border-top: 1px solid #e6e6e6;
			width: 100%;
			overflow: hidden;
			}
			
		.mainCol2 .contentItem {
			width: 449px;
			padding-right: 20px;
			margin-top: 12px;
			}
			
		.contentItemFirst {
			padding: 0 !important;
			margin: 0 !important;
			border: none;
			}
			
		.leftCol {
			float: left;
			width: 224px;
			}
			
		.mainCol {
			float: right;
			width: 449px;
			overflow: hidden;
			padding-right: 20px;
			}
			
		.mainCol2 {
			float: right;
			width: 469px;
			overflow: hidden;
			}
			
		.mainCol .left {
			float: left;
			width: 224px;
			}
			
		.mainCol .arrowLink {
			padding-top: 1px;
			background-position: 3px 2px;
			}
			
		.mainCol .right .arrowLink {
			padding-top: 7px;
			background-position: 3px 8px;
			}
			
		.mainCol .right {
			float: right;
			width: 204px;
			padding-top: 5px;
			}
			
		.imageCaption {
			padding: 15px 15px 0 15px;
			}
			
		.cManager .contentArea a {
			color: #e07914;
			}
			
		.cMailer .contentArea a {
			color: #afe400;
			}
			
		.cStore .contentArea a {
			color: #e0c314;
			}
			
		.cManager .contentArea .arrowLink, .cMailer .contentArea .arrowLink, .cManager .contentArea ul.linkList li a, .cMailer .contentArea ul.linkList li a, .cStore .contentArea ul.linkList li a {
			color: #545454;
			}
		
	/* 5.4 : -------- Content Footer ------------ */
		.contentFooter {
			position: relative;
			height: 89px;
			background: url(../Images/backgrounds/contentFooter.gif) no-repeat 0 0;
			}
			
		.cManager .contentFooter {
			background-image: url(../Images/backgrounds/contentFooterCManager.gif);
			}
			
		.cMailer .contentFooter {
			background-image: url(../Images/backgrounds/contentFooterCMailer.gif);
			}
			
		.cStore .contentFooter {
			background-image: url(../Images/backgrounds/contentFooterCStore.gif);
			}
			
		.contentFooter h2 {
			position: absolute;
			top: 16px;
			left: 670px;
			color: #fff;
			}
			
		.contentFooter .arrowLink {
			position: absolute;
			top: 39px;
			left: 670px;
			font-size: 1.09em;
			color: #fff;
			background-image: url(../Images/bullets/arrowBlue2.gif);
			padding-left: 19px;
			}
			
		.cManager .contentFooter .arrowLink {
			background-image: url(../Images/bullets/arrowWhite1.gif);
			}
			
		.cMailer .contentFooter .arrowLink {
			background-image: url(../Images/bullets/arrowWhite2.gif);
			}
			
		.cStore .contentFooter .arrowLink {
			background-image: url(../Images/bullets/arrowWhite2.gif);
			}


/* 6 :-------- Footer ------------ */
	.footer {
		position: relative;
		width: 885px;
		padding: 7px 20px 26px 20px;
		margin: auto;
		background: #e7e7e7 url(../Images/backgrounds/footerShadow.gif) no-repeat 0 0;
		}
		
	.footer a {		
		color: #0a5082;
		}
		
	.footer ul {
		width: 620px;
		overflow: hidden;
		}
		
	.footer ul li {
		float: left;
		background-image: url(../Images/bullets/arrowBlue.gif);
		padding: 3px 20px 3px 14px;
		}
		
	.footer .arrowLink {
		position: absolute;
		top: 3px;
		left: 670px;
		background-image: url(../Images/bullets/arrowBlue.gif);
		}


/* 7 :-------- sIFR ------------ */
		
	/* 7.1 : -------- Standard sIFR Styles ------------ */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}
	
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}
	
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
		
	/* 7.2 : -------- Custom sIFR Styles ------------ */
	.sIFR-active h1 {
		visibility: hidden;
		font-size: 4.54em;
		margin: 0 0 4px 0;
		}
		
	.sIFR-active h2 {
		visibility: hidden;
		font-size: 1.9em;
		margin: 0 0 1px 0;
		}
		
	.sIFR-active h3 {
		visibility: hidden;
		font-size: 1.63em;
		margin-top: 2px;
		}
		
	.sIFR-active h4 {
		visibility: hidden;
		font-size: 1.31em;
		margin: 0 0 6px 0;
		}
		
	.sIFR-active blockquote {
		visibility: hidden;
		font-size: 1.9em;
		}
		
		
/* showcase */		
		
	#showcase {
		list-style: none;	
		padding: 0;
		margin: 20px 0 0 0;
		}

	li.showcaseItem {
		width: 330px;
		float: left;
		background: none;
		padding-bottom: 20px;
	}

	li.showcaseItem .summary {
		margin: 10px 0 20px 0;
	}

	li.showcaseItem a {
		background: transparent url(../Images/bullets/arrowGrey.gif) no-repeat 3px 4px;
		padding: 3px 0 3px 20px;
		font-weight: bold;	
	}