/* ------------------- General Page Structure --------------------*/

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {
	padding: 0;
	margin: 0;
	}

img, img a {
	border: 0;
	}

body {
  font-size: 70%;

  font-family: Verdana, Monaco, sans-serif;

  line-height: 1.4em;

  color: #666;
   
	background: #9b9b9b url('../images/body_bg.gif') repeat-x top left;
	text-align: center;
	margin: 0px;
	}

#page {
	background: #f9f9f9 url('../images/page_bg.gif') top center repeat-y;
	background-position: right !important;
	text-align: left;
	margin: 0px auto 0px !important;
	padding: 0 !important;
	position: relative;
	width: 785px;
	}

* html #page { width: 770px } /* IE hack */


/* Title of the blog */
#title {
        margin-left: 10px;
        _margin-left: 5px;
	float: left;
	width: 270px;
        border-left: 1px solid #555;
	border-right: 1px solid #555;
	text-indent: -9999px !important;
	}

#title a {
	display: block;
	width: 250px;
	height: 75px;
	line-height: 75px;
	padding: 75px 20px 0px 0px;
	background: transparent url('../images/title.gif') no-repeat 29% 85% !important;
	}

#title a:hover {
	background: #000 url('../images/title.gif') no-repeat 29% 85% !important;
	}
	
#title-andreaarno {
        margin-left: 10px;
        _margin-left: 5px;
	float: left;
	width: 270px;
        border-left: 1px solid #555;
	border-right: 1px solid #555;
	text-indent: -9999px !important;
	}

#title-andreaarno a {
	display: block;
	width: 250px;
	height: 75px;
	line-height: 75px;
	padding: 75px 20px 0px 0px;
	background: transparent url('../images/title-andreaarno.gif') no-repeat 29% 85% !important;
	}

#title-andreaarno a:hover {
	background: #000 url('../images/title-andreaarno.gif') no-repeat 29% 85% !important;
	}


#primary {
	width: 500px;
	float: left;
	padding: 20px 0 10px;
	margin: 0 10px 0 30px;
	display: inline;
	}

#primary_page {
	width: 745px;
	float: left;
	display: inline;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}


/* ------------------- Main Menu in Header --------------------*/

#menu {
        font-size: 1.1em;
        margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: lowercase;
	}

#menu li {
	float: left;
	width: 7em;
	border-right: 1px solid #555;
    wrap: auto;
	}

#menu a {
        font-size: 1em;
	display: block;
	height: 75px;
	width: 7em;
	line-height: 90px;
	line-height: 75px;
	padding: 75px 0 0 0px;
	text-align: center;
	}
	
#header {
	height: 150px;
	width: 785px;
	color: #fff;
	background: #333 url('../images/header_bg.gif') top center repeat-y;
	margin: 0 !important;
	}

#header a {
	color: #fff;
	background: url('../images/menu_hover.gif') top left repeat-x;
        text-decoration: none !important;
	}

#header a:hover {
	background: url('../images/menu_hover.gif') bottom left repeat-x;
	color: #fff;
        text-decoration: none !important;
	}


#header .current_page_item a{
	background: #000 !important;
	}

#header .current_page_item a:hover{
	background: #000 ;
	}

a img,:link img,:visited img { border:none }


/* ------------------- Headings --------------------*/




/* ------------------- General Page Structure --------------------*/





/* ------------------- Primary Content --------------------*/

.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}
	

#left_column {

  float: left;  
  width: 40%;
  margin-right: 4.2%;
  margin-left: 0.8%;
  
}

#right_column {

  float: left;  
  width: 50%;
  
}

/*#right_column { padding-top: 2em; }*/

    #right_column li {
    
      background: url('http://www.arnovillard.com/sub-domains/css-script-images/images/bg_portfolio_img.png') no-repeat;
      
      width: 345px;  height: 270px;
      
    }
    
        #right_column img { 
        
          margin: 13px 0 0 12px;
          
        }
		
		
    .right_column h2 {
	margin-top: -1.9em;
	background: #fff;
	z-index: 1000000;
	float: left;
	line-height: 2.5em;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;

    }
	
	
	
#right_column2 {

  float: left;  
  width: 50%;
  
}

/*#right_column { padding-top: 2em; }*/
/*
    #right_column2 p {
    
      background: url('../images/bg_portfolio_paisagista_img.png') no-repeat;
      
      width: 172px;  height: 172px;
      
    }
 */   
        #right_column2 img { 
        
          margin: 13px 0 0 12px;
          
        }
		
		
    .right_column2 h2 {
	margin-top: -1.9em;
	background: #fff;
	z-index: 1000000;
	float: left;
	line-height: 2.5em;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;

    }



#full_column {

  float: left;   
  width: 94%;
  
}



    #web_team {
	color: #666;
	padding: 1em;
	margin: 2em 0;
	background-color: #eee;
      
    }
    
        #web_team h3 a { text-align: left; text-decoration: none; }
        
       /* #web_team a { display: block; text-align: right; } */




		
.boxed {

  border: 1px solid #ccc;
  
  font-size: 1.0em;

  padding: 1em;

  margin-top: 1em;

  margin-top: 25px;

  z-index: -99999;

}

    .boxed h2 {
	margin-top: -1.9em;
	background: #fff;
	z-index: 1000000;
	float: left;
	line-height: 2.5em;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;

    }

/*
	 .boxed h3 {
	  line-height: 1.5em;
      margin-top: 1.5em;
	  margin-top: 0.5em;
	  background: #fff;
      z-index: 1000000;
      float: left;

    }
*/
   .boxed p { clear: left;  }
    .boxed br { clear: left; font-size: 1px; height: 1px; display: block; }
    .boxed ul { margin-bottom: 0; }
	
	
.urltitle { 
  font-size: 1.0em;
  margin-left: 1.2em;
  margin-top: 0.8em;
  margin-bottom: 1.5em;
}

.urltitle a {
	color: #999;
	}

.urltitle a:hover {
	color: #DA1071;
	}
	
.swatch1, .swatch1 a  {
	color: #37779D !important;
	line-height: 1.5em;
     margin-top: 1.5em;
	 }

.swatch2, .swatch2 a  {
	color: #888 !important;
	line-height: 1.5em;
     margin-top: 1.5em;
	}


a img { border: 0; }

h1 span, h2 span, p span, a span {

  display: none;

}


h1, h2, h3, h4 {

  font-family: Georgia, Trebuchet, serif;
  font-weight: bold;

  font-weight: normal;

}

h1 { font-size: 1.8em }

h2 { font-size: 1.6em;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0.7em;
	padding-left: 0.5em;
	 }

h3 { font-size: 1.4em;
	 padding: 2px;
}

h4 { font-size: 1.4em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1.2em;
}

ul { list-style-type: none; }


h1 a, h2 a, h3 a { line-height: 1.2em; }


#content hr {

  height: 19px;

  border: 0;

  border-top: 2px solid #ccc;

  border-bottom: 0;

  color: #fff;
}


.greytxtlangage {color: #999}
.pinktxt {color: #DA1071}


/* ------------------- links --------------------*/

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: none;
	}

h2 a:hover, h2 span a:hover {
	color: #166ACA!important;
	}

a {
	color: #DA1071;
	text-decoration: none;
	underline: none;
	}

a:active {
	underline: none;
	}
	
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #DA1071;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}
	


/* ------------------- Various tags and classes --------------------*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}



hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}


.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 43%;
	text-align: right;
	padding-right: 7%;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.navigation a:hover {
	color: #DA1071;
	}


/* ------------------- Credits --------------------*/


.entry-category {
        background: url('../images/page_white.png') no-repeat left;
	padding: 2px 0 2px 18px;
        }



/* ------------------- Footer --------------------*/

.tag_cloud a:hover {
	color: #166ACA !important;
       }

#footer {
	background: #333333 url('../images/header_bg.gif') top center repeat-y;
	color: #999;
	position: relative;
        text-align: center;
        padding-bottom: 2px;
	}

#footer a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover {
	border: none;
	text-decoration: underline !important;
	color: #e9e9e9;
	}

#copyright p {
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 32px;
	line-height: 40px;
}

#footer_images {
	position: relative;
	display: inline;
	padding: 0px;
	margin: 10px 36px 0px 0px;
	float: right;
	vertical-align: middle;
}

#footer_images img {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.footer_content {
	position: relative;
	margin: 0px auto;
	text-align: left;
}

#footer .footer_content {
	width: 785px;
	padding: 0px 0px 0px;
}



#cclicense a {
	padding: 8px 8px 8px 25px;
	background: url('../images/cc.png') no-repeat 0 50%;
	}


/* ---------------- photos ---------------- */

/*
#left_column {

  float: left; 
  
  width: 42%;
  
}

#right_column {

  float: left; 
  
  width: 48%;
  
}


#left_column { margin-right: 5%; }

    #web_team {
	color: #666;
	padding: 1em;
	margin: 1em 0;
	background-color: #eee;
      
    }
	
	
	    #web_team {
	color: #666;
	padding: 1em;
	margin: 1em 0;
	background-color: #eee;
      
    }
*/
	
#photos { 

  background: url(../images/photos-contact/bg_photos.jpg) 50px 0  no-repeat;  
  width: 100%;   
  height: 318px;
  /*float: left; */

  
}
    #photos #prop { 
      width: 166px;  
      height: 318px;

    }
	
	/* * html #photos #prop { width: 300px }*/ /* IE hack */ 

    #photos img {   
      padding-top: 28px;
      padding-left: 87px;  
    }
	
	  #photoslinks { 
      width: 100%;  
      /*height: 318px;*/
	  text-align:center;
	  /*margin-left: 87px;*/  

    }
    
    #photoslinks a {
	  cursor: pointer;    
      text-decoration: none;
      padding-right: .5em;     
    }
	


		
		/* ---------------- fin portfolio design ---------------- */