@charset "utf-8";

/*  -------------------------------- 
Name: 			Cornerspace CM3 Styles
Author: 		Derek Loewen
Date Created:	Oct. 19, 2009
Last Edited:	Nov. 12, 2009
--------------------------------- */

/* -------------------------------- 
Colour Scheme

Body Text Dark Grey:	#333
Dark Blue:				#275568
Darker Blue:			#356c83
Dark Gold:				#686548
Light Grey:				#e3e3e3
--------------------------------- */

@import url(reset.css); /* Reset all styles for cross-browser consistency */

/* ---------------------------------
Tag Styles
--------------------------------- */

body {
	font: 12px/18px 'Lucida Grande', 'Lucida Sans', sans-serif;
	color: #333;
	background: #fff url(../images/cm3-page-bg.png) repeat-x center 127px; }
 
h1, h2, h3, h4, h5, h6, #innerContent ul { padding-bottom: 18px; }
 
h1 {
	letter-spacing: -1px;
	color: #686548;
	font-size: 18px; }
 
h1#logo { padding: 0; }
 
	h1#logo a {
		width: 282px;
		height: 24px;
		float: left;
		background: url(../images/cornerspace-cm3-logo.png) no-repeat;
		text-indent: -9999px; }
 
h2#logo { padding: 0; }
 
	h2#logo a {
		width: 282px;
		height: 24px;
		float: left;
		background: url(../images/cornerspace-cm3-logo.png) no-repeat;
		text-indent: -9999px; }
 
h2 {
	color: #686548;
	font-size: 14px; }
 
h3 {
	color: #333;
	font-size: 12px; }
 
a {
	text-decoration: none;
	color: #275568;
	font-weight: bold; }
 
	a:hover {
		color: #356c83;
		text-decoration: underline; }
 
p { padding: 0 0 18px 0; }
 
label {
	font-weight: bold;
	padding-right: 1em; }
 
small {
	color: #959595;
	font-size: 11px; }
 
hr { border-bottom: solid 1px #EAEAEA; }
 
	hr.clear {
		clear: both;
		display: block;
		margin: -1em 0;
		visibility: hidden; }
 
/* ---------------------------------
ID Styles
--------------------------------- */
#headerWrapper {
	background: url(../images/cm3-header-bg.jpg) repeat-x;
	height: 53px;
	padding: 36px 0 0 0; }
	
/* Top Right Links */

#customerNavigation {
	float: right;
	text-shadow: 0 1px 1px rgba(0,0,0,.45);
	color: #969696; }
 
	#customerNavigation a {
		font-size: 13px;
		color: #e2e2e2; }
 
		#customerNavigation a:hover { color: #f5f5f5; }

/* Main Navigation */

#navWrapper {
	background: url(../images/cm3-nav-bg.png) repeat-x;
	height: 38px;
	margin-bottom: 35px; }
 
#nav li {
	background: url(../images/cm3-nav-divider.png) no-repeat top left;
	float: left; }
 
	#nav li.current { background: url(../images/cm3-nav-current.png) repeat-x right 2px; }
 
		#nav li.current a {
			color: #275568;
			text-shadow: 0 1px 0 rgba(255,255,255,.45); }
 
			#nav li.current a:hover { text-decoration: none; }
 
#nav a {
	font-size: 12px;
	display: block;
	color: #e3e3e3;
	padding: 10px 12px 10px 14px; }
 
	#nav a:hover { color: white; }
 
	#nav a.last { background: url(../images/cm3-nav-divider.png) no-repeat top right; }

/* Secondary Navigation */

#secondaryNav {
	float: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.45);
	background: #EFEFEF;
	padding: 4px;
	border: solid 1px #fff;
	margin-top: -4px;
	-moz-border-radius: 5px; }
 
 	#mainColumn ul#secondaryNav { list-style-type: none; }
	#secondaryNav li { float: left; }
 
	#secondaryNav a {
		display: block;
		font-size: 12px;
		padding: 0 10px 0 10px; }
 
		#secondaryNav a.current {
			color: #333;
			background: #fff; }
 
/* Wrappers and Columns */

#wrapper, #header, #nav, #footer {
	margin: 0 auto;
	width: 960px; }
 
#mainColumn {
	width: 650px;
	float: left;
	padding-bototm: 36px; }
	
	#mainColumn ul { list-style-type: square; }
	#mainColumn li { } 
	#mainColumn ul ul { margin-left: 2em; } 
 
#innerContent {
	background: url(../images/cm3-content-bg.png) no-repeat;
	padding: 18px 20px;
	clear: both; }
 
	#innerContent ul {
		list-style-type: square;
		line-height: 27px;
		color: #606060; }
 
	#innerContent img { display: block; }
 
#sideColumn {
	background: url(../images/cm3-sidebar-bg.png) no-repeat;
	width: 240px;
	float: left;
	padding: 18px 20px 36px;
	margin: 0 0 0 30px; }

/* Footer */

#footerWrapper {
	clear: both;
	background: url(../images/cm3-footer-bg.png) repeat-x;
	height: 70px; }
 
#footer { padding-top: 9px; }
 
#footer, #footer a {
	color: #808080;
	font-weight: normal; }
 
#footer a:hover { color: #444; }
 
#footer ul { float: left; }
 
#footer li {
	float: left;
	padding: 0 18px 0 0; }
 
#footer span {
	display: block;
	float: right; }
 
/* Slides */
#featured {
	margin-bottom: 18px;
	height: 270px; }
 
#cm3Slide, #cm3ProEditionSlide, #cm3MarketerEditionSlide {
	background: url(../images/about-cm3-platform-featured-bg.jpg) no-repeat;
	width: 354px;
	height: 195px;
	padding: 36px 256px 40px 40px;
	color: #f8f8f8; }
 
#cm3Slide p, 
	#cm3Slide h2, 
	#cm3ProEditionSlide p, 
	#cm3ProEditionSlide h2, 
	#cm3ProEditionSlide p, 
	#cm3MarketerEditionSlide p, 
	#cm3MarketerEditionSlide h2 { padding-bottom: 18px; }
 
#cm3Slide h2, 
	#cm3ProEditionSlide h2, 
	#cm3MarketerEditionSlide h2 {
	color: #e3dda0;
	font-size: 18px;
	letter-spacing: -1px;
	text-shadow: 0 -1px 1px rgba(0,0,0,.45); }

/* Pro Slide */

#cm3ProEditionSlide { background: url(../images/about-cm3-band-edition.jpg) no-repeat; }
 
	#cm3ProEditionSlide h2 { color: #ffe036; }
	#cm3ProEditionSlide p { padding-bottom: 23px; }
 
/* Marketer Slide */
#cm3MarketerEditionSlide { background: url(../images/about-cm3-marketer-edition.jpg) no-repeat; }
 
/* ---------------------------------
.Class Styles
--------------------------------- */
.alignLeft { float: left; }
.alignRight { float: right; }
 
.padLeft { padding-left: 20px; }
 
.clearLeft { clear: left; }

.clearBoth { clear: both; }
 
.summary { font-size: 13px; }
 
.shiftDown { margin-top: 2px; }
 
.freeTrialButton { float: right; }
 
#nav a.freeTrialButton {
	padding: 0;
	margin-top: -1px; }
 
.imageBorder {
	padding: 1px;
	background: white;
	border: solid 1px #c5c5c5; }
 
.featuredBand { margin-bottom: 13px; }
 
.feature {
	float: left;
	width: 48%;
	margin: 0 4% 0 0;
	padding-bottom: 18px; }
 
.featureEven { margin: 0 0 0 0; }
 
h3 img, h2 img {
	float: left;
	margin: 0 8px 0 0;
	margin-top: -8px; }
 
/* common button styles */
a.featureButton, a.button {
	font-size: 12px;
	float: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.75); }
	
	a.button { text-shadow: none; }
 
a.featureButton:hover, a.button:hover {
	background-position: right bottom;
	text-decoration: none; }
 
a.featureButton:hover span, a.button:hover span { background-position: left bottom; }
 
a.featureButton:hover span { color: #333; }

a.button:hover span { color: #fff; }
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.featureButton span, a.button span { float: none; }
/* End IE5-Mac hack */

/* featured button */
a.featureButton {
	background: url("../images/featured-button-bg-right.png") no-repeat right top;
	padding: 0px 26px 0 0;
	color: #000; }
 
	a.featureButton span {
		float: left;
		display: block;
		background: url("../images/featured-button-bg-left.png") no-repeat left top;
		padding: 8px 22px 8px 18px; }
 
/* light button */
a.button {
	background: url("../images/dark-button-bg-right.png") no-repeat right top;
	padding: 0px 28px 0 0;
	color: #275568; }
 
	a.button span {
		color:#FFF;
		float: left;
		display: block;
		background: url("../images/dark-button-bg-left.png") no-repeat left top;
		padding: 8px 5px 8px 18px; }
 
#sideColumn a.button { margin-bottom: 18px; }
 
	#sideColumn a.button span { width: 177px; letter-spacing: -1px; }
 
table.pricingTable {
	border: solid 1px #c5c5c5;
	margin-bottom: 18px; }
 
.pricingTable tr { border-bottom: solid 1px #DBDBDB; }
 
.pricingTable th, .pricingTable td { padding: 9px 12px; }
 
.pricingTable th, .highlight {
	font-size: 12px;
	background: #dfdfdf;
	color: #333;
	text-align: left; }
 
.pricingTable .prices td {
	font-size: 14px;
	background: #5089a1;
	color: #fff;
	font-weight: bold; }
 
ul.featureList {
	list-style-position: inside;
	float: left;
	width: 50%; }
 
.featureList li {
	background:transparent url(http: //www.cornerspacecm3.com/images/checkmark.gif) no-repeat scroll 0 55%;
	line-height: 2.6em;
	list-style-type: none;
	margin: 0;
	padding-left: 25px; }