/* ------------------------------------------------

   'Seen Business Essentials Website' Stylesheet
   Direct Email Page

--------------------------------------------------- */


/* ------------------------------------------------
	=GLOBAL STRUCTURE
   ------------------------------------------------ */

	body {
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color:#666666;	
		font-family:Arial, Helvetica, sans-serif;	
	}
		
	/* -----------------------
		=HEADER
	   ----------------------- */
	   
		#header-container {
			width:100%;
			height:85px;
			border-bottom:solid 1px #e5e5e5;
			padding:15px 0px 0px 0px;
			margin:0px 0px 25px 0px;			
		}
	   
		#header-content {
			width:960px;
			position:relative;
			margin:0px auto;
		}
			#contact-info{
				text-align:right;
				margin-bottom:10px;				
			}
				#contact-info p {
					display: inline;
					padding-left: 10px;
					color: #999999;
					font-size: 1.1em;
				}
					#contact-info p a {
						color: #999999;
						text-decoration: none;
						border-bottom:dotted 1px #cccccc;
					}
						#contact-info p a:hover {
							color: #666666;
							text-decoration: none;
							border-bottom:dotted 1px #999999;
						}
					
			h1.logo {
				font-size:20px;
				color:#333333;
				font-weight:400;
				float:left;
				width:400px;
			}
				h1.logo img {
					border:none;
				}
			
		/* -----------------------
			=NAV
		   ----------------------- */
		   
			ul.primary-nav {
				position:absolute;
				right:0px;
				top:34px;
				height:52px;
				overflow:hidden;
			}
			
				ul.primary-nav li {
					float:left;
					margin-left: 35px;
					height:52px;
				}
				ul.primary-nav li.selected {
					background-image:url(images/gr-nav-bg-selected.gif);
					background-position: bottom;
					background-repeat:no-repeat;
				}
				
				ul.primary-nav li a#nav-websites {
					width:150px;
					height:33px;
					background-image:url(images/gr-businesswebsites.jpg);
					background-position: 0px 0px;
					background-repeat:no-repeat;
					display:block;
				}
					ul.primary-nav li a#nav-websites:hover {
						width:150px;
						height:33px;
						background-image:url(images/gr-businesswebsites.jpg);
						background-position: 0px -60px;
						background-repeat:no-repeat;
					}
				ul.primary-nav li.selected a#nav-websites {
					width:150px;
					height:33px;
					background-image:url(images/gr-businesswebsites.jpg);
					background-position: 0px -60px;
					background-repeat:no-repeat;
					display:block;
				}
				
				ul.primary-nav li a#nav-email {
					width:178px;
					height:32px;
					background-image:url(images/gr-directemail.jpg);
					background-position: 0px 0px;
					background-repeat:no-repeat;
					display:block;
				}
					ul.primary-nav li a#nav-email:hover {
						width:178px;
						height:32px;
						background-image:url(images/gr-directemail.jpg);
						background-position: 0px -60px;
						background-repeat:no-repeat;
					}
				ul.primary-nav li.selected a#nav-email {
					width:178px;
					height:32px;
					background-image:url(images/gr-directemail.jpg);
					background-position: 0px -60px;
					background-repeat:no-repeat;
					display:block;
				}
				
				ul.primary-nav li span {
					display:none;
				}

	/* -----------------------
		=FEATURES
	   ----------------------- */
	   
		#features-container {
			width:100%;
			background-color: #131313;
			color: #ffffff;
			margin:0px 0px 40px 0px;
		}
		
			#features-content {
				width:960px;
				margin:0px auto;
			}	
			
			/* -----------------------
				=FEATURE - EMAIL
			   ----------------------- */		
				
				#features-content #feature-email {
					background-image: url(images/bg-feature-email.jpg);
					background-position:bottom right;
					background-repeat:no-repeat; 
					text-align:left; 
					padding:70px 3px 0px 2px;
					height: 340px;
				}
					#feature-email h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:25px 0px 10px 0px;
					}
					#feature-email p {
						width:350px;
						font-size:1.4em;
						line-height:1.6em;
						color:#cccccc;
						margin-bottom:30px;
					}
				
			
				
			#features-nav-content {
				width:100%;
				height: 380px;
				background-color: #ebebeb;
				background-image:url(images/bg-features-nav.gif);
				border-bottom:solid 1px #dfdfdf;
				background-position:top left;
				background-repeat: repeat-x;
				color: #000000;
				text-align: center;
			}
				
				#email-steps {
					width:960px;
					margin:0 auto;
					overflow:hidden;
					padding:20px 0px;
				}	
					.email-step-item {
						float:left;
						width:28%;
						text-align:center;
						margin-left:73px;
					}
					.email-step-item:first-child {
						margin-left:0px;
					}
						.email-step-item img {
							margin-bottom:7px;
						}
						.email-step-item img.ss {
							border:solid 1px #d2d2d2;
						}
						.email-step-item p {
							font-size:1.2em;
							line-height:1.6em;
							color:#666666;
							margin:0px;
						}
			
				
					
	/* -----------------------
		=CONTENT
	   ----------------------- */	
			
		#content-container {
			clear: both;
			width:960px;
			margin:0px auto 50px auto;
			overflow:hidden;
		}
		
			/* -----------------------
				=LEFT COLUMN
			   ----------------------- */
				
				#content-col2L-left {
					float: left;
					width: 500px;
					padding:15px 0px 15px 0px;
				}
					
				#content-col2L-left h2.casestudy-title {
						font-size: 2.0em;
						font-weight: 400;
						color: #333333;
						margin-bottom: 10px;
						letter-spacing:-.025em;
					}
					#content-col2L-left p.casestudy-copy {
						font-size: 1.2em;
						font-weight: 400;
						color: #666666;
						margin-bottom: 10px;
						line-height:1.6em;
					}
				
					#casestudy-container {
						background-color:#ffffff;
						background-image:url(images/bg-casestudy-container.gif);
						background-position:top left;
						background-repeat: repeat-y;
						margin-top:25px;						
					}
						
						#casestudy-header img {
							display:block;
						}						
					
						#casestudy-content {
							padding:0px 45px 30px 48px;
						}
							
							#casestudy-content h4 {
								font-size: 1.4em;
								font-weight: 400;
								color: #cccccc;
								margin-top: 30px;
								margin-bottom: 10px;
								text-transform: uppercase;
							}							
							#casestudy-content p {
								font-size: 1.2em;
								font-weight: 400;
								color: #666666;
								line-height: 1.6em;
								margin:0px 0px 15px 0px;
							}
							#casestudy-content img {
								margin-top:15px;
								display:block;
								border:solid 1px #cccccc;
							}
									
							#casestudy-content img.beforeafter-thumb {
								float:left;
								margin:6px 25px 20px 0px;
								border-top:solid 1px #e7e7e7;
								border-right:solid 2px #bfbfbf;
								border-bottom:solid 2px #bfbfbf;
								border-left:solid 1px #e7e7e7;
							}
							#casestudy-content p.viewsite {
								font-size: 1.2em;
								font-weight: 400;
								color: #278AC9;
								line-height: 1.6em;
								margin:0px;
								background-image:url(images/icon-viewsite.gif);
								background-position:center right;
								background-repeat:no-repeat;
								padding-right:15px;
								width:195px;
								clear:both;
							}
								p.viewsite a {
									color: #666666;
									text-decoration:none;
									border-bottom:dotted 1px #cccccc;
								}
									p.viewsite a:hover {
										color: #278AC9;
										text-decoration:none;
										border-bottom:dotted 1px #cccccc;
									}
							
						#casestudy-footer img {
							display:block;
						}
				
			
			/* -----------------------
				=RIGHT COLUMN
			   ----------------------- */
		
				#content-col2L-right {
					float: right;
					width: 414px;
					border-left:solid 1px #ebebeb;
					background-image:url(images/bg-rightcolumn.gif);
					background-position:top left;
					background-repeat:repeat-y;
					padding:15px 0px 400px 15px;
				}
				
					h2.pricing-title {
						font-size: 2.0em;
						font-weight: 400;
						color: #333333;
						letter-spacing:-.025em;
						margin-bottom: 10px;
					}
					
					p.pricing-copy {
						font-size: 1.2em;
						font-weight: 400;
						color: #666666;
						margin-bottom: 10px;
						line-height:1.6em;
					}
					img.price-ex {						
						margin: 5px 0px 10px 20px;
					}
					
					h2.design-title {
						font-size: 2.0em;
						font-weight: 400;
						color: #333333;
						letter-spacing:-.025em;
						margin-bottom: 10px;
						margin-top:25px;
					}
					
					p.design-copy {
						font-size: 1.2em;
						font-weight: 400;
						color: #666666;
						margin-bottom: 20px;
						line-height:1.6em;
					}
					dl.design-pricelist {
						overflow:hidden;
						margin:0px 0px 10px 0px;
					}
						dl.design-pricelist dt {
							float:left;
							font-size:1.4em;
							width:250px;
							clear:both;
							padding-right:30px;
							overflow:hidden;
						}
							dl.design-pricelist dt .title {
								font-size:0.9em;
								color:#333333;
								margin:0px 0px 2px 0px;
								display:block;
							}
							dl.design-pricelist dt .copy {
								font-size:0.8em;
								color:#999999;
								display:block;
							}
						dl.design-pricelist dd {
							float:left;
							font-size:2.4em;
							color:#333333;
							margin-bottom:15px;
						}
					
					#contact-methods {
						margin-bottom: 20px;
						overflow:hidden;
						border-top:dotted 1px #eaeaea;
					}
					
						#contact-methods h4 {
							font-size: 1.8em;
							font-weight: 400;
							color: #cccccc;
							margin-top: 30px;
							margin-bottom: 10px;
							float:left;
						}
					
						#contact-methods ul {
							margin-top: 30px;
							width: 300px;
							float: right;
						}
							
							#contact-methods ul li {
								width: 150px;
								color: #666666;
								font-size: 1.2em;
								line-height: 1.4em;
								text-align:left;
							}
							
								#contact-methods ul li a {
									color: #666666;
									text-decoration: none;
									border-bottom:dotted 1px #999999;
								}
									#contact-methods ul li a:hover {
										color: #333333;
										text-decoration: none;
										border-bottom:dotted 1px #999999;
									}
							
								#contact-methods ul li.email {
									float: right;
								}
						
					#contact-form {
						border-top: 1px solid #f1f1f1;
						overflow:hidden;
					}
					
						#form-success {
							font-size: 1.2em;
							color: #3CBF3B;
						}
						
						#form-error {
							font-size: 1.2em;
							color: #ff9999;							
						}
					
						#contact-form .form-item {
							border-bottom: 1px solid #f1f1f1;
							padding: 15px 0px 15px 3px;
						}
						
						#contact-form label {
							width: 112px;
							display: block;
							float: left;
							font-size: 1.2em;
							color: #666666;
							font-weight: 400;
							margin-top:4px;
						}
						#contact-form label.required {
							color: #ff7373;
						}
						
						input.field {
							background: #ffffff url(../images/bg-field.gif) repeat-x top; 
							border: 1px solid #c3c3c3; 
							border-top-color: #7c7c7c; 
							border-bottom-color: #dddddd;
							font-size:13px;
							color:#333333;
							padding:3px;
							width: 200px;
						}
						textarea {
							background: #ffffff url(../images/bg-field.gif) repeat-x top; 
							border: 1px solid #c3c3c3; 
							border-top-color: #7c7c7c; 
							border-bottom-color: #dddddd;
							color:#333333;
							padding:3px;
							width:270px;
							height:100px;
							font-size:12px;
							font-family:Arial, Helvetica, sans-serif;
							line-height:18px;
							margin-right:15px;
						}
						input.required, textarea.required {
							background-color: #ffeded;
							border: 1px solid #ff9292;
						}
						
						#contact-form .btn-send {
							margin-left: 112px;
							font-size:1.2em;
							padding:3px 5px;
						}
					

	/* -----------------------
		=FOOTER
	   ----------------------- */
	   
		#footer-container {
			background-color: #fdfdfd;
			background-image:url(images/bg-footer.gif);
			background-position:top left;
			background-repeat:repeat-x;
			border-top: 1px solid #e7e7e7;
			clear: both;
			padding:20px;
			overflow:hidden;
		}
			#footer-content {
				width:960px;
				margin:10px auto;
				overflow:hidden;
			}
				#footer-logo {
					float:left;
				}
					#footer-logo p.aboutus {
						font-size:1.1em;
						color:#999999;
						margin:15px 0px 15px 0px;
						width:500px;
					}
						p.aboutus a {
							color:#999999;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;
						}
							p.aboutus a:hover {
								color:#666666;
								text-decoration:none;
								border-bottom:dotted 1px #cccccc;
							}
					
					#footer-logo p.copyright {
						font-size:1.1em;
						color:#999999;
						margin:0px 0px 0px 0px
					}
				
				#footer-contact {
					float:right;
					overflow:hidden;
					width:300px;
				}
					#footer-contact p.phone {
						color:#666666;
						font-size:1.2em;
						float:left;
						line-height:1.6em;
					}
					#footer-contact p.email {
						float:right;
						font-size:1.2em;
						line-height:1.6em;
					}
						#footer-contact p.email a {
							color:#666666;

							text-decoration:none;
							border-bottom:dotted 1px #cccccc;
						}
							#footer-contact p.email a:hover {
								color:#333333;
								text-decoration:none;
								border-bottom:dotted 1px #cccccc;
							}