/* this style sheet contains most of the styles for design75. Sections include:
General HTML elements
Headings
Layout
General lists
General
------------------------------------------------------------*/
/*------------------------------------------------------------------General HTML elements */
* {
  margin: 0 auto;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
	}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:75%;
	color:#333333;
	text-align:center;
	margin:0;
	height:100%;
	background-color:#e7e7e7;
	}
p, td, ol, ul {
	font-family: Verdana, Arial, sans-serif;
	color:#333333;
	}
a, a:link {
	text-decoration:none;
	color:#333366;
	}
a:hover {
	text-decoration:underline;
	color:#e07b04;
	}
a img, a:link img {
	border:0px
	}
/*----------------------------------------------------------------------------Headings*/
H1 {font-family: Verdana, Arial, sans-serif;}
	H1.portHeading {
		font-size:1.5em;
		color:#025885;
		margin:0.2em 0 0.2em 0;
		}
H2 {font-family: Verdana, Arial, sans-serif;}
	H2.portHeading {
		font-size:1.4em;
		color:#025885;
		margin:0.2em 0 0.2em 0;
		}
	H2.sites {
		font-size:1.5em;
		color:#025885;
		margin:1em 0 0.2em 0;
		}
	H2.sub {
		font-size:1em;
		color:#025885;
		margin:10px 0 5px 0;
		}
/*----------------------------------------------------------------------------Layout*/
#page {
	background:url(images/bak_page.gif) top center repeat-y;
	
	width:880px;
	min-height:100%;
	}
#pageContainer {
	width:776px;
	width:780px;
	border-left:0px solid #c3e9fd;
	border-right:0px solid #c3e9fd;
	margin:0 auto;
	text-align:left;
	height:100%;
	background-color:#FFFFFF;
	}
#header {
	width:100%;
	border-Bottom:0px solid #c3e9fd;
	height:70px;
	background:url(images/bak_header.gif) top left repeat-x;
	}
#logo {
	float:right;
	/*border:1px solid #000000;*/
	}
#mainContainer {
	background:URL(images/header_drop_bg.gif) top left repeat-x;
	padding-top:10px;
	padding-left:10px;
	height:100%;
	}


#footer {
	clear:left;
	background:URL(images/footer_bg.gif) top left repeat-x;
	padding:30px 20px 10px 20px;
	width:740px;
	margin-top:1em;
	color:025885;
	/*border:1px solid #000000;*/
	}
	#footer p {
		float:left;
		}
	#footer ul {
		float:right;
		list-display:none;
		}
	#footer li {
		display:inline;
		}
	#footer li.f {
		padding-right:0.5em;
		}
/*----------------------------------------------------------------------------navigation*/			
#primaryNav {
	float:left;
	
	}
	#primaryNav ul, #primaryNav li {
		margin:0;
		padding:0;
		}
	#primaryNav ul {
		list-style:none;
		margin-top:40px;
		}
	#primaryNav li {
		display:block;
		padding:0 0 0 0px;
		float:left;
		}
	#primaryNav li.f {
		margin-left:0px;
		display:block;
		}
	#primaryNav li a{
		display:block;
		float:left;
		padding:5px;
		margin-left:15px;
		color:#000000;
		}
	#primaryNav li.on a{
		font-weight:bold;
		color:#353535;
		}
	#primaryNav li.f a{
		margin-left:5px;
		}
#secondaryNav {
	width:100%;
	border-Bottom:2px solid #c3e9fd;
	background:url(images/bak_seconday_nav.gif) top left repeat-x;
	height:30px;
	}
	#secondaryNav ul, #secondaryNav li {
		margin:0;
		padding:0;
		}
	#secondaryNav ul {
		list-style:none;
		}
	#secondaryNav li {
		display:inline;
		
		}
	#secondaryNav li a{
		display:block;
		float:left;
		padding:8px 5px 5px 5px;
		margin-left:5px;
		color:#000000;
		}
	#secondaryNav li.on a{
		font-weight:bold;
		color:#353535;
		}
/*----------------------------------------------------------------------------portfolio*/		
#thumbContainer {
	width:190px;
	margin:0 10px 0 0;
	float:left;
	}
	#thumbContainer ul, #thumbContainer li{
		list-style:none;
		margin:0;
		padding:0;
		}
	#thumbContainer li{
		padding:10px 0 10px 0;
		}
	#thumbContainer li img {
		padding-right:5px;
		float:left;
		clear:left;
		width:25px;
		height:25px;
		}
	#thumbContainer li a span {
		
		}
	#thumbContainer li.chosen {
		border:2px solid #e07b04
		}
div.workContainer {
	clear:left;
	border:1px solid #c3e9fd;
	background:url(images/bak_box.gif) top left repeat-x;
	margin:5px 5px 5px 0;
	background-color:#FFFFFF;
	min-height:350px;
	}
div.previewContainer {
	float:left;
	width:400px;
	margin-right:15px;
	}
		div.previewContainer img {
			padding:25px 15px 15px 15px;
			}
div.copyContainer {
	float:left;
	margin-right:5px;
	}
		div.copyContainer h2 {
			color:#025885;
			font-size:1.1em;
			margin:20px 0 10px 0;
			}
		div.copyContainer h3 {
			color:#025885;
			font-size:0.9em;
			margin:0px 0 0px 0;
			}
		div.copyContainer p {
			color:#025885;
			width:300px;
			margin-bottom:10px;
			margin-left:0;
			}
		div.copyContainer a, div.copyContainer a:link {
			text-decoration:underline;
			color:#e07b04;
			
			}
		div.copyContainer a:hover {
			text-decoration:none;
			color:#e07b04;
			}
/*----------------------------------------------------------------------------General lists*/
/*----------------------------------------------------------------------------General*/
.accessibility {
	position:absolute;
	top:-300em;
	left:-300em;
	display:none;
	}
.clear {
	clear:both;
	}
/*----------------------------------------------------------------------------home*/
#homeSplash {
	background:URL(images/home_splash.jpg) top left no-repeat;
	width:100%;
	height:200px;
	margin:0 0 20px 0;
	}
	#homeSplash ul {
		margin:0px 0 0 600px;
		list-style:none;
		padding-top:10px;
		}
	#homeSplash li {
		padding:0.5em 0 0.5em 0;
		font-weight:bold;
		font-size:1.1em;
		background:URL(images/home_bullet.gif) center left no-repeat;
		}
	#homeSplash li a{
		padding-left:20px;
		}
#homeHello {
	width:540px;
	margin:0 20px 0 10px;
	float:left;
	}
#quote {
	float:left;
	border:1px solid #d1d5de;
	width:170px;
	padding:15px;
	text-align:center;
	background:url(images/header2_drop_bg.gif) top left repeat-x;
	}
#homeMainContainer {
	margin:10px 0 0 10px;
	width:540px;
	}
div.homeWorkContainer {
	clear:left;
	border:1px solid #c3e9fd;
	background:url(images/bak_box.gif) top left repeat-x;
	margin:5px 5px 5px 0;
	background-color:#FFFFFF;
	min-height:350px;
	}
div.homePreviewContainer {
	text-align:center;
	}
		div.homePreviewContainer img {
			padding:15px;
			}
div.homeCopyContainer {
	margin:0 5px 0 10px;
	}
		div.homeCopyContainer h2 {
			color:#025885;
			font-size:1.1em;
			margin:0 0 10px 0;
			}
		div.homeCopyContainer h3 {
			color:#025885;
			font-size:0.9em;
			margin:0px 0 0px 0;
			}
		div.homeCopyContainer p {
			color:#025885;
			width:500px;
			margin:0 0 10px 0;
			}
		div.homeCopyContainer a, div.homeCopyContainer a:link {
			text-decoration:underline;
			color:#e07b04;
			
			}
		div.homeCopyContainer a:hover {
			text-decoration:none;
			color:#e07b04;
			}
	
/*----------------------------------------------------------------------------profile*/
#profile_l {
	width:540px;
	margin:0 15px 0 10px;
	padding-right:5px;
	float:left;
	background:url(images/bak_vert_divider.gif) top right no-repeat;
	}
		#profile_l p {
			padding-bottom:1em;
			}
		#profile_l ul, #profile_l li {
			margin:0;
			padding:0;
			list-style:none;
			}
		#profile_l li {
			padding-bottom:5px;
			}
		#profile_l li a {
			text-decoration:underline;
			color:#e07b04;
			}
		#profile_l li a:hover {
			text-decoration:none;
			}
#profile_r{
	float:left;
	width:170px;
	}
		#profile_r a {
			text-decoration:underline;
			color:#e07b04;
			}
		#profile_r a:hover {
			text-decoration:none;
			}
		#profile_r ul, #profile_r li {
			margin:0;
			padding:0;
			list-style:none;
			}
		#profile_r p {
			padding-bottom:5px;
			}
		#profile_r li {
			padding-bottom:5px;
			}
		#profile_r li a {
			font-weight:bold;
			}
		#profile_r p.cv {
			margin:5px 0 0 0;
			}
		#profile_r p.cv img	{
			position:relative;
			top:5px;
			}