@charset "utf-8";
/* CSS Document */
/*General page layout*/
/*---------------------------------------------------------------------------
1. header_top_bg
    1.1 header_top
            - logo
2. wrapper_bg
    2.1 wrapper
        2.1.1 header
                - slider
                - subscribe
                - button with tagline
        2.1.2 social
                - twitter
                - facebook
        2.1.3 content
                - column_half
                    - features
                - column_half_last
                    - general info
                    - gallery
        2.1.5 content_bottom
                - three "columns" for
                    - testimonial
                    - payment method
                    - contact form
3. footer_bg
    3.1 footer
            - copyright
            - some links
---------------------------------------------------------------------------*/
@font-face {
  font-family: 'IBMVGA8';
  src: url(../fonts/IBM_VGA8.ttf);
  src: url(../fonts/IBM_VGA8.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Amstrad2Y';
  src: url(../fonts/AmstradPC1512-2y.ttf);
  src: url(../fonts/AmstradPC1512-2y.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
    text-align: left;
    background-color: #181818;
    line-height: 100%;
    color: #aaa;
    font-family: 'IBMVGA8', monospace;
    font-size: 16px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0;
}
.clear {
    clear:both;
}

h1, h2, h3, h4 {
    color: #5ff;
    line-height: 1em;
    font-family: 'Amstrad2Y', monospace;
    font-weight: normal;
}
h1 {
    font-size: 26px;
    margin-bottom: 15px;
}
h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
a {
    color: #ff5;
    text-decoration: underline;
    cursor: pointer;
}
pre.small {
    font: 5px/3px monospace;
    color: #000;
    background-color: #ddd;
}
#header_top_bg {
    background: url(../images/header-bg.png) repeat-x;
    width: 100%;
    height: 85px;
}
#header_top {
    width: 940px;
    margin: 0 auto;
    padding: 15px 0px;
}
.logo {
    float: left;
    margin-top: 10px;
    /*padding: 5px 0 0 55px;*/
    padding: 5px 0 0 0;
    height: 40px;
    color: #a00;
    /*background: url(../images/favlogo.png) 0 0 no-repeat;*/
}
#header_top p {
    float: right;
    font-family: 'Amstrad2Y', monospace;
    font-size: 20px;
    margin-top: 15px;
    color: #333;
}
#header_top span {
    color: #000;
}
#wrapper_bg {
    /*background: url(../images/wrapper-bg.png) repeat-x;*/
    width: 100%;
}
#wrapper {
    width: 940px;
    margin: 0 auto;
    padding: 0;
}
#header {
    width: 940px;
    float: left;
    padding: 25px 0px 30px 0px;
}
#slider_bg {
    width: 460px;
    height: 300px;
    margin-right: 30px;
    padding: 4px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    float: left;
}
#slider_bg ul li { position: relative; overflow: hidden;}
#slider {
    width: 460px;
    height: 300px;
}
.header_content {
    width: 400px;
    float: left;
}
ul.bullet {
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 6px;
}
ul.bullet li {
    color: #0aa;
    padding-left: 0px;
    line-height: 1.5em;
    display: block;
}
ul.bullet li:before {
    content: "\BB\A0"; /* double right arrow */
}
#social, #blog_tease {
    width: 460px;
    height: 65px;
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    line-height: 1.2em;
    float: left;
}
#blog_tease {
    /*height: 55px;*/
    /*padding: 10px 0 0 10px;*/
}
#twitter {
    width: 740px;
    float: left;
}
#twitter a {
    text-decoration: none;
}
.tweet_bird {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
#twitter_list li {
    list-style: none;
    padding: 10px 10px 10px 0px;
    font-size: 12px;
    overflow: hidden;
    margin: 0;
}
#blog_title {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    color: #6e6e6e;
    font-weight: bold;
}
#blog_tease p {
    font-size: 12px;
    overflow: hidden;
    margin: 0;
}
#content {
    width: 940px;
    float: left;
}
.highlight {
    color: #d76e08;
}
.archive li {
    margin-left: 10px;
}
.column_half {
    width: 460px;
    float: left;
    margin-bottom: 30px;
    margin-right: 20px;
}
.column_half_last {
    width: 460px;
    float: left;
    margin-bottom: 30px;
}
.column_onefourth {
    width: 220px;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
}
.column_onefourth_last {
    width: 220px;
    margin-bottom: 30px;
    float: left;
}
.column_threefourths {
    width: 680px;
    margin-right: 40px;
    margin-bottom: 30px;
    float: left;
}
.column_3 {
    width: 300px;
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    float: left;
}
.column_3_last {
    width: 300px;
    margin: 20px 0px 0px 0px;
    padding: 0;
    float: left;
}
.column_one_third {
    width: 300px;
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    float: left;
}
.column_two_third {
    width: 600px;
    margin: 20px 0px 0px 0px;
    padding: 0;
    float: left;
}
.column_half_last p {
    padding-bottom: 10px;
}
.column_half h4 {
    margin-bottom: 10px;
}
.feature_center {
    width: 460px;
    float: left;
    padding: 20px 0px;
    text-align: center;
}
.feature {
    width: 158px;
    min-height: 115px;
    padding: 30px;
    font-size: 14px;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    float: left;
}
.feature h4 {
    color: #c60;
}
.topleft {
    background: url(../images/feature-box-right-bottom.png) no-repeat bottom right;
    margin-right: 20px;
}
.topright {
    background: url(../images/feature-box-left-bottom.png) no-repeat bottom left;
}
.bottomleft {
    background: url(../images/feature-box-right-top.png) no-repeat top right;
    margin-right: 20px;
}
.bottomright {
    background: url(../images/feature-box-left-top.png) no-repeat top left;
}
.topleft:hover, .topright:hover, .bottomleft:hover, .bottomright:hover {
    /*background-color: #e5e5e5;*/
    background-color: #000;
    color: #5f5;
}
table {
    width: 218px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    margin-top: 5px;
    border-collapse:collapse;
    float: left;
}
td {
    padding: 10px;
}
.dark {
    font-weight: bold;
}

#content_bottom_bg {
    width: 100%;
    background-color: #333;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 20px;
}
#content_bottom {
    width: 940px;
    margin: 0 auto;
}
#content_bottom p {
    padding-bottom: 5px;
}
#content_bottom a:hover {
    border-bottom: 1px solid #6e6e6e;
}

.thought span {
    font-size: 10px;
    color: #303030;
    font-weight: bold;
}
/*----------contact form----------*/
form#form {
    width: 590px;
}
form#form fieldset {
    border: none;
    background: none;
    width: 590px;
}
form#form fieldset p {
    background: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 290px;
}
form#form fieldset p.submit_btn {
    width: 590px;
}
form#form fieldset .left {
    width: 290px;
    float: left;
    margin-right: 10px;
}
form#form fieldset .right {
    width: 290px;
    float: left;
}
form#form label {
    width: 215px;
    color: #aaa;
    font-family: 'IBMVGA8', monospace;
    font-size: 14px;
    float: left;
    display: inline-block;
}
form#form input {
    width: 250px;
    height: 15px;
    padding: 5px;
    margin: 0;
    font-family: 'Amstrad2Y', monospace;
    font-size: 12px;
    color: #5ff;
    line-height: 1.4em;
    background-color: #181818;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    float: left;
}
form#form textarea {
    width: 280px;
    height: 60px;
    padding: 5px;
    font-family: 'Amstrad2Y', monospace;
    font-size: 12px;
    color: #5ff;
    line-height: 1.2em;
    background-color: #181818;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    outline: none;
    float: left;
}
form#form button.submit {
    background-color: #131313;
    color: #ff5;
    width: 70px;
    height: 28px;
    margin: 5px 0px 0px 0px;
    padding: 0 !important;
    border: 1px solid #131313;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    float: right;
}
form#form label.error {
    font-size: 0px;
    line-height: 0em;
    width: 0px;
    margin: 0;
    padding: 0;
    display: none !important;
}
form#form input.error {
    border: 1px solid #c52c02;
    border-radius: 3px;
}
form#form textarea.error {
    border: 1px solid #c52c02;
    border-radius: 3px;
}
form#form #result {
    width: 300px;
    float: left;
    text-align: right;
    height: 12px;
}
#footer_bg {
    background: url(../images/footer-bg.jpg) repeat;
    width: 100%;
}
#footer {
    width: 940px;
    margin: 0 auto;
    padding: 20px 0px;
    font-size: 11px;
}
#footer .left {
    width: 320px;
    float: left;
}
#footer .center {
    float: left;
    width: 310px;
}
#footer .right {
    float: right;
    width: 280px;
    padding-right: 20px;
    text-align: right;
}
#footer .right span {
    padding-left: 10px;
}