/* 
CSS Document 
Keller Consulting Services, Inc.
All rights reserved (C) 2009
*/

/* * WILDCARD * */
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
}

/* body */
body {
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin:0px;
	padding:0px;
}

/* header envelope */
#header, #content, #footer {
	margin: 15px auto 0px auto; 	/* center */
	position:relative;					/* center */
	text-align:left;						/* over-ride body text-align:center */
}

	#header img {
		border:none;
		margin:5px;
	}

#header {
	width:800px;
	border-top-style:solid;
	border-top-width:0px;
	border-top-color:#FFFFFF;
}

/* content */
#content {
	border-top-style:solid;
	border-top-width:4px;
	border-top-color:#DDDDDD;
	border-bottom-style:solid;
	border-bottom-width:4px;
	border-bottom-color:#DDDDDD;
}

#content, #header {
	background-color:#FFFFFF;
}

#content, #footer {
	width:800px;
	margin-top:5px;
}

#page1 p {
	margin-top:30px;
}

/* footer */
#footer {
	border:none;
	margin-top:0px;
	background-image:none;
	background-color:none;
	margin-bottom:50px;
}

/* top_menu */
#top_menu {
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
}

	#top_menu a, #top_menu a:link, #top_menu a:visited {
		float:left;
		padding:2px 8px 2px 8px;
		margin:19px 0px 0px 10px;
		color:#000000;
		background-color:#dddddd;
		text-decoration:none;
		border-color:#dddddd;
		border-style:solid;
		border-width:2px;	
	}
	
	#top_menu a:hover {
		background-color:#FF9900;
		color:#FFFFFF;
		border-color:#FF9900;
	}
	
	#top_menu img, span {
		float:left;
		padding:0px 5px 0px 5px;
		margin:0px;
	}
	
	/* contextual menu selector */
	#home a.menu_option_home,
	#home a.menu_option_home:hover,
	#portfolio a.menu_option_portfolio,
	#portfolio a.menu_option_portfolio:hover,
	#contact a.menu_option_contact,
	#contact a.menu_option_contact:hover,
	#experience a.menu_option_experience,
	#experience a.menu_option_experience:hover {
		background-color:#FFFFFF;
		color:#000000;
		border-color:#000000;
	}

/* END top_menu */

/* formatting for w3c XHTML compliance footer */
.w3c {
	float:right; 
	padding:5px 0px 0px 5px; 
	margin:0px 5px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#666666;
}

.w3c img, a {
	border:0px;
	margin:0px 0px 3px 0px;
}

/* BEGIN formatting of portfolio shadow boxes */

.shadow_box {
	width:	750px; 
	background-image:	url(../images/bsr_left_n_right_750px.jpg);
/*	margin-left:10px; */
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:25px;
	position:relative;
}

.content {
	position:	relative; 
	left:	18px; 
	width:	714px; 
	font-size: 14px; 
	float:	left;
}

.top_row {
	height:13px; 
	width:750px; 
	background-image:url(../images/bsr_topmid.jpg);
}

.bottom_row {
	clear:both; 
	height:18px; 
	width:750px; 
	background-image:url(../images/bsr_bottommid.jpg);
}

.right_col {
	margin:0px 0px 0px 30px;
	float:left;
	width:475px;
}
	
	.right_col h2 {
		color:#333333;
		font-size:20px;
		padding: 0px;
		margin: 0px;
	}
	
	.right_col strong {
		color:#996633;
	}
	
	.right_col li {
		list-style-image:url(../images/bullet_portfolio.jpg);
		display:inline;
		padding-left:20px;
	}
	
	.right_col ul {
		padding-top:5px;
		padding-bottom:5px;
	
	}
	
	.right_col p {
		margin:0px;
		padding:0px;
	}

.left_col {
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:153px;
	text-align:center;
	font-size:12px;
}

	.left_col img {
		border-style:solid; 
		border-top-color:#666666;
		border-left-color:#666666;
		border-bottom-color:#333333;
		border-right-color:#333333; 
		border-width:1px;
	}
	
	.left_col img:hover {
		border-color:#FF5800;
	}
	
	.left_col a:visited, a:link {
		text-decoration:none;
		color: black;
	}
		
	.left_col a:hover {
		text-decoration:none;
		color:#FF5800;
	}
	
	.left_col p {
		margin:0px;
		padding:0px;
	}
	
	.txt_lnk {
		clear:left;
	}

.wrap_bullets {
	clear:both;
	float-left;
	width:100%;
	background-image:url(../images/gradiet_rtl.jpg);
	background-position:right;
	background-repeat:repeat-y;
}

.line_solid {
	height:1px;
	padding:0px;
	margin:5px 0px 5px 0px;
	float:left;
	width:100%;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	clear:left;
}

/* END formatting PORTFOLIO SHADOWBOXES */