html, body{
	height: 100%; margin: 0px; padding:0px;
	font-family: Verdana,Helvetica,sans-serif; font-size: 10px; line-height:140%;
	color: #8d8d8d; background-color:#535c4a; background-image: url('bck.gif'); background-repeat:repeat;
}

.browser_warning {
	position:absolute; top:0px; left:0px;
	width: 100%; height: 100%; 
	text-align: center; vertical-align: middle;
}
.browser_warning img {margin-bottom: 105px;}
	
a{text-decoration:none}
.lnk{font-weight:bold; font-size:10x; color:#8d8d8d}
.lnk:link{text-decoration:none}
.lnk:visited{text-decoration:none}
.lnk:hover{text-decoration:underline}
a.menu_link:focus{outline:none !important}

/*
	Foreground Layout 
*/
table.envelope{
	position:absolute; top:0px; left:0px; width:100%; height:100%; min-width:670px; min-height:570px; overflow:hidden;
	margin: 0px; padding: 0px;
	border-style:none; border-collapse:collapse;
}
td.top_cell{ width:50%; height:50%; vertical-align:bottom; margin:0px; padding:0px; border-style:none; }
td.bottom_cell{ width:50%; height:50%; margin:0px; padding:0px; border-style:none; }

td.top_cell#deco_lt{ }
div.deco_lt_in {
	display: block; float: right; width: 308px; height: 112px; margin-top: 188px; 
	background-image: url('back_lt_b.gif'); background-position: 0px 0px; background-repeat:no-repeat;
}
div.deco_lt_in div {
	display: block; margin-left: 29px; margin-top: 0px; padding-right: 280px; background-color: #fff; height: 120px;
	background-image: url('back_lt_a.gif'); background-position: 0px 0px; background-repeat:no-repeat;
}

td.top_cell#deco_rt{ }
div.deco_rt_in {
	display: block; float: left; width: 323px; height: 112px;
	background-image: url('back_rt_a.jpg'); background-position: 0px 0px; background-repeat:no-repeat;
	background-color: #abdb70;
}
div.deco_rt_in img {	/* Mascot */
	position: relative; top: -146px; left: 108px;
}

td.bottom_cell#deco_lb{
	 vertical-align: top;
	background-image: url('back_lb_b.jpg'); background-position: 100% 190px; background-repeat:no-repeat;
}
div.deco_lb_a { 
	width: 3px; height: 191px; float: right; padding-right: 278px; 
	background-color: #fff; background-image: url('back_lb_a.gif'); background-position: top left; background-repeat:no-repeat; 
}

td.bottom_cell#deco_rb{ 
	vertical-align: top;
	background-image: url('back_rb_b.jpg'); background-position: 0px 189px; background-repeat:no-repeat;
}	
div.deco_rb_a {		/* NOTE: Also serves as the bottom space holder*/
	width: 55px; height: 189px; background-color: #fff; padding-left: 280px; margin-bottom: 110px; 
	background-image: url('back_rb_a.jpg'); background-position: top right; background-repeat:no-repeat; 
}
div.spacer_hl{ width:332px; height:0px; }
div.spacer_hr{ width:336px; height:0px; }

td.display{}
div.display{ 
	display: block; width:660px; height:590px; padding: 0px; margin-left:auto; margin-right:auto;
	border: 0px none #fff;
}

/*
	Background Layout
*/
.sky_envelope {
	position:absolute; top:0px; left:0px; width:100%; height:50%; min-width:666px;
	background-color: #868f7a; background-image: url('bck_sky.gif'); background-repeat:repeat;
}

td.top_cell#bg_lt{ background-image: url('con_lt.jpg'); background-position:bottom right; background-repeat:repeat-x; }
td.top_cell#bg_rt{ background-image: url('con_rt.jpg'); background-position: 0px 100%; background-repeat:repeat-x; }
td.bottom_cell#bg_lb{ background-image: url('con_b.gif'); background-position:top right; background-repeat:repeat-x; }
td.bottom_cell#bg_rb{ background-image: url('con_b.gif'); background-position: -60px 0px; background-repeat:repeat-x; }

div.spacer_top{ width:332px; height:300px; }
div.spacer_clouds1{ padding-top:300px; height:0px; }
div.spacer_clouds2{ position:relative; top:10px; right:-1%; width:99%; height:99%; overflow:hidden; }
div.spacer_clouds2_inner{ position:relative; top:99%; width:30%; height:1px; margin-left:20%; padding-left:200px; }

.clould {
	position:relative; display:none; overflow: show; bottom:-60px; left:20px; width:1px; height:1px; font-size:2px; 
}
.clould#cloud_0 img {opacity:0.2; filter:alpha(opacity=20);} .clould#cloud_1 img {opacity:0.2; filter:alpha(opacity=20);}
.clould#cloud_2 img {opacity:0.2; filter:alpha(opacity=20);} .clould#cloud_3 img {opacity:0.2; filter:alpha(opacity=20);}
.clould#cloud_4 img {opacity:0.2; filter:alpha(opacity=20);} .clould#cloud_5 img {opacity:0.2; filter:alpha(opacity=20);}

/*
	Menu
*/
.display_top_spacer{float:left; width:100%; height:212px;}
.display_menu{
	float:right; width:160px; height:60px; margin-top:0px; margin-right:72px; overflow:show;
	text-align: right; vertical-align:top; /*border: 1px solid #fff;*/
}

.menuitem{
	display:block; float: right; overflow: hidden; width:160px; height:25px; margin: 0px; padding: 0px;
	background-image:url('menu.png'); background-repeat: no-repeat;
	 /*border: 1px solid #fff;*/
}
.menuitem#home{ background-position: 0px -2px; height:20px; }
.menuitem#index{ background-position: -40px -21px; width:120px; }
.menuitem#blog{ background-position: -40px -45px; width:120px; }

.menuitem_in{
	display: inline-block; margin-right: 4px; padding: 0px;  width:160px; height:25px;
	background-image:url('menu.png'); background-repeat: no-repeat;
}
.menuitem_in#home_txt{ background-position: -159px -3px; height:20px; }
.menuitem_in#index_txt{ background-position: -199px -22px; }
.menuitem_in#blog_txt{ background-position: -198px -46px; }

.menuitem a{ 
	float: left; overflow: hidden;
	display: inline-block; width: 160px; height: 25px; margin: 0px; padding: 0px; outline:none !important; 
	cursor: pointer; font-size: 0px; color: #a9da6d; line-height: 0px;
}

/*
	Sections
*/
.display_title{
	float:left; width:230px; height:20px; margin-left:70px; margin-top:28px; overflow:show;
}
div.display_container{
	float:left; width:558px; height:174px; margin-left:52px; margin-top:25px; padding:0px; 
	border-collapse:collapse; overflow:hidden;
}
.display_container p{ margin-top: 10px;}

div.display_container a{text-decoration:none; font-style:italic; font-weight:normal; color:#8d8d8d; border-bottom:1px dotted #638363}
div.display_container a:link{color:#8d8d8d}
div.display_container a:visited{color:#8d8d8d}
div.display_container a:hover{color:#222; border-color:#222}
div.display_container a:focus{outline:none !important;/*NOTE: msie bug*/}

table.display_container a{border-bottom:0px none #fff; font-style:normal;} /* Protfolio fix*/

.spacer_sides{margin-left: 30px; margin-right: 30px; text-align: justify;  }
.spacer_big{display:block; height:32px;} .spacer_small{display: block;height: 12px;}
 
.accent{font-weight:bold; font-size:11px}
.accent2{}

.content{position:relative; left:0px; top:0px; width:500px; height:180px; overflow:hidden}

h1 {
	padding: 0px; margin-top:40px; margin-bottom: 20px;
	font-size: 12px; font-family: 'DecoFace', Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;
	color: #787878;
	/*text-shadow: 0px 0px 2px #adacac; */
}

/*
	Project Index
*/

.paging{
	display: inline-block; float: left;
	width: 100px; height: 20px; margin-left: 60px; margin-bottom: 10px;
	/*border: 1px solid #000;*/
}
.paging span{
	display: none;
}
.paging a{ 
	display: inline-block; padding: 4px;
	text-decoration: none; font-weight:normal; color:#8d8d8d;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.paging a:link{ color:#8d8d8d; }
.paging a:visited{ color:#8d8d8d; }
.paging a:hover{ background-color: #b4c0a8; color: #fff; }
.paging a:focus{ outline:none !important; }

table.display_container{ width:561px; height:180px; margin:0px; padding:0px; border-collapse:collapse;}
td.display_container_l{margin-left:0px; padding-left:0px; width:24px;}
td.display_container_m{margin:0px; padding:0px; text-align:left; vertical-align:top}
td.display_container_r{width:22px}
.content_prj{position:relative; display:inline-block; left:0px; top:0px; width:3000px; height:180px}

a.prj_scroll_link{ 
	display: block; width: 22px; height: 124px; background-repeat: no-repeat; background-image: url('prj_arrows.gif'); margin-top: 4px;
}
a.prj_scroll_link#larrow{ background-position: -24px 0px; }
a.prj_scroll_link#rarrow{ background-position: 0px 0px; }
a.prj_scroll_link:focus{outline:none !important;}

.group_link{
	display: block; float: left; width: 1px; height: 1px; margin-left: 0px; margin-top: 0px;
}

.prj_group{
	float:left; display:inline-block; width:480px; height:154px; 
	margin-left:10px; margin-right:44px; margin-bottom: 20px; padding: 0px; text-align: center;
	background-image: -moz-linear-gradient(top, #ccc, #b3c0a6);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(1, #b3c0a6));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#b3c0a6'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#b3c0a6')";
	background-color: #cad1c3; 
	
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.prj_ie_round1{ float: left; clear: left; width: 5px; height: 154px; display: inline-block; border-style: none; }
.prj_ie_round2{ float: right; clear: right; width: 5px; height: 154px; display: inline-block; border-style: none; }

.prj_item{
	display:inline-block; width:450px; height:70px; margin-top: 5px; margin-bottom: 12px; overflow: visible; cursor:pointer;
	background-color: #99a58f; 
	
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-moz-box-shadow: 0px 0px 6px #9ea894; -webkit-box-shadow: 0px 0px 6px #9ea894; box-shadow: 0px 0px 6px #9ea894;
}
.prj_ie_round3{ float: left; clear: left; width: 4px; height: 70px; display: inline-block; border-style: none; }
.prj_ie_round4{ float: right; clear: right; width: 4px; height: 70px; display: inline-block; border-style: none; }

.prj_item_icon{ 
	position: relative; float: left; margin: 2px; margin-left: 26px; margin-right: 18px; 
	padding: 7px; background-image: url('prj_frame.png'); background-repeat: no-repeat; border-style: none;
}
.prj_item div{ 
	float: left; width: 280px; height: 40px; padding: 4px; margin-top: 12px; 
	text-align: left; line-height: 22px; color: #eee; font-family:  Arial, Helvetica, sans-serif;
	
	text-shadow: 0px 0px 2px #727b67; 
}
.prj_group a:focus {outline:none !important;}

.prj_item h2{ margin: 0px; padding: 0px; color: #fff; font-size: 20px; font-family: 'DecoFace', Arial, Helvetica, sans-serif; font-weight: normal; }
.prj_item h3{ margin: 0px; padding: 0px; filter: Shadow(Color=8e9a82, Direction=135,  Strength=1); font-size: 10px; font-weight: normal; }
.prj_item a { display: block; }
.prj_item  img{ border-style: none;}	/* IE issue?*/

.prj_desc { padding: 12px; text-align: justify; color: #757e74; }  /* NOTE: Slightly darker text in prj desc*/

/*
	Contact Iocns
*/
.contact_icons{float:left; clear: left; margin-left:100px; margin-top:40px; width:260px; height:54px}
.c_icon{
	float:left; display:inline-block; width:52px; height:62px; margin-right:8px; padding:0px;
	background-image:url('cicons.gif'); background-repeat:no-repeat; opacity:0.68; filter:alpha(opacity=68)
}
.c_icon#tweet{  background-position: 0px 0px; }
.c_icon#artwork{ background-position: -57px 0px; }
.c_icon#email{ background-position: -117px 0px; }
.c_icon#cv{ background-position: -176px 0px; }

.c_icon a{display:inline-block; width:50px; height:50px; text-decoration:none; font-size: 0px; color: #7c896c; }
.c_icon a:focus{outline:none}

.contact_prompt{
	float:left; clear:left; margin-left:36px; margin-top:0px; width:360px; height:1px
}
.contact_prompt div{
	position:relative; left:-145px; display:none; width:340px; height:40px; margin-top:4px; padding-right: 124px; padding-top: 32px; padding-bottom: 8px;
	background-image:url('c_prompt.gif'); background-position: 220px 0px; background-repeat:no-repeat;
	
	text-align: right; font-size: 20px; color: #fff;
	font-family: 'DecoFace', Verdana, Arial, Helvetica, sans-serif; 
}

/*
	Misc
*/
@font-face {
	font-family: "DecoFace"; src: url('/cd.eot'); src: local("Caviar Dreams"), url('/cd.ttf ') format("truetype"); 
}