@charset "utf-8";

/*----------------------------------------------/*
/* INFLUENCE BY DESIGN BASE CSS TEMPLATE V1.0
/* Author: Christian Magill
/* E-mail: chris@influencebydesign.com
/* Last Updated: May 02, 2008
/*----------------------------------------------*/

/*----------------------------------------------/*
/* Standard HTML Reset
/*----------------------------------------------*/

	body, h1, h2, h3, p, ul, li, ol, form{
		border: 0;
		margin: 0;
		padding: 0;
	}
	

/*----------------------------------------------/*
/* Standard HTML Tag Definition
/*----------------------------------------------*/

	body, form, input{
		color: #000000;
		font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	body{ 
		background-image: url(../images/website-background.jpg);
	}
	
	p, ul, ol{
		font-size: 1em;
	}
	
	img {
		display: block;
	}
	
	form{
		margin-bottom: 1.2em;
	}
	
	/*----------------------------------------------/*
	/* Link Definitions
	/*----------------------------------------------*/
	
		a:link {
			color: #0F74AA;
		}
		
		a:visited {
			color: #0C5B87;
		}
		
		a:hover {
			color: #1397DD;
		}
		
		a:active {
			color: #0F74AA;
		}

	/*----------------------------------------------/*
	/* Text Styles
	/*----------------------------------------------*/
	
		h2{ 
			font-size: 28px;
			margin-bottom: 7px;
			font-weight: bold;
			padding: 0;			
			letter-spacing: -1px;
			word-spacing: -1px;
			line-height: 1em;
			color: #610002;
		}

		h3{
			font-size: 16px;
			margin-bottom: 5px;
			font-weight: bold;
			color: #307092;			
		}

		p{
			line-height: 150%;
			margin-top: 0;
			margin-bottom: 1.0em;
			padding: 0;
		}
		
		acronym, abbr{
			cursor: help;
			letter-spacing: 1px;
			border-bottom: 1px dashed;
		}
	
		acronym{
			font-variant: small-caps;
		}
	
/*----------------------------------------------/*
/* Page Elements
/*----------------------------------------------*/

	#container{
		width: 720px;
		position: relative;
		left: 50%;
		margin-left: -360px;
	}

	/*----------------------------------------------/*
	/* Header
	/*----------------------------------------------*/
	
		#header{
				
		}
		
		h1{ /* radu image replacement */
			float: left;
			background: url(../images/web-design-header.jpg) no-repeat top right;
			width: 2540px;
			height: 106px;
			margin: 0 0 0 -2000px; 
		}
	
		/*----------------------------------------------/*
		/* Navigation
		/*----------------------------------------------*/
		
			#header ul li{
				display: block;
				float: left;
				list-style-type: none;
			}
			
			#header ul li a{
				display: block;
				width: 180px;
				height: 90px;
				text-indent: -9009px;
			}
			
			#header a{
				outline: none;
			}
			
			/*----------------------------------------------/*
			/* Set Navigation Images
			/*----------------------------------------------*/
			
			#website-contact{
				background-image: url(../images/web-design-contact.jpg);
				height: 106px; /* differing height */
			}
			
			#website-online{ background-image: url(../images/nav-website-online.jpg);}			
			#online #website-online{background-image: url(../images/nav-website-online-on.jpg);}
			
			#website-portfolio{background-image: url(../images/nav-website-portfolio.jpg);}			
			#portfolio #website-portfolio{background-image: url(../images/nav-website-portfolio-on.jpg);}
			
			#website-quote{background-image: url(../images/nav-website-quote.jpg);}			
			#quote #website-quote{background-image: url(../images/nav-website-quote-on.jpg);}
			
			#website-home{background-image: url(../images/nav-website-designer.jpg);}			
			#home #website-home{background-image: url(../images/nav-website-designer-on.jpg);}
		
	/*----------------------------------------------/*
	/* Content Area
	/*----------------------------------------------*/
	
		#content{
			clear: both;
			height: auto; /* equal column height part 1 */
			width: 720px;
			overflow: hidden;
		}

		/*----------------------------------------------/*
		/* Column Main
		/*----------------------------------------------*/
	
			#main{
				float: left;
				width: 443px;

				padding: 9px 9px 30000px 9px; /* equal column height part 2 */
				margin: 0 10px -29991px 10px; /* leaves 9px of padding on bottom */
				
				display: inline; /* fix ie double margin bug */
				
				border: 1px solid #FBF7E3;
				background: #F2E6B6;		
			}
			
			#home #main{ /* different sizing for homepage */
				width: 325px;				
			}
			
			#portfolio img{
				padding: 4px;
				background-color: #FFFFFF;
				border: 1px solid #DDDDDD;
			}
		
		/*----------------------------------------------/*
		/* Column Sub
		/*----------------------------------------------*/
		
			#sub{
				float: left;
				width: 207px;
				
				padding: 9px 9px 30000px 9px; /* equal column height part 3 */
				margin-bottom: -29991px; /* leaves 9px of padding on bottom */
				
				border: 1px solid #F1F7FA;
				background: #D9EAF2;	
				font-size: 12px;	
				line-height: 120%;	
			}
			
			#home #sub{ /* different sizing for homepage */
				width: 325px;
			}
			
			#sub h3{
				font-size: 14px;
				color: #615C49;
			}
			
			/*----------------------------------------------/*
			/* Quote Form (Sub)
			/*----------------------------------------------*/
			
				#quote-form{
					/*width: 205px;*/
					font-size: 11px;
					padding: 10px; 
					width: 187px; 
					background-color: #C2DEEB; 
					border-top: 1px solid #E8F1F7; 
					border-bottom: 1px solid #E8F1F7;
				}
				
				.field{
					width: 99%;
					font-size: 11px;
					border: 1px solid #958D73;
				}
				
						
				#quote-form label{
					font-size: 11px;
					font-weight: bold;
				}
				
				.hp{
					display: none;
				}
				
				
			/*----------------------------------------------/*
			/* Testimonial
			/*----------------------------------------------*/
			
				.testimonial{
					background: #E9F2F8;
					border-top: 1px solid #BCDAE9;
					border-bottom: 1px solid #BCDAE9;
					padding: 5px;
					margin-top: 1.2em;
					margin-bottom: 1.2em;
				}
				
				.testimonial p{
					margin-bottom: 0;
					line-height: 120%;
				}
				
				.testimonial em{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 14px;
					color: #307092;
				}
				
				.byline{
					text-align: right;
				}
		
	/*----------------------------------------------/*
	/* Footer
	/*----------------------------------------------*/
	
		#footer{
			clear: both;
			padding: 10px;
			color: #76B3CF;
			font-size: 11px;
			text-align: center;
		}
		
		#footer p{
			margin: 0px;
			line-height: 150%;
		}
		
		#footer .copyright{
			color: #F2E6B6;
		}
		
		#footer .phone{
			color: #FFFFFF;
		}
		
		#footer a.email:link, #footer a.email:visited, #footer a.email:hover, #footer a.email:active{
			color: white;
		}
	
/*----------------------------------------------/*
/* Universal Classes
/*----------------------------------------------*/