/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* 

Put your styles below...
*/



body{
margin: 0;
background-color: #fff;
font-family: Helvetica, Arial, sans-serif;
}

p{

color: #777;
font-size: 0.9em;
line-height:150%;

}

a.email{

color: #666;
font-size: 0.9em;
line-height:150%;
text-decoration: underline;

}


#container{
width: 1070px;
text-align: left;
background-color: #fff;
margin-left: 45px;
color: #333;
}

#maincontent{
width:1070px;
margin-left: auto;
margin-right:auto;
text-align: left;
margin-top: 25px;
}

#wrapper{
margin-top: 27px;
}



#masthead{
margin-left: 105px;
position: relative;
float: left;
}

#media{
float: right;
position: relative;
text-align: right;
padding: 0;
margin:0 auto;
}

#media ul{
list-style:none;
display: inline;
padding: 0;
margin:0 auto;
}

#media li{
display: inline;
list-style:none;
padding: 0;
margin:0 auto;
}

a img { 
border:none 
} /* Gets rid of IE's blue borders */


#icon1
	{ 
	overflow: hidden; 
	display: inline;
	HEIGHT: 21px;
	width: 22px;
	background: url(../images/i1.jpg) center top no-repeat;
	float: right;
	} 
  
#icon1:hover
	{ 
	background-position: bottom left;
	}

	
	
#icon2
	{ 
	overflow: hidden; 
	display: inline;
	HEIGHT: 20px;
	width: 22px;
	background: url(../images/i2.jpg) center top no-repeat;
	float: right;
	} 
 
#icon2:hover
	{ 
	background-position: bottom left;
	}



#nav{
float: left;
position: relative;
margin-right: 40px;


}

#nav li a{
font-size: 11.5px;
color: #bbb;
line-height:200%;
text-align: right;

}

#nav li{

text-align: right;

}
#nav #active a{
color: #777;

}

#nav li a:hover{
	color: #777;
}

.chng li a{
background-image: url("images/i1.jpg");
width:20px;
height: 20px;
}



#display{
float: left;
position: relative;

}

#workframe{
width: 960px;
position:relative;
margin: 0 auto;
}

.caption{
color:#777;
font:Helvetica, Arial, sans-serif;
font-size: 11px;
float: right;

}

gallery_work li div .caption{
font:italic 0.7em/1.4 arial,serif;
}

.slideshow{
height:600px;
background:#fff;
margin: auto;
width: 960px;
}

.bioimg{
padding: 40px 0 0 40px;
height:600px;
margin: auto;
width: 350px;
position: relative;
float: left;
}

.bio{
padding: 40px 0 0 0px;
height:600px;
margin: auto;
width: 400px;
position: relative;
float: left;
}
.work{
position:relative;
float: left;
width: 960px;
}

div.gallery_work{
width: 940px;
height: 50px;
overflow: auto;

}

.gallery_work ul{
width:1500px;
margin: 0;
display: block;
}

div.content a, div.navigation a {
text-decoration:none;
}

a {
color:#FF7700;
}

#img{
width:960px;
height: 600px;
}