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

*{margin:0; padding:0;}

html, body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1, h2, h3, h4{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; color:#de0076;}
.frame{width:900px; margin:0 auto; position:relative;}





#header{height:200px; background: url(gui/header_bg.jpg) center no-repeat black; overflow:hidden; color:#dfcdbf;}

	#logo{height:50px; margin:20px 0;}
	
	h1{color:white; font-weight:normal; font-size:30px; line-height:15px; padding-top:10px;}
	h1 span{font-size:12px; color:#f2e1d3;}
	h1 span.invisible{font-size:0px;}


	#header h2{font-size:28px;}
	#header h2 span{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
	#header p span{color:#fff;}
		
	#contact{position:absolute; width:215px; right:0; top:73px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
	#contact img{border:none; display:inline; vertical-align:middle;}
	#contact a{color:white; text-decoration:none;}
	#contact a:hover{text-decoration:underline;}

	#intro{width:665px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}



	
#about{height:200px; background: url(gui/about_bg.gif) center repeat-x; overflow:hidden; color:#f2e1d3; font-size:12px; line-height:16px;}
	
	#about ul{padding-left:25px; line-height:18px;}
	#about h3{color:white; font-size:18px; padding-bottom:7px; margin-bottom:5px; border-bottom:1px dotted #dfcdbf;}
	#about strong{color:#fff; font-weight:bold;}
	
	#bio{width:445px; padding-top:13px; }
	#bio p.resume{padding-top:15px;}
	#bio a{color:#fff; font-size:14px; padding:3px 5px; text-decoration:none; margin-left:-5px;}
	#bio a:hover{background: url(gui/link_bg.png);}
	#bio a img{border:none; display:inline; vertical-align:text-top;}


	#services{position:absolute; width:215px; right:230px; top:13px;}
	#services ul{list-style:url(gui/checkmark.gif);}
	
	#tools{position:absolute; width:220px; right:0; top:13px;}
	#tools ul{list-style:url(gui/plus.gif);}
	
	
	
	
	
	
#portfolio{}
#portfolio .frame{ background:url(gui/tabs_bg.jpg) no-repeat 25px 0; height:800px;}


	.idTabs{list-style:none; padding-top:52px;}
	.idTabs li a{display:block; width:225px; height:60px; outline:none; text-decoration:none; color:#de0076; margin-left:-10px;}
	.idTabs li a:hover{color:#666666;}
	.idTabs li a span.container{display:block; padding:8px 0 0 10px;}
	.idTabs li a span.name{font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
	.idTabs li a span.catagory{font-size:10px; color:#999999;}
	.idTabs li a.selected{background: url(gui/tab_bg.png) right no-repeat; color:#666666;}
	
	
	
	.tabContainer{position:absolute; top:20px; right:0px; width:665px; color:#666666; font-size:12px}
	
	.tabContainer h3{width:430px; margin:20px 0 7px 0; font-size:24px; border-bottom:1px dotted #666666;}
	.tabContainer h4{margin:15px 0 5px 0; font-size:16px; border-bottom:1px dotted #666666; padding-bottom:5px;}
	.tabContainer ul{padding-left:25px; margin:5px 0 15px 0; color:#665d56; font-size:12px; line-height:18px;}
	.tabContainer p{width:430px; padding-bottom:15px;}

	.tabContainer a{color:#000000; text-decoration:none;}
	.tabContainer a:hover{text-decoration:underline;}
	
	.tabContainer div.preview{position:relative;}
	.tabContainer div.preview img{display:block;}
	.tabContainer div.preview a.launch{display:block; position:absolute; width:100px; height:100px; right:-3px; bottom:-1px; background: url(gui/launch.gif) no-repeat; overflow:hidden; font-size:0px;}
	.tabContainer div.preview a.launch:hover{background-position: -100px 0px;}
	
	.tabContainer .details{position:absolute; top:411px; right:0; width:220px;}
	
	.tabContainer ul.client{list-style:url(gui/client.gif);}
	.tabContainer ul.skills{list-style:url(gui/checkmark.gif);}
	.tabContainer ul.link{list-style:url(gui/plus.gif);}
	
	
#footer{background:url(gui/footer_bg.gif) repeat-x; color:#dfcdbf; height:80px; padding-top:20px; font-size:12px;}

	#footer a{text-decoration:none; color:#fff;}
	#footer a:hover{text-decoration:underline;}
	#footer p{line-height:18px;}
	
	.footertitle{float:right; text-align:right;}