/*CSS Document*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #ffffff;
text-align:center;
min-height:625px;/* for good browsers*/
min-width:800px;/* for good browsers*/
}

/* --------- centering css -----------*/

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
vertical-align:middle;
display:table-cell;
height: 600px;
position: relative; } 

#inner{
width: 800px;
height: 625px;
text-align: center;
margin-left:auto;
margin-right:auto;}

#home {
width: 800px;
height: 600px;
text-align: center;
margin-left:auto;
margin-right:auto;
border: .1em #000000 double;
background-image: url(../images/holdingpage.jpg); }

#site {
width: 800px;
height: 600px;
text-align: center;
margin-left:auto;
margin-right:auto;
background: #ffffff url(../images/portfoliobackground.jpg) no-repeat center center;
border: .1em #000000 double; }

#almond {
width: 225px;
float: right;
height: 275px;
color: #000000;
font: 0.7em/2.5em Verdana, Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 80px;
margin-right: 25px;
text-decoration: none; }

#almond a{
color: #000000;
text-decoration: none; }

#almond a:hover{
color: #89a2b5;
text-decoration: none; }


#slideshow {
width: 718px;
height: 445px;
text-align: center;
margin-left:auto;
margin-right:auto;
background: #ffffff none no-repeat center center;
margin-top: 100px; }

#navigationhome {
width: 600px;
float: right;
height: 75px;
color: #000000;
font: 0.8em/2.2em Verdana, Helvetica, Arial, sans-serif;
text-align: right;
left: +675px;
bottom: +55px;
padding-top: 0px;
margin-top: 150px;
margin-right: 25px; }

#navigationhome a {
color: #000000;
text-decoration: none;
text-align: right; }

#navigationhome a:hover{
color: #89a2b5; }

#navigationsite {
width: 195px;
float: right;
height: 25px;
color: #ffffff;
font: 0.7em/1.4em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin-right: 44px;
margin-top: 20px; }


#navigationsite a {
color: #ffffff;
text-decoration: none;
text-align: right; }

#navigationsite a:hover{
color: #89a2b5; }


#footer{
width: 800px;
height: 20px;
color: #89a1b5;
font-size: .7em;
text-align: right;
border: none;
border-top: none;
margin-top: 5px;
}

#footer a {
color: #89a1b5;
text-decoration: none;
text-align: right;}

#footer a:hover{
color: #000000;
text-decoration: none;
text-align: right;}