/* CSS Document */

body {
height: ;

}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCCC99;
font-weight: bold;
float: left;
margin: 8px 0 0 5px;
}

a {
cursor: pointer;
text-decoration: none;
}


#main {
margin-left: 30px;
margin-top: 30px;
width: 1150px;
height: 700px;
position: relative;
}

#left_col {
width: 230px;
float: left;
position: relative;
height: 640px;
}

.logo {
float: right;
margin-right: 20px;
}

.email {
float: right;
margin-top: 7px;
margin-right: 20px;
}

#links {
list-style-type: none;
text-align:right;
margin-top: 87px;
margin-right: 20px;
float: right;
}

li {
padding-bottom: 10px;
}

li a {
font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .05em;
color: #C91613;
font-weight: 300;
}

li a:hover {
color: #CCCCCC;
cursor:pointer;
}

#slideshow_outermost_shell {
width: 900px;
height: 635px;
float: right;
position: relative;
}


#slideshow_outer_shell {
width: 900px;
height: 615px;
float: right;
position: relative;
border: 1px solid black;
overflow: hidden;
}

#portfolios_container {
width: 900px;
height: 615px;
float: right;
position: relative;
}

.portfolios {
width: 430px;
height: 190px;
border: 1px solid #CCCC99;
float: left;
position: relative;
margin: 10px 5px 0px 10px;
}

.slideshows:hover {
background-color: #E0E0E0;
}

.thumbnails {
margin: 5px;
border: 3px solid black;
float: left;
}

#slideshow_container {
width:850px;
height: 690px; 
overflow: hidden;
position: relative;
border: 2px groove #E7E7E7;
padding: 10px 20px 0px 20px;
float: right;
}

#slideshow {
z-index: 0;
visibility: hidden;
margin: 10px auto;
position: relative;
height: 620px;
}

#controls {
width: 104px; 
height: 40px; 
margin: auto;
}

#prev {
float: left; 
padding: 2px 15px 2px 2px;  
cursor:pointer; 
width: 30px; 
height: 36px;
}

#next {
float: right; 
padding: 2px 2px 2px 2px; 
cursor: pointer; 
width: 30px; 
height: 36px;
}

#next:active {
color:#FF0033;
}

#caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCCC99;
font-weight: bold;
float: right;
margin: 8px 30px 0 5px;
font-size: 12px;
}

#pausectrl {
float: left;
width: 12px;
height: 16px;
margin-top: 12px;
}

#footer {
float: right;
width: 900px;
}

#copyright {
width: 200px;
height: 30px;
margin: 10px auto;
font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
color: #CCCC33;
font-weight: 200;
font-size: 11px;
}

#bio {
width: 650px;
float: left;
margin-top: 65px;
margin-left: 65px;
font-size: 13px;
line-height: 150%;
}

#bio_text { 
font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .05em;
color: #333333;
font-weight: 300;
}

.vertical {
margin-left: 239px;
}

.panarama {
margin-top: 155px;
}

#instagram {
margin: 0px 5px 10px 130px;
width: 50px;
height: 50px;
position: absolute;
bottom: 0;
}

#twitter {
margin: 0px 0px 10px 170px;
width: 50px;
height: 50px;
position: absolute;
bottom: 0;
}

#links_box {
width: 875px;
height:800px;
float: left;
margin-top: 102px;
margin-left: 40px;
}

#links_text {
font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .05em;
color: #333;
font-weight: 300;
}

#biopic {
float: right;
width: 160px;
height: 211px;
margin-right:20px;
position: relative;
}