@charset "UTF-8";
@import url(../lib/yaml/core/base.css);
@import url(../lib/yaml/print/print_draft.css);

/*-------------------------------------------------------------------------*/
body { background: #112233 none repeat-x top left fixed; padding: 0; }
.page_margins { margin: 0 auto; }
.page_margins { width: 974px; background: transparent; }
.page { padding: 0; margin: 0 10px;}
/*-------------- general content formating---------------------------------*/
html * { font-size: 100.01%; }

* {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
}

textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/* set standard font size to 12px */
body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 93.00%;
    color: #DDDDDD;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#fff;
    margin: 0 0 0.25em 0;
}

h1 { font-size: 250%; }                       /* 30px */
h2 { font-size: 200%; }                       /* 24px */
h3 { font-size: 150%; }                       /* 18px */
h4 { font-size: 133.33%; }                    /* 16px */
h5 { font-size: 116.67%; }                    /* 14px */
h6 { font-size: 116.67%; }                    /* 14px */

ul, ol, dl { line-height: 1.5em; margin: 0; }
ul li { list-style-type: none;}
ul ul li { list-style-type: circle; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin: 0 0.8em 0 0; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

p { line-height: 1.5em; margin: 0 0 1em 0; }

blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
blockquote { margin: 0 0 1em 1.6em; color: #666; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
}

sub, sup { font-size: 91.6667%; }

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
}

a { color: #fff; background:transparent; text-decoration:underline; }
a:visited  { color: #fff; }

a:focus,
a:hover,
a:active { color:#fff; text-decoration:underline; }

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }

button a,
button a:visited,
button a:focus,
button a:hover,
button a:active { color: #000; }

.hidden{ display:none;}

/*-------------------------------------------------------------------------*/
/*---------------------- general formating --------------------------------*/

#head {
    padding-top: 40px;
}

#head img {
    padding-top: 15px;
}

#head #slogan {
    margin-top:125px;
    font-style:italic;
}

#text {
    padding: 30px 0 50px 0;
}

#text h3{
    margin-bottom: 25px;
}

#text .subc, #text .subcl, #text .subcr {
    text-align: justify;
    letter-spacing:1px;
}

.ruler {
    height: 3px;
    border-top: 1px solid #666666;
    border-bottom: 1px dashed #666666;
}

#pics {
    margin-top: 50px;
}

#pics img{
    margin-top: 14px;
}

#pics a{
    color: #FFCC33;
}

.highlight{
    color: #FFCC33;
}

#footer {
    padding: 10px 0 10px 0;
    text-align: center;
    font-size: 85%;
}

.pirobox_in {
    margin-top: 12px;
}





/*-------------------------------------------------------------------------*/
/*---------------------- contact form --------------------------------*/

#contactArea { height: 225px; border-bottom: 5px solid #FFCC33; overflow: hidden; background-color: #FFCC33; }


/* ----- The Pretty Stuff ----- */

#contactArea * { margin: 0; padding: 0; outline: 0; }

#container { width: 960px; margin: 0 auto; }



#contactArea h1 { background: url(title.gif) no-repeat center center; display: block; width: 604px; height: 36px; margin: 0 auto; text-indent: -9999px; }
#contactArea p { text-align: center; letter-spacing: 2px; color: #2f3135; }

#contactArea h1,#contactArea p { position: relative; top: 110px; }

#container a.contact { float: right; height: 34px; width: 127px; display: block; text-indent: -9999px; background: url(../img/404design_contact.png) no-repeat 0 0; }

#contactArea form { width: 910px; height: 300px; padding: 25px; margin: 0 auto; }

#contactArea #info { float: left; width: 350px; }
#contactArea #message { float: right; width: 500px;  }


#contactArea input { margin-bottom: 15px; padding: 7px 7px; color: #4A4A4A; float: right; }
#contactArea label { margin-bottom: 5px; float: left; clear: both; position: relative; top: 10px; }
#contactArea textarea { padding: 7px 7px; height: 110px; margin-bottom: 15px; color: #4A4A4A; line-height: 20px; font-size: 12px; float: right; }

#contactArea input { width: 250px; }
#contactArea textarea { width: 350px; }

#contactArea label { font-family: Arial; font-size: 16px; color: #fff; }

#contactArea input#submit { float: right; clear: both; cursor: pointer; width: 125px; padding: 7px 7px; background-color: #972324; border: 0; color: #fff; }

#contactArea input,#contactArea textarea { outline: none; background-color: #f1f1f1; border: 3px solid #b2b2b2; padding: 7px; }
#contactArea input:focus,#contactArea textarea:focus { border: 3px solid #972324; }

#contactArea input,#contactArea textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/


#thumbbumbs {
        padding-left: 25px;
   
}
#thumbbumbs.thumbs_all li {
        margin: 35px;
        float:  left;
}