@charset "UTF-8";
/* binkley.css */

html, body, div, h1, h2, h3, h4{
	border: 0; margin: 0;
}


.clear { clear: both; }

body {
	background-color: #FFF;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	/*font-family: 'SansumiRegular', "Myriad Pro", Helvetica, Arial, sans-serif;*/
}



h1, h2, h3, h4, h5, h6 {
color: #505050;
font-family: 'Helvetica Neue', "Myriad Pro", Helvetica, Arial, sans-serif
/*font-family: 'MerriweatherRegular', "Myriad Pro", Helvetica, Arial, sans-serif;;*/
}

h2 {
padding-left: 5px;
}

h4 a {
text-decoration: none;
color: gray;
}


#container {
	background: url(images/background.png) no-repeat;
	/*border: solid red 1px;*/
	margin: 5px;
	padding: 0 10px;
	/*height: 2000px;*/
	width: 1075px;
	overflow: hidden;
}
#header {
	margin: 5px 47px 4px 95px;
	position: relative;
	overflow: hidden;
	
}

img {
border: none;
}

p a {
text-decoration: none;
color: #7c7c7c;
}

#header h1 {
	margin: 0; padding: 0;
	/*border: solid red 1px;*/
	width: 300px;
	float: left;
}

#pageTitle span {
	float: right;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	display: inline-block;
	position: relative;
	left: -90px;
	font-size: 1.4em !important;
	color: #aaa;
	height: 25px;
	padding: 40px 0 0 0;
}

#navbar {
height: 30px;
width: 770px;
margin-right: 25px;
float: right;
margin-top: 5px;
clear: both;
}

#contentbox {
	width: 780px;
	height: 270px;
	background: url('images/splashbg.jpg') no-repeat;
	position: relative;
}

.mainimage_box {
	position: absolute;
	top: 28px;
	left: 60px;
	
}

#introbox {
	width: 774px;
	height:260px;
	background-color: #acacac;
	color: white;
	/*margin-left: 8px;*/
}

#introbox p {
padding: 5px;
text-shadow: 0px 1px 1px #000;
text-rendering: optimizelegibility;

}

#mainbox {
	width: 774px;
	margin: 6px 50px 0px 130px;
	
	/*float: right;*/
	/*border: red solid 1px;*/
}

#linksmb #mainbox {
background-color: #ddd;
}

#linksmb h3, p {
padding-left: 5px;
}


#mainbox li {
margin-left: 10px;
padding-left: 3px;
}

.italybox {
	width: 774px;
	margin: 6px 50px 0px 130px;
	background-color: #ddd;
}

.italybox p {
padding: 5px;

}

.italybox li {
margin-left: 10px;
padding-left: 3px;
}

/* gallery divs on portfolio & the artist pages */

#mainbox div {
	float: left;	
}

#one {
	height: 215px;
	width: 511px;
	}
	
#two {/*figurative*/
	height: 215px;
	width: 248px;
	float: right;
	padding-left: 15px;
	}

#three { /*wildlife*/
	height: 215px;
	width: 248px;
	clear: left;
	padding-top: 15px;
	}
	
#four {/*abstracts*/
	height: 215px;
	width: 248px;
	padding-left: 15px;
	padding-top: 15px;
	}
	
#five {/*recent commissions*/
	height: 215px;
	width: 248px;
	padding-top: 15px;
	padding-left: 15px;
	}

#six {/*empty div*/
	height: 215px;
	width: 248px;
	clear: left;
	padding-top: 15px;
	/*border: solid red 1px;*/
	}

#seven {/*drawingsandpaintings*/
	height: 215px;
	width: 511px;
	float: left;
	padding-top: 15px;
	padding-left: 13px;
	}
	
	
/* commission a sculpture page*/	
	
	.comm_image {
	height: 236px;
	width: 770px;
	}
	
	.comm_text {
	width: 768px;
	border: solid gray 1px;
	border-top: none;
	background-color: #ddd;
	}
	
	.comm_text p {
	padding: 5px;
	}
	
	/* shows & news page*/	
	
	.shows
	 {
	width: 770px;
	border: solid gray 1px;
	margin-bottom: 5px;
	background-color: #ddd;
	}
	
	.showpic{
	height: 230px;
	width: 230px;
	margin: 5px;
	}
	
	
	
	
	.showpicwide{
	height: 230px;
	width: 460px;
	margin: 5px;
	float: left;
	}
	
	.showpicnext img {
	float: right;
	margin: 5px;
	}

	
	.shows h3  {
	padding: 5px;
	}
	
	.shows p {
	padding: 5px;
	}
	
	.shows a {
	text-decoration: none;
	color: gray;
	}
	
		/*italy page*/	
	
	.italyone {
		width: 770px;
		margin-bottom: 5px;
		float:right;
	}
	.italyone .showpic {
		float:left;
	}
	
	.italysecond {
	width: 500px;
	height: 100px;
	margin-bottom: 5px;
	float: left;
	
	}
	.italythird {
	width: 268px;
	height: 400px;
	margin-bottom: 5px;
	float: right;
	}
	
	.italythird img {
	float:right;
	padding: 5px;
	}
	
	.italyfourth {
	width: 498px;
	min-height: 293px;
	margin-bottom: 5px;
	clear: left;
	}
	
	.italyfourth img {
	float: right;
	}
	.italyfive {
		width: 770px;
		margin-bottom: 5px;
		float:right;
	}
	
	.italyfive .showpic {
		float:left;
		
	}
	
	.italysix{
	width: 500px;
	height: 100px;
	margin-bottom: 5px;
	float: left;
	}
	
	.italyseven {
	width: 268px;
	height: 400px;
	float: right;
	}
	
	.italyseven img {
	float:right;
	padding: 5px;
	}
	
	.italyeight {
	width: 498px;
	min-height: 293px;
	margin-bottom: 5px;
	float: left;
	}
	
	.italyeight img {
	float: right;
	}
	
	.italynine {
	width: 770px;
	height: 245px;
	/*border: solid red 1px;*/
	}
	
	/* video page*/
	
	#firstvideo{
	height: 120px;
	width: 600px;
	background-color: #ddd;
	margin-top: 20px;
	}
	
	#firstvideo p {
	padding: 5px;
	
	}
	
	
	#videobox {
	border: gray 1px solid;
	height: 450px;
	width: 600px;
	}
	
	
	/* bio page*/
	
	#biofirst {
	width: 770px;
	background-color: #ddd;
	}
	
	
	.biotwo {
	float: left;
	}
	.biotwo img {
	margin-top: -12px;
	margin-right: 5px;
	}
	
	
	.biotext{
	padding: 5px;
	}
	
	#biomiddle {
	width: 768px;
	/*margin-left: 150px;*/
	/*height: 1000px;*/
	border: gray solid 1px;
	}
	
	#biomiddle a {
	color: gray;
	}
	
	#biolast {
	width: 770px;
	background-color: #ddd;
	}
	
	
	
	/* start to finish page*/
	.project {
	height: 200px;
	width: 380px;
	border: solid 1px red;
	}
	

	
/* footer*/
	
#footer {
	height: 20px;
	width: 774px;
	background-color: #ddd;
	padding-bottom: 6px;
	clear: both;
	float: right;
	margin: 20px 172px 0px 0px;
}

#footer .menu li {
	font-size: 9px;
	}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:"myriad pro",geneva,arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:8e8e8e;
	}
.menu ul{
	background:url(images/menu-bg.gif) top left repeat-x;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	
.menu li{
		float:left;
		padding:0px 8px 0px 0px;
		}

.menu li {

	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	position: relative;
}
		

		
.menu li a{
	color:#666666;
	display:block;
	font-weight:bold;
	line-height:25px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	border: 0;
	}
	
.menu li a.current {
	color: #ed1c24;
}


.menu li a:hover{
	color:#000000;
	text-decoration:none;
	border: 0;
}

/* nav menu*/

#nav {
	font-family:"myriad pro",geneva,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:8e8e8e;
	position:relative;
	z-index:100;
	margin: 10px 0 0 130px !important;
	padding: 0;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	text-decoration: none;
	color: #666;
}
#nav a.current {
	color: #ed1c24;
}
#nav li {
	float: left;
	padding: 3px 0;
	margin: 0 42px 0 0;
}
#nav li:hover {
	background: #eee;
}
#nav li ul {
	position: absolute;
	width: 140px;
	left: -999em;
	background: #fff;
}
#nav li ul li {
	width: 120px;
	padding: 7px 10px;
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {
	margin: -19px 0 0 130px;
	width: 200px;
}
#nav li ul li ul li {
	width: 180px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
	
	
/*CONTACT FORM*/


#contact_form p img {
padding-left: 310px;
}


#contact_form {
	width: 385px;
	height: 500px;
	background-color: #ddd;
	}
	
#contact_info {
	width: 385px;
	height: 498px;
	border: solid 1px gray;
	
	}
	
	#contact_info p {
	padding-left:10px;
	}
	
	#contact_form p {
	padding-left: 10px;
	}

#contactForm textarea {
	width: 300px;
	height: 100px;
	margin:  5px 0 5px 10px;
	padding: 0 0 0 5px;
}

#contactForm input {
	padding: 5px 0 0 50px;
	margin: 0 0 10px 10px;
}

#contactForm label {
	color: black;
	padding: 5px 0 0 10px;
	
}



#phone{
width: 385px;
height: 80px;
border-bottom: solid gray 1px;
}

#phone h3 {
padding-left: 15px;
}
#phone h3 img {
padding: 20px 20px 0 20px;
}

#address{
width: 385px;
height: 100px;
border-bottom: solid gray 1px;
}

#address  img {
padding: 15px 0 0 20px;
}

#street {
margin: -40px 0 0 150px;
/*border: red solid 1px;*/
clear: right;

}

#envelope img{
padding-left: 35px;
float: left;
}


#sm {
width: 385px;
height: 140px;
border-bottom: solid gray 1px;
}

#sm img {
padding: 20px 0 0 35px;
}
#sm .network img{
padding-left: 20px;
}


#email {
width: 385px;
height: 140px;

}

#email p {
padding: 5px 0 0 25px;
}

#email p img{
padding: 0;
}


/*LINKS PAGE*/
.linksback h4{
margin-left: 820px;

}

#linkspage a {
text-decoration: none;
color: gray;
}