* { margin: 0; padding: 0; }

html {
	font-family: Helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;
	}

body {
	font-family:  Helvetica;
	color: #b3b5b7;
	background: #fff url(/design_images/background-2.gif) 50% 0 no-repeat;
	}

div#All_Content {
	margin:  auto;
	width: 750px;
	}
	
h1 {
	font-weight: normal;
	font-size: 2.5em;
	color: #807c75;
	}
h2 {
	font-weight: normal;
	font-size: 1.5em;
	color: #595c60;
	font-family: Georgia;
	font-style: italic;
	margin-top: 5px;
	}  

h2 a {
	margin-left: 20px;
	}
	
h3 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 10px;
	color: #595c60;
	font-family: Georgia;
	font-style: italic;
	}
h4 {
	font-size: 1em;
	color: #595c60;
	font-weight: normal;
	}


div.Content_Left { float:  left; }
div.Content_Right { float:  right; }
div.clear { clear:  both; }

a {
	font-family: Georgia;
	font-style: italic;
	}

a:link, a:visited { text-decoration: none; color: #b3b5b7; }
a:hover { text-decoration: none; color: #96999b; }

a.list:link, a.list:visited { text-decoration: none; color: #96999b; }
a.list:hover { text-decoration: none; color: #7a7a7a; }

h2 a:link, h2 a:visited { text-decoration: none; color: #595c60; }
h2 a:hover { text-decoration: none; color: #4b4d51; }

h4 a:link, h4 a:visited { text-decoration: none; color: #595c60; }
h4 a:hover { text-decoration: none; color: #595c60; }

/* HOME STUFF */
div#Home_Top_Bar {
	margin-top: 50px;
	/*-moz-border-radius: 15px; -webkit-border-radius: 15px;*/
	}
div#Home_Logo {
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	}
div#Home_Nav_Bar {
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: 25px;
	}
	
.Home_Mask {
	position: relative;
	width: 700px;
	height: 600px;
	overflow: hidden;
	margin-top: 60px;
	margin-left: 25px;
	}
#Home_Box {
	position: absolute;
	cursor: pointer;
	text-align: center;
	}
#Home_Box span {
	display: block;
	width: 700px;
	height: 600px;
	overflow: hidden;
	float: left;
	}
#Home_Box span.thumb_image {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	position: absolute;
	}
	
div#flashcontentdisplay {
	width: 700px;
	height: 600px;
	}
div#flashaudioplayer {
	width: 700px;
	height: 105px;
	}

	
#showcase_navigation {
	position: absolute;
	margin: 0px;
	margin-right: -10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index: 1000;
	}
#showcase_navigation span {
	outline: none;
	}
#showcase_navigation_prev, 
#showcase_navigation_next {
	width: 49.9%;
	height: 100%;
	/* Trick IE into showing hover */
	background: transparent url('design_images/blank.gif') no-repeat;
	display: block;
	cursor: pointer;
	}
#showcase_navigation_prev {
	top: 0px;
	left: 0px;
	float: left;
	}
 
#showcase_navigation_next {
	top: 0px;
	right: 0px;
	float: right;
	}

#showcase_navigation_prev img {
	position: absolute;
	top: 40%;
	left: 0px;
	float: left;
	}
 
#showcase_navigation_next img {
	position: absolute;
	top: 40%;
	right: 0px;
	float: right;
	}

div#Home_News {
	width: 600px;
	font-size: 1.3em;
	background: #fff;
	padding: 75px;
	padding-bottom: 30px;
	padding-top: 60px;
	color: #6d6963;
	}
div#Home_News p {
	margin-bottom: 15px;
	line-height: 1.8em;
	}
div#Home_News h3 {
	border-bottom: dotted #b3b5b7 1px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}
div#Home_News span.news_date {
	font-family: Georgia;
	font-style: italic;
	}
	
#info5 {
	font-family: Georgia;
	font-style: italic;
	font-size: 0.8em;
	position: absolute;
	bottom: 0;
	padding: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	z-index: 1011;
	background: #fff;
	}
#info5 a:hover {
	color: #232528;
	}
	
#image_counter {
	font-family: Georgia;
	font-style: italic;
	font-size: 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	padding-left: 15px;
	padding-bottom: 0px;
	z-index: 1012;
	background: #fff;
	}

/* HOME STUFF */


div#Content {
	width: 100%;
	}
div#Top_Bar {
	width: 550px;
	padding: 20px;
	margin-bottom: 30px;
	}
div#Logo {
	float: left;
	margin-left: 30px;
	}
div#Nav_Bar {
	float: right;
	width: 450px;
	margin-top: 10px;
	}	
	
/* ABOUT STUFF */
div#About {
	background: #fff /*url(/TEST/design_images/background-about.jpg) no-repeat*/;
	position: relative;
	width: 700px;
	height: 800px;
	overflow: hidden;
	margin-top: 60px;
	margin-left: 25px;
	}
div#About_Content {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 550px;
	font-size: 1.3em;
	line-height: 1.8em;
	background: #fff;
	padding: 20px;
	padding-bottom: 30px;
	padding-top: 25px;
	color: #595c60;
	}
/* ABOUT STUFF */

/* PORTFOLIO LISTING STUFF */
div#Portfolio {
	background: #fff;
	position: relative;
	width: 680px;
	margin-top: 15px;
	padding: 35px;
	}
div#Portfolio_Content div.Content_Left, div#Portfolio_Content div.Content_Right {
	width: 300px;
	}
div#Portfolio_Content p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin-bottom: 30px;
	}
div#Portfolio_Content p a {
	font-style: normal;
	font-family: Helvetica;
	}
div#Portfolio_Content h3 {
	margin-bottom: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #abadb0;
	font-size: 2.2em;
	}

#More_Info {
	cursor: pointer;
	font-family: Georgia;
	font-style: italic;
	font-size: 0.8em;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	padding-bottom: 0px;
	padding-right: 15px;
	z-index: 1111;
	background: #fff;
	}
#More_Info:hover {
	color: #393c40;
	}
#Project_Links {
	display: block;
	z-index: 2111;
	width: 600px;
	padding: 40px;
	padding-bottom: 0px;
	}
/* PORTFOLIO LISTING STUFF */

	
/** FOOTER **/
#Footer {
	margin-left: 30px;
	font-size: 1em;
	text-align: center;
	padding-bottom: 75px;
	margin-top: 50px;
	clear:both;
	font-family: Georgia;
	font-style: italic;
	}