/* 
    Document   : twilight
    Created on : 16 May 2010, 6:01:03 PM
    Author     : wickedcaffine
*/


body{
    background-color: #000000;
    color: #bcbcbc;
    font-family: "Palatino Linotype", "Book Antiqua", "URW Palladio L", serif;
    font-size: 1.1em;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

img a:link,a:visited{
    border:none;
    color:#fff799;
    text-decoration:none;
}
hr{
    border: 1px solid #312631;
    float:left;
    width:800px;
    clear:both;
}

h1{
    color: #fff568;
    line-height: 0;
    padding: 0 0 0 0;
    font-variant: small-caps;
}
h2{
    line-height: 0;
    font-size: .9em;
    font-style: italic;
    padding: 0 0 0 0;
}
h3{
    font-style: italic;
	color: #fff568;
}
#container {
    height:100%;
    margin: 0 auto 0 auto;
    width: 800px;
}
#header {
    background-image: url(/images/replace.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float:left;
    height: 300px;
    width:800px;
}
#headerReflect {
    background-image: url(/images/flash_reflect.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float:left;
    height: 78px;
    width:800px;
}
#menu {
    position:relative;
    height: 52px;
    width:800px;
    float:left;
    overflow: hidden;
}
#menuBar{
    background-image: url(/images/menupattern.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float:left;
    height: 49px;
    width:800px;

}
#menu img{
    border:none;
    position: relative;
    float:left;
}


#content{
    float:left;
    background-color: #080808;
    width:800px;
}
#footer{
    background-image: url(/images/footer.jpg);
    float:left;
    font-size: .7em;
    height:62px;
    padding: 30px 0px 0px 0px;
    text-align: center;
    width:800px;
}

/* Slider */
#frameboard {
    height:212px;
    width:662px;
}
#frameboard-frame {
    z-index:10;
    position:relative;
    background-image:url('/images/slider_frame.png');
    height:212px;
    width:662px;
    top:-212px;
}
.slideshow{
    height:212px;
	margin: 0 auto 0 auto;
    position: relative;
}
.slideshow li{
    list-style:none;
    display:inline;
    
}

.slideshow img{
    position:relative;
    width:662px;
    height:212px;
    top:0;
    left:0;
}



/* home page */
.home{
    padding: 0 100px 0 70px;
    width:800px;
    clear:both;
}

.homecolumn{
    width:350px;
    padding-right:30px;
}
.homesingle{
    width:650px;
}

.hometext {
    float:left;

}
/* Contact form */
#contact {
    padding: 0 100px 0 70px;
	clear:both;
    float:left;
    width:800px;
    display: none;
}
.Finput{
    border:none;
    padding-left:3px;
    color: #bcbcbc;
    font-family: 'Palatino Linotype', sans-serif;
    font-size: .9em;
    font-variant: small-caps;
    background-color:#080808;
    background: url(/images/form-input.png);
    height:23px;
    width:243px;
}
.FinputFlip{
    background-position: 246px bottom;
    color:#000000;
}
#contactInfo{
    color:#fff568;

}
#contact label{
    vertical-align: top;
}
textarea{
    border:none;
    font-family: 'Palatino Linotype', sans-serif;
    font-size: .9em;
    font-variant: small-caps;
    color: #bcbcbc;
	overflow:hidden;
    padding-left:3px;
    background-repeat: no-repeat;
    width: 547px;
    height: 132px;
    background-color:#080808;
    background-image: url(/images/form-textarea.png);
}
.contactrow{
    width:350px;
    padding-bottom: 30px;
}
.contactarea{
    width:700px;
}
.contactcolumn{
    float:left;
}
.contactright{
    float:left;
    position: relative;
    left:300px;
    padding-top:25px;
}
.contactbutton{
    height:20px;
    width:96px;
}
.labelpadding{
    padding-right:40px;
}
.labelpadding-correct{
    padding-right:38px;
}
.labelpadding-contact{
    padding-right:26px;
}

.SubmitMessage{
    color:#fff568;
    display: none;
    width:700px;
    height:70px;
}

.SubmitMessage img{
    float:left;
}

/* Portfolio page */
#portfolioBar {
    height: 38px;
    padding-left:88px;
    width:800px;
    float:left;
    overflow: hidden;
    position: relative;
}

#portfolioBar img{
    border:none;
    padding-left:20px;
    position: relative;
    float:left;
}

.portfolio{
    padding: 0 100px 0 70px;
    width:800px;
    clear:both;
}
.portfoliocol{
    width:300px;
    padding-right:30px;
    padding-left:20px;
}
.portfoliosingle{
    width:100px;
}

.portfoliotext {
    float:left;
    font-size: .9em;

}

/* pop message */
#popMsg{
    background-image: url(/images/bubble.png);
    background-repeat: no-repeat;
    padding-top:20px;
    text-align: center;
    font-size: .7em;
    color:#000000;
    z-index:1000;
    position:absolute;
    display:none;
    width:120px;
    height:42px;
}

.hidden{
    display:none;
}

#portMessage{
    text-align: center;
    color:#fff568;
}
.spacer{
    height:100px;
}