/* -------CSS Style Document - Mark Foreman-------- */
* {
	margin: 0px;
	padding: 0px;
}

body {
	padding-bottom: 50px;
	background-color: #10131b;
	color: #EEEEEE;
	text-align: left;
	letter-spacing: 1px;   

}




.more{float: left;}
.clear{clear:both;}

a:link{color: #AD0000; font-weight: bold; font-size:   12px;}
a:hover {color: #AD0000; font-weight: bold; font-size:   12px;}
a:active{color: #AD0000; font-weight: bold; font-size:   12px;}
a:visited{color: #DDDDDD; font-weight: bold; font-size:   12px;}

H1{
        padding-left: 26px;
        padding-right: 26px;
        padding-top:  5px;
        font-family: "Franklin Gothic Medium ", arial, "sans serif";
        color: #DDDDDD;
        text-align: left;
        font-size:   18px;
	position:inherit;
	text-shadow: 2px 2px 0px #000000;
}

H2{
        padding-left: 26px;
        padding-right: 26px;
        padding-bottom: 5px;
        font-family: "Franklin Gothic Medium ", arial, "sans serif";
        color: #CD0000;
        text-align: left;
        font-size:   15px;
	position:inherit;
	text-shadow: 1px 1px 0px #000000;

}

H3{
        padding-left: 26px;
        padding-right: 26px;
        padding-top:  10px;
        font-family: "Franklin Gothic Medium ", arial, "sans serif";
        color: #EEEEEE;
        text-align: left;
        font-size:   14px;
	position:inherit;
}

H4{
        padding-left: 28px;
        padding-right: 28px;
        padding-top:  5px;
        padding-bottom: 5px;
        font-family: "Franklin Gothic Medium", arial, "sans serif";
        color: #555555;
        text-align: center;
        font-size:   10px;
	position:inherit;
}

p{
        padding-left: 28px;
        padding-right: 28px;
        padding-top:  5x;
        padding-bottom: 5px;
        font-family: "Franklin Gothic Medium ", arial, "sans serif";
        color: #DDDDDD;
        text-align: left;
        font-size:   13px;
	position:inherit;
}


table#tw3{
padding: 0px;
background-color: #10131b;

}

table#tw3 td
{
text-align:center;
vertical-align:center;
padding-top: 4px;
padding-bottom: 4px;
}

table#tabout{
padding: 0px;
text-align:top;
}

table#tabout td
{
text-align:left;
vertical-align:top;
}

#pagemain {
	margin: 0px auto;
	width:1024px;
}

#header {
	background-image:url(images/portfolio_header.gif);
	width:1024px;
	height:200px;
	position:relative;
}

#menu {
	width:1024px;
	height:30px;
	position:relative;
}

        #about       {left:18px; top:150px;}
        #blog        {left:113px; top:150px;}
        #portfolio   {left:203px; top:150px;}
        #articles    {left:302px; top:150px;}
        #cv          {left:391px; top:150px;}
        #cvword      {left:417px; top:150px;}
        #cvpdf       {left:442px; top:150px;}
        #email       {left:480px; top:150px;}
        #mobile      {left:710px; top:150px;}



/* ------------Page Elements - Mark Foreman------------ */


#images {
        background-color: #454545;
	width:1024px;

}

#pagecontent {
        background-color: #454545;
	width:1024px;

}

#pagebar {
        background-color: #10131b;
	width:1024px;

}

#textheader {
/*  	background-image:url(images/header_back.gif);             */
        background-color: #454545;
	width:1024px;


}

#logo_cdpr
{
  display: block;
  width: 120px;
  height: 44px;
  padding-right: 13px;
  position:relative;
  float:right;
  background: url("images/logo_cdpr.gif") no-repeat 0 0;
}

#logo_marmoset
{
  display: block;
  width: 109px;
  height: 39px;
  padding-right: 13px;
  position:relative;
  float:right;
  background: url("images/logo_marmoset.gif") no-repeat 0 0;
}

#logo_source
{
  display: block;
  width: 109px;
  height: 39px;
  padding-right: 13px;
  position:relative;
  float:right;
  background: url("images/logo_source.gif") no-repeat 0 0;
}

#logo_udk
{
  display: block;
  width: 109px;
  height: 39px;
  padding-right: 13px;
  position:relative;
  float:right;
  background: url("images/logo_udk.gif") no-repeat 0 0;
}



#text {
/*  	background-image:url(images/header_back.gif);             */
        background-color: #575757;
	width:1024px;

}

#halftextheader {
/*  	background-image:url(images/header_back.gif);             */
        background-color: #454545;
	width:512px;

}

#halftext {
/*  	background-image:url(images/header_back.gif);             */
        background-color: #575757;
       	width:512px;

}

/* ------------Roll-Over Buttons - Mark Foreman------------ */

/* Navigation */

#navigation{position:relative;}
#navigation li{margin:0;padding:0;list-style:none;position:absolute;top:150px;}
#navigation li, #navigation a{height:30px;display:block;}

#about{left:64px;width:76px;}
#about{background:url('images/link_aboutme.gif') 0 0;}
#about a:hover{background: url('images/link_aboutme.gif') 0 -30px;}

#blog{left:170px;width:68px;}
#blog{background:url('images/link_blog.gif') 0 0;}
#blog a:hover{background: url('images/link_blog.gif') 0 -30px;}


#portfolio{left:270px;width:79px;}
#portfolio{background:url('images/link_portfolio.gif') 0 0;}
#portfolio a:hover{background: url('images/link_portfolio.gif') 0 -30px;}

#cv{left:379px;width:23px;}
#cv{background:url('images/link_cv.gif') 0 0;}

#cvdoc{left:409px;width:25px;}
#cvdoc{background:url('images/link_cvdoc.gif') 0 0;}
#cvdoc a:hover{background: url('images/link_cvdoc.gif') 0 -30px;}

#cvpdf{left:437px;width:25px;}
#cvpdf{background:url('images/link_cvpdf.gif') 0 0;}
#cvpdf a:hover{background: url('images/link_cvpdf.gif') 0 -30px;}

#linkedin{left:465px;width:25px;}
#linkedin{background:url('images/link_linkedin.gif') 0 0;}
#linkedin a:hover{background: url('images/link_linkedin.gif') 0 -30px;}

/* */
#portfolio_3d
{
  display: block;
  width: 140px;
  height: 40px;
  background: url("images/link_portfolio_3d.gif") no-repeat 0 0;

}

#portfolio_3d:hover
{
  background-position: 0 -40px;
}

#portfolio_3d_back
{
  display: block;
  width: 320px;
  height: 40px;
  background: url("images/link_portfolio_3d_back.gif") no-repeat 0 0;

}

#portfolio_3d_back:hover
{
  background-position: 0 -40px;
}

#portfolio_2d
{
  display: block;
  width: 140px;
  height: 40px;
  background: url("images/link_portfolio_2d.gif") no-repeat 0 0;

}

#portfolio_2d:hover
{
  background-position: 0 -40px;
}

#portfolio_2d_back
{
  display: block;
  width: 320px;
  height: 40px;
  background: url("images/link_portfolio_2d_back.gif") no-repeat 0 0;

}

#portfolio_2d_back:hover
{
  background-position: 0 -40px;
}

#portfolio_tutorials
{
  display: block;
  width: 100px;
  height: 40px;
  background: url("images/link_portfolio_tutorials.gif") no-repeat 0 0;

}

#portfolio_tutorials:hover
{
  background-position: 0 -40px;
}

#portfolio_tutorials_back
{
  display: block;
  width: 180px;
  height: 40px;
  background: url("images/link_portfolio_tutorials_back.gif") no-repeat 0 0;

}

#portfolio_tutorials_back:hover
{
  background-position: 0 -40px;
}
/* */

/*Content Buttons */

#w3
{
  display: block;
  width: 1024px;
  height: 300px;
  background: url("content/w3_thumb.jpg") no-repeat 0 0;

}

#w3:hover
{
  background-position: 0 -300px;
}

#hos
{
  display: block;
  width: 1024px;
  height: 300px;
  background: url("content/w3_hos_thumb.jpg") no-repeat 0 0;

}

#baw:hover
{
  background-position: 0 -300px;
}

#baw
{
  display: block;
  width: 1024px;
  height: 300px;
  background: url("content/w3_baw_thumb.jpg") no-repeat 0 0;

}

#hos:hover
{
  background-position: 0 -300px;
}

#bms_amdoor
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_amdoor_thumb.jpg") no-repeat 0 0;

}

#bms_amdoor:hover
{
  background-position: 0 -200px;
}

#bms_bpgenerator
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_bpgenerator_thumb.jpg") no-repeat 0 0;

}

#bms_bpgenerator:hover
{
  background-position: 0 -200px;
}

#bms_chargers
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_chargers_thumb.jpg") no-repeat 0 0;

}

#bms_chargers:hover
{
  background-position: 0 -200px;
}

#bms_ibtram
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_ibtram_thumb.jpg") no-repeat 0 0;

}

#bms_ibtram:hover
{
  background-position: 0 -200px;
}

#bms_ocfreezer
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_ocfreezer_thumb.jpg") no-repeat 0 0;

}

#bms_ocfreezer:hover
{
  background-position: 0 -200px;
}

#bms_props
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_props_thumb.jpg") no-repeat 0 0;

}

#bms_props:hover
{
  background-position: 0 -200px;
}

#bms_skybox
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_skybox_thumb.jpg") no-repeat 0 0;

}

#bms_skybox:hover
{
  background-position: 0 -200px;
}

#bms_textures
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/bms_textures_thumb.jpg") no-repeat 0 0;

}

#bms_textures:hover
{
  background-position: 0 -200px;
}

#my_graveyard
{
  display: block;
  width: 1024px;
  height: 200px;
  background: url("content/my_graveyard_thumb.jpg") no-repeat 0 0;

}

#my_graveyard:hover
{
  background-position: 0 -200px;
}

#my_humberpig
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/my_humberpig_thumb.jpg") no-repeat 0 0;

}

#my_humberpig:hover
{
  background-position: 0 -200px;
}

#photo
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/photo_thumb.jpg") no-repeat 0 0;

}

#photo:hover
{
  background-position: 0 -200px;
}

#traditional
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/traditional_thumb.jpg") no-repeat 0 0;

}

#traditional:hover
{
  background-position: 0 -200px;
}

#tut_handpaintedgrass
{
  display: block;
  width: 1024px;
  height: 200px;
  background: url("content/tut_handpaintedgrass.jpg") no-repeat 0 0;

}

#tut_handpaintedgrass:hover
{
  background-position: 0 -200px;
}

#tut_climbingrose
{
  display: block;
  width: 1024px;
  height: 200px;
  background: url("content/tut_climbingrose.jpg") no-repeat 0 0;

}

#tut_climbingrose:hover
{
  background-position: 0 -200px;
}

#uni_chichesterbldg
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/uni_chichesterbldg_thumb.jpg") no-repeat 0 0;

}

#uni_chichesterbldg:hover
{
  background-position: 0 -200px;
}

#uni_chichesterwalls
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/uni_chichesterwalls_thumb.jpg") no-repeat 0 0;

}

#uni_chichesterwalls:hover
{
  background-position: 0 -200px;
}

#uni_finpro
{
  display: block;
  width: 512px;
  height: 200px;
  background: url("content/uni_finpro_thumb.jpg") no-repeat 0 0;

}

#uni_finpro:hover
{
  background-position: 0 -200px;
}

/* Black Mesa Content */

#bms_amdoor_doortxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_amdoor_doortxt.jpg") no-repeat 0 0;

}

#bms_amdoor_doortxt:hover
{
  background-position: 0 -1024px;
}

#bms_amdoor_frametxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_amdoor_frametxt.jpg") no-repeat 0 0;

}

#bms_amdoor_frametxt:hover
{
  background-position: 0 -1024px;
}

#bms_bpgenerator_bodytxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_bpgenerator_bodytxt.jpg") no-repeat 0 0;

}

#bms_bpgenerator_bodytxt:hover
{
  background-position: 0 -1024px;
}

#bms_bpgenerator_techtxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_bpgenerator_techtxt.jpg") no-repeat 0 0;

}

#bms_bpgenerator_techtxt:hover
{
  background-position: 0 -1024px;
}

#bms_chargers_healthhpwire
{
  display: block;
  width: 1024px;
  height: 768px;
  background: url("content/bms_chargers_healthhpwire.jpg") no-repeat 0 0;

}

#bms_chargers_healthhpwire:hover
{
  background-position: 0 -768px;
}

#bms_chargers_healthtxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_chargers_healthtxt.jpg") no-repeat 0 0;

}

#bms_chargers_healthtxt:hover
{
  background-position: 0 -1024px;
}

#bms_chargers_hevhpwire
{
  display: block;
  width: 1024px;
  height: 768px;
  background: url("content/bms_chargers_hevhpwire.jpg") no-repeat 0 0;

}

#bms_chargers_hevhpwire:hover
{
  background-position: 0 -768px;
}

#bms_chargers_hevtxt
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_chargers_hevtxt.jpg") no-repeat 0 0;

}

#bms_chargers_hevtxt:hover
{
  background-position: 0 -1024px;
}

#bms_ibtram_txt_exterior
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_inboundtram_txt_exterior.jpg") no-repeat 0 0;

}

#bms_ibtram_txt_exterior:hover
{
  background-position: 0 -1024px;
}

#bms_ibtram_txt_furniture
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/bms_inboundtram_txt_furniture.jpg") no-repeat 0 0;

}

#bms_ibtram_txt_furniture:hover
{
  background-position: 0 -1024px;
}

/* Humber Pig Rollover */

#uni_chichesterwalls_textures
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/uni_chichesterwalls_textures.jpg") no-repeat 0 0;

}

#uni_chichesterwalls_textures:hover
{
  background-position: 0 -1024px;
}

#uni_chichesterbldg_textures
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/uni_chichesterbldg_textures.jpg") no-repeat 0 0;

}

#uni_chichesterbldg_textures:hover
{
  background-position: 0 -1024px;
}

#my_humberpigexterior
{
  display: block;
  width: 1024px;
  height: 1024px;
  background: url("content/my_humberpig_texture_exterior.jpg") no-repeat 0 0;

}

#my_humberpigexterior:hover
{
  background-position: 0 -1024px;
}

#uni_finpro_distiller_txt
{
  display: block;
  width: 1024px;
  height: 682px;
  background: url("content/uni_finpro_distiller_txt.jpg") no-repeat 0 0;

}

#uni_finpro_distiller_txt:hover
{
  background-position: 0 -683px;
}

#uni_finpro_plants_txt
{
  display: block;
  width: 1024px;
  height: 455px;
  background: url("content/uni_finpro_plants_txt.jpg") no-repeat 0 0;

}

#uni_finpro_plants_txt:hover
{
  background-position: 0 -455px;
}