@charset "utf-8";

/* These are just the general site styles. 
   It has nothing to do with ImageFlow
========================================== */
@media screen, projection, print {
    * {
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:14px;
    }
    a {
        color:#fff;
    }
    h1 {
        font-size:2.2em;
        text-align:center;
        margin:0.4em 0 1.3em 0;
    }
    .header{
        height:100px;
        background-image:url(../img/gradient.png);
        background-repeat:repeat-x;
   }

    .menu{
        height:25px;
        background:#B1BB17;
        padding-left:10%;
        padding-right:10%;
        padding-top:5px; }

    .content{
        margin-top:22px;
        width:80%;
        margin-left: 10%;
        background:#FFFFCC;
        min-height:800px;
        height: auto;
        -webkit-border-radius:10px;
        -moz-border-radius:10px; }

    .sides{
        background:#4C7511; }

    .logo{
        margin-left:12%;
    padding:15px;
    }

    .menu ul{
        list-style:none;
        margin:0px; }

    .menu li{
        display:inline;
        font-size:13px;
        padding:3px 10px 3px 10px; }

    a{
        text-decoration:none;
        color:#FFF;}
    a:hover{
        color:#C4FCFF;}

    body{
        color:#000;
        background:#4C7511;
        margin:-8px;
    }
    #footer{
        float: right;
        font-size: 12px;
        width: 21%;
        padding-top:10px;
        padding-bottom:10px;
        color:#C4FCFF;
    }
    #block{
        position:relative;
        width:25%;
        float: left;
        margin-left: 70px;
    }
    #sidebar{
        float:right;
        width:300px;
        height: auto;
        border-left: 1px solid #000;
}
#contactFormContainer
            {
            	position:absolute;
            	left:900px;
                top:0px;
            	float:right;
            }
            #contactForm
            {
            	height:277px;
            	width:351px;
            	background-image:url('../images/bkg.jpg');
            	display:none;
            }
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }
            #contactForm label
            {
            	display:block;
            	color:#ffc400;
            }
            #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }
            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }
            #contactForm input[type=submit]
            {
            	background-color:#397175;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:5px;
            }
            #contactLink
            {
            	height:40px;
            	width:351px;
            	background-image:url('../images/slidein_button.png');
            	display:block;
            	cursor:pointer;
            }
            #messageSent
            {
            	color:#ff9933;
            	display:none;
            }
            #about li{
                list-style: none;
                padding: 10px;
}
table td{
    padding: 5px;
}
table tr{
    padding:10px;
}
li{
    list-style: none;
    margin-left:40px;
}
.awesome{
background: #222 url(../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}
}