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) no-repeat; 


 }

#gallerycol{

	margin-left: 20px;} 

#newsitelink {

	width:150px;

	font-size:13px;

	font-weight:bold;

	font-family:verdana, arial, helvetica;
	text-align:center;

	color: #333333;
	
	background-color: #f6cc99;

	border:2px dotted #333333;

	margin:10px;
	padding:5px;

}   

#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;

}

#new-link {

	width:90%;

	font-size:14px;

	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;}

}