@import url("reset.css");
@import url("sprites.css");
@import url("forms.css");
@import url("main-nav.css");


body {
	
	background:url("../images/body-bg.jpg") repeat-x #ededed;
	font-family:Helvetica, Arial, sans-serif;
	
}


	/* SOME BASIC STYLES */
	.left { float:left; }
	.right { float:right; }
	.hr { margin:15px 0; }
	strong { font-weight:900; }
	em { font-style:italic; }




	/* MAIN STRUCTURE */

	div#main-container {
	
		width:960px;
		margin:0 auto;
	
	}
	
	
	div#header {
	
		width:840px;
		height:145px;
		margin:0 auto 25px auto;
		border-top:5px #e7714f solid;
	
	}
	
	div#header div#header-content {
	
		width:100%;
		height:135px;
		background:#fff;
	
	}
	
		div#header-content img#main-logo {
		
			display:block;
			float:left;
			margin:48px 0 0 31px;
		
		}
		
		div#header-content div#signup-buttons {
		
			float:right;
			margin:15px 30px;
		
		}
		
	
	
		div#header-content a.members-login, div#header-content a.sign-up { float:left; }
		
			
			
			
	
	
	
	div#header div#header-bottom {
		height:10px;
		width:100%;
		background:url("../images/top-header-bg-trans.png") bottom no-repeat;
	}
	
	div#accordion {
	
		width:842px;
		float:left;
		margin:0 auto 0 60px;
	
	}
	
	
	div#home-buckets {
	
		padding:0 0 0 59px;		
		width:100%;
		float:left;
		margin:25px 0 0px 0;
	
	}
		
		div#home-buckets img.bhead {
		
			display:block;
			float:left;
			margin:15px 0 0 15px;
		
		}
		
		div#home-buckets img.action-button {
		
			position:absolute;
			bottom:20px;
			left:22px;
		
		}
		
		div#b1 { background:url("../images/special-bucket-1-bg-trans.png") no-repeat; }
		div#b1 img.bhead { margin:15px 0 0 42px; }
		div#b1 img.right { position:absolute; right:25px; bottom:20px; }
		div#b2 img.left { margin:20px 0 15px 42px; }
		div#b2 img.right { margin:15px 92px 0 0;}
		div#b3 { background:url("../images/special-bucket-2-bg-trans.png") no-repeat; }
		div#b3 img.right { position:absolute; bottom:0; right:0; }
		
		div#b1 p { 
			clear:both; 
			padding:50px 25px 0 0;
			text-align:right;
			float:right;
			font-size:12px; 
			line-height:16px;
			color:#333;
			width:50%;
			
		}
		
		div#b2 p, div#b3 p {
	
			clear:left;
			margin:35px 0 0 5px;
			padding:10px 0 0 18px;	
			width:50%;
			font-family:Helvetica, sans-serif;
			font-size:12px;
			color:#000;
			line-height:16px;
			color:#333;
		
		}
		
		div#b2 q {
		
			display:block;
			text-align:center;
			clear:left;
			font-size:17px;
			line-height:21px;
			color:#e45225;
			margin:15px auto 15px auto;
			width:90%;
			
		
		}
	
	div.bucket {
	
		width:270px;
		height:195px;
		float:left !important;
		margin:0 19px 0 0;
		background:url("../images/bucket-bg-trans.png") no-repeat;
		position:relative;
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* FOOTER STYLES */
	
	
	
	div#footer {
	
		width:840px;
		float:left;
		height:130px;
		background:url("../images/footer-bg-trans.png") no-repeat;
		margin:25px 0 40px 60px;
	
	}
	
		div#footer div.fcol {
		
			width:180px;
			float:left;
			height:130px;
			margin:0 0px 0 20px;
			
		}
		
		div#f2.fcol { padding:0 15px 0 16px;}
		div#f4.fcol { margin:0 0 0 10px !important;}
		
		div.fcol h3 {
		
			font-size:12px;
			font-weight:bold;
			margin:25px 10px 5px 10px;
		
		}
		
		div.fcol ul {
		
			margin:10px 10px;
		
		}
		
		div.fcol ul li {
		
			display:block;
			font-size:12px;
			line-height:14px;
		
		}
		
		div.fcol ul li a { color:#408db3; text-decoration:none; }
		div.fcol ul li a:hover { color:#333; }
		
		
	div#footer p {
		
		font-size:12px;
		color:#959595;
		float:left;
		margin:10px 0 0 0;
		
	}
	
	div#footer ul.right li {
		float:left;
		font-size:12px;
		margin:10px 0 0 0;

	}
	
	div#footer ul.right li a { color:#247ab7; text-decoration:none;}
	div#footer ul.right li a:hover { color:#333; }
	
	div#footer ul.right span { color:#959595; padding:0 10px; }
	
	div.row { clear:left; float:left; }
	div.column { float:left; }
	
			
			
			
			
			
			
			/* MAIN CONTENT STYLES */
			
			
			div#main-container div#content {
			
				width:840px;
				float:left;
				margin:0 0 0 60px;
				background:#fff;
			
			}
			
			div#content div#c-bottom {
			/* This is the rounded corner for the bottom of the content */
				width:100%;
				height:10px;
				background:url("../images/content-bottom-bg-trans.png") no-repeat bottom center;
				position:relative;
				bottom:-7px;
				float:left;
			
			}
			
			
				div#content div#content-header {
				
					width:100%;
					height:74px;
					background:url("../images/content-header-bg-trans.png") no-repeat -1px 0px;
					float:left;			
					position:relative;
					top:-3px;
				
				}
				
				div#content div#main-content {
				
					float:left;
					width:520px;
					padding:25px 20px 25px 33px;
				
				}
				
				div#content div#main-content.features {
				
					float:left;
					width:540px;
					padding:25px 15px 25px 8px;
				
				}
				
				
				
				.fullsize {
				
					width:800px !important;
							
				}
				
				div#main-content.fullsize p { width:65% !important; }
				div#main-content.custom p { width:95% !important; }
				div#main-content.custom p.not-so-wide { width:60% !important; }
				
				div#main-content ul, div#main-content ol {
				
					margin:25px;
				
				}
				
				div#main-content li {
						
					font-size:12px;
					list-style-image:url("../images/sidebar-nav-li.gif");
					line-height:16px;
					margin:0 0 8px 0;
					color:#555;
				
				}
				
				div#main-content a { color:#e5643f;	}
				div#main-content a:hover { color:#333; }
				div#main-content img.header { margin:0 0 15px 0; }
				
				div#main-content h2 {
				
					color:#000;
					font-size:14px;
					font-weight:normal;
					line-height:22px;
					margin:0 0 20px 0;
					width:100%;
				
				}
				
				div#main-content h3, div#main-content h4 { 
					color:#518ead;
					font-size:15px;
					font-weight:bold;
					line-height:19px;
					margin:10px 0 4px 0;
				}
				
				div#main-content h4 {
				
					font-size:12px;
					margin:0 0 4px 0;
				
				}
				
				
				div#main-content p {
				
					font-size:12px;
					color:#6e6e6e;
					line-height:16px;
					margin:0 0 14px 0;
					padding:0 6px 0 0;
				
				}
				
				div#main-content q {
				
					font-size:15px;
					color:#373737;
					line-height:19px;
					font-style:italic;
					font-family:Palatino, Georgia;
					display:block;
					margin:0 0 15px 0;
				
				}
				
				div#main-content q:before, div#main-content q:after { content: "\""; }
				
				div#main-content img.left { margin:0 25px 45px 0; }
				div#main-content img.right { margin:0 0 45px 25px; }
				
				
					
						div#blog-entries div.entry {
						
							float:left;
							margin:0 0 35px 0;
						
						}
					
						div#blog-entries h2 {
							
							font-size:18px;
							line-height:21px;
							color:#518ead;
							font-weight:900;
							
						}
						
						div#blog-entries h3 {
						
							color:#848484;
							font-size:11px;
							line-height:31px;

						
						}
						
						div#blog-entries p {
						
							font-size:12px;
							color:#6e6e6e;
							line-height:19px;
						
						}
				
				
				
				
				div#content-header h1 {
				
					font-size:23px;
					line-height:auto;
					font-weight:bold;
					color:#333;
					margin:30px 25px 0 25px;
					float:left;
				
				}
				
				div#content-header div#content-nav {
				
					float:right;
					margin:38px 25px 0 0;
				
				}
				
					div#content-nav ul li {
					
						float:left;
						height:35px;
						margin:0 12px;
						font-size:12px;
					
					}
					
					div#content-nav ul li.active, div#content-nav ul li:hover {
					
						background:url("../images/content-nav-arrow.gif") no-repeat bottom center;
					
					}
					
					div#content-nav ul li:hover a { color:#e5643f; }
					div#content-nav ul li.active a { font-weight:900; }
					div#content-nav ul li.active a, div#content-nav ul li a:hover {color:#e5643f;}
					
					div#content-nav ul li a {
					
						color:#616161;
						text-decoration:none;
					
					}
					
					
					
					
					
					
					
					
					
			/* SIDEBARS */
		
			div#content div#sidebar {
			
				width:188px;
				float:right;
				min-height:560px;
				background:url("../images/sidebar-bg.gif") no-repeat top left;
				padding:32px 25px 32px 30px;
			
			}
			
			div#sidebar.right {
			
				margin:0 0 0 20px;
			
			}
			
			div#sidebar p a {
			
				color:#e45225 !important;
			
			}
			
			body div#content div#sidebar.left { 
				float:left !important; 
				width:210px;
				min-height:410px;
				background:url("../images/left-sidebar-bg.gif") no-repeat top left;
			}
			
					
			div#sidebar div#sidebar-search {
			
				float:left;
				margin:5px 0 0 0;
			
			}
			
			div#sidebar img.icon {
			
				padding:0 10px 8px 0px;
			
			}
			
			div#sidebar h2 {
			
				font-size:14px;
				color:#626262;
				font-weight:bold;
				line-height:19px;
				clear:left;

			
			}
			
			div#sidebar.left h2 { margin:0 0 0 3px; }
			
			div#sidebar h3 {
			
				font-size:12px;
				color:#626262;
				font-weight:bold;
				line-height:16px;
				clear:left;

			
			}
			
			body div#main-container div#sidebar p {
			
				font-size:13px;
				color:#727272;
				line-height:18px;
				margin:0 0 10px 0;
				width:auto !important;
			
			}
			
			div#alt-sidebar p {
			
				font-size:12px;
				color:#333;
				line-height:18px;
				margin:2px 0 4px 0;
			
			}
			
			div#alt-sidebar a {
			
				color:#e45225;
			
			}
			
			div#sidebar hr, div#alt-sidebar hr {
			
				height:1px;
				width:auto;
				margin:15px auto;
				background:#dbdbdb;
				border:none;
				clear:both;
			
			}
			
			div#sidebar ul {
			
				float:left;
				margin:0 0 20px 10px;
			
			}
			
				div#sidebar ul li {
				
					list-style-image:url("../images/sidebar-nav-li.gif");
					font-size:12px;
					line-height:18px;
				
				}
				
				div#sidebar ul li a {
				
					color:#518ead;
					text-decoration:none;
				
				}
				
				div#sidebar li.faqlink a{
				
					color:#e45225 !important;
				
				}
				
				div#sidebar ul li a:hover {
					
					color:#333;
					
				}
				
				
				body div#sidebar.left ul {
				
					float:left;
					margin:0 0 10px 0 !important;
					padding:0 !important;
					width:100%;
				
				}
				
					div#sidebar.left ul li {

						float:left;					
						list-style-type:none;
						list-style-image:none;
						height:36px;
						width:200px;
						position:relative;
						left:16px;
					
					}
					
					div#sidebar.left ul li a img {
					
						float:left;
						position:relative;
						top:3px;
						padding:0 5px 0 0 !important;
					
					}
					
					div#sidebar.left ul li a span {
					
						float:left;
						position:relative;
						top:9px;
						left:7px;
						font-weight:900;
						font-size:14px;
					
					}
					
					div#sidebar.left ul li.active, div#sidebar.left ul li:hover { background:url("../images/left-sidebar-active-li.gif") no-repeat top right;} 
					div#sidebar.left ul li.active span, div#sidebar.left ul li:hover span { color:#e45225; }
					
					div#sidebar.left p a {
					
						color:#e45224;
						font-size:14px;
						line-height:18px;
						text-decoration:none;
					
					}
			
				div#sidebar-search input {
				
					width:100px;
					float:left;
					height:14px;
					padding:5px;
					color:#cfcfcf;
					font-size:11px;
					font-style:italic;
					margin:1px 0 0 0;
				
				}
				
				div#sidebar-search button {
				
					border:none;
					background:none;
					float:left;
					width:34px;
					position:relative;
					left:-3px;
				
				}
			
				
				
	
	
	
	
	
	
				/* ALT SIDEBAR */
				
				div#alt-sidebar {
				
					background:url("../images/alt-sidebar-bg.png") no-repeat 0px 10px;
					width:180px;
					height:320px;
					margin:-15px 0 0 15px;			
					padding:32px;
				}
				
				div#alt-sidebar h2 {
				
					margin:35px 0 0 0;
					color:#e45224;
				
				}
				
				div#main-content div#alt-sidebar p {
				
					margin:0 0 20px 0;
				
				}
				
				div#alt-sidebar p a { text-decoration:none !important; line-height:25px;}
				
				
				




				/* PRICING TABLE */
				
				table#pricing-table {
				
					border-collapse:collapse;					
					border:none;
					margin:0;
					padding:0;
				
				}
				
				table#pricing-table tr.thead td { padding:0; border:none !important; margin:0; height:auto !important;}
				
				table#pricing-table img { display:block; padding:0 !important; margin:0 !important; }
				
				
				table#pricing-table td {
				
					vertical-align:top;
					font-size:12px;
					height:98px;
					border-top:none;
					border:1px #e5e5e5 solid;
				
				}
				
				table#pricing-table td p {
				
					margin:10px 10px 0px 24px;
					color:#606060;
					line-height:14px;
				
				}
				
				table#pricing-table td ul {
				
					margin-top:10px;
				
				}
				
				table#pricing-table td p strong {
				
					color:#518ead;
					line-height:18px;
					
				}
				
				table#pricing-table td.premium {
				
					background:#fdf2da;
					vertical-align:middle !important;					
				
				}
				
				table#pricing-table td.lite {
				
					background:#f2f2f2;
					vertical-align:middle !important;
				
				}
				
				body table tr.prices td {
				
					text-align:center;
					font-size:18px !important;
					padding:25px 0 0;
				
				}
				
				tr.prices img {
				
					position:relative;
					left:11px;
					top:13px;
				
				}
				
				
				
				
		/* SUB FOOTER STYLES */
		
			div#sub-footer {
			
				width:840px;
				float:left;
				height:223px;
				background:url("../images/sub-footer-bg-trans.png");
				margin:25px auto 0 60px;
			
			}
			
				div#sub-footer div.sub-col {
				
					width:260px;
					height:223px;
					float:left;
					margin:0 10px 0 10px;
					position:relative;
				
				}
				
					div.sub-col q {
					
						display:block;
						text-align:center;
						margin:0 auto;
						float:left;	
						padding:0 10px;
						font-size:17px;
						color:#e45225;
						line-height:21px;
						font-style:italic;
					
					}
				
					div.sub-col img.fhead {
					
						display:block;
						float:left;
						margin:20px auto 20px 20px;
					
					}
					
					div.sub-col img.reg-now {
					
						display:block;
						float:left;
						margin:20px auto auto 70px;
					
					}
					
					div.sub-col img.get-started {
					
						display:block;
						float:left;
						margin:30px 0 0 -3px;
					
					}
					
					div.sub-col img.screencap {
					
						position:absolute;
						left:20px;
						bottom:3px;
					
					}
					
					div.sub-col p {
					
						float:left;
						font-size:14px;
						color:#333;
						line-height:18px;
						width:71%;
					
					}
					
									
						
				
				div.column img.left { padding-bottom:50px; }
				
				html body div#main-container div.projects .column p { width:100% !important; margin:auto !important;}
				html body div#main-container div.column.left p { margin:0 0 35px 0 !important; width:80% !important; }
				html body div#main-container div.column.left p strong { color:#518ead; }
				.nohover { background:none !important; }
				
				div#errorsDiv {
				
					margin:10px 10px 20px;
					padding:15px;
					border:2px #c33 solid;
				
				}
				
				div#successDiv {
				
					margin:10px 10px 20px;
					padding:15px;
					border:2px #9c9 solid;
				
				}