/* ========== GENERAL DECLARATIONS ========== */

/* Always declare this */
* {
    padding : 0px;
    margin  : 0px;
}

/* Shortcuts and Tools */
.clearfix:after {
    content    : ".";
    display    : block;
    height     : 0;
    clear      : both;
    visibility : hidden;
}

.spacer {
    height : 15px;
}

.italic {
    font-style : italic;
}

.bold {
    font-weight : bold;
}

.strike {
    text-decoration : line-through;
}

.clear {
    clear : both;
}

.left {
    float : left;
}

.right {
    float : right;
}

.all_float_left * {
    float : left;
}

.all_float_right * {
    float : left;
}

.border {
    border : 1px solid black;
}

.width25 {
    width : 25%;
}

.width33 {
    width : 33%;
}

.width50 {
    width : 50%;
}

.width66 {
    width : 66%;
}

.width75 {
    width : 75%;
}

.width100 {
    width : 100%;
}

/* Lists */
ul.list_outside {
    list-style    : outside;
    margin-bottom : 15px;
}

ul.list_outside li {
    margin-left : 20px;
}

ol.list_outside {
    list-style    : outside decimal;
    margin-bottom : 15px;
}

ol.list_outside li {
    margin-left : 30px;
}

ul.list_inside {
    list-style    : inside;
    margin-bottom : 15px;
}

ol.list_inside {
    list-style    : inside decimal;
    margin-bottom : 15px;
}

/* Tables */
table {
    width           : 100%;
    border-collapse : collapse;
}

table, td {
    vertical-align : top;
}

/* Form Elements */
textarea {
    font : 10pt Verdana, Arial, Helvetica, sans-serif;
}

input[type=submit] {
    padding : 3px;
}

/* Links */
a, img {
    border : none;
}

a {
    text-decoration : none;
    color           : #80FFFF;
}

a:hover {
    text-decoration : underline;
    color           : #80FFFF;
}

a:visited {
}

a:active {
}

a:focus, a:active {
    outline : none;
}

a.arrowed {
    background   : url("/images/linkarrow.png") no-repeat 0px 50%;
    padding-left : 10px;
}

/* Headers*/
h1 {
    color : #FFFFFF;
    font  : 16pt Arial, Helvetica, sans-serif;
}

h2 {
}

/* Dynamic Output */
.msg {
    color         : #FF0000;
    margin-bottom : 15px;
    padding-left  : 5px;
}

.success_msg {
    color         : #66CC33;
    margin-bottom : 15px;
    padding-left  : 5px;
}

/* jQuery-specific */
.unclickable {
    cursor : default;
}

/* ========== SITE SPECIFIC ========== */

html {
    min-height : 934px;
    height     : 100%;
    min-width  : 1250px;
}

body {
    min-height : 934px;
    font       : 10pt Verdana, Arial, Helvetica, sans-serif;
    color      : #333333;
    height     : 100%;
}

p {
    margin-bottom : 15px;
}

/*p a { color: #94E9FE; }

p a:hover { color: #94E9FE; text-decoration: underline; }*/

#container {
    position   : relative;
    height     : 100%;
    min-width  : 985px;
    min-height : 934px;
}

#whitelayer {
    position : absolute;
    top      : 0px;
    left     : 0px;
    z-index  : 2; 
}

#top_nav_bar {
    position      : absolute;
    z-index       : 1;
    height        : 33px;
    background    : url("/images/top-navbar-bg.jpg") repeat-x;
    border-bottom : 1px solid #FFF;
    width         : 100%;
    /*display: none;*/
}

#top_nav_bar .social_media_links {
    float        : right;
    margin-right : 20px;
    margin-left  : 5px;
    margin-top   : 3px;
}

#top_nav_bar .social_media_links a {
    display : block;
    float   : left;
}

#top_nav_bar .top_nav {
    float      : right;
    list-style : none;
    height     : 100%;
    margin-top : 1px;
}

#top_nav_bar .top_nav li {
    float : left;
}

#top_nav_bar .top_nav li.divider {
    padding-top : 5px;
}

#top_nav_bar .top_nav li a {
    font           : bold 11pt Arial, Helvetica, sans-serif;
    color          : #FFFFFF;
    letter-spacing : 0px;
    display        : block;
    padding        : 6px 15px 5px 15px;
}

#top_nav_bar .top_nav li a:hover {
    text-decoration : none;
    color           : #16212d;
}

#main {
    /*border: thin solid red;*/
    position : relative;
    height   : 100%;
    z-index  : 0;
}

#galleria {
   
}

#logo {
    width    : 225px;
    height   : 162px;
    position : absolute;
    z-index  : 10;
    top      : 54px;
    left     : 20px;
}

#tabs_wrapper {
    position : absolute;
    top      : 224px;
    left     : 20px;
    z-index  : 3;
}

#bottom_nav_bar {
    height     : 224px;
    border-top : 1px solid #FFF;
    background : url("/images/bot-navbar-bg.jpg") repeat-x bottom center;
    position   : absolute;
    bottom     : 0px;
    width      : 100%;
    color      : #FFFFFF;
    overflow   : hidden;
    z-index    : 1;
    /*display: none;*/

}

#bottom_nav_bar #logos {
    float       : left;
    margin-left : 10px;
    margin-top  : 20px;
}

#bottom_nav_bar #logos img {
    vertical-align : middle;
}

#bottom_nav_bar .bot_navs {
    width: 510px;
    overflow    : auto;
    margin-left : 18px;
    float       : left;
    margin-top  : 18px;
    height      : 80px;
}

#bottom_nav_bar .bot_nav {
    float      : left;
    list-style : none; /*border: thin solid red;*/
    padding    : 0px 18px;
}

#bottom_nav_bar .bot_nav li {
    /*border: thin solid green;*/
}

#bottom_nav_bar .bot_nav li a {
    color : #FFFFFF;
    font  : 10px Verdana, Arial, Helvetica, sans-serif;
}

#bottom_nav_bar .company_info_wrapper {
    position     : absolute;
    right        : 20px;
    bottom       : 0;
    height       : 124px;
    background   : url("/images/bot-navbar-logo.png") no-repeat 0px 20px;
    padding-left : 45px;
    font         : 9pt Verdana, Arial, Helvetica, sans-serif;
}

#bottom_nav_bar .company_info_wrapper .company_info {
    margin-top : 20px;
    font-size  : 8pt;
}

.content {
    height           : 520px;
    width            : 635px;
    position         : absolute;
    z-index          : 2;
    top              : 125px;
    left             : 300px; /*background-color: #576775;*/
    background-color : #101E2A;
    color            : #fff; /*border: 1px solid #CCCCCC;*/
    overflow         : hidden;
}

.content .padder {
    padding     : 10px;
    padding-top : 3px;
}

.content h1 {
    color          : #94E9FE;
    font           : 16pt Arial, Helvetica, sans-serif;
    padding        : 5px 0;
    padding-bottom : 7px;
    margin         : 0px 9px 10px 3px;
    text-transform : capitalize;
    border-bottom  : 1px dotted #576775;
}

#portfolio a {
    color : #0070BA;
}

/*#portfolio .pagination{ padding: 3px; background-color: #94E9FE; margin-top: 5px; position: absolute; bottom: 0px; left: 0px; width: 50%; }*/

/* Contact Section */
#contact .form {
    float         : left;
    width         : 315px;
    border-right  : 1px dotted #CCCCCC;
    padding-right : 15px;
}

#contact .form label {
    /*font-weight: bold;*/
    color : #576775;
    clear : both;
}

#contact .form .field {
    clear         : both;
    margin-bottom : 6px;
    overflow      : auto;
}

#contact .form #submit {
    padding-left : 245px;
}

#contact .form #submit input {
    border         : none;
    background     : #576775;
    color          : #FFF;
    cursor         : pointer;
    padding        : 5px;
    text-transform : capitalize;
}

#contact .form input[type='text'], #contact textarea {
    float  : left;
    border : 2px solid #576775;
}

#contact .form input[type='text']:focus, #contact textarea:focus {
    background-color : #FFFFFF;
    border           : 2px solid #00ACEF;
}

#contact .form input[type='text'] {
    width : 300px;
}

#contact .form textarea {
    width  : 300px;
    height : 100px;
}

#contact .info {
    float : right;
    width : 260px;
}

/* Free Website Quote Form */
#free_website_quote {
}

#free_website_quote label {
    color        : #576775;
    clear        : both;
    float        : left;
    width        : 200px;
    text-align   : right;
    margin-right : 10px;
}

#free_website_quote label.required:after {
    content     : "*";
    color       : red;
    margin-left : 5px;
}

#free_website_quote .field {
    clear         : both;
    margin-bottom : 8px;
    overflow      : auto;
}

#free_website_quote input[type='submit'] {
    margin-left : 210px;
}

#free_website_quote input[type='text'], #free_website_quote textarea {
    border : 2px solid #576775;
}

#free_website_quote input[type='text']:focus, #free_website_quote textarea:focus {
    background-color : #FFFFFF;
    border           : 2px solid #00ACEF;
}

#free_website_quote input[type='text'] {
    width : 300px;
}

#free_website_quote textarea {
    width  : 300px;
    height : 80px;
}

/* Portfolio Section */
#portfolio .project {
    float          : left;
    width          : 208px;
    margin-bottom  : 5px;
    padding-bottom : 20px;
    margin-left    : -3px;
}

#portfolio .project .name {
    font-weight  : bold;
    padding-left : 4px;
    color        : #FFFFFF;
    margin-left  : 6px;
}

#portfolio .project .image {
    width      : 208px;
    height     : 114px;
    background : url(/images/stack.png) no-repeat;
    overflow   : auto;
}

#portfolio .project .image a {
    float  : left;
    margin : 14px 0px 0px 15px;
}

#portfolio .project .image img {
    float : left;
}

#portfolio .project .options {
    padding-left : 15px;
    overflow     : auto;
    margin-top   : -28px;
    color        : #999999;
}

#portfolio .project .options a {
    font-size : 8pt;
    color     : #576775;
}

/*#proj_detail .body { padding: 3px; border: thin solid red; overflow: auto; } */
/*#proj_detail .leftcol { float: left; width: 225px; overflow: auto; margin-right: 10px; height: 450px;} */
#proj_detail h1 {
    width : 100%;
}

#proj_detail .images {
    overflow : auto;
}

#proj_detail .images a {
    float  : left;
    margin : 1px;
}

#proj_detail .images a.thumb {
    margin-bottom : 3px;
}

#proj_detail .images a.primary {
    margin-right : 13px;
}

#proj_detail .images img {
    border : 1px solid #576775;
}

#proj_detail .longdesc {
    font       : 8pt Verdana, Arial, Helvetica, sans-serif;
    text-align : justify;
}

#proj_detail .longdesc ul {
    margin-left : 15px;
}

#proj_detail .actions {
    position   : absolute;
    text-align : left;
    bottom     : 10px;
    left       : 5px;
    list-style : none;
}

#proj_detail .actions li {
    float       : left;
    height      : 23px;
    margin-left : 5px;
}

#proj_detail .actions a {
    display       : block;
    padding-left  : 15px;
    padding-right : 5px;
    background    : #394C5D url("/images/linkarrow.png") no-repeat 5px 50%;
    color         : #CCCCCC;
    float         : left;
    height        : 23px;
    line-height   : 21px;
}

/* Pages */
#pages .leftcol {
    float        : left;
    width        : 225px;
    overflow     : auto;
    margin-right : 10px;
    height       : 450px;
}

#pages .images {
    overflow   : auto;
    text-align : center;
}

#pages .images a {
    float        : left;
    margin-right : 3px;
}

#pages .images a.primary {
    margin-bottom : 5px;
}

#pages .images img {
    border        : 1px solid #576775;
    display       : block;
    margin-bottom : 3px;
}

#pages .visit {
    margin     : 15px 0;
    text-align : left; /*border: thin solid red;*/
}

#pages .desc {
    /*border: thin solid red;*/
}

/*div#paginator_wrapper { position: absolute; bottom: -30px; left: 0px; width: 100%; }*/
div#paginator {
    background-color : #0470b7;
    padding          : 5px;
    text-align       : right;
}

div#paginator a {
    color       : #FFFFFF;
    margin-left : 3px;
}

div#paginator a.active {
    font-weight : bold;
}

div#paginator a.prev:after {
    content : "< Previous";
}

div#paginator a.next:after {
    content : "Next >";
}

div#paginator a.first:after {
    content : "<<";
}

div#paginator a.last:after {
    content : ">>";
}

/* Praises */
#praises {
    font-size : 9pt;
}

#praises .praise {
    border-bottom : 1px dotted #386A94;
    padding-top   : 15px;
}

/*#praises .praise:first-child { border: thin solid red;}*/

.motherservice .service {
    overflow      : auto;
    margin-bottom : 10px;
}

.motherservice .service a img {
    display : block;
}

.motherservice .service a {
    float       : left;
    margin-left : 5px;
}

#sitemap {
}

#sitemap li {
    margin-left   : 20px;
    margin-bottom : 5px;
}

#sitemap li>a {
    margin-bottom : 15px !important;
}

#blog-region {
    height     : 100px; /*position: absolute; bottom: 124px;*/
    z-index    : 100;
    background : #566673;
    width      : 100%; /*border: thin solid red;*/
    background : url("/images/blog-section-bg.jpg") repeat-x;
    border-top : 1px solid #202e3b;
}

#blog-region .inner {
    padding : 12px;
    color   : #333;
}

#blog-region a {
    color : #0070BA;
}

#blog-region p {
    color : #333;
}

#blog-region .item * {
    margin : 0px;
    font   : 12px Verdana, Arial, Helvetica, sans-serif;
}

#blog-region .item {
    float : left;
    width : 49%;
}

#blog-region .item div {
    float : left;
}

#blog-region .item img {
    height       : 50px;
    width        : 50px;
    float        : left;
    margin-right : 7px;
    border       : 2px solid #22303D;
}

#blog-region .item .inner {
    margin-right : 20px;
    padding      : 0px;
}

#blog-region .item .title {
    margin-bottom : 5px;
    display       : block;
    font-weight   : bold;
}