/*
 * iWebSkel: The Ultimate Website Skeleton!
 */

/* Reset */
@import 'reset.css';

html {
    height:100%;
    width:100%;
}

body {
    height:100%;
    width:100%;
    
    background:#fff url(../images/bg.gif) repeat-y;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:20px;
    color:#000;
    text-align:left;
}

a {
    text-decoration:none;
    color:#B94536;
}

a:visited {
    text-decoration:none;
    color:#B94536;
}

a:hover, a:active {
    text-decoration:underline;
}

p {
    margin-bottom:20px;
    display:block;
}

strong {
    font-weight:normal; 
}

h1, h2 {
    font-family:Georgia, Times, serif;
    font-style:normal;
    font-weight:normal;
    font-size:20px;
    line-height:20px;
    letter-spacing:-1px;
    margin-bottom:17px;
    margin-top:0px; 
}

h3 {
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:12px;
    display:block;
    border-bottom:1px solid #B94536;
    margin-bottom:19px; 
}

.clear {
    clear:both;
}

/* Container */

#container {
    width: 960px;
    height:100%;
}

/* Logo */

#logo {
    height:122px;
}

/* Header */

#header {
    height:160px;
}

#header img {
    /*position:aboslute;    */
}

#eyecatcher {
    float:left;
    width:240px;
    height:160px;
}

#navi {
    position:absolute;
    left:248px;
    top:131px;
    width:700px;    
}

#navi ul {
    display:block;
    font-size:12px;
    /*text-transform:uppercase;*/
    letter-spacing:0px;
    width:700px;
}

#navi li {
    float:left;
    display:block;
    margin:0px;
    /*padding:0px 1px 0px 1px;
    border-left:1px solid #B94536;*/
}

#navi a {
    padding-left:6px;
    padding-right:7px;
    display:block;
}

#navi a:hover, #navi a:active {
    /*background:#fff;*/
    /*color:#fff;*/
}

#navi a.current {
    background:#B94536;
    color:#fff;
}

#navi a.current:hover, #navi a.current:active {
    text-decoration:none;   
}

/* Content */

#content{
    padding:20px;   
}

#left {
    clear:left;
    float:left; 
    width:240px;
    text-align:left;
}

#left h1, #left h2, #left h3 {
    margin-bottom:27px;
}

#info {
    position:absolute;
    top:282px;
    left:0px;
    width:222px;
    padding:20px 8px 20px 10px;
}

#content {
    float:left;
    width:680px;
}

#content ol {
    list-style-type:upper-roman;
    list-style-position:outside;
    margin-left:20px;
    margin-bottom:20px;
}

#content ul {
    list-style-type:square;
    list-style-position:outside;
    margin-left:10px;
    margin-bottom:20px;
}

#content li {
    margin-left:10px;
    margin-bottom:20px;
}

#content a, #left a {

}

#content a {
    background:url(../images/link.gif) no-repeat 0px 0px;   
    padding-left:12px;
    padding-bottom:0px;
    margin-left:2px;
    margin-right:2px;
    padding-top:0px;    
}

#left a {
    background:url(../images/link_left.gif) no-repeat 0px 0px;  
    padding-left:12px;
    padding-bottom:0px;
    margin-left:2px;
    margin-right:2px;
    padding-top:1px;        
    color:#000; 
}

#content a img {
    background:url(../images/link.gif) no-repeat 0px 0px;
    margin-left: -12px !important;
    margin-bottom: -4px !important;
}

#content a:hover, #content a:active, #left a:hover, #left a:active {
    /*text-decoration: none !important;
    border-bottom: 1px solid;*/
}

#content .col2 {
    float:left;
    width:330px;    
}

#content .left {
    float:left;
    margin-right:20px;
}

#content .right {
    float:left;
}

#content .contactForm {
    display:block;
    width:320px;
}

#content label {
    display:block;
    width:320px;
}

#content input{
    display:block;
    width:320px;
}

#content .contactRow label {
    height:18px;
}



#content textarea {
    display:block;
    height:160px;
    width:320px;    
}

#content .contactRow input {
    height:16px;    
}

#content .contactRow input, #content .contactRow textarea {
    border:1px solid #B94536;
    margin-top:2px; 
    margin-bottom:1px;      
}

#content #contactFormSubmit input {
    float:left;
    background:#fff;
    border:1px solid #b94536;
    width:100px;
    margin-top:10px;
    margin-right:10px;
}