/*  
author: aya padron
author URI: http://underthesugar.com/
*/

/*-------------------------------------------------------TYPOGRAPHY & COLORS*/

body 
{
font-family: Arial, Verdana, Geneva, Sans-serif;
font-size: 11px;
color: #666666;
background-color: white;
background-image: none;
text-transform: lowercase;
} 

body a {outline: none;}

li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-position: inside;
line-height: 100%;
list-style-image: url(../images/list_item.jpg);
}

table 
{
margin-left: auto;
margin-right: auto;
}

img
{
border: none;
}

h1 
{
font-family: "Century Gothic", Arial, Sans-serif;
font-size: 14px;
color: #CC9966; 
text-transform: lowercase;
letter-spacing: 3px;
font-weight: normal;
}

 h1.structure {height: 0; padding: 0; margin: 0; text-indent: -9999px;}

p
{
font-family: Arial, Verdana, Geneva, Sans-serif;
font-size: 11px;
color: #666666;
text-align: justify;
}

.clearboth 
{ 
clear: both; 
}

.clearright 
{ 
clear: right; 
}

/*----------------------------------------------------------------------SPANS*/
 span.float
 {
 float: right;
 font-size: 11px;
 padding: 0;
 margin: 0 5px;
  display: inline;
 }
 
 span.right
 {
 text-align: right;
 font-size: 11px;
 padding: 0 8px;
 }
 
 span.price
 {
 color: #CC9966;
 float: right;
 font-size: 11px;
 padding: 0;
 }
 
  span.color
 {
 color: #CC9966;
 font-size: 11px;
 padding: 0;
 display: inline;
 }
 
 span.center
 {
 text-align: center;
 }
 
 span.cap
 {text-transform: none;}


/*-----------------------------------------------------------------CONTAINERS*/
 #container
 {
 width: 900px;
 margin: auto;
 background-color: #fff;
 color: #666666;
 }

#simpleviewer
{
margin: auto;
width: 800px;
text-align: center;

}

 #blogrollbox
 {
 width: 300px;
 margin: 0;
 padding: 10px;
 }
  
 /*---------------------------------------------------------------------ABOUT*/

 #aboutphoto {width: 640px; height: 480px; float: left; background: url(/images/about.jpg);
 	margin: 15px auto; padding: 0; position: relative;}
 #aboutphoto li {margin: 0; padding: 0; list-style: none; position: absolute; 
    top: 0; display: block;}
 #aboutphoto a {display: block;}
 	#argus {left: 107px; width: 247px; z-index: 1}
  		#argus a {height: 157px; margin-top: 20px;}	
  	#holga {left: 318px; width: 227px; z-index: 1}
  		#holga a {height: 168px; margin-top: 40px;}
  	#smena {left: 142px; width: 219px;}
  		#smena a {height: 157px; margin-top: 143px; }
  	#olympus {left: 333px; width: 261px;}
  		#olympus a {height: 245px; margin-top: 208px;}
  		
    #argus a:hover {
    background: transparent url(/images/about.jpg)
    -107px -500px no-repeat;}
    #holga a:hover {
    background: transparent url(/images/about.jpg)
    -318px -520px no-repeat;}
    #smena a:hover {
    background: transparent url(/images/about.jpg)
    -142px -623px no-repeat;}
    #olympus a:hover {
    background: transparent url(/images/about.jpg)
    -333px -688px no-repeat;}
 
 #padron {width: 240px; margin: 25px 0 15px 660px; padding: 0 5px; 
 	border-left: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC;}
 #padron p {text-align: justify;}
  
 /*------------------------------------------------------------LINKS ARE HERE*/
 a:link
 { 
 color: #CC9966;
 text-decoration: none;
 }
 a:visited
 {
 color: #CC9966;
 text-decoration: none;
 }
 a:hover
 {
 color: #FFCC99;
 text-decoration: none;
 }

/*---------------------------------------------------PHOTOGRAPHY PHP IMAGES*/

 .imagecell
 {
 width: 250px;
 float: left;
 padding: 0 5px 0 5px;
 margin: 100px 18px 100px 18px;
 border-left: 2px solid #CCCCCC;
 border-right: 2px solid #CCCCCC;
 }
 
 #arrow {
 width: 60px;
 height: 75px;
 float: left;
 background: url(/images/arrow.gif);
 margin: 0px auto; padding: 0;
 position: relative;
 }
  #arrow a {height: 75px; display: block;}
  #arrow a:hover {background: transparent url(/images/arrow.gif)
    -60px 0px no-repeat;}


/*--------------------------------------------------------------------NAV*/

#menu_grid
{
	width: 900px; 
	height: 80px;
    background: url(/images/menu_grid.gif);
    margin: 10px auto; padding: 0;
    position: relative;
    }
  #menu_grid li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
    height: 80px;
    display: block;}
    
     #menu_grid a 
  {
    height: 30px;
    margin-top: 30px;
    display: block;
    outline: none;}
    
  #menu_home {left: 54px; width: 282px;}
  #menu_home a {height: 80px; margin-top: 10px; display: block;} 
  #menu_photography {left: 462px; width: 135px;}
  		#photography_home {left: 462px; width: 135px;}
  		#photography_home a {background: transparent url(/images/menu_grid.gif)
    	-462px -80px no-repeat;}
  #menu_shop {left: 619px; width: 57px;}
  		#shop_home {left: 619px; width: 57px;}
  		#shop_home a {background: transparent url(/images/menu_grid.gif)
    	-619px -80px no-repeat;}
  #menu_about {left: 698px; width: 68px;}
      	#about_home {left: 698px; width: 68px;}
      	#about_home a {background: url(/images/menu_grid.gif)
    	-698px -80px no-repeat;}
  #menu_blog {left: 788px; width: 54px;}

     
    #menu_home a:hover {
    background: transparent url(/images/menu_grid.gif)
    -54px -80px no-repeat;}

    #menu_photography a:hover {
    background: transparent url(/images/menu_grid.gif)
    -462px -80px no-repeat;}

  	#menu_shop a:hover {
    background: transparent url(/images/menu_grid.gif)
    -619px -80px no-repeat;}
    
  	#menu_about a:hover {
    background: transparent url(/images/menu_grid.gif)
    -698px -80px no-repeat;}

  	#menu_blog a:hover {
    background: transparent url(/images/menu_grid.gif)
    -788px -80px no-repeat;}


/*----------------------------------------------------------------INDEX BANNER*/

#indexbanner
{
	width: 900px; 
	height: 524px;
    background: url(/images/shopbanner.jpg);
    margin: auto; padding: 0;
    position: relative;
    }



/*------------------------------------------------------------------------SHOP*/

#shop_sidebar {width: 150px; float: right; margin: auto; margin-top: 10px; padding: 0; border: 1px solid #ccc;}
.shopnav {width: 150px; margin: auto; padding: 10px 0; text-align: center;}
.shopnav_title {width: 150px; height: 15px; background: #E6E3E3; margin: auto; padding: 0; clear: both;
 text-align: right;}
.shopnav_title h1 {font-size: 12px; line-height: 15px; display: inline; padding: 0 5px;}
.shopnav p {margin: 0; padding: 0; text-transform: none; text-align: center; font-size: 11px; line-height: 11px;}
.shopnav li {list-style: none; text-align: center; margin: 0; padding: 2px;}
.shopnav ul {padding: 0; margin: auto; text-align: center;}
.cartbuttons_box {width: 142px; margin: auto; padding: 0;}
.cartbuttons_box a {float: left; padding: 0 2px 10px 2px;}
 
 .shopFAQ {width: 210px; margin: auto; float: left; padding: 0 10px 0 10px;}
 .shopFAQ p {text-align: left;}




   #shopheader
 {
 width: 900px;
 height: 18px;
 margin: auto;
 padding: 0;
 background: url(/images/shop_nav.gif);
 position: relative;
 }
   #shopheader li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
    height: 18px;
    display: block;}
    
        #shopheader a 
  {
    height: 18px;
    display: block;
    outline: none;
    }
    #continue_shopping {left: 402px; width: 195px;}
    #view_cart {left: 616px; width: 105px;}
    #checkout {left: 740px; width: 104px;}
    
    #continue_shopping a:hover {
    background: transparent url(/images/shop_nav.gif)
    -402px -18px no-repeat;}
    #view_cart a:hover {
    background: transparent url(/images/shop_nav.gif)
    -616px -18px no-repeat;}
    #checkout a:hover {
    background: transparent url(/images/shop_nav.gif)
    -740px -18px no-repeat;}
 
 /*----------------------------------*/
 
 #shop_container {width: 860px; margin: auto; padding: 0;}

 #shopbox_test
 {
 width: 690px;
 float: left;
 margin: auto;
 padding-top: 10px;
 background-color: #fff;
 color: #666666;
 }

 
 .shopitem
 {
 float: left;
 width: 200px;
 border: 1px solid #ccc;
 padding: 5px;
 margin: 0 7px 10px 6px;
 }
 
 .shopitem h3
 {
 font-family: Arial, Verdana, Geneva, Sans-serif;
font-size: 11px;
font-weight: bold;
display: inline;
}

 .shopitem img
 {
 padding: 0 0 5px 0;
 }
 
 .shopimage
 {
 width: 500px;
 float: left;
 padding: 0 10px 0 0;
 }
 
 .shoptext
 {
 margin-left: 513px;
 width: 186px;

 }
 
  .shoptext p
 {
 text-align: left;
 }
 
  .shoppaging
  {
  text-align: center;
  width: 675px;
  clear: both;
  margin: 0;
  border-bottom: 1px solid #ccc;
  height: 19px;
  }
  
 /*-------------------------------------------------------------HIDDEN PORTLAND*/
 
#portland {

text-transform: none;
width: 500px;
margin: auto;
padding: 0 10px;
border-left: 1px solid #DCD9D9;
border-right: 1px solid #DCD9D9;
} 

hr { 
display: block;
background: url(/images/flourish.jpg) no-repeat 0 0;
text-align: center;
height: 30px;
width: 144px;
margin: auto;
border: none;
}


#portland p {
margin: auto;
padding: 10px 0;
font-size: 13px;
font-family: "Garamond", Serif;
}

#portland h2 {
font-family: "Century Gothic", Arial, Sans-serif;
color: #7A1616;
padding: 10px 0 0 0;
margin: 0;
font-size: 12px;
font-weight: normal;

} 

#portland h3 {
font-family: "Century Gothic", Arial, Sans-serif;
color: #E28F8F;
padding: 0x;
margin: 0;
font-size: 11px;
font-weight: normal;
font-style: italic;
} 
 #portland a
 { 
 color: #E28F8F;
 text-decoration: none;
 }
 
 #portland img {
 padding: 15px 0;
 display: block;
 }


	


/*-----------------------------------------------------------------------FOOTERS*/
#copyright
{
 width: 900px;
 height: 20px;
 margin: 20px 0 20px 0;
 padding: 40px 0 10px 0;
 clear: both;
 border: none;
 text-align: center;
 font-size: 8px;
 color: #CCCCCC;
 }