@charset "UTF-8";
/* CSS Document */
/* DESIGNED BY JEFF KLEIN @ http://k-theory.com */






body{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#959595;
vertical-align:top;
margin: 0 auto;
padding: 0;
text-align: center;
padding-bottom:30px;
}

a {
border:none;
text-decoration:none;
}

img {
border:none;
}

table {
padding:0;
margin:0;
border:0;
border-collapse: collapse;
border-spacing: 0;
}

div {
padding:0px;
margin:0px;
}

#wrapper{
width:900px;
margin: auto;
background-color:#FFFFFF;
border:#CCCCCC solid 6px;

}

ol,ul {
	list-style: none;
	margin:0px;
	padding:0;
	line-height:0px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#ff6511;
vertical-align:text-top;
padding-top:0px;

}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#959595;
vertical-align:text-top;
padding-top:0px;
padding-bottom:3px;
text-transform:uppercase;
margin:0;
}



/* HEADER */
#header {
background: url('../images/header.jpg');
vertical-align:top;
width:900px;
height:160px;

}

#header .link {
margin:0;
position:relative;
top:70px;
}

#header a {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration:none;
line-height:15px;
}

#header a:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#header, p, td {
vertical-align:top;
}


/* MIDDLE AREA */

#middle {
vertical-align:top;

}

#middle .nav {
vertical-align:top;
float:right;
}

#NAV {
padding-top:8px;
}

/* MAIN CONTENT AREA */
#main {
vertical-align:top;
float:left;
color:#959595;


}

#main p {
padding-right:40px;

}



/* FOOTER */

#footer {
background: url('../images/footer.jpg') no-repeat top left;
color:#FFFFFF;
font-size:9px;
}

#footer a {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration:none;

}

#footer a:hover {
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#footer .address {
color:#666666;
font-size: 9px;
text-decoration:none;
line-height:15px;
background-color:#FFFFFF;
width: 250px;

}



#video {
background-color:#FFFFFF;
}


/* WORK  */

#work {
vertical-align:top;
top:0;
text-align: left;
}

#work h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#ff6511;
vertical-align:text-top;
padding-top:0px;

}

#work p{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#959595;
vertical-align:top;
line-height:18px;
padding-right: 40px;
}

#work .clients{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
list-style: none;
color: #acacac;vertical-align:top;
line-height:18px;
text-align:right
}

#work img{
padding:2px;
}

#aboutthumb img{
padding:2px;
}


.thumb{
border:none;
vertical-align:middle;
padding-top:4px;
}


.thumb:hover {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
overflow:hidden;
}

#work a{
color:#ff6511;
background-color:#fff9f6;
}

#work a:hover{
color:#fff9f6;
background-color:#ff8a4a;
}




h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
vertical-align:text-top;
text-transform:uppercase;
display:inline;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
vertical-align:text-top;
text-transform:uppercase;
display:inline;
color:#ff8c4e;
}


#contact {
text-align:left;
}

li {
padding:0;
margin:0;
}

#contact li {
padding:0px;
padding-top:10px;
margin:0px;
list-style:none;
line-height:normal;
overflow:hidden;
}

#contact ul {
padding:0px;
padding-bottom:10px;
margin:0px;
list-style:none;
overflow:hidden;
}

#contact p {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#959595;
vertical-align:top;
line-height:18px;
padding-right:10px;
padding-left:5px;
}

.flip:hover {
background-color:#ffdcc8;
}

.flip {
background-color:#fe9b62;
text-transform: uppercase;
color:#FFFFFF;
font-weight: bold;
font-size: 1em;
padding-bottom:3px;
padding-top:3px;
padding-left:4px;
padding-right:5px;
text-decoration:none;
}



.basicNav {
color:#fe9b62;
text-transform:uppercase;
background-color:#fff9f6;
}

.basicNav:hover {
color:#ffdcc8;
background-color:#FFFFFF;
}

iframe {
border:#CCCCCC 1px solid;
}


/* WORK POP UPS */

#workPopUp {
padding:10px;
}

#workPopUp .leftCol {
vertical-align:top;
width:205px;
padding-right:5px;
padding-left:15px;
}

#workPopUp .rightCol {
width:460px;
padding-left:20px;
}

#workPopUp p{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#959595;
text-align:right;
vertical-align:top;
line-height:14px;
}


#workPopUp h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:#ff6511;
padding-top:10px;
vertical-align:top;
text-align:right
}

#work h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

.pdf{
color: #ff8a4a;
background-color:#fff9f6;
}

.pdf:hover {
color:#fff9f6;
background-color:#ff8a4a;
}

/* --------------   BIO PAGES  ----------------    */

body#bios {
background-color:#252525;
margin:0;
text-align:left;
}


#bios img {
padding-left:20px;
padding-top:8px;
}

#bios p {
padding-left:20px;
line-height:18px;
text-align:left;
padding-right:30px;
}

#bios h1 {
padding-left:20px;
text-align:left;
}

#bios h2  {
padding-left:20px;
text-align:left;
font-weight: normal;
color:#ff8a4a;
display:inline;
}

#bios li {
padding-left:20px;
padding-bottom:10px;
}