/**
 * Copyright (C) 2010 Peter Ongyert [webdesign // identity & print]
 *
 * @copyright  Peter Ongyert [webdesign // identity & print]
 * @author     Peter Ongyert <info@peter-ongyert.de>
 */

/* Layout Basic configuration */
body{margin-bottom:20px;margin-top:20px;background:#fffcc7;}

#wrapper{background:#ffffff;border-radius:8px !important;-moz-border-radius:8px !important;-webkit-border-radius:8px !important;}
/* header */
#header{width:1000px; height:405px; margin:0 auto; background:transparent url("../images/tl/ac_header.png") center  no-repeat;}
#header .inside{padding-right:5px;padding-left:5px;z-index:999;}

/* container */
#container{width:960px;margin:0 auto;padding:0px 0px 20px 0px;background: transparent url("../images/tl/ac_content.png") repeat-y center;}

/* main */
#main,#right,#left{padding-top:6px;}
#main .inside{padding-right:20px;padding-left:20px;}

/* left */
#left{background:#ffffff;margin-right:20px; padding-bottom:20px;}
#left .inside{padding-right:20px;padding-left:10px;}

/* right */
#right {background:url("#") left top no-repeat;min-height:480px;}
#right .inside{padding-right:20px;padding-left:20px;}

/* footer */
#footer{width:960px; height:55px; margin:0px auto;background:transparent url("../images/tl/ac_footer.png") no-repeat;}
#footer .inside{overflow:hidden;padding:0px;background:transparent; color:#8f8f8f;}

/* Layout configuration */

/* Header Screen */
#logo{top:30px; left:25px;position:absolute;background: url("../images/tl/ac_logo.jpg") no-repeat;width:190px;height:115px;}
#screen{top:10px; left:260px;position:absolute;}
#show3{height:150px !important;}
/* Box Configuration */
#boxa {top:230px; left:50px;position:absolute;}
#boxa h4 {font-size:1.4em;text-transform:uppercase;}


#boxb {top:230px; left:350px;position:absolute;}
#boxb h4 {font-size:1.4em;text-transform:uppercase;}
#boxb p {padding:0px 5px 0px 0px;text-align:justify;}

#boxc {top:230px; left:660px;position:absolute;}
#boxc h4 {font-size:1.4em;text-transform:uppercase;}


/* Footer Box */
#footer h1{ padding-bottom:3px;border-bottom:1px dotted #888;font-size:14px;color:#2577F6; text-transform: uppercase;}
#footer p,#footer li,#footer a{font-size:11px;color:#8f8f8f;line-height:1.5;}
#footer .news h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}
#footer .network h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}
#footer .casestudy h1{padding-top:1px;padding-left:14px;background:url("#") left center no-repeat;}
#footer .blog h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}

/* Copyright Box */
#copyright{text-align:right;}
#copyright,#copyright a{font-size:11px;color:#888; line-height:1;padding:30px 30px 10px 0px;}
#copyright a:hover{font-size:11px;color:#be2183; line-height:1;}


/* Basic configuration */
.g1,.g2,.g3,.g3a,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
    float:left;
    display:inline;
    margin-right:10px;
    margin-left:10px;
}

/* Widths */
.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g3a { width:280px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

/* Apply margin to content elements by default */
.mod_article>.block {
    margin-right:10px;
    margin-left:10px;
}

/* Except if the article itself is floated  */
.g1 .block,.g2 .block,.g3 .block,.g3a .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block {
    margin-right:0;
    margin-left:0;
}

/* Reapply margin on nested grid elements */
.gr {
    margin-right:20px !important;
}