body {
background-color:#FFFFFF;
}

.logo {
width:250px;
height:60px;
position:fixed;
top:0px;
left:5%;
background-color:#333333;
border:0px;
font-family:sans-serif;
color:#FFFFFF;
text-align:center;
line-height:60px;
letter-spacing:2px;
font-weight:900;
font-size:x-large;
}

.title {
width:250px;
height:30px;
position:fixed;
top:46px;
left:5%;
background-color:#333333;
border-top:1px #e7e8e9 inset;
font-family:sans-serif;
color:#e7e8e9;
text-align:center;
line-height:30px;
letter-spacing:4px;
font-size:10px;
}

img.port {
border:15px #333333 solid;
float:right;
clear:right;
margin:5% 5% 0 0;
z-index:5;
max-width:492px;
}

img.pb {
border:15px #333333 solid;
float:right;
clear:right;
margin:5% 5% 0 0;
z-index:5;
max-width:492px;
}

.portwords {
border:15px #333333 solid;
float:right;
clear:right;
margin:5% 5% 0 0;
padding:0px 10px 10px 10px;
z-index:5;
width:472px;
background-color:#333333;
color:#FFFFFF;
font-family:sans-serif;
font-size:small;
line-height:18px;
}

.components {
position:relative;
top:10px;
background-color:#FFF;
color:#333333;
padding:5px;
}

.welcome {
position: absolute;
top: 20%;
right: 10%;
z-index:5;
}

h2 {
letter-spacing:2px;
}

h2.not {
letter-spacing:1px;
}

p.caption {
border:0px #333333 solid;
float:right;
clear:right;
margin:0 5% 0 0;
padding:10px;
z-index:5;
width:502px;
background-color:#FFFFFF;
color:#333333;
font-family:sans-serif;
font-size:small;
text-align:center;
}

.blogtime {
border:10px #FFFFFF solid;
float:right;
clear:right;
margin:0% 5% 0 0;
z-index:5;
width:482px;
padding:10px;
text-align:center;
}

a.older {
text-decoration:none;
color:#FFCC00;
font-family:sans-serif;
font-size:medium;
letter-spacing:1px;
float:left;
font-weight:700;
}

a.older:hover {
text-decoration:none;
color:#333333;
font-family:sans-serif;
font-size:medium;
letter-spacing:1px;
float:left;
font-weight:700;
}

a.newer {
text-decoration:none;
color:#FFCC00;
font-family:sans-serif;
font-size:medium;
letter-spacing:1px;
float:right;
font-weight:bold;
}

a.newer:hover {
text-decoration:none;
color:#333333;
font-family:sans-serif;
font-size:medium;
letter-spacing:1px;
float:right;
font-weight:bold;
}

a.captionlink {
color:#333333;
}

a.redlink {
color:#F50000;
text-decoration:none;r
}

a.redlink:hover {
color:#999;
}

.contactcontainer {
margin;5% 5% 0 0;
font-family:sans-serif;
font-size: x-large;
font-weight:900;
text-align:right;
float:right;
clear:right;
color:#333333;
margin:5% 5% 0 0;
letter-spacing:1px;
}

a.email {
text-decoration:none;
color:#333333;
}

a.email:hover {
text-decoration:none;
color:#44C026;
}

/*PORFTOLIO*//*PORFTOLIO*//*PORFTOLIO*/

a.portfolio {
width:250px;
height:40px;
position:fixed;
top:30%;
left:5%;
background-color:#333333;
color:#e7e8e9;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.portfolio:hover {
width:100%;
height:40px;
position:fixed;
top:30%;
left:5%;
background-color:#0099FF;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.portfolio:active {
width:100%;
height:40px;
position:fixed;
top:30%;
left:5%;
background-color:#0099FF;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

.portloaded {
width:100%;
height:40px;
position:fixed;
top:30%;
left:5%;
background-color:#0099FF;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
z-index:-2;
}

/*MORE*//*MORE*//*MORE*//*MORE*/

a.more {
width:250px;
height:40px;
position:fixed;
top:40%;
left:5%;
background-color:#333333;
color:#e7e8e9;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.more:hover {
width:100%;
height:40px;
position:fixed;
top:40%;
left:5%;
background-color:#F50000;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.more:active {
width:100%;
height:40px;
position:fixed;
top:40%;
left:5%;
background-color:#F50000;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
}

.moreloaded {
width:100%;
height:40px;
position:fixed;
top:40%;
left:5%;
background-color:#F50000;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
z-index:-2;
}

/*BLOG*//*BLOG*//*BLOG*//*BLOG*/

a.blog {
width:250px;
height:40px;
position:fixed;
top:50%;
left:5%;
background-color:#333333;
color:#e7e8e9;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.blog:hover {
width:100%;
height:40px;
position:fixed;
top:50%;
left:5%;
background-color:#FFCC00;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.blog:active {
width:100%;
height:40px;
position:fixed;
top:50%;
left:5%;
background-color:#FFCC00;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

.blogloaded {
width:100%;
height:40px;
position:fixed;
top:50%;
left:5%;
background-color:#FFCC00;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
z-index:-2;
}

/*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*/

a.contact {
width:250px;
height:40px;
position:fixed;
top:70%;
left:5%;
background-color:#333333;
color:#e7e8e9;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.contact:hover {
width:100%;
height:40px;
position:fixed;
top:70%;
left:5%;
background-color:#44C026;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.contact:active {
width:100%;
height:40px;
position:fixed;
top:70%;
left:5%;
background-color:#44C026;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

.contactloaded {
width:100%;
height:40px;
position:fixed;
top:70%;
left:5%;
background-color:#44C026;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

/*PHOTO*//*PHOTO*//*PHOTO*/

a.photo {
width:250px;
height:40px;
position:fixed;
top:60%;
left:5%;
background-color:#333333;
color:#e7e8e9;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.photo:hover {
width:100%;
height:40px;
position:fixed;
top:60%;
left:5%;
background-color:#660066;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

a.photo:active {
width:100%;
height:40px;
position:fixed;
top:60%;
left:5%;
background-color:#660066;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
}

.photoloaded {
width:100%;
height:40px;
position:fixed;
top:60%;
left:5%;
background-color:#660066;
color:#FFFFFF;
text-decoration:none;
font-family:sans-serif;
line-height:40px;
text-indent:15px;
letter-spacing:5px;
font-weight:900;
z-index:-2;
}


.footer {
width:250px;
height:35px;
position:fixed;
bottom:0px;
left:5%;
background-color:#333333;
border:0px;
font-family:sans-serif;
color:#e7e8e9;
text-align:center;
line-height:40px;
font-size:xx-small;
}

.space {
width:20px;
height:30px;
background-color:FFFFFF;
color:#FFFFFF;
float:right;
clear:right;
margin:2% 5% 0 0;
border:
}