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

   'Seen Business Essentials Website' Stylesheet

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


/* ------------------------------------------------
	=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 {
					display: none;
				}
				
				.feature.selected {
					display: block;
				}
				
			/* -----------------------
				=FEATURE 1 - ALL IN ONE
			   ----------------------- */
			   
				#features-content #feature-1 {
					background-image: url(images/bg-feature-1.jpg);
					background-position:center;
					background-repeat:no-repeat; 
					text-align:center; 
					padding:25px 0px 0px 0px;
					height: 385px;
				}
					#feature-1 h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:5px 0px 5px 0px;
					}
					#feature-1 p {
						width:570px;
						font-size:1.6em;
						line-height:1.4em;
						margin:0px auto 30px auto;
						color:#cccccc;
					}
						#feature-1 p .price {
							font-size:1.2em;
							font-weight:800;
							color:#ffffff;
						}
					#feature-1 dl {
						overflow:hidden;
						margin:0px auto -1px auto;
						width:550px;
						border:solid 1px #666666;
						padding:10px;
					}
						#feature-1 dt {
							width:90px;
							float:left;
							clear:both;
							color:#cccccc;
							font-size:1.6em;
							margin-right:15px;
							margin-top:3px;
							text-align:right;
							padding:2px 20px 0px 0px;
							border-right:1px solid #666666;
						}
							#feature-1 dd {
								width:410px;
								float:left;
								font-size:1.6em;
								line-height:1.4em;
								margin:0px;
								color:#cccccc;
							}
							#feature-1 dd .price {
								font-size:1.2em;
								font-weight:800;
								color:#ffffff;
							}
							
					#feature-1 img.bizessen-logo {	
						margin:7px auto 10px auto;
					}
					#feature-1 img.pricing {	
						margin:-9px auto 0px auto;
					}				
				
			/* -----------------------
				=FEATURE 2 - DESIGN
			   ----------------------- */		
				
				#features-content #feature-2 {
					background-image: url(images/bg-feature-2.jpg);
					background-position:bottom right;
					background-repeat:no-repeat; 
					text-align:left; 
					padding:25px 3px 0px 2px;
					height: 385px;
				}
					#feature-2 h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:60px 0px 30px 0px;
					}
					#feature-2 p {
						width:350px;
						font-size:1.4em;
						line-height:1.6em;
						color:#cccccc;
						margin-bottom:20px;
					}
				
			/* -----------------------
				=FEATURE 3 - EDITING
			   ----------------------- */		
				
				#features-content #feature-3 {
					background-image: url(images/bg-feature-3.jpg);
					background-position:bottom right;
					background-repeat:no-repeat; 
					text-align:left; 
					padding:25px 3px 0px 2px;
					height: 385px;
				}
					#feature-3 h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:60px 0px 30px 0px;
					}
					#feature-3 p {
						width:350px;
						font-size:1.4em;
						line-height:1.6em;
						color:#cccccc;
						margin-bottom:20px;
					}
			
			/* -----------------------
				=FEATURE 4 - HOSTING
			   ----------------------- */		
				
				#features-content #feature-4 {
					background-image: url(images/bg-feature-4.jpg);
					background-position:bottom right;
					background-repeat:no-repeat; 
					text-align:left; 
					padding:25px 3px 0px 2px;
					height: 385px;
				}
					#feature-4 h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:60px 0px 30px 0px;
					}
					#feature-4 p {
						width:350px;
						font-size:1.4em;
						line-height:1.6em;
						color:#cccccc;
						margin-bottom:20px;
					}
			
			/* -----------------------
				=FEATURE 5 - SEO
			   ----------------------- */		
				
				#features-content #feature-5 {
					background-image: url(images/bg-feature-5.jpg);
					background-position:bottom right;
					background-repeat:no-repeat; 
					text-align:left; 
					padding:25px 3px 0px 2px;
					height: 385px;
				}
					#feature-5 h3 {
						font-size:2.4em;
						font-weight:400;
						text-transform:uppercase;
						margin:60px 0px 30px 0px;
					}
					#feature-5 p {
						width:350px;
						font-size:1.4em;
						line-height:1.6em;
						color:#cccccc;
						margin-bottom:20px;
					}
				
			
				
			#features-nav-content {
				width:100%;
				height: 88px;
				background-color: #ebebeb;
				background-image:url(images/bg-features-nav.gif);
				border-bottom:solid 1px #dfdfdf;
				color: #000000;
				text-align: center;
			}
			
				ul.features-nav {
					width:740px;
					margin:0px auto;
					text-align:center;
				}
				
					ul.features-nav li {
						float: left;
						padding: 17px 20px 20px 20px;
						cursor: pointer;
						text-align:center;
						font-size:1.2em;
						color:#6e6e6e;
					}
						ul.features-nav li img {
							display: block;
							margin:0px auto 5px auto;
						}
					
					ul.features-nav li:hover {
						color:#6e6e6e;
					}
					
					ul.features-nav li.selected {
						color:#333333;
						margin-top:-7px;
						padding:24px 20px 20px 20px;
						background-image:url(images/gr-features-nav-selected.gif);
						background-position:top center;
						background-repeat:no-repeat;
					}
					
	/* -----------------------
		=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;
							}
									
							#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-testimonial {
							background-image:url(images/bg-testimonial.jpg);
							background-position:top right;
							background-repeat: no-repeat;
							width:429px;
							height:155px;
							position:relative;
							left:47px;
							padding:13px;
							clear:both;
						}
							#casestudy-testimonial img.testimonial-pic {
								float:left;
								margin:0px 15px 100px 0px;
								border:solid 1px #d3d2d0;
							}
							#casestudy-testimonial h4.testimonial-title {
								font-size:1.2em;
								font-weight:400;
								margin:5px 0px 7px 0px;
								color:#666666;
							}
							#casestudy-testimonial p {
								margin:0px 0px 10px 0px;
								font-size:1.2em;
								color:#999999;
								font-style:italic;
								line-height:1.6em;
								width:390px;
							}
							
						#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 100px 15px;
				}
				
					h2.contact-title {
						font-size: 2.0em;
						font-weight: 400;
						color: #333333;
						letter-spacing:-.025em;
					}
					
					#contact-methods {
						margin-bottom: 20px;
						overflow:hidden;
					}
					
						#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;
						}
					
					#contact-faq {
						margin:30px 0px 0px 0px;
					}
				
						#contact-faq h4 {
							font-size: 1.8em;
							font-weight: 400;
							color: #cccccc;
						}
						
						#contact-faq ol {
							margin-left: 30px;
							font-size:1.2em;
						}
						
							#contact-faq ol li {
								list-style: decimal outside;
								margin-top: 20px;
								color: #666666;
							}
						
								#contact-faq ol li h5 {
									font-size: 1.0em;
									line-height: 1.6em;
									color: #666666;
									font-weight: 400;
								}
						
								#contact-faq ol li p {
									font-size: 1.0em;
									line-height: 1.6em;
									color: #999999;
								}

	/* -----------------------
		=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;
							}