body {
	color: #26201A;
	font-family: Arial, Helvetica, sans-serif;
	background: #9D866F;
	margin:0;
	padding:0;
	text-align:center;
	width: 100%;
}
.head {
	color: #DD2703;
	font-size:14pt;
	font-weight: bold;
}
.subhead {
	color: #F35407;
	font-size: 12pt;
}
h1 {
	color: #DD2703;
	font-size: x-large;
	font-weight: bold;
}

h2 {
	color: #F35407;
	font-size: medium;
	font-weight: bold;
}

h3 {
	color: #28211C;
	font-size: medium;
	font-weight: bold;
}

h4 {
	color:#28211C;
	font-weight: bold;
}
.p {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2em;
}

#pagewidth{ 
  	width:778px;  /* When changing this, also change div.content width */
  	text-align:left;  
  	margin-left:auto; 
  	margin-right:auto;
	background: #FFF3D6 url(images/bg.gif) repeat-y;
}
	
#header{
	position:relative;
	height:116px;
	background-color:#FFE5A8;
	background-image: url(images/ines_batllo_header.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top;
	width:100%;
}

#maincol{
	background-color: #FFF3D6;  
 	float: right; 
 	display:inline; 
 	position: relative; 
 	width:606px; /* This must be changed when div.sidebar width is changed */
	margin-bottom: 20px;
 }
 
#leftcol{
 width:172px; 
 float:left; 
 position:relative;
 background: #FFE5A8 url(images/nav_bar.jpg); 
 }
#gallerycol{
	margin-left: 20px;} 
  
#maincol p{margin:1em 3em 2em 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;}
	
p.gallery{margin:1em 3em 2em 2em;
	padding-left: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;}

img.floatRight { 
    float: right;
	margin: 0 2.5em 1em 1em;
}

img.floatLeft { 
    float: left;
	margin: 0 2.5em 1em 0em;
}
 
a:link { color:#DD2703; text-decoration: none; }
a:active { color:#FF2703; text-decoration: underline;}
a:hover { color:#F35407; text-decoration: underline;}
a:visited { color:#F3765D; text-decoration: none;}
a:visited:hover{ color: #F35407; text-decoration: underline;}

#sidebar {
    position: absolute; /* positioning for IE5 et IE5.5 */
	top: 116px;
	float: left;
	padding: 0px 0px 0px 0px;
	border:0px;
}

/* List Item Hover Menu */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

 
div.nav {
	position: relative;
	float: left;
	width: 172px;
	padding: 0px;
}

#nav ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

#nav ul {
position: absolute; /* positioning for IE5 et IE5.5 */
left: 0;
top: 30px;
background: transparent url(images/image.jpg) top left no-repeat; /* general background for the menu */
height: 231px;
width: 172px;
text-align: center;
}

#nav li {
display: inline; /* correction for IE5 et IE5.5 */
}

#nav li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 46px;
width: 172px;
line-height: 46px;  /* height of line to avoid paddings */
text-decoration: none;
}

#nav li a:hover {
color: #26201A;
background: transparent url(images/image.jpg) top left no-repeat;
}

#nav a#home:hover {
background-position: 0% -231px; /* move of background for each button */
}

#nav a#gallery:hover {
background-position: 0% -277px;
}

#nav a#purchase:hover {
background-position: 0% -323px;
}

#nav a#about:hover {
background-position: 0% -369px;
}

#nav a#contact:hover {
background-position: 0% -415px;
}
/***horizcontainer styles***/

#horizcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0px;
background-color: #82705d;
color: #fff3d6;
float: left;
text-align: center;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: .94em;
font-variant: small-caps;
letter-spacing: 0.1em;
}

#horizcontainer ul li { display: inline; }

#horizcontainer ul li a
{
padding: 0.25em;
color: #fff3d6;
text-decoration: none;
float: left;
border-right: 1px solid #DD2703;
border-bottom: 1px solid #DD2703;
}

#horizcontainer ul li a:hover
{
background-color: #DD2703;
color: #FFE5A8;
font-weight: bold;
}
/***footer styles***/
#footercontainer{
	background-color:#FFE5A8;	
	background-image:  url(images/bottom_bg.gif);
	position: relative;
	clear:both;
	height: 20px;
	}

#footerNav{
	height: auto;
	display: inline;
	text-align: right;
	position: relative;
	clear:left;
	padding-top: 5px;
	color: #26201A;
	letter-spacing: 0.1em;
 }
 
#footer{
	height: auto;
	width: 100%;
	display: inline;
	position: absolute;
    bottom: 0;
	color: #FFE5A8;
	clear:both;
	padding-left: 75px;
	padding-bottom: 3px;
	font-size: x-small;
 }
 
a.footer:link { color:#FFF3D6; text-decoration: none;}
a.footer:active { color:#FFE5A8; text-decoration: none;}
a.footer:hover { color:#FFE5A8; text-decoration: none;}
a.footer:visited { color:#F6B262; text-decoration: none;}

a.footerNav:link { color:#DD2703; text-decoration: none;}
a.footerNav:active { color:#DD2703; text-decoration: none;}
a.footerNav:hover { color:#F35407; text-decoration: none;}
a.footerNav:visited { color:#FFE5A8; text-decoration: none;}

.horiz {
	width: 80%;
	margin: 2px;
	padding: 0;
	left: 110px;
	position: relative;
	text-align: justify;
	text-decoration: none;
}

.horiz ul { margin: 0; padding: 0;}

.horiz li { display: inline; 
	margin: 0;
	padding-top: 0;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-weight: bold;
	list-style: disc;
	font-size: 14px;
}

div.horiz a:hover {
	color: #F35407;
	text-decoration: none;
	background-color: #FFF3D6;
} 

p.imageText {
font-size: small;
margin-top: 10px;}



/******gallery styles*****/
.artnav{
	background-color: #FFE5A8;
	width: 90%;
	height: 20px;
	}
.navigation{
	background-color: #FFE5A8;
	/*******font-size:0.9em;*******/
	font-weight:bold;
}
.numbernav{
	background-color: #FFE5A8;
	/***added this instead of font-size in .navigation****/font-size:0.8em;
	height: 20px;
	float: left;
	padding: 4px;
	border: thin solid #DD2703;
}
.numbernavsmall{
	background-color: #FFE5A8;
	/***added this instead of font-size in .navigation****/font-size:0.7em;
	height: 20px;
	float: left;
	padding: 4px;
	border: thin solid #DD2703;
	}
.pagenav{
	background-color: #FFE5A8;
	/***added this instead of font-size in .navigation****/font-size:0.8em;
	height: 20px;
	float: right;
	padding: 4px;
	border: thin solid #DD2703;
	margin-right: 58px;
}
.pagenavsmall{
	background-color: #FFE5A8;
	/***added this instead of font-size in .navigation****/font-size:0.7em;
	height: 20px;
	float: right;
	padding: 4px;
	border: thin solid #DD2703;
	margin-right: 58px;
	}
.thumbnail{
	font-size:0.9em;
}

#content {
	width:90%;
	font-size:9px;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#title {
	width:90%;
	color: #F35407;
	font-size: 14px;
	font-weight: bold;
	font-family:verdana, arial, helvetica;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#description {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#medium {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#size {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#framedsize {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#price {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#prints {
	width:90%;
	font-size:9px;
	font-weight:bold;
	font-family:verdana, arial, helvetica;
	color: #333333;
	border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}

#content .header{
	font-size:9px;
	font-weight:bold;
	color: #333333;
}

#contentLast {
	width:90%;
	font-size:9px;
	font-family:verdana, arial, helvetica;
	color: #333333;
	padding-top:6px;
}

#contentLast .header{
	font-size:9px;
	font-weight:bold;
	color: #333333;
}


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}