/* CSS Reset */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, 
form, fieldset, a, table, tr, td, dl, dt, dd
{
   margin: 0;
   padding: 0;
   border: 0;
}

ul, ol
{
   list-style: none;
}

input, select, textarea
{
   font: 10.5pt Helvetica, Arial, Verdana, sans-serif;
}

html, p, h1, h2, h3, h4, h5, h6
{
   font: 10.5pt Helvetica, Arial, Verdana, sans-serif;
   line-height: 1.4;
}

a
{
   text-decoration: none;
   color: #ffffff;
}

a:hover
{
   text-decoration:underline;
}

a img
{
   border: none;
}

/* layout */
body
{
   background-color: #4b585b;
   color: #ffffff;
   text-align: justify;
} 

#nav-container
{
   background-color: #885f4b;
} 

.center
{
   width: 980px;
   margin: 0 auto;
} 

#nav-container div
{
   height: 73px;
} 

#nav-container h1
{
   position: relative;
   top: 19px;
} 

#nav-container h1 a
{
   display: block;
   height: 54px;
   width: 162px;
   text-indent: -5000px;
   background-image: url("/images/binaryd-logo.png");
} 

#nav-container span
{
   float: right;
   margin-top:-50px;
   position:relative;
}

#nav-container ul
{
   float: right;
   position: relative;
   bottom: 8px;
   display: block;
   clear: right;
} 

#nav-container ul li
{
   display: inline;
} 

#nav-container ul li a
{
   display: inline;
   padding: 10px;
} 

#nav-container ul li a:hover, #nav-container ul li a.active
{
   color: #ebc476;
   text-decoration:none;
} 

#moon-container
{
   border-top: solid 4px #ebc476;
   border-bottom: solid 4px #ebc476;
   height: 220px;
   background-image: url("/images/stars-bg.jpg");
} 

#swoosh-container
{
   background-image: url("/images/swooshy.png");
   background-repeat: no-repeat;
   background-position: 60px 5px;
   height: 220px;
}

#fontpage-header
{
   float:right;
   position: relative;
   background-image: url("/images/world-text.png");
   text-indent: -5000px;
   display: block;
   width: 454px;
   height: 46px;
   top:180px;
}

#frontpage-moon
{
   position:relative;
   top: -20px;
}

#subpage-moon
{
   float:left;
   position: relative;
   top:-20px;
}

#subpage-quote
{
   float: right;
   display: block;
   background-image: url("/images/starfield-overlay.png");
   padding: 10px;
   width: 650px;   
   position: relative;
   margin-top:35px;
}

#subpage-header
{
   clear:right;
   float:right;
   position: relative;
   width:650px;
   text-align:right;
   margin-top:17px;
   height:0;
   overflow:visible;
}

#spacer
{
   height: 44px;
   background-image: url("/images/brownpattern.jpg");
} 

#body-container
{
   border-top: solid 1px #f8f5f4;
   background-color: #f3dfc0;
   color: #000000;
}

#head-text
{
   background-color: #d2af78;
   margin-top: 2px;
   margin-bottom: 10px;
} 

#head-text div
{
   padding: 20px 0;
} 

#body-panel
{
   padding-bottom:20px;
}

#body-panel a
{
   color:#000000;
}

#featured-panel
{
   float: right;
   width: 310px;
   padding: 10px;
   margin-left: 55px;
   margin-bottom: 20px;
   margin-top:10px;
   background-color: #9f7c68;
   text-align:center;
}

#featured-panel h4
{
   text-align:center;
}

#featured-panel p
{
   text-align:justify;
}

.news-post
{
   margin-bottom:20px;
   margin-top:10px;
}

.post-date
{   
   width:115px;
   height:82px;  
   vertical-align:top;  
}

.post-date div
{
	background-image:url("/images/datebg.png");
height:32px;
overflow:hidden;
padding-right:5px;
padding-top:50px;
text-align:right;
vertical-align:top;
width:110px;
   /*width:115px;
   height:22px;  
   padding-top:60px;
   background-color:#75858b; 
   vertical-align:top;
   text-align:right;
   overflow:hidden;*/ 
}

.post-text
{
   padding-left:20px;
   vertical-align:top;
}

.post-text a
{
   display:block;      
}

#portfolio
{
   margin-top:20px;
}

#portfolio td
{
   text-align:left;
   vertical-align:top;
}

.portfolio-space
{
   height: 30px;
}

.portfolio-item
{
   display:block;
   width:280px;	
	padding:10px;
	background-color:#eccea4;
	height:350px;
	cursor: pointer;
}

.portfolio-item:hover
{
   text-decoration:none;
}

.left-item
{
	float:left;
}

.center-item
{
	margin: 0 auto;
}

.right-item
{
	float: right;
}

.portfolio-image-container
{
	display: block;	
	width:274px;
	height: 241px;
	border: solid 3px #dab782;
	overflow:hidden;
	position:relative;
}

.portfolio-image
{
	width:268px;
	height:235px;
	border: solid 3px #ffffff;
}

.portfolio-readmore
{
	position:relative;
	bottom:365px;
	left:274px;
}

.portfolio-tagline
{
	width:240px;
	display:block;
}

.portfolio-go
{
	float:right;
	position:relative;;
	top:75px;
}

.portfolio-empty
{
	text-align:center;
	height:auto;
	cursor:default;
}

#portfolio-left
{
	float:left;
	background-color:#ebcea4;
	padding:10px;
	height:680px;
	width:670px;
}

#portfolio-images
{
	height:650px;
	width:670px;
	margin:0 auto;
	overflow:hidden;
	position:relative;	
}

#portfolio-images img
{
	position:absolute;
	cursor:pointer;
}

#portfolio-controller
{
	float:right;
	color:#cea76a;
}

#portfolio-controller a
{
	color:#cea76a;
}

#portfolio-controller a.current
{
	color:#000000;
}

#portfolio-right
{
	float:right;
	background-color: #ebcea4;
	padding:10px;
	width:250px;
	height:680px;
	text-align:left;
}

#portfolio-visitlink
{
	float:right;
	position:relative;
	top:650px;
}

.portfolio-sideheader
{
	border: dashed 1px #987052;
	display:inline-block;	
	padding: 2px;
	margin-bottom:3px;
}

.rilink
{
	border: none;
	background-color:#F3DFC0;
}

.portfolio-info
{
	margin-left:30px;
	margin-right:10px;
	text-align: justify;
}

.portfolio-info a
{
	text-decoration:underline;	
}

.portfolio-info a:hover
{
	border: none;
}

#heading-container
{
	position:relative;
	top:-40px;
}

#portfolio-browser
{
	height:158px;
	background-image:url("/images/bottom-portfolio-bar.jpg");
	background-repeat: no-repeat;
	margin-top:-22px;
}

#portfolio-browser-left
{
	cursor:pointer;
	float:left;
	height:71px;
	margin-top:16px;
	padding-left:5px;
	padding-top:40px;
}

#portfolio-browser-right
{
	cursor:pointer;
	float:right;
	height:71px;
	margin-top:16px;
	padding-right:5px;
	padding-top:40px;
}

#portfolio-contents
{
	height:150px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	width:903px;
}

#portfolio-contents-pad
{
	height:150px;
	left:0;
	position:relative;
	width:2100px;
}

.portfolio-browser-item
{
	display:block;
	float:left;
	height:88px;
	margin: 25px 14px 25px 15px;
	opacity: .6;
	filter: alpha(opacity=60);
}

.portfolio-browser-item-current
{
	border:2px solid #FFFFFF;
	display:block;
	float:left;
	height:88px;
	margin:24px 12px 24px 13px;
}

#about-header
{
	background-color: #ebcea4;
	padding:10px;
	margin-bottom: 25px;
	padding:20px 10px;
}

#about-lindsey, #about-stephen
{
	width:435px;
	padding:20px;
	background-color:#f0dab5;
}

#about-lindsey
{
	float:left;
}

#about-stephen
{
	float:right;
}

#about-lindsey-topper, #about-stephen-topper
{
	display: block;
	height:290px;
}

#about-lindsey-topper p, #about-lindsey-topper h4
{
	float:left;
	clear: left;
	width:135px;
	text-align:left;
}

#about-stephen-topper p, #about-stephen-topper h4
{
	float:right;
	clear: right;
	width:135px;
	text-align:left;
}

#about-lindsey-topper h4, #about-stephen-topper h4
{
	margin-top: 5px;
}

#about-lindsey-topper img
{
	float:right;
}

#about-stephen-topper img
{
	float:left;
}

#services-header
{
	background-color: #ebcea4;
	padding:20px 10px;
	margin-bottom: 10px;
}

#services-rates
{
	float:right;
	margin-left:50px;
	padding:10px;
	width:240px;
	background-color:#9F7C68;
}

#services-content
{
	width:669px;
}

.contact-special
{
	border-bottom:4px solid #FFFFFF;
}

.contact-panel
{
	background-color:#EBCEA4;
	margin-bottom:10px;
	padding:20px 10px;
}

.contact-error
{
	color: #ff0000;
	padding:5px;
	vertical-align: top;
}

#contact-container
{
   clear:both;
   background-color: #75858b;
   border-top: solid 4px #ffffff;
   padding: 15px 0;
}

div.contact-bg
{
   background-image: url("/images/contact-stars.png");
   background-repeat: no-repeat;
   background-position: 445px 25px;
}

#contact-left
{
   float:left;
   width:415px;
}

#contact-left a
{
   background-color: #4b585b;   
   border:solid 2px #4b585b;
}

#contact-left a:hover
{
   text-decoration:none;
   border:dotted 2px #4b585b;
   background-color: #75858b;   
}

#contact-right
{
   float:right;
   width:475px;
}

.contact-input, .contact-text, .contact-formField
{
   border: none;
   background-color:#ffffff;
   color:#000000;

}

.contact-formField
{
	width: 350px;
   padding: 5px;
   margin-bottom:10px;
}

.contact-input
{
   width: 170px;
   padding: 5px;
   margin-bottom:10px;
}

.contact-text
{
   width:260px;
   height: 96px;
   padding:5px;
   float: right;
}

.fresh
{
   color:#75858b;
}

.contact-bigSubmit
{
   display:block;
	margin:10px 0px;
   border:solid 2px #ffffff;
   background-color:#4b585b;
   height: 45px;
   width: 200px;
	cursor: pointer;
}

.contact-bigSubmit:hover
{   
   background-color:#81989d;
   color:#000000;
}

#error-panel
{
   background-color: #dd292c;
   display:block;
   float: left;
   padding: 10px;
   width: 280px;
}

.contact-submit
{
   float:right;
   border:solid 2px #ffffff;
   background-color:#4b585b;
   height: 40px;
   width: 150px;
	cursor: pointer;
}

.contact-submit:hover
{   
   background-color:#81989d;
   color:#000000;
}

#footer-container
{
   padding-top: 5px;
   min-height: 25px;
}

.clearfix
{
   clear:both;
   display:block;
}

/* styling information */ 
.bold
{
   font-weight: bold;
} 

.italic
{
   font-style: italic;
} 

.f36
{
   font-size:36pt;
}

.f22
{
	font-size:22pt;
}

.f18
{
   font-size:18pt;
}

.f16
{
   font-size: 16pt;
}

.f14
{
   font-size: 14pt;
}

.f12
{
   font-size: 12pt;
}

.f10
{
	font-size: 10pt;
}

.f9
{
	font-size: 9pt;
}

.l14
{
   line-height:1.4;
}

.l12
{
   line-height: 1.2;
}

.l1
{
	line-height: 1;
}

.verdana
{
   font-family: Verdana, sans-serif;
}

.left
{
   text-align:left;
}

.white, .white a
{
   color: #ffffff !important;
}

.inline
{
   display:inline;
}

.space-left
{
   margin-left:5px;
}

.space-top
{
	margin-top: 20px;
}

.pad-top
{
	padding-top:10px;
}

.hide
{
   text-indent:-5000px;
}

.relative
{
	position:relative;
}