html{
    background-color: #BFBFBF;
}

h1{
	width: 251px;
	height:  147px;
	background: transparent url(../img/shirer_header.gif) no-repeat 0 0;
	margin: 20px 0 0 20px;
	text-indent: -9999px;
	overflow: hidden;
}

#page{
    margin: 0 auto;
    padding: 0;
    width: 970px;
    background: #FFF url(../img/header_bg.jpg) no-repeat right 0;
}

#header{
    height: 200px;
    position: relative;
    overflow: hidden;
    background: transparent url(../img/dotted_bottom.gif) repeat-x 0 bottom;
}

#content{
    margin-top: 0.7em;
    background: transparent url(../img/stripe_bg_2.png) repeat 0 0;
    overflow: hidden;
    zoom: 1;
}

#footer{
	color: #9e9793;
	padding: 1.125em 0 0.62em 20px;
	background: #efedea url(../img/dotted_top.gif) repeat-x 0 0;
	margin-top: 1em;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: 35px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}

/*
Primary navigation
*/
#primary-navigation{
    position: absolute;
    bottom: 17px;
    right: 16px;
}
#primary-navigation ul{
    float: right;
}
#primary-navigation ul li{
    float: left;
}
#primary-navigation li a{
    font-family: "Times New Roman",Times,serif;
    color: #716863;
    text-decoration: none;
    border-left: 1px solid #716863;
    padding: 0.2em 5px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#primary-navigation li.first a{
    border: 0;
}
#primary-navigation li a:hover,
#primary-navigation li a:active,
#primary-navigation li a:focus{
    color: #ec008c;
    background-color: #dad4d2;
}

/*
Personal Contact methods
*/
#personal{
    position: absolute;
    width: 632px;
    margin: 0;
    padding: 0;
    right: 0;
    bottom: 43px;
    background: transparent url(../img/dotted_top.gif) repeat-x 0 bottom;
    padding-bottom: 7px;
}

#personal ul{
    float: right;
}

#personal li{
    float: left;
}

#personal li a{
    background: transparent url(../img/personal_sprite.gif) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    width: 42px;
    height: 54px;
    margin-right: 10px;
}

#personal li.cv_word a:hover,
#personal li.cv_word a:active,
#personal li.cv_word a:focus{
    background-position: 0 -148px;
}

#personal li.cv_pdf a{
    background-position: -42px 0;
}
#personal li.cv_pdf a:hover,
#personal li.cv_pdf a:active,
#personal li.cv_pdf a:focus{
    background-position: -42px -148px;
}

#personal li.port_pdf a{
    background-position: -84px 0;
}
#personal li.port_pdf a:hover,
#personal li.port_pdf a:active,
#personal li.port_pdf a:focus{
    background-position: -84px -148px;
}

#personal li.linkedin a{
    background-position: -126px 0;
    width: 77px;
    height: 23px;
    margin-top: 30px;
}
#personal li.linkedin a:hover,
#personal li.linkedin a:active,
#personal li.linkedin a:focus{
    background-position: -126px -148px;
}

#personal li.telephone{
    text-indent: -9999px;
    display: none;
}

#personal li.email a{
    width: 29px;
    height: 18px;
    background-position: -209px 0;
    margin-top: 31px;
    margin-left: 350px;
}
#personal li.email a:hover,
#personal li.email a:active,
#personal li.email a:focus{
    background-position: -209px -150px;
}

/*
Showcase Dims
======================
Main Large
    + width  : 479px
    + height : 511px *

Small
    + width  : 159px
    + height : 127px

*/
.sc_main{
    float: left;
    overflow: hidden;
    zoom: 1;
}
.sc_main li{
    float: left;
    position: relative;
    width: 155px;
    margin-right: 2px;
}
#wide .sc_main li{
    margin-bottom: 1.7em;
}
.sc_main .focus-item{
    width: 479px;
    margin: 0;
}
#wide .sc_main .focus-item{
    width: 634px;
}
#full .sc_main .focus-item{
    width: 950px;
}
.sc_main li a{
    display: block;
    width: 130px;
    height: 96px;
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 15px;
}
.sc_main .focus-item .focus_image{
    width: 459px;
    height: 465px;
    margin-left: 20px;
}
#wide .sc_main .focus-item .focus_image{
    width: 592px;
    height: 383px;
}
#full .sc_main .focus-item .focus_image{
    width: 905px;
    height: 339px;
}
.sc_main .top,
.sc_main .bottom{
    height: 15px;
    background: transparent url(../img/small_top.png) no-repeat 0 0;
}
.sc_main .bottom{
    background-image: url(../img/small_bottom.png);
}
.sc_main .tile{
    background: transparent url(../img/small_hori_tile.png) repeat-y 0 0;
}
.sc_main .focus-item .top,
.sc_main .focus-item .bottom{
    height: 20px;
    background: transparent url(../img/main_top.png) no-repeat 0 0;
}
#wide .sc_main .focus-item .top{
    background-image: url(../img/wide_top.png);
}
#full .sc_main .focus-item .top{
    background-image: url(../img/full_top.png);
}
.sc_main .focus-item .bottom{
    background-image: url(../img/main_bottom.png);
}
#wide .sc_main .focus-item .bottom{
    background-image: url(../img/wide_bottom.png);
}
#full .sc_main .focus-item .bottom{
    background-image: url(../img/full_bottom.png);
}
.sc_main .focus-item .tile{
    background: transparent url(../img/main_hori_tile.png) repeat-y 0 0;
}
#wide .sc_main .focus-item .tile{
    background-image: url(../img/wide_hori_tile.png);
}
#full .sc_main .focus-item .tile{
    background-image: url(../img/full_hori_tile.png);
}
/*
Showcase Portfolio
*/

.sc_main .focus-item a{
    background: none;
}
.sc_main a{
    text-indent: -9999px;
    background: transparent url(../img/showcase/3mice.jpg) no-repeat 0 -97px;
}
.sc_main .sc_canvas a{
    background-image: url(../img/showcase/canvas.jpg);
}
.sc_main .sc_global a{
    background-image: url(../img/showcase/global.jpg);
}
.sc_main .sc_3mice a{
    background-image: url(../img/showcase/3mice.jpg);
}
.sc_main .sc_summertime a{
    background-image: url(../img/showcase/summertime.jpg);
}
.sc_main .sc_pots a{
    background-image: url(../img/showcase/pots.jpg);
}
.sc_main .sc_perennial a{
    background-image: url(../img/showcase/perennial.jpg);
}
.sc_main .sc_mcdonald a{
    background-image: url(../img/showcase/mcdonald.jpg);
}
.sc_main .sc_gold a{
    background-image: url(../img/showcase/gold.jpg);
}
.sc_main .sc_urban a{
    background-image: url(../img/showcase/urban_appeal.jpg);
}
.sc_main .sc_newslink a{
    background-image: url(../img/showcase/newslink.jpg);
}
.sc_main .sc_halc a{
    background-image: url(../img/showcase/halc.jpg);
}
.sc_main .sc_ama a{
    background-image: url(../img/showcase/ama.jpg);
}
.sc_main a:hover,
.sc_main a:active,
.sc_main a:focus{
    background-position: 0 0;
}


.sc_main .focus-item .focus_image{
    background: transparent url(../img/showcase/3mice.jpg) no-repeat -145px 0;
}
#wide .sc_main .focus-item .focus_image{
    background: transparent url(../img/graphics/xfm_xposure.jpg) no-repeat -150px 0;
}
#wide .sc_main .sc_xfm_xposure a{
    background-image: url(../img/graphics/xfm_xposure.jpg);
}
#wide .sc_main .sc_stoli a{
    background-image: url(../img/graphics/stoli.jpg);
}
#wide .sc_main .sc_xfm_winter a{
    background-image: url(../img/graphics/xfm_winter.jpg);
}
#wide .sc_main .sc_ton_car a{
    background-image: url(../img/graphics/ton_car.jpg);
}
#wide .sc_main .sc_weddings a{
    background-image: url(../img/graphics/weddings.jpg);
}
#wide .sc_main .sc_classic_enchanted a{
    background-image: url(../img/graphics/classic_enchanted.jpg);
}


#full .sc_main .focus-item .focus_image{
    background: transparent url(../img/websites/classic_website.jpg) no-repeat right 0;
}
#full .sc_main .sc_jazz a{
	background-image: url(../img/websites/classic_website.jpg);
}
#full .sc_main .sc_hatton a{
	background-image: url(../img/websites/xfm_website.jpg);
}
#full .sc_main .sc_perennial a{
    background-image: url(../img/websites/my_perennial_website.jpg);
}
#full .sc_main .sc_malts a{
	background-image: url(../img/websites/elwyns_website.jpg);
}
#full .sc_main .sc_roots a{
	background-image: url(../img/websites/lcendo.jpg);
}
#full .sc_main .sc_global a{
	background-image: url(../img/websites/heart_website.jpg);
}

.sc_main .focus-item .item_content p{
    display: block;
}
.sc_main .item_content p{
    display: none;
}
.sc_main .focus-item .item_content{
    display: block;
    position: absolute;
    overflow: hidden;
    width: 415px;
    padding: 10px;
    bottom: 20px;
    left: 20px;
    background: transparent url(../img/details_bg.png) repeat 0 0;
    color: #FFF;
}
#wide .sc_main .focus-item .item_content{
    width: 572px;
}
#full .sc_main .focus-item .item_content{
    width: 885px;
}

.sc_main .item_content span{
    position: absolute;
    top 0;
    right: 10px;
    font-size: 93%;
    cursor: pointer;
}
.sc_main .item_content span p{
    display: inline;
}

.sc_main .item_content h3{
	font-size: 123.1%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
.sc_main .item_content p{
    margin-top: 0.625em;
}