@charset "utf-8";
/* CSS Document */

body {
background:url(../graphics/tileBack.jpg) repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

/*#logoLink { 
width: 405px;
height:42px;
margin:0;
text-indent: -9999px;
}*/

img {
border-style:none;
}

h5 {
font-size:11px;
line-height:1em;
margin:0;
padding:0;
}

p {
margin:0 0 10px 0;
padding: 0;
}

a {
color:#916B55;
text-decoration:underline;
}

#blackHeader{
background: url(../graphics/blackHeaderBar.gif) repeat-x;
width:100%;
height:55px;
}

#header {
width: 942px;
background:url(../graphics/benitoLogo.gif) no-repeat;
margin: 0 auto;
height:55px;
}

.logo {
margin-left: 15px;
}

#nav{
float:left;
color: white;
margin:18px 0 0 424px;
}

#nav a {
font-size:11px;
color: white;
text-decoration:none;
}

#breadcrumb {
margin-bottom:25px;
}

#breadcrumb h1 {
padding:0;
margin:0;
font-size:12px;
font-weight:normal;
display:inline;
color:#666666;
}

#nav ul{
	padding-left:10px;
	list-style:none;
	width: 200px;
	float:left;
	text-decoration:none;
}

#icons{
float:right;
width:100px;
margin-top:12px;
}

#icons ul{
	margin:0;
	list-style:none;
	width: 100px;
	float:left;
	text-decoration:none;
	padding:0;
}

#icons ul li {
	float:left; padding-right:7px;text-align:center;;
}
#icons ul a {
	display:block;
	text-decoration:none;
}

#content{
clear:both;
margin:0 auto;
height:800px;
background:url(../graphics/secondaryBack.jpg) no-repeat top center;

}

#mainContent{
width:970px;
margin: 0 auto;
}


#leftContent {
float:left;
width:584px;
margin: 274px 0 0 0;
padding: 0  10px 20px 56px;
}


#gallery{
float:left;
width:900px;
margin: 274px 0 0 0;
padding: 0  10px 20px 66px;

}


#illGal{
float:left;
width:440px;
margin:0;
padding:0;

}


#seqGal{
float:right;
width:440px;
margin:0;
padding:0;
}

#mainImage{
float:left;
width:885px;
float:left;
}

#mainImage img{
border: 2px solid #333333;
 display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:20px;
}

#pictureNav{
margin: 0 auto;
text-align:center;
vertical-align:middle;
width:325px;
}

#pictureNav img{
border:1px solid #333333;
}

.back {
display:inline;
padding:5px;
margin:0 7px 0 0;

}

.forward {
display:inline;
padding:5px;
margin:0 0 0 7px;
}

#pictureNav a {
color: black;
font-weight:bold;
font-size:11px;
}



#galleryMain{
float:left;
background:url(../graphics/benitoGallegoGallery.png) no-repeat;
width:400px;
margin:0 0 10px 10px;
padding:35px 0 0 6px;
}

.indexImage{
margin: 0 0 6px 0;
}

.indexImage img{
border: 1px solid black;
}


#leftDetails{
float:left;
width:400px;
margin-left:60px;
}

#rightDetails {
float:right;
width:350px;
margin:0 60px 0 0;
padding:0;
}

#rightContent{
float: right;
width:320px;
margin: 274px 0 0 0;
}

#news{
font-size:12px;
margin:100px 0 20px 20px;
}

.newsArticle{
margin-bottom:10px;
}



#aboutBenitoMain {
background:url(../graphics/aboutBenito.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:35px 0 0 6px;
}

#aboutBenito {
background:url(../graphics/aboutBenitoHeader.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:45px 0 0 6px;
}

#secondaryGallery {
background:url(../graphics/secondary_galleryHeader.jpg) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:35px 0 0 6px;
}

#otherLinks{
background: url(../graphics/otherLinksHeader.gif) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:45px 0 0 6px;
}

#contactBenitoMain {
background:url(../graphics/contactBenito.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:35px 0 0 6px;
}


#contactInfo{
background: url(../graphics/contactInfoHeader.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:45px 0 0 6px;
}

#commissionInfoMain {
background:url(../graphics/commissionInformation.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:22px 0 0 6px;
}

#otherLinks ul {
padding: 0;
margin:0;
list-style:none;
}

#otherLinks ul li{
margin-top:5px;
}

#commissionGallery {
background: url(../graphics/commissionGalleryHeader.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:35px 0 0 6px;
}

#commissionGallerySub {
background: url(../graphics/commissionGalleryHeader.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:35px 0 0 6px;
}

#commissionInfo {
background: url(../graphics/commissionInfoHeader.png) no-repeat;
font-size:12px;
margin:0 0 20px 13px;
padding:45px 0 0 6px;
}


#footer {

font-size:11px;
padding:20px 0 0 15px;
width:942px;
clear:both;
background:url(../graphics/footerBack.gif) no-repeat;
height: 56px;
margin:0 0 0 45px;
}
#footerLinks {
float:left;
width:500px;
}


#icons2{
float:right;
width:220px;
margin:-10px 0 0 0;
padding:0;
}

#icons2 ul{
	margin:0;
	list-style:none;
	width: 150px;
	float:left;
	text-decoration:none;
}

#icons2 ul li {
	float:left; padding-left:5px; padding-right:5px;text-align:center; padding-top:7px;
}
#icons2 ul a {
	display:block;
	text-decoration:none;
}

fieldset{
margin: .5em 0;
padding: 12px;
border:1px solid #DFD3C7;
background: #f8f8f8;
color:#666666;
}

legend {
font-weight: bold;
}

label {
display:block;
font-weight:bold;
color:#666666;
}
input {
width:200px;
}

.checkbox{
width:15px;
margin:0;
padding:0;
}

.form {
margin: 0 auto;
width:550px;
}

.commissionType{
margin: 12px 0 25px 0;
}

.commissionType h5 {
font-size:18px;
margin:0 0 5px 0;
padding:0;
}

.commissionType h6 {
font-size:16px;
margin:0;
padding:0;
display:inline;
}


.addFigure {
margin:6px 0 1px 0;
}

input.enableSort {
	background-image: url(../graphics/enableSort.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	min-height:20px;
	height:auto !important;
	height:20px;

	width: 70px;
	border: 0px;
	cursor: pointer;
	background-color: #FFF;
	 text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

input.disableSort {
	background-image: url(../graphics/disableSort.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	min-height:20px;
	height:auto !important;
	height:20px;

	width: 70px;
	border: 0px;
	cursor: pointer;
	background-color: #FFF;
	 text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.imageTitle{
font-size:9px;
color:#666666;
text-align:center;
word-wrap: break-word;
width:80px;
margin: 0 0 15px 0;
}

.galleryFieldset{
margin: .5em 0;
padding: 12px;
border:1px solid #C6B09B;
background: #F2EFE4;
color:#666666;
}

#sortOptions {
clear:both;
margin: 0 0 20px 0;

}

#sortOptions ul{
	margin:0 0 0 25px;
	list-style-position: outside;
	list-style-image: url(../graphics/tri.png);
	width: 854px;
	float:left;
	text-decoration:none;
	padding:0;
	text-indent: -8px;
}

#sortOptions ul li {
	width: 140px;float:left; padding:0 47px 6px 0;text-align:left; 
}
#sortOptions ul a {
	display:block;
	text-decoration:underline;
	font-size:10.5px;
}

.galTitle h5 {
font-size:13px;
color:black;
padding:0;
margin:8px 0 15px 0;
}