body {
    font-family: Verdana, Helevetica, Arial, sans-serif;
    font-size: small;
}

div.container{
    width: 868px;
    margin: 0 auto;
}


/* header */
h1{
    background-image: url("../images/harris_logo.png");
    background-repeat: no-repeat;
    min-height: 140px;
    margin-bottom: 0em;
    text-indent: -999em;
}
h2#design{
    /* accessibility purposes */
    position: absolute;	
    text-indent: -999em;
    z-index: -10;	/* make it disappear on chrome/IE */
}
h2#about{
    background-image: url("../images/about.png");
    background-repeat: no-repeat;
    min-height: 53px;
    text-indent: -999em;
    margin: 0em;
}
h2#projects{
    background-image: url("../images/projects.png");
    background-repeat: no-repeat;
    min-height: 53px;
    text-indent: -999em;
    margin: 0em;
}

/* content */
div.content{
    float:left;
    padding: 0em;
    margin: 0em;
/* height: 650px; */
    

}
div.left-panel{
    display: block;
    width: 585px;
    float: left;
}

div.right-panel{
    display: block;
    width: 270px;
    padding-left: 1em;
    float: left;
}
div#shadow-cloak{
    background-color: #000000;
    opacity: 0.8;
    position:absolute;
    z-index: 10;
    top:0em;
    left:0em;
    width: 1em;
    height: 1000px;
    overflow: hidden;
}
div#photo_container{
    position:absolute;
    margin: 0 auto;
    z-index:11;
}
div#photo-frame{	
    width: 540px;
    height: 495px;
    padding-top: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 0.5em;
    position: relative;
    background-color: #e6e7e8;
    overflow: hidden;
}
div#photo-frame img.portfolio-photo{
    width: 540px;
}
div#photo-frame ul.photo-frame-list{
    position:relative;
    width: 999em;
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
    word-spacing: -1em;
}
div#photo-frame ul.photo-frame-list li{
    width: 540px;
    margin: 0px;
    padding-left: 0em;
    padding-right: 2em;
    display: inline;
    float:left;
    word-spacing: normal;
}
div#photo-frame .arrows{
    position: absolute;
    top: 220px;
    z-index: 12;
    opacity: 0.7;
    width: 50px;
    height: 50px;
}
div#photo-frame .close{
    position: absolute;
    border-width: 0px;
    width: 50px;
    height: 50px;
    bottom: 1em;
    right: 2em;
    z-index: 12;
}
div#photo-frame .left{
    left: 0.5em;
}
div#photo-frame .right{
    right: 0.5em;
}

div.box{
    border: 1px solid #ccc;
    border-radius: 1em;
    -moz-border-radius: 1em;
    padding: 1em;
    margin-bottom: 1em;	
    position: relative;
}
div.box ul.sliding_design_text {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
    width: 9999em;	
    position: absolute;
}
div.box ul.sliding_design_text li{
    display: inline-block;
    max-width: 557px;
/*	min-height: 360px; */
    vertical-align: top;
}
div.sliding_design_text_wrapper{
position: relative;
    overflow: hidden;
    width: 557px;
    height: 100%;
}
#develop_block li {
 /* override */
    display: list-item;

}
div.box p{
    margin: 0.7em;
    color: #50575F;
}

div#design_box{
    height: 300px; 
}
div#design_box p.strong_p {
    color: #d19d09;    
}
div#design_box ul.menu{
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
}
div#design_box ul.menu li{
    display: inline-block;
}
div#design_box ul.menu li a{
    display: block;	
    background-repeat: no-repeat;	
    width: 145px;
    min-height: 53px;
    text-indent: -999em;
    background-position: right top;
}
div#design_box ul.menu li#menu_design a{
    background-image: url("../images/design.png");	
    width: 72px;
}
div#design_box ul.menu li#menu_develop a{
    background-image: url("../images/develop.png");	
    width: 99px;
}
div#design_box ul.menu li#menu_review a{
    background-image: url("../images/review.png");
    width: 90px;
}
div#design_box ul.menu li#menu_marketing a{
    background-image: url("../images/marketing.png");
    width: 117px;
}
div#design_box ul.menu li a:hover{
    background-position: left top;
    cursor: pointer;
}
div#design_box ul.menu li.menu_current a{
    background-position: left top;
}
div#design_box ul.menu li.menu_current{
    width: 175px;
}

div.design_block{
    display: block;
}

/* project */
div#project_block{
    height: 540px;
}
div#project_block div{
    width: 144px;
    overflow: hidden;
    position:relative;
}
div#project_block div a{
    width: 532px;    
    height: 180px;
    background-image: url('../images/project_arts.png');
    background-repeat: no-repeat;
    text-indent: -999em;
    float: left;
    position: relative;
}
#about_block {
    height: 186px;
}

/* footer */
a:visited{
    color: #6a111c;
}
a:link{
    color: #0a5266;
}
#footer {
    margin-top: 1em;
    float: left;
    font-size: 0.8em;
    width: 100%;
	padding-bottom: 1.5em;
}
.email-spamGuard {
    color: #0a5266;
    cursor: pointer;
    text-decoration: underline;
}
.button {
    border: 1px solid;
    padding: 0.2em;
    font-size: 1.1em;
}
.left {
    float: left;
}
.right {
    float: right;
}
.question {
    font-style: italic;
}
.ul_listing  li {
    color: #50575F;
    
}