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

/* ----------------------------------------------  BODY  ---------------------------------------------- */
			
			
	body {
		background: #f0f0f0;
		margin:0px;
		padding:0px;
		width: 100%;
		height:100%;
		font-family: "Lucida Grande", Arial, Verdana, sans-serif;
		font-size: 12px;
		}
	
	.container { width: 100%; float: left; background: url(../images/backgrounds/gradient.png) top center no-repeat;}


/* ----------------------------------------------  GENERAL  ---------------------------------------------- */


	.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px;  }	
	a { text-decoration: none; cursor: pointer;  }
	a:active { outline: none; }
	a:focus{-moz-outline-style: none;}
	a:focus, a:hover, a:active { outline:none }
	img { outline: none;  border:none; }
	@font-face {  font-family: "FedraBook"; src: url("../fonts/FedraBook.otf"); font-weight: bold;} 
	@font-face {  font-family: "FedraNormal"; src: url("../fonts/FedraNormal.otf"); font-weight: bold;} 
	@font-face {  font-family: "FedraBold"; src: url("../fonts/FedraBold.otf"); font-weight: bold;} 

/* ----------------------------------------------  NAV  ---------------------------------------------- */

	
	#header { 
		width: 100%; 
		background: #FFF; 
		float: left;
		}
		
	#top { 
		background-color: #FFF; 
		width: 960px; 
		margin: 0px auto; 
		}
	
	.nav { 
		width: 620px;
		height: 90px;
		float: left;  
		line-height: 90px;
		}
		
	.nav a { 
		color: #333; 
		background: #f0f0f0; 
		background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0; 
		text-decoration: none; 
		display: block; 
		font-weight: bold;
		}
		
	.nav ul { 
		width: 645px; 
		margin: 0px; 
		padding: 0px; 
		margin-top: 32px; 
		list-style-type: none; 
		}
		
	.nav li { 
		width: 87px; 
		height: 25px; 
		line-height: 25px; 
		background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0; 
		display: block; 
		float: left; 
		text-align: center;
		margin: 0px 10px 0px 10px; 
		padding: 0px !important; 
		}


/* ----------------------------------------------  TYPE  ---------------------------------------------- */

		
	h2 { 
		font-family: "FedraBook", Georgia, Times, serif; 
		font-size: 18px; 
		font-weight: normal; 
		color: #333; 
		margin: 0px 0px 10px 0px; 
		padding: 10px 0px 0px 0px; 
		display: block; 
		}
	
	h3 {
		padding: 8px 8px 0px 8px; 
		margin: 0px; 
		font-size: 10px; 
		}
		
	h3 a { 
		color: #000; 
		text-decoration: none; 
		}
		
	h3 a:hover { 
		text-decoration: underline; 
		}
	
	h4 { 
		font-family: "FedraBook", Georgia, Times, serif; 
		font-size: 18px; 
		font-weight: normal; 
		color: #333; 
		margin: 0px 0px 10px 0px; 
		padding: 8px 0px 0px 0px; 
		display: block; 
		border-top: 1px solid #ccc;
		}

	p { 
		font-family: "Lucida Grande", Arial, Verdana, sans-serif; 
		font-size:10px; 
		padding:0px 10px 0px 0px; 
		margin:0px;
		color:#777;
		line-height: 175%;
		}
		
	p a { 
		text-decoration: none; 
		font-weight: bold; 
		color: #8bc43e;
		}
		
	p a:hover { 
		text-decoration: underline;
		}	
	
	.subtitle { 
		font-weight: bold; 
		font-size: 10px; 
		display: block; 
		margin: 0px; 
		}
		
	.quote { 
		display:inline; 
		font-style:italic; 
		color: #000;
		font-weight: bold;
		}
	
/* ----------------------------------------------  CATAGORIES  ---------------------------------------------- */

	
	#info { 
		width: 960px; 
		float: left; 
		margin-bottom: 35px;
		}
	
	#resume { 
		width: 960px; 
		float: left; 
		margin-bottom: 35px; 
		}
		
	#resume b { 
		color: #000; 
		}
		
	#resume em { 
		color: #222; 
		font-style:italic;
		}
	
	#print, #web, #identity, #photo, #misc {
		width: 960px; 
		float: left; 
		margin-bottom: 20px;
		}
	
	#print a, #web a, #identity a, #photo a, #misc a {
		display:block;
		padding: 5px 5px 5px 7px; 
		color: #333; 
		text-align: left; 
		font-weight:bold; 
		margin-bottom:15px; 
		font-size:10px;
		background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0;
		-moz-border-radius: 4px; -webkit-border-radius: 4px;
		}
	
	#print a:hover, #web a:hover, #identity a:hover, #photo a:hover, #misc a:hover {
		color: #fff; 
		background: url(../images/backgrounds/bg_dark.png) repeat-x #333; 
		}
	
	#print a:after, #web a:after, #identity a:after, #photo a:after, #misc a:after {
		content: url(../images/backgrounds/ex.gif);
		}
	
	#print a:visited:after, #web a:visited:after, #identity a:visited:after, #photo a:visited:after, #misc a:visited:after {
		content: url(../images/backgrounds/check.gif);
		}
	
			
	.active { 
		background: url(../images/backgrounds/bg_dark.png) repeat-x !important; 
		color: #fff !important; 
		display: block !important;  
		}

/* ----------------------------------------------  BOTTOM  ---------------------------------------------- */

		
	#content { 
		width: 960px; 
		margin: 0px auto; 
		margin-top: 35px;
		}
	
	
	.intro {
		width: 960px;
		height: 200px;
		float: left;
		background: url(../images/backgrounds/intro.png) no-repeat;
		margin: 0px 0px 0px 10px;
		}
		
	.fourohfour {
		width: 960px;
		height: 200px;
		float: left;
		background: url(../images/backgrounds/404.png) no-repeat;
		margin: 0px 0px 0px 10px;
		}
	
	.item { 
		margin: 20px 10px 0px 10px; 
		padding: 0px 0px 0px 0px; 
		background: #FFF; 
		float: left; 
		overflow: hidden; 
		text-align:left;
		background: -moz-box-shadow: 0px 0px 5px #888888; 
		-webkit-box-shadow: 0px 0px 5px #888888; 
		box-shadow: 0px 0px 5px #888888; 
		-moz-box-shadow: 0 0px 5px rgba(136,136,136,1.0);
		-webkit-transition: all 0.2s ease-in; 
		-moz-transition: all 0.2s ease-in;
		}
		
	.item:hover { 
		background: -moz-box-shadow: 0px 0px 15px #333; 
		-webkit-box-shadow: 0px 0px 10px #333; 
		box-shadow: 0px 0px 10px #333; 
		-moz-box-shadow: 0 0px 10px rgba(51,51,51,1.0);
		}
				  				  
	.item p { 
		padding: 0px 8px 5px 8px; 
		margin: 0px; 
		font-size: 10px; 
		}
		
	.item h3 a:after {
		content: "\0020" url(../images/backgrounds/ex.gif);
		}
		
	.item h3 a:visited:after {
		content:  "\0020" url(../images/backgrounds/check.gif);
		}
	
	.item { 
		background: url(../images/backgrounds/loader.gif) no-repeat #fff; 
		background-position: 50% 50%;
		float: left;
		}
		
	.nav .cat        { background: url(../images/backgrounds/bg_green.png) repeat-x #8bc43e; color:#FFF;}
	.nav .cat:hover  { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
	.nav .cat1:hover { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
	.nav .cat2:hover { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
	.nav .cat3:hover { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
	.nav .cat4:hover { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
	.nav .cat5:hover { background: url(../images/backgrounds/bg_dark.png) repeat-x #333; color: #FFF;}
			

/* ----------------------------------------------  COLUMNS  ---------------------------------------------- */
	
	
	.column { 
		width: 300px; 
		margin: 0px 10px 0px 10px; 
		float: left;  
		}
	
	.fullcolumn { 
		width: 940px; 
		margin: 0px 10px 0px 10px; 
		float: left; 
		}
		
	.fullcolumn img { 
		width: 960px; 
		margin: 30px 0px 20px 0px;
		}
		
	.fullcolumn p {
		font-size:10px; 
		}
		
	.quartercolumn { 
		width: 220px; 
		margin: 0px 10px 0px 10px; 
		float: left; 
		}
	
	.navlinks3, .navlinks4 {
		width: 960px;
		margin: 0px 10px 0px 10px; 
		float: left;
		}
		
	.navlinks3 a {
		width: 288px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
	.navlinks6 a {
		width: 128px;
		display: block;
		float: left;
		margin: 0px 10px 0px 10px;
		}
	
	.navlinks4 a {
		width: 208px;
		display: block;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		
	.homeitems img { 
		width: 216px; 
		height: 124px; 
		margin: 2px;
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
		}
	
	.twothirdscolumn { 
		width: 620px; 
		mmargin: 0px 10px 0px 10px; 
		float: left; 
		}

	.item { 
		min-height: 120px;
		}

	.twothirdscolumn img { 
		width: 616px; 
		min-height: 180px; 
		margin: 2px;
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
		}
	
	.halfcolumn { 
		width: 460px; 
		margin: 0px 10px 0px 10px; 
		float: left; 
		}
	
	.description { 
		margin: 0px 10px 0px 0px; 
		}
		
	.description h2 { 
		font-size:18px;  
		margin: 10px 0px 14px 0px !important; 
		line-height: 20px;
		}
	
	.projectlink { 
		width: 100%; 
		float: left; 
		margin: 15px 0px 10px 0px;
		padding-top: 15px; 
		}
		
	.projectlink a { 
		font-size: 10px; 
		padding: 5px; 
		color: #333; 
		width: 135px; 
		background: #fff; 
		text-align: center; 
		font-weight: bold;
		background: #fff; 
		}
		
	.projectlink a:hover {
		color: #fff; 
		background: url(../images/backgrounds/bg_green.png) repeat-x #8bc43e; 
		}
	
	.floatleft { 
		float: left;
		}
		
	.floatright { 
		float: right;
		}
	
	.button { 
		padding: 5px 7px 5px 7px; 
		color: #333; 
		background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0; 
		-moz-border-radius: 4px; -webkit-border-radius: 4px;
		}
	
	.button img {
		margin: 0px 0px -1px 4px;
		}
		
	.button:hover { 
		color: #fff; 
		text-decoration: none; 
		background: url(../images/backgrounds/bg_green.png) repeat-x #8bc43e; 
		}
	
	.line { 
		width:940px; 
		height:1px; 
		background: #ccc; 
		float:left; 
		margin: 0px 10px 15px 10px; 
		}
	
	.bordertop {
		border-top: #ccc solid 1px;
		padding-top: 15px;
		}
		
	.space { 
		margin: 0px 0px 5px 5px;
		}
		
	.breaker {
		width: 620px;
		height: 20px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 40px 0px 20px 10px;
		padding: 3px 0px 0px 0px;
		float: left;
		}

	.home { 
		width: 183px; 
		display: block; 
		background: url('../images/header/logo.png'); 
		height:90px;
		float: left;
		}
	
	.blog { 
		width: 117px; 
		display: block; 
		background: url('../images/header/blog.png'); 
		height:90px;
		float: left;
		}
		
	.blog a, .home a {
		display: block;
		height: 90px;
		cursor: pointer;
		width: 100%;
		}
		
	.blog:hover {
		background: url('../images/header/blog2.png');
		}

	.pointer {
		cursor: pointer !important;
		}
	
	object {
		margin: 2px;
		}
	
	
/* ----------------------------------------------  FOOTER  ---------------------------------------------- */

	
	#footercontainer {
		width: 100%;
		float: left;
		margin-bottom: 70px;
		margin-top: 35px;
		}
	
	.footer { 
		width: 940px;
		margin: 0px auto;
		color: #666; 
		height: 70px; 
		line-height: 70px; 
		text-align: center; 
		font-size: 10px;
		border-top: 1px solid #ccc;
		}

	.footer a { 
		text-decoration: none; 
		font-weight: bold; 
		color: #888;
		}
		
	.footer a:hover { 
		text-decoration: underline; 
		color: #333;
		}
		
		
/* ----------------------------------------------  FOOTER  ---------------------------------------------- */


	#internetexplorer {
		display: none;
		width: 100%;
		margin: 150px 0px 50px 0px;
		background-color: #f0f0f0;
		color: #333;
		font-size: 21px;
		text-align: center;
		line-height: 150%;
		}
	
	#internetexplorer a {
		color: #8bc43e;
		}
		
	#internetexplorer a:hover {
		text-decoration: underline;
		}