body {
	margin: 0px;
	padding: 0px;
	background-image: url(/images/background.gif);
	background-repeat: repeat-x;
	background-color: #e7e7e0;
	overflow-x:hidden;
	}
	
	.clear {
		clear: both;
		}
		
	.small {
		font: 11px Arial, Helvetica, sans-serif;
		float: right;
		margin: -10px 0px 0px 0px;
		color: #666666;
		}
		
	.bio {
		font: 11px Arial, Helvetica, sans-serif;
		color: #666666;
		}
		
	.tiny, .tiny a {
		color: #333333;
		font-size: 12px;
		font-weight: none;
		}
		
	blockquote {
		border: 1px solid #cccccc;
		padding: 10px 10px 10px 10px;
		margin: 0px;
		}
		
	blockquote p {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		}
		
	.hidden {
		display: none;
		}
		
	a {
		color: #911212;
		}
		
	a:hover {
		color: #6d0d0d;
		text-decoration: none;
		}
	
#container {
	width: 940px;
	margin: 0px auto;
	}
	
	#content {
		padding: 0px 30px 10px 30px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		margin: 10px 0px 0px 0px;
		background-image: url(/images/reflected-bg.gif);
		background-repeat: repeat-y;
		background-position: top center;
		}
	
#header {
	width: 960px;
	height: 120px;
	background-image: url(/images/reflected-bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	}
	
	#header h1,#header h2, #header h3, #header p, #header span {
		padding: 0px;
		margin: 0px;
		display: none;
		}
	
	#logo {
		width: 390px;
		height: 120px;
		background-image: url(/images/logo.gif);
		background-repeat: no-repeat;
		float: left;
		}
		
#topnav {
	float: right;
	margin: 75px 0px 0px 0px;
	}
		
	#topnav-home {
		width: 42px;
		height: 45px;
		background-image: url(/images/topnav-home.gif);
		float: left;
		}
		
	#topnav-portfolio {
		width: 180px;
		height: 45px;
		background-image: url(/images/topnav-portfolio.gif);
		float: left;
		}
		
	#topnav-contact {
		width: 82px;
		height: 45px;
		background-image: url(/images/topnav-contact.gif);
		float: left;
		}
		
	#topnav-estimate {
		width: 211px;
		height: 45px;
		background-image: url(/images/topnav-estimate.gif);
		float: left;
		}
			
#marquee {
	height: 270px;
	}
	
#home-work {
	margin: 20px 10px 0px 0px;
	float: right;
	width: 400px;
	}
	
#home-hire {
	width: 400px;
	float: left;
	}
	
#home-web {
	width: 400px;
	margin: 0px 10px 0px 0px;
	float: right;
	}
	
	#home-work p, #home-web p, #home-hire p, #left-column p, #right-column p, #right-column ul, #left-column ul, #left-column-estimate p, 
	#right-column-estimate p, #left-column-blog p, #right-column-blog p, #left-column-blog ul, #right-column-blog ul {
		color: #666666;
		font: 13px Helvetica Neue, Century Gothic, Arial, Verdana, Geneva, sans-serif;
		line-height: 22px;
		}
		
	#home-work h5 {
		width: 400px;
		height: 50px;
		background-image: url(/images/home-work.gif);
		margin-top: 0px;
		padding-top: 0px;
		}
		
	#home-web h4 {
		width: 400px;
		height: 50px;
		background-image: url(/images/home-web.gif);
		}
		
	#home-hire h4 {
		width: 400px;
		height: 50px;
		background-image: url(/images/home-hire.gif);
		}
		
	#home-work span, #home-web span, #home-hire span, #services span, #web-design span, #graphic-design span, #online-marketing span, #web-20 span, 
	#hosting span, #contact span, #estimate span {
		display: none;
		}
		
#left-column {
	width: 400px;
	float: left;
	}
	
	#left-column-estimate {
		width: 400px;
		float: left;
		}
	
	#left-column-blog {
		width: 500px;
		float: left;
		border-right: 1px solid #cccccc;
		padding: 30px 30px 0px 0px;
		}
	
	#left-column h3, #right-column h3, #left-column-estimate h3, #right-column-estimate h3 {
		font-family: Arial, Verdana, Helvetica, Sans-serif;
		font-size: 16px;
		}
		
	#left-column-blog h2, #right-column-blog h2 {
		/*font-family: Arial, Verdana, Helvetica, Sans-serif; 
		font-size: 22px;*/
		font: 36px Jenkins, Book Antiqua, Georgia, Times, Times New Roman;
		padding: 0px 0px 10px 0px;
		margin: 0px;
		}
		
	#left-column-blog h2 a {
		text-decoration: none;
		}
	
#slider-column {
	float: left;
	}
	

#right-column {
	width: 400px;
	margin: 0px 10px 0px 0px;
	float: right;
	}
	
	#right-column-estimate {
		width: 400px;
		margin: 0px 10px 0px 0px;
		float: right;
		}
	
	#right-column-blog {
		width: 300px;
		margin: 0px 10px 0px 0px;
		float: right;
		}
	
	#invisible-links a {
		color: #333333;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		}
	
	
#services {
	width: 400px;
	height: 50px;
	background-image: url(/images/services.gif);
	background-repeat: no-repeat;
	}
	
#web-design {
	width: 400px;
	height: 50px;
	background-image: url(/images/web-design.gif);
	background-repeat: no-repeat;
	}
	
#graphic-design {
	width: 400px;
	height: 50px;
	background-image: url(/images/graphic-design.gif);
	background-repeat: no-repeat;
	}
	
#online-marketing {
	width: 400px;
	height: 50px;
	background-image: url(/images/online-marketing.gif);
	background-repeat: no-repeat;
	}
	
#web-20 {
	width: 400px;
	height: 50px;
	background-image: url(/images/web-20.gif);
	background-repeat: no-repeat;
	}
	
#hosting {
	width: 400px;
	height: 50px;
	background-image: url(/images/hosting.gif);
	background-repeat: no-repeat;
	}
	
#contact {
	width: 400px;
	height: 50px;
	background-image: url(/images/contact.gif);
	background-repeat: no-repeat;
	}
	
#estimate {
	width: 400px;
	height: 50px;
	background-image: url(/images/project-brief.gif);
	background-repeat: no-repeat;
	}
	
#form {
	padding: 15px 0px 0px 0px;
	}
	
	#form input, #form textarea {
		float: right;
		padding: 8px 6px;
		font: 16px Helvetica Neue, Helvetica, Arial, Verdana;
		margin-bottom: 10px;
		}
		
	#form p {
		height: 30px;
		}
		
	#form label {
		font: 12px Arial, Verdana, Geneva, sans-serif;
		float: right;
		padding: 13px 10px 0px 0px;
		}
		
#estimate-form {
	padding: 15px 0px 0px 0px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	}
	
	#estimate-form input, #estimate-form textarea {
		padding: 8px 8px 10px 110px;
		font: 16px Helvetica Neue, Helvetica, Arial, Verdana;
		line-height: 20px;
		color: #666666;
		clear: both;
		margin-bottom: 10px;
		}
		
	#estimate-form p {
		height: 30px;
		}
		
	#estimate-form label {
		font: 12px Arial, Verdana, Geneva, sans-serif;
		padding: 13px 10px 0px 0px;
		}
		
.est-name {
	background-image: url(/images/form/name.gif);
	background-repeat: no-repeat;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-email {
	background-image: url(/images/form/email.gif);
	background-repeat: no-repeat;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-phone {
	background-image: url(/images/form/phone.gif);
	background-repeat: no-repeat;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-company {
	background-image: url(/images/form/company.gif);
	background-repeat: no-repeat;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-address {
	background-image: url(/images/form/address.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 60px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-business {
	width: 300px;
	height: 80px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-services {
	clear: both;
	}
	
.est-url {
	background-image: url(/images/form/url.gif);
	background-repeat: no-repeat;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-launch {
	background-image: url(/images/form/date.gif);
	background-repeat: no-repeat;
	width: 100px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-details {
	width: 300px;
	height: 150px;
	border: 1px solid #cccccc;
	float: left;
	}
	
.est-budget {
	background-image: url(/images/form/budget.gif);
	background-repeat: no-repeat;
	width: 125px;
	border: 1px solid #cccccc;
	float: left;
	}

	.shirt {
		width: 100px;
		border: 1px solid #cccccc;
		}
		
	.wide {
		width: 220px;
		border: 1px solid #cccccc;
		clear: both;
		}
		
	.wider {
		width: 320px;
		border: 1px solid #cccccc;
		}
		
	.widerarea-tall {
		width: 220px;
		height: 300px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cccccc;
		}
		
	.widerarea-short {
		width: 220px;
		height: 100px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cccccc;
		}
		
	.widearea {
		width: 220px;
		height: 100px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cccccc;
		clear: both;
		}
		
	.form-text {
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 0px;
		}
		
#footer {
	text-align: right;
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;
	}
	
#demotip { 
    display:none; 
    background:transparent url(/images/black_arrow.png); 
    height:70px; 
    width:160px; 
    padding:25px; 
    color: #ffffff;    
	font: 11px Arial, Verdana, Geneva, sans-serif;
	line-height: 18px;
	}
	
	#demo img {
		border:0;
		cursor:pointer;
		}
		
/*.georgia-small {
	font: 13px Georgia, "Times New Roman", Times, serif;
	}
	
	.georgia-med {
		font: 16px Georgia, "Times New Roman", Times, serif;
		}
		
	.georgia-large {
		font: 20px Georgia, "Times New Roman", Times, serif;
		}*/
		
/* This CSS is used for the Show/Hide functionality. */
	
	.more {
		display: none;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		}
		
/* GALLERY */

ul#gallery { position:relative; }	
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li ul { padding:20px 20px 20px 20px; list-style:none; margin:0; width:460px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
/*ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }*/

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }