html {
    height: 100%;
}


body {

margin: 0;
height: 100%;
    /*margin: 0;*/
    background-repeat: no-repeat;
    background-attachment: fixed;


text-align:center;
background-color:#f2f2f2;

background-image: linear-gradient(bottom, rgb(242,242,242) 16%, rgb(231,231,231) 58%);
background-image: -o-linear-gradient(bottom, rgb(242,242,242) 16%, rgb(231,231,231) 58%);
background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 16%, rgb(231,231,231) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 16%, rgb(231,231,231) 58%);
background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 16%, rgb(231,231,231) 58%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.16, rgb(242,242,242)),
	color-stop(0.58, rgb(231,231,231)));
  
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#f2f2f2', EndColorStr='#e7e7e7', GradientType=0);


behavior: url("csshover2.htc");

}

.center{
width:620px;
margin:0 auto;
padding:100px;

}

.tracking {

font-family:Lucida Sans Unicode, Trebuchet,Verdana,Arial,sans-serif;
font-size:10px;
color:#aaaaaa;

/*clear:right;*/


}

.header {
color:#ffffff;
text-shadow: 1px 1px 0px rgba(90, 90, 90, 0.5);

font-family:Lucida Sans Unicode, Trebuchet,Verdana,Arial,sans-serif;
font-size:24px;

clear:both;
margin-bottom:30px;


}

.header a {
color:#ffffff;
text-decoration:none;
}

.column{
float:left;
height:200px;

}


.column a {

text-color:#000000;
border:0;

}

a img {border: none; }



img {
border-style: none;
border:none;
}

.column img {


-webkit-box-shadow: 0px 2px 22px 1px #aeaeae;
-moz-box-shadow: 0px 2px 22px 1px #aeaeae;
box-shadow: 0px 2px 22px 1px #aeaeae;
/*background-color:#fefefe;*/

-moz-border-radius: 22px; 
-webkit-border-radius: 22px; 
border-radius: 22px;
behavior: url(ie-css3.htc);
z-index:1;


}


.column:hover img {


-webkit-box-shadow: 0px 2px 32px 1px #81b1f1;
-moz-box-shadow: 0px 2px 2px 1px #81b1f1;
box-shadow: 0px 2px 32px 1px #81b1f1;
behavior: url(ie-css3.htc);
border:1px solid #81b1f1;


}


.column:active img {


-webkit-box-shadow: 0px 2px 32px 1px #f1b181;
-moz-box-shadow: 0px 2px 2px 1px #f1b181;
box-shadow: 0px 2px 32px 1px #f1b181;
behavior: url(ie-css3.htc);
border:1px solid #f1b181;


}


.left{
width:200px;
clear:left;
}

.middle{
width:200px;
}

.right{
width:200px;

}

.noel {
background: transparent url(images/noel.png); no-repeat top left;
}



.susanna {
background: transparent url(images/susanna.png); no-repeat top left;
}



.leo {
background: transparent url(images/leo.png); no-repeat top left;
}



.wedding {
background: transparent url(images/wedding.png); no-repeat top left;
}



.cv {
background: transparent url(images/cv.png); no-repeat top left;
}


.twitter {
background: transparent url(images/twitter.png); no-repeat top left;
}


.linkedin {
background: transparent url(images/linkedin.png); no-repeat top left;
}



.mail {
background: transparent url(images/mail.png); no-repeat top left;
}