html {
	background-color:#000; 
	background: url('images/DD_tile.jpg') repeat-x top left;
	width: 100%;
}
body {
	margin: 0;
	font:  85%/160% century gothic,Verdana,Arial,Helvetica,sans-serif;
	background: url(images/DD_masthead.png) no-repeat center top;
}
p {
	margin: 0 0 1em;
}
a {
	text-decoration: none;
	color: #a38f4e;
}
a:hover {
	text-decoration: none;
}
#container {
	width: 920px;
	height: 1000px;
	margin: 0 auto;
	position: relative;
}
h1#shadow_left {
	position: absolute;
	top: 205px;
	left: -65px;
	width: 65px;
	height: 411px;
	background: url(images/shadow_lft.png) no-repeat;
	z-index: 2;
	margin: 0;
}
h1#shadow_left2 {
	position: absolute;
	top: 205px;
	left: 163px;
	width: 65px;
	height: 411px;
	background: url(images/shadow_lft.png) no-repeat;
	z-index: 2;
	margin: 0;
	}
h1#shadow_right {
	position: absolute;
	top: 205px;
	left: 920px;
	width: 65px;
	height: 411px;
	background: url(images/shadow_rt.png) no-repeat;
	z-index: 2;
	margin: 0;
	}

#hire_me {
	position: absolute;
	top: 195px;
	right: -40px;
	z-index: 4;
	}
#hire_me a {
	width: 82px;
	height: 127px;
	background: url(images/hire_me.png) no-repeat;
	text-indent: -900em;
	display: block;
	}
#hire_me a:hover {
	background-position: bottom left;
	}

#thmb_id2 {
	position: absolute;
	top: 230px;
	left: 245px;
	z-index: 4;
	}
#thmb_id2 a {
	width: 40px;
	height: 40px;
	background: url(images/id1_thmb.png) no-repeat;
	text-indent: -900em;
	display: block;
	}
#thmb_id2 a:hover {
	background-position: bottom left;
	}
#id2 {
	position: absolute;
	top: 205px;
	right: 0px;
	z-index: 4;
	width: 490px;
	height: 411px;
	background: url(images/id2.jpg) no-repeat;
	display: block;
	z-index: 3;
	}


/* -- ABOUT -- */

#picNatalie {
	position: absolute; 
	background: url(images/pic_natalie.jpg); 
	left: 228px;
	top: 205px;
	width: 180px; 
	height: 411px;
	}

#picNatalie span {
	display: none;
	}


#splash {
	position: absolute; 
	background: url(images/splash.png); 
	left: 202px;
	top: 188px;
	width: 718px; 
	height: 428px;
	z-index: 3;
	}

#splash span {
	display: none;
	}

/* -- MENUT -- */


#menuIdentity {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 230px;
	left: 0px;
 	background: url("images/menu_id.png") no-repeat;
	z-index: 2;
	}
#menuIdentity:hover { 
	background-position: bottom left;
	}
#menuIdentity span {
	display: none;
	}
#menuIdentityON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 230px;
	left: 0px;
 	background: url("images/menu_id_on.png") no-repeat;
	z-index: 2;
	}

#menuPrint {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 260px;
	left: 0px;
 	background: url("images/menu_print.png") no-repeat;
	z-index: 2;
	}
#menuPrint:hover { 
	background-position: bottom left;
	}
#menuPrint span {
	display: none;
	}
#menuPrintON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 260px;
	left: 0px;
 	background: url("images/menu_print_on.png") no-repeat;
	z-index: 2;
	}

#menuWeb {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 290px;
	left: 0px;
 	background: url("images/menu_web.png") no-repeat;
	z-index: 2;
	}
#menuWeb:hover { 
	background-position: bottom left;
	}
#menuWeb span {
	display: none;
	}
#menuWebON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 290px;
	left: 0px;
 	background: url("images/menu_web_on.png") no-repeat;
	z-index: 2;
	}

#menuEtc {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 320px;
	left: 0px;
 	background: url("images/menu_etc.png") no-repeat;
	z-index: 2;
	}
#menuEtc:hover { 
	background-position: bottom left;
	}
#menuEtc span {
	display: none;
	}
#menuEtcON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 320px;
	left: 0px;
 	background: url("images/menu_etc_on.png") no-repeat;
	z-index: 2;
	}

#menuNews {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 370px;
	left: 0px;
 	background: url("images/menu_news.png") no-repeat;
	z-index: 2;
	}
#menuNews:hover { 
	background-position: bottom left;
	}
#menuNews span {
	display: none;
	}
#menuNewsON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 370px;
	left: 0px;
 	background: url("images/menu_news_on.png") no-repeat;
	z-index: 2;
	}

#menuAbout {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 400px;
	left: 0px;
 	background: url("images/menu_about.png") no-repeat;
	z-index: 2;
	}
#menuAbout:hover { 
	background-position: bottom left;
	}
#menuAbout span {
	display: none;
	}
#menuAboutON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 400px;
	left: 0px;
 	background: url("images/menu_about_on.png") no-repeat;
	z-index: 2;
	}

#menuCapabilities {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 430px;
	left: 0px;
 	background: url("images/menu_capabilities.png") no-repeat;
	z-index: 2;
	}
#menuCapabilities:hover { 
	background-position: bottom left;
	}
#menuCapabilities span {
	display: none;
	}
#menuCapabilitiesON {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 430px;
	left: 0px;
 	background: url("images/menu_capabilities_on.png") no-repeat;
	z-index: 2;
	}

#menuHome {
  	position: absolute;
	width: 228px;
 	height: 30px;
	top: 480px;
	left: 0px;
 	background: url("images/menu_home.png") no-repeat 0 0;
	z-index: 2;
	}
#menuHome:hover { 
	background-position: bottom left;
	}
#menuHome span {
	display: none;
	}

/* -- PORTFOLIO PLACEHOLDER -- */

.photos {
	position: absolute;
	top: 205px;
	left: 228px;
	overflow: hidden;
	border: 0px;	
	width: 692px;
	height: 411px;
	margin: 0 auto;
}

.photos div img {
	float: right;
}

.photos ul.thumbs {
	position: absolute;
	top: 10px;
	left: 0px;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	width: 170px;
	height: 350px;
	float: left;
}
.photos ul.thumbs li{
	width: 40px;
	height: 40px;
	margin: 15px 10px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;	
	border: 1px solid #333;
	text-align: center;
}
.photos ul.thumbs li img {
	position: absolute;
	top: -413px;
	left: -2px;
}

.photos ul.thumbs li:hover {
	border: 1px solid #888;
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}


/* -- GLOBAL -- */


#email {
	position: absolute;
	top: 630px;
	left: 0px;
	z-index: 3;
	}

#email a {
	width: 72px;
	height: 33px;
	background: url(images/email.png) no-repeat;
	text-indent: -900em;
	display: block;
	}
#email a:hover {
	background-position: bottom left;
	}

#call {
	position: absolute; 
	background: url(images/call.png) no-repeat; 
	left: 72px;
	top: 630px;
	width: 278px; 
	height: 33px;
	}

#tabcv {
	position: absolute;
	top: 683px;
	right: 0px;
	z-index: 3;
	}
#tabcv a {
	width: 331px;
	height: 88px;
	background: url(images/tab_CV.png) no-repeat;
	text-indent: -900em;
	display: block;
	}
#tabcv a:hover {
	background-position: bottom left;
	}

#tabfolio {
	position: absolute;
	top: 771px;
	right: 0px;
	z-index: 3;
	}
#tabfolio a {
	width: 331px;
	height: 88px;
	background: url(images/tab_folio.png) no-repeat;
	text-indent: -900em;
	display: block;
	}
#tabfolio a:hover {
	background-position: bottom left;
	}

#tab_sm {
	position: absolute; 
	background: url(images/tab_sm.png) no-repeat; 
	left: 0px;
	top: 683px;
	width: 167px; 
	height: 88px;
	}

#tab_hosted {
	position: absolute; 
	background: url(images/tab_hosted.png) no-repeat; 
	left: 0px;
	top: 771px;
	width: 167px; 
	height: 88px;
	}

#iconFB {
	position: absolute;
	top: 726px;
	left: 18px;
	z-index: 2;
	}
#iconFB a {
	width: 18px;
	height: 18px;
	background: url(images/icon_fb.jpg) no-repeat;
	text-indent: -900em;
	display: block;
	}
#iconFB a:hover {
	background-position: bottom left;
	}


#iconLI {
	position: absolute;
	top: 726px;
	left: 43px;
	z-index: 2;
	}
#iconLI a {
	width: 18px;
	height: 18px;
	background: url(images/icon_li.jpg) no-repeat;
	text-indent: -900em;
	display: block;
	}
#iconLI a:hover {
	background-position: bottom left;
	}

#iconTWTR {
	position: absolute;
	top: 726px;
	left: 68px;
	z-index: 2;
	}
#iconTWTR a {
	width: 18px;
	height: 18px;
	background: url(images/icon_twtr.jpg) no-repeat;
	text-indent: -900em;
	display: block;
	}
#iconTWTR a:hover {
	background-position: bottom left;
	}


#badge {
	position: absolute; 
	left: 5px;
	top: 810px;
	width: 167px; 
	height: 88px;
	}


#twitter {
	position: absolute; 
	background: url(images/tweet_box.png); 
	left: 185px;
	top: 694px;
	width: 380px; 
	height: 215px;
	}
#twitter span {
	display: none;
	}

#twitter_div { 
	position: absolute;
	left: 255px;
	top: 705px;
	width: 295px;
	height: 185px; 
	padding: 0px 0px 0px 0px;
	z-index: 3; 
	overflow: auto;
	}
ul#twitter_update_list { 
	list-style: none; 
	font-size: 1em; 
	line-height: 140%;
	padding: 0; 
	margin: 0; 
	color: #666;
	}
ul#twitter_update_list li { 
	padding: 5px; 
	}
ul#twitter_update_list li a { 
	color: #9f8945;
	}

#column1 {
	position: absolute;
	z-index: 3;
	width: 200px;
	}
#column2 {
	position: absolute;
	z-index: 3;
	left: 140px;
	width: 200px;
	}
#column3 {
	position: absolute;
	z-index: 3;
	left: 280px;
	width: 200px;
	}
#list li {
	list-style:none;
	font-size: .9em;
	line-height: 105%;
	margin: 0 0 8px 0;
	}

#content_container {
	position: absolute;
	z-index: 3;
	top: 205px;
	right: 0px;
	width: 511px;
	height: 411px;
	color: #999;
	background: #000;
	}

#home_container {
	position: absolute;
	z-index: 3;
	top: 205px;
	right: 0px;
	width: 692px;
	height: 411px;
	color: #999;
	background: #000;
	}

h2 {	color: #a38f4e;
	padding: 20px 80px 0 40px;
	font-family: Georgia, Lucida Console;
	font-size: 2em;
	font-weight: 200;
	line-height:120%
	}

#copy {
	padding: 0 40px 5px 40px;
	color: #999;
	}

#bullet_container {
	position: absolute;
	z-index: 3;
	top: 205px;
	left: 228px;
	width: 181px;
	height: 411px;
	color: #999;
	background: #000;
	}
#bullet li {
	list-style:none;
	font-size: .9em;
	line-height: 120%;
	margin: 0 0 12px 0;
	}
	

h3 {	color: #a38f4e;
	padding: 155px 20px 0 20px;
	font-size: 1.1em;
	font-weight: 200;
	line-height:120%;
	color: #690;
	}

#bullet {
	padding: 0 0px 5px 20px;
	color: #999;
	}

#green {
	color: #690;
	}

#footer {
	position: absolute;
	bottom: 10px;
	font-size: .8em;
	z-index: 3;
	left: 0px;
	width: 920px;
	color: #999;
	}