@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
html, body { margin:0; padding:0; height:100%; border:none;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/bodybg.gif) repeat-x top #fff; color:#dcdcdc; font-size:10px;}
.slider-wrap	{ text-align:left;}

p {margin: 15px 0 }
p, ul { font-size: 11px; line-height: 14px; }
a, p a, li a { color: #a7894a; text-decoration: none }
a:hover	{ text-decoration:underline;}
td	{ text-align:left; vertical-align:top; padding-bottom:3px;}
h2	{font:normal normal normal 16px/22px  Arial, Verdana, Helvetica, sans-serif;}
h3 { margin-bottom:0px; padding-bottom:0px; text-align:left }
h4	{ font: normal normal normal 18px/18px "Courier New", Courier, monospace; margin-bottom:2px; margin-top:5px;}
h5	{ font: normal normal normal 12px/14px Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px; margin-top:0px;}

/*fontsetting for panels*/
#profile_panel h4	{ color:#be307d;}
table p	{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
table span	{ color:#999;}
#profiletablefull	{ background:#26111c;}
#profiletablefull h4	{ color:#be307d;}
#profiletablefull	{ color:#fff; padding:10px;}
#profile_panel .cvlink	{color:#fc6ab9;}


/*core paddings*/
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 5px 1px 0px 61px; }

/*navigation*/
.stripNav { background:url(../images/navigation.gif) no-repeat left top; width:550px!important; height:30px!important;  padding-left:250px;}
.portfolio .stripNav	{ background:url(../images/navigation.gif) no-repeat -135px top;}
.stripNav ul	{ width:100%; margin:0; padding:0;}
.stripNav a { /* The nav links */ font-size: 10px; font-weight: normal; text-align: left; line-height:38px; background:transparent; color: #fff; text-decoration: none;}
.stripNav li a.current { color:#575757; }
.stripNav li a:hover { color:#a7894a; }
#smallbackbutton	{ display:block; width:200px; height:30px; position:absolute; left:50%; margin-left:-340px; z-index:101; top:369px;}
#smallbackbutton a	{ padding: 0 15px; line-height:38px; color:#f8b600;}
#bigbackbutton	{ display:block; width:200px; height:30px; position:absolute; left:50%; margin-left:190px; z-index:101; top:6px;}


/* panel designs */
#introduction_panel	{ background:url(../images/panel01.jpg) no-repeat top center; height:750px;}
#introduction_panel h3 span	{ display:none}
#introduction_panel h3	{ background:url(../images/h3_intro.jpg) no-repeat top left; height:80px;}

#portfolio_panel	{ background:url(../images/panel06.jpg) no-repeat top center; height:750px;}
#portfolio_panel h3 span	{ display:none}
#portfolio_panel h3	{ background:url(../images/h3_portfolio.jpg) no-repeat top left; height:80px;}
#portfolio_panel a	{ color:#d29900}

#profile_panel		{ background:url(../images/panel03.jpg) no-repeat top center; height:750px;}
#profile_panel h3 span	{ display:none}
#profile_panel h3	{ background:url(../images/h3_profile.jpg) no-repeat top left; height:80px;}
#profile_panel a	{ color:#be307d}

#contact_panel		{ background:url(../images/panel04.jpg) no-repeat top center; height:750px;}
#contact_panel	 h3 span	{ display:none}
#contact_panel	 h3	{ background:url(../images/h3_contact.jpg) no-repeat top left; height:80px;}
#contact_panel	 h4	{ color:#5db2ad;}
#contact_panel p span	{ color:#00fff0;}
#contact_panel a	{ color:#5db2ad;}

/* portfolio panel designs */
#aw_a	{ background:url(../images/panel03.jpg) no-repeat top center ; height:750px;}
#aw_a h3 span	{ display:none}
#aw_a h3	{ background:url(../images/h3_appliedworks_a.jpg) no-repeat top left; height:80px;}
#aw_a a	{ color:#d29900}

#aw_b	{ background:url(../images/panel04.jpg) no-repeat top center; height:750px;}
#aw_b h3 span	{ display:none}
#aw_b h3	{ background:url(../images/h3_appliedworks_b.jpg) no-repeat top left; height:80px;}
#aw_b a	{ color:#d29900}

#fp_a	{ background:url(../images/panel07.jpg) no-repeat top center; height:750px;}
#fp_a h3 span	{ display:none}
#fp_a h3	{ background:url(../images/h3_freetimeprojects_a.jpg) no-repeat top left; height:80px;}
#fp_a a	{ color:#d29900}

.tramp	{ font: normal normal normal 12px/14px "Courier New", Courier, monospace; color:#515151; margin-bottom:10px;}

.ender	{ clear:both; padding-top:2px; margin:0; width:780px; height:16px;}
.grid1of2	{ width:387px; float:left; display:inline;}
.grid2of2	{ width:387px; float:left; display:inline; margin-left:6px;}
.grid2er	{ width:256px; float:left; display:inline;}
.grid4er	{ width:450px; float:left; display:inline;}
.grid6er	{ width:649px; float:left; display:inline;}

p.namely	{ margin:0; padding:0; margin-bottom:6px;}

/*content design*/
#xtra	{ background:url(../images/xtra.gif) left top no-repeat #2d2d2d; padding:2px 15px 2px 30px; min-height:135px; margin-right:15px; margin-top:35px;}
#xtra table	{ margin-bottom:5px;}
#xtra td	{ padding:2px;}
#xtra img	{ margin-top:3px;}
/* thickbox specific*/
#TB_window	{ background:#000; border-color:#333; color:#666;}
#TB_window a:link	{color:#fff;}
#TB_title		{ background-color:#000;}

/* gallery thumbs */
.onblack	{ width:800px; margin:0; padding:0; position:absolute; top:100px;}
.onwhite	{ width:800px; margin:0; padding:0; position:absolute; top:410px;}

.galleryimages	{ width:66px; display:block; float:left; margin:3px 0px 0px 0px; padding:0; font-size:10px; line-height:14px;}
.co_block	{width:246px; padding:0px 5px 0px 5px; float:left; margin-right:6px; margin-bottom:6px; min-height:130px; height:130px; overflow:hidden;}
.co_block p	{ line-height:105%;}

.broader .galleryimages	{ width:106px;}
.onwhite .co_block	{background:#000; height:130px;}
.wrapper > .onwhite .co_block	{background:url(../images/opac60black.png) transparent; height:130px;}

.onwhite .ender	{ background:#000;}
.wrapper > .onwhite .ender	{ background:url(../images/opac60black.png) transparent;}
.co_block	 p	{width:170px; margin:0px 0px 3px 0px; float:left;}
.broader	 p	{width:130px; margin:0px 0px 0px 0px; float:left;}
.galleryimages img, .galleryimages a { margin:0; padding:0;}

.tools	{ clear:both; padding:0px 0px 2px 0px;; font-size:9px; color:#bbaf6e;}