* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
	background: #1a1a15;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #bfbfbf;
}
/*------------------------------------------------ text styles */	
p {
	margin-bottom:15px;
	line-height:20px;
}

h3{
	font-size: 12px;
	font-weight: normal;
	color: #6c6c6c;
	line-height:20px;
}
.title {
	color:#ffdb00;
}
h1{
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #8f8f8f;
}

#wrap {
	width: 1000px;
}

/*------------------------------------------------ left Col */	
#leftCol {
	width: 220px;
	float: left;
	margin-left: 20px;
}
	#leftCol img{
		margin-left: 0px;
		margin-top: 38px;
		margin-bottom: 10px;
		border: none;
	}
	
	
	/*--navigation--*/
	
	#leftCol ul {
		list-style-type: none;
	}
	#leftCol ul li {
		line-height: 21px;
	}
	#leftCol ul li a {
		text-decoration:none;
		font-size:12px;
		color: #bfbfbf;
		font-weight: normal;
		padding: 5px 5px 5px 5px;
		background: #000;
	}
	#leftCol ul li a:hover {
		color:#ffdb00;
	}
	#leftCol ul li a.active {
		color:#ffdb00;
	}
	.navTitle {
		color: #6c6c6c;
		padding: 10px 0px;
	}

/*------------------------------------------------ right Col */	

#rightCol {
	float: left;
	width: 650px;
	margin-top: 40px;
	margin-bottom: 20px;
	
}


/*-----------skills and about page----------------*/

.mainSection {
	width: 420px;
	float: left;
	margin-bottom: 30px;
}
.mainSection ul {
	background: url(pics/dotted.gif) repeat-x top;
	padding-top: 15px;
	list-style-type: none;
	margin-left: 20px;
}
.mainSection li {
	line-height: 21px;
}
.mainSection li a {
	padding: 5px;
	background: #000;
	text-decoration: none;
	color: #bfbfbf;
}
.mainSection li a:hover {
	color: #ffdb00;
}
#links {
	width: 210px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
#links ul {
	background: url(pics/dotted.gif) repeat-x top;
	padding-top: 15px;
	list-style-type: none;
	margin-left: 20px;
}
#links li {
	line-height: 21px;
}
#links li a {
	line-height: 22px;
	padding: 5px 5px 5px 5px;
	background: #000;
	text-decoration: none;
	color: #bfbfbf;
}
#links li a:hover {
	color: #ffdb00;
}
.pointer {
	color: #ffdb00;
}

/*---------------bigpic---------------*/
#bigPic {
	height: 450px;
	margin-left: 20px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#bigPic img {
	border: 5px solid #000;
}

/* ================================================ IMAGE SWITCHER CODE ======================================================= */
.imgsw{
	
}
.imgsw_list_numbers {
	/*margin-top: -468px;*/
	position: relative;
	top: -468px;
	padding: 0px;
	margin-left: 0px;
}  /*==== pushes the numbers down below the red block ====*/
.imgsw_list_numbers a.active, .imgsw_list_titles a.active, .imgsw_list_filenames a.active, .imgsw_list_thumbnails a.active, .imgsw_list_numbers a.active:hover, .imgsw_list_thumbnails a.active:hover, .imgsw_list_titles a.active:hover, .imgsw_list_filenames a.active:hover {
	color: #ffdb00;
	background: #000;
}
.imgsw_list_numbers a, .imgsw_list_titles a, .imgsw_list_filenames a, .imgsw_prevnext a {

	padding: 4px 8px;
	font-size: 11px;
	text-decoration: none;
	color: #bfbfbf;
	font-family: Arial, Helvetica, sans-serif;
}
.imgsw_list_numbers a:hover, .imgsw_list_thumbnails a:hover, .imgsw_list_titles a:hover, .imgsw_list_filenames a:hover, .imgsw_prevnext a:hover {
	color: #ffdb00;
	background: #000;
}
/* project info ---------------------------------------*/

#info {
	width: 620px;
	float: left;
	margin-left: 25px;
	padding-top: 10px;
	margin-top: 0px;
}
.link {
	margin-left: -5px;
}
#info a {
	text-decoration: none;
	color: #bfbfbf;
	padding: 3px 5px 3px 5px;
	background: #000;
	float: left;
}
#info a:hover {
	color: #ffdb00;
}
/*-------------------------------------------- contact page */

	#rightCol form {
			width: 400px;
			
			
		}
		
		#rightCol form label {
			display: block;
			margin: 8px 0px 3px 0px;
			}
			
		#rightCol form p.warning {
			margin: 8px 0 3px 0;
			padding: 5px 10px;
			background: #000;
			color: #ffdb00;
			width: 380px;
			text-align: left;
			}
		
		#rightCol form input, textarea {
			width: 390px;
			padding: 5px;
			font: 12px Georgia, "Times New Roman", Times, serif;
			color: #020202;
			background: #aaa;
			}
		#rightCol form input:focus{
			background: #fff;
			}
		#rightCol form textarea:focus{
			background: #fff;
			}
			#rightCol form input.button {
				width: auto;
				padding: 5px;
				margin: 10px 0 0 0;
				color: #bfbfbf;
				background: #000;
				float: right;
				cursor: pointer;
				}


			/*--- q contact --*/
	
			ul.qcontact  {
			
				float: right;
				width: 188px;
				list-style-type: none;
				margin-left: 10px;
				margin-top: 85px;
				background: #000;
				padding: 8px 12px;
			}
			ul.qcontact li {
				
				line-height: 22px;
			}
			ul.qcontact li a {
				text-decoration: none;
				color: #bfbfbf;
			}
			ul.qcontact li a:hover {
				color: #ffdb00;
			}