﻿* {
margin: 0;
padding: 0;
}

body {
background: center top no-repeat;
height: 100%;
min-width: 1100px;
}


#divbg {
height:570px;
min-width: 1979px;
overflow: hidden;
position: absolute;
background-color:Black;
}

.footer{
color:#b1c313;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footerText{
color:#ffffff;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bodyText {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black; 
}

#showcase_clip { /*so showcase doesn't force a horizontal scrollbar*/
width: 100%;
min-width: 1100px;
overflow:hidden;
position: relative;
}

#showcase {
width: 872px;
height: 500px;
overflow: visible;
margin: 0 auto;
position: absolute;
margin-left:206px;
margin-top:0px;
}

/*styling*/
img, div, h1, h2, input, li, a { /*fix pngs in older versions of IE*/
behavior: url(scripts/iepngfix.htc); 
} 

a img {
border: none;
}

#header {
position: absolute;
left:244px;
top:500px;
}

#lemon {
position: relative;
left:260px;
margin-top:-40px;
}

#projects {
position: relative;
left: 0px;
min-width: 1100px;
}

#projects div.project {
width: 740px;
height: 400px;
position: absolute;
top: 110px;
border:solid 0px red;
min-width: 1100px;
}

#project_1 {left: 70px;}
#project_2 {left: 1094px;}
#project_3 {left: 2118px;}
#project_4 {left: 3142px;}
#project_5 {left: 4166px;}
#project_6 {left: 5190px;}


#projects img.showcase_main, #projects a.showcase_link {
width: 615px;
height: 420px;
position: absolute;
top: 0;
left: 0;
}

#projects a.showcase_link {
height: 465px;
}

#projects .showcase_secondary, #projects .showcase_third {
width: 247px;
height: 197px;
position: absolute;
right: 0px;
}

#projects a.showcase_secondary {
top: 0;
height: 223px;
}

#projects a.showcase_third {
top: 223px;
height: 228px;
}

#previous_project_btn, #next_project_btn {
position: absolute;
}

#previous_project_btn {
left: 0;
width:80px;
}

#next_project_btn {
right: 0;
width:80px;
}

/*form rules*/
label {
width: 100%;
display: block;
clear: both;
margin: 10px 0;
font-size: 11px;
}

input, textarea, select {
width: 260px;
clear: left;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-size: 11px;
}

/*TYPE*/
body {
font-family: Arial, Helvetica, sans-serif; 
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
text-decoration: none;
}


.textbox {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;    
}

.combobox {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;  
}

.button {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    width:75px;
}

.textarea {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}

.tableTD 
{
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.dragme { 

}

.div_centered {
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
text-align: center;
z-index:1;
}