html,body
{
    background:#141414 url(../images/bck.gif);
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:19px;
    margin:0;
    padding:0;
    height:100%; 
}

#container{
    width:100%;
    height:100%; 
}

#col1
{
    width:320px;
    height:100%; 
    background:#000 url(../images/col1_bck.jpg);
    float: left;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
}

#col1inner
{
    width:320px;
    height:100%; 
}

#box
{
    position:relative;
    top:-130px;
}

.icon{
    margin-top:2px;
}

.submit{
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    margin: 20px;
    color:#fff;
    padding:12px;
    background: #590D0C url(../images/btnright.jpg) no-repeat center right;  
}

.submit a{
    color:#fff;
    text-decoration:none;
}

.submit a:hover{
    color:#fff;
    text-decoration: underline;
}

.boxinner{
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    background:#000;
    margin: 10px 20px 0 20px;
    color:#fff;
    padding:12px;
}

.boxinner a{
    color:#666;
    text-decoration:none;
}

#about{
    font-family: Georgia, serif;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    background:#000;
    margin: 20px 20px 20px 20px;
    color:#fff;
    padding:12px 12px 20px 12px;
}

#content
{
    position:relative;
    width:100%px;
    float: left;
    margin-left: 320px;
    margin-bottom:50px;
    margin-right:40px;
    
}

#col2
{
    width:100%px;
    float: left;
    margin: 0 0 30px 0;
    clear: both;
}

#col2 ul 
{
    margin:0;
}

#col2 ul li
{
    position:relative;
    margin: 40px 0 0 40px;
    float:left;
    width:330px;
    height:255px;
    background: #090909;
    border: 1px solid #000;
    list-style: none;
    color: #fff;
}

#col2 ul li p
{
    margin: 10px;
    color: #fff;
}



h1 {
    width:320px;
    height:187px;
    position:relative;
    top:0px;
    left:0px;
    margin:0;
    background: url(../images/logo.jpg) no-repeat;
}

h1 span{
    display:none;
}

h2 {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
margin-bottom:10px;
padding-bottom:15px;
border-bottom: 1px solid #202020;

}
        
.wrap {
    width: 330px;
    height: 190px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom:10px;
}

.wrap img {
    position: absolute;
    top: 0; left: 0;
}

.check {
    position: relative;
    top: 0; left: 0; 
    float:left;
}

.msg {
    position: relative;
    margin-top:5px;
    margin-left:10px;
    float:left;
}

.msgcontain {
    position: relative;
    margin-top:10px;
    margin-left:10px;
    float:left;
    width:400px;
}

.msg p{
    margin-left:2px;

}
 
 
.clearing { clear: both; }
.alert, .error { color: #FF0000; }

.contactarea{
    margin: 40px 0 0 40px;

    width: 480px;
    padding:20px;
    background: #090909;
    border: 1px solid #000;
}

.pagenumarea{
    margin: 40px 0 30px 40px;
    clear: both;
    width: 480px;

}

.paginate{
    border: 1px solid #000;
    padding:10px;
    background: #090909;
    color: #fff;
    margin:2px;
    text-decoration:none;
}

.current{
    border: 1px solid #000;
    padding:10px;
    background: #090909;
    color: #A91615;
    margin:2px;
    text-decoration:none;
    font-weight:bold;
}

ol.forms {
	float: left;
	list-style: none;
	width: 480px;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 480px;
}

ol.forms label {
        display:block;
        width: 400px;
        font-weight: bold;
        margin-bottom:8px;
        margin-top:8px;
        color: #B4B4B4;
}

ol.forms input {
    width: 460px;
    margin-bottom: 2px;
    padding:8px;
    background-color: #0C0C0C;
    border: 1px solid #202020;
    color:#333;
}

    
ol.forms textarea {
        width: 460px;
        margin-bottom: 2px;
        height: 150px;
        padding:8px;
        background-color:#0C0C0C;
        border: 1px solid #202020;
        color:#333;
}

ol.forms textarea:focus{
 border: 1px solid #202020;
 background-color: #202020;
 color:#fff;
}

ol.forms input:focus {
 border: 1px solid #202020;
 background-color: #202020;
 color:#fff;
}

ol.forms button {
    margin-top: 5px;
    width: 110px;  
}

ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}


ol.forms li.buttons {
	width: 480px;
        color:#D7D7D7;
}


        
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }



/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
a img { border:none } /* Gets rid of IE's blue borders */