@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; background-image: url(images/mainbg-desat.jpg); background-repeat: no-repeat; background-position: center top; background-color: black; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #d0f0ff;}
body.portfolio {background-attachment: fixed;}	

a {color: #74b6d5; text-decoration: none;}
a:hover {color: #ffa134; border-bottom: 1px dotted #ff8900;}
a.borderless:hover {border-bottom: none;}

p {color: #d0f0ff; font-size: 0.857em; line-height: 1.75em; margin: 0 0 1.75em 0;}		
p.emphasis {font-size: 2em; line-height: 1.5em;	margin: 0 0 1.5em 0; font-family: Georgia, "Times New Roman", Times, serif; }
p.header {font-size: 1.333em; line-height: 1.5em; margin: 0 0 1.5em 0; font-family: Georgia, "Times New Roman", Times, serif;}

h1 {color: #ff8900;	font-size: 2em;	line-height: 1.5em;	margin: 0 0 .75em 0; font-family: Georgia, "Times New Roman", Times, serif;}
h1.welcome {background-image: url(images/hd-welcome.png); height: 27px;	width: 128px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h1.about {background-image: url(images/hd-about.png); height: 27px;	width: 85px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h1.latest {background-image: url(images/hd-latest-project.png); height: 32px;	width: 187px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h1.web {background-image: url(images/hd-web.png); height: 27px;	width: 62px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h1.getintouch {background-image: url(images/hd-getintouch.png); height: 27px;	width: 175px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h1.contactinfo {margin: 0 0 .3em 0; background-image: url(images/hd-contactinfo.png); background-repeat: no-repeat; heiht: 34px;	width: 172px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}

h2 {text-transform: uppercase; font-size: .786em; line-height: 1.909em; margin: 0 0 1.909em 0; font-weight: bold; color: #74B6D5; background-repeat: no-repeat;}	
h2.twitter {background-image: url(images/hd-twitter.png); height: 20px;	width: 81px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h2.recent {background-image: url(images/hd-recent-work.png); height: 21px;	width: 141px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h2.elsewhere {background-image: url(images/hd-elsewhere.png); height: 21px;	width: 110px; overflow: hidden;	text-align: left; text-indent: -99999px; background-repeat: no-repeat;}
h2.wobblybird {display: block; padding: 10px 0 0 0; margin: 0; background:url(images/bird.png); overflow: hidden; background-repeat: no-repeat; height: 53px; width: 156px; text-align: right; background-repeat: no-repeat;}
h2.wobblybird:hover {color: #ffb157;/* 	background:url(images/bird1.png); */ background-repeat: no-repeat;}


h3 {text-transform: uppercase; font-size: .786em; line-height: 1.909em; margin: 1.272em 0 .636em 0; font-weight: bold;color: #7AA650;}

ul.mainmenu {margin: 0; padding-top: 25px; float: right;}	
ul.mainmenu li {font-size: 0.857em; float: left; padding: 0 2em 0 0; list-style: none;}
ul.mainmenu li a {color: #74b6d5; text-decoration: none;}
ul.mainmenu li a.active {color: #ffa134;}
ul.mainmenu li a:hover {color: #ffa134; border-bottom: 1px dotted #ffa134;}



/* ---------------------------------- layout ----------------------------------- */
#top-border {
	width: 100%;
	height: 6px;
	background-color: #ffa844;
	border-bottom: 1px solid #ffcb8f;
	}
	
#main {
	margin: 0 auto;
	width: 860px;
	}
	

#logo {
	width: 200px;
	float: left;
	padding-top: 11px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #63add0;
	}
	
#menu {
	width: 430px;
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	color: #63add0;
}
	
#header {
	height: 344px;
	background-image: url(images/featured.png);
	background-position: bottom;
	background-repeat: no-repeat;
	} 
	
#longheader {
	background-image: url(images/focal-contact.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 537px;
	}	
	
#longfocal {
	width: 790px;
	height: 450px;
	padding: 10px 35px 250px 35px;
	float: left;

	}		

#focal {
	width: 790px;
	height: 260px;
	padding: 10px 35px 20px 35px;
	float: left;
	color: white;
	}

#intro {
	width: 100%;
	float: left;
	margin-right: 29px;
	}

.focal-right {
	width: 230px;
	float: left;

	}
.focal-left {
	width: 512px;
	float: left;
	margin-right: 33px;
	}	

.home-right {
	width: 512px;
	float: left;
/*	margin-right: 33px;*/
	}
.home-left {
	width: 260px;
	float: left;
	margin-right: 17px
}
	
#featured {
	width: 500px;
	float: left;

	}
#longcontent {
	width: 860px;
	padding-top: 29px;
	overflow: auto;
	}

#content {
	width: 860px;
	height: 272px;
	padding-top: 29px;

	}
#left {
	width: 250px;
	float: left;
	margin-right: 33px;
	padding-left: 30px;
	color: #c0c0c0;
}
#right {
	width: 515px;
	float: left;
	padding-right: 30px;
	color: #c0c0c0;
	}

#footer {
	margin-top: 100px;
	color: #597a39;
	padding-left: 30px;
	padding-top: 20px;
	text-align: center;
	font-size: .785em;
/*
	background-image: url(images/footerbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
*/
	height: 94px;
	}
	
div.stuff {
	background-image: url(images/featured.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 790px;
	padding: 20px 35px 20px 35px;
	float: left;
	color: white;
	margin: 20px 0 20px 0;
	}





/*--------------------------Styling of Image Slider for Portfolio Gallery------------------------------------*/

.allprojects {
	clear: both;
	padding:0 ;
}

.project {
	position: relative;
	width: 512px;
	overflow: hidden;

}
	.project .canvas {
		width: 20000px;
		overflow: hidden;
	}
.project .canvas img {
		padding: 6px;
/*		border: 1px solid #171f45;*/
		background-color: white;
/*		z-index: 100;
		filter: alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;*/
}


	.project .corner {
		position: absolute;
		width: 512px;
		height: 5px;
		background: transparent url(c-tl.png) no-repeat top left;
	}

	.project .corner .corner {
		background: transparent url(c-tr.png) no-repeat top right;
	}

	.project .nav {
		height: 30px;
		background: transparent url(c-bl.png) no-repeat bottom left;
		padding-top: 5px;
	}
		.project .nav ol {
			margin: 0;
			padding: 1px 0 0 0;
		}

		.project .nav li {
			display: block;
			float: left;
			width: 12px;
			height: 12px;
			margin: 0 5px 0 0;
			border: 1px solid #d8d8d8;
			background-color: #d8d8d8;
			text-align: center;
		}
			.project .nav li a {
				display: block;
				width: 12px;
				height: 12px;
				float: left;
				color: #d8d8d8;
				font-weight: bold;
				text-decoration: none;
				font-size: .833em;
				font-family: Verdana, Arial, Helvetica, sans-serif;

			}
.project .nav li:hover {
		border: 1px solid white;
}

		.project .nav li.selected {
			border-color: #fff;
			background-color: #74b6d5;
			
		}
			.project .nav li.selected a {
				color: #74b6d5;
			}

	.project .nav .project-link {
		display: block;
		float: right;
		height: 30px;
		margin: -9px 0 0 0;
		padding: 10px 10px 0 0;
		color: #74b6d5;
		text-decoration: none;
		font-size: 12px;
		
	}
		.project .nav a.project-link:hover {
		border-bottom: none;
		color: #ffa134;
		}

	
	

.canvas a img {
	border: none;
}

img.thumb {
		padding: 5px;
		margin-right: 13px;
		background-color: white;
		border: 1px solid #171f45;
}

img.thumb:hover {
	background-color: #c0c0c0;
}


#twitter_update_list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.857em;
	line-height: 1.75em;
	color: #d0f0ff;
	
}

a.borderless img.bird {
	border: none;}
	

img, div, h2, h3, h1 { behavior: url(iepngfix.htc) }