@charset "UTF-8";
/* CSS Document */

body{
background-color: #000;
}

#background{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
overflow: hidden;
background-color: #fff;
}

#bootes{
background-image:url('images/booteslogo.gif');
height:142px;
left:50%;
margin-left:35px;
margin-top:135px;
position:absolute;
top:50%;
width:285px;
}

#twinkles{
background-image:url('images/twinkles.gif');
height:634px;
left:50%;
margin-left:-325px;
margin-top:-315px;
position:absolute;
top:50%;
width:334px;
}

#content a:visited{
color: #000;
text-decoration: none;
}

#content a:link{
color: #000;
text-decoration: none;
}

#content a:hover{
color: #666;
text-decoration: none;
}

#content{
position: absolute;
width: 100%;
height: 100%;
}

#contact{
left:50%;
margin-left:-210px;
margin-top:-150px;
position:absolute;
top:50%;
}

#work{
left:50%;
margin-left:-75px;
margin-top:-255px;
position:absolute;
top:50%;
}

#blog{
left:50%;
margin-left:-105px;
margin-top:90px;
position:absolute;
top:50%;
}

#contactpage{
position: absolute;
width: 450px;
top: 200px;
left: 50%;
margin-left: -2250px;
color: #fff;
font-family: Helvetica, sans-serif;
font-size: 48px;
opacity: 0;
}

#contactpage p{
margin-bottom: 30px;
}

#workpage{
position: absolute;
width: 450px;
top: -2000px;
left: 50%;
margin-left: -225px;
opacity: 0;
color: #fff;
font-family: Helvetica, sans-serif;
}

#blogpage{
position: absolute;
width: 450px;
top: 200px;
left: 50%;
margin-left: -2250px;
color: #fff;
font-family: Helvetica, sans-serif;
opacity: 0;
}

#blogposition{
position: absolute;
}

.storyheader{
margin-bottom: 5px;
}

.storytitle{
font-size: 36px;
}

.date{
font-size: 12px;
}

.storycontent{
font-size: 14px;
line-height: 16px;
margin-bottom: 20px;
}

.storycontent p{
margin-bottom: 10px;
}

.worktitle{
font-size:36px;
margin-top:20px;
}

.workdescription{
margin-top: 5px;
font-size: 14px;
line-height: 16px;
}

.workprice{
margin-top: 10px;
}

.twinkleclose{
left:410px;
position:absolute;
top:-75px;
}

#description{
position: absolute;
top: 300px;
left: 0px;
}

#workimage{
border: 10px solid #fff;
width: 430px;
height: 280px;
}

#buttons{
color:#666666;
font-family:Helvetica,sans-serif;
height:280px;
overflow:hidden;
position:absolute;
top:0;
width:430px;
}

#prev1{
left:0px;
position:absolute;
top:63px;
opacity: 0;
}

#next1{
right: 0px;
position: absolute;
top: 63px;
opacity: 0;
}

#prevhover{
height:280px;
position:absolute;
top:0;
width:200px;
cursor: pointer;
}

#nexthover{
height:280px;
position:absolute;
right:0;
top:0;
width:200px;
cursor: pointer;
}

.twinkletext{
font-family:Times New Roman;
font-size:14px;
left:490px;
position:absolute;
top:30px;
width:100px;
}

.twinkletext:visited{
color: #ccc;
text-decoration: none;
}

.twinkletext:link{
color: #ccc;
text-decoration: none;
}

.twinkletext:hover{
color: #fff;
text-decoration: none;
}