/* BK Digital Stle Sheet */

/* for ALL ELEMENTS, remove default padding and margins, then apply font */
* {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} 

/* SET DEFAULTS FOR ELEMENTS */
body {background-color:#000;}
h1, h2, h3, h4, h5 {margin:.5em 0;}
h1 {font-size:1.6em; margin-bottom:20px;}
h2 {font-size:1.4em; color:#6688ae;}
h3 {font-size:1.2em; color:#fa960a; font-weight:normal;}
h4 {font-size:1.1em;}
h5 {font-size:1.0em;}
p, ul, ol, dl, hr, .focalImg {margin:.5em 0 2em 0;}
li {margin:.5em 0 1em 40px;}
p {line-height:1.5em;}
hr { color: #ccc; background-color: #ddd; height:1px; border:0;}
#outerContainer {
	width:855px;
	margin:0px auto;
	position:relative;
	height:800px;
	background-color:#000;
}

/* TEXT AT TOP OF PAGE */
div#banner {position:absolute; top:30px; left:35px;}

/* NAVIGATION */	
#sidebar {
	position:absolute;
	top:215px; 
	left: 0px;
	width:150px;
	background-color:#000;
	}	
#sidebar dl {background-color:#dee671; margin:0;}
#sidebar dt a, #sidebar dd a {padding:5px 6px; text-transform:uppercase; display:block; text-decoration:none; color:#000; border-bottom:1px dashed #fff;}
#sidebar dt a:hover, #sidebar dd a:hover {background-color:#6688ae; color:#fff;}
#sidebar dd a {padding-left:20px;}
#sidebar dt.bottomnav, #sidebar dd.bottomnav {background:url(img/23-150-bottom.gif) no-repeat; padding:5px 6px;}
#sidebar dt.topnav, #sidebar dd.topmnav {background:url(img/23-150-top.gif) no-repeat; padding:5px 6px; border-bottom:1px dashed #fff;}
#copyright {padding:8px; background-color:#000; color:#fff; text-align:center;}

/* CONTENT AREA */	
#content {
	position:absolute;
	top:215px; 
	left: 155px;
	width:700px;
	background-color:#fff;
}
div.contenttop {background:url(img/23-700-top.gif) no-repeat; height:23px;}
div.contentbottom {background:url(img/28-700-bottom.gif) no-repeat #fff; height:28px;}
#contentPadding {padding:0 15px;}
#contentPadding a {color:#669933; border-bottom:1px dotted #dee671; text-decoration:none;}
#contentPadding a:hover {color:orange; border-bottom:1px solid #FFCC66;}

/*#left-col {
	width:320px; 
	float:left; 
	background-color:#fff; 
	border-right:1px dashed #ccc; 
	padding-right:10px; 
}
#right-col {
	margin-left:340px; 
	background-color:#fff;
}
#left-col {
	background-color:#fff; 
	margin-right:340px; 
	border-right:1px dashed #ccc; 
	padding-right:10px; 
}
#right-col {
	background-color:#fff;
	width:320px; 
	float:right; 
}*/
#contentCols tr {vertical-align:top;}
#contentCols td.leftCol {width:50%; padding-right:10px; border-right:1px dashed #ccc;}
#contentCols td.rightCol {width:50%; padding-left:10px;}

.focalImg {text-align:center; font-style:italic; color:#666;}
.focalImg img {display:block; margin-left:auto; margin-right:auto;}

/* DESIGN SQUARES */
#square1 {
	position:absolute;
	top:5px; 
	left: 735px;
	height:100px;
	width:120px;
	background:url(img/100-120-1.jpg) no-repeat top left;
	}	
#square2 {
	position:absolute;
	top:110px; 
	left: 0px;
	height:100px;
	width:150px;
	background:url(img/100-150-8.gif) no-repeat top left;
	}
#square3 {	/* logo */
	position:absolute;
	top:110px; 
	left: 155px;
	height:100px;
	width:200px;
	background:url(img/logo.jpg) no-repeat top left;	
	}
	#square3 a {display:block; width:100%; height:100%;}
#square4 {
	position:absolute;
	top:110px; 
	left: 360px;
	height:100px;
	width:120px;	
	background:url(img/100-120-7.gif) no-repeat top left;
	}
#square5 {
	position:absolute;
	top:110px; 
	left: 485px;
	height:100px;
	width:120px;	
	background:url(img/100-120-13.jpg) no-repeat top left;
	}
#square6 {
	position:absolute;
	top:110px; 
	left: 610px;
	height:100px;
	width:120px;	
	background:url(img/100-120-8.jpg) no-repeat top left;
	}
#square7 {
	position:absolute;
	top:110px; 
	left: 735px;
	height:100px;
	width:120px;	
	background:url(img/100-120-3.gif) no-repeat top left;
	}
#square8 {
	height:185px;
	width:150px;
	margin-top:5px;
	background:url(img/guyAtComputer.gif) no-repeat top left;
	}