/* 
    Document   : layout
    Created on : 16/09/2009, 9:15:01 AM
    Author     : Cam
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin:0px;
    padding:0px;
}

body {
    padding:0px 0px 0px 0px;
    margin:0px;
    color:#fff;
    font-family:Verdana,Calibri,Arial,Helvetica,sans-serif;
    font-size:12px;
    background-color:#010410;
}

img {
    border:none;
}

.clear_all {
    clear:both;
}

.clear_left {
    clear:left;
}

.clear_right {
    clear:right;
}

#page {
    width:970px;
    margin:0px auto;
    background:#010410 url(../images/color_swatch_bg.gif) 0px 80px no-repeat;
}

#header {
    height:80px;
    position:relative;
}

#header #logo {
    float:left;
}

#header #menu {
    height:80px;
    width:595px;
    position:absolute;
    top:0px;
    right:0px;
}

#header #menu #menu_btns {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#header #menu #menu_btns li {
    height:55px;
    width:106px;
    padding-left:12px;
    float:left;
}

#header #menu #menu_btns li a {
    display:block;
    height:55px;
    width:106px;
}

#header #menu #menu_btns li a span {
    display:none;
}

#header #menu #menu_btns .menu_sub {
    display:none;
}

#header #menu #menu_btns li#about a {
    background:#010410 url(../images/menu_abt_bg.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#about a:hover {
    background:#010410 url(../images/menu_abt_bg_hover.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#news a {
    background:#010410 url(../images/menu_news_bg.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#news a:hover {
    background:#010410 url(../images/menu_news_bg_hover.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#submit-artwork a {
    background:#010410 url(../images/menu_art_bg.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#submit-artwork a:hover {
    background:#010410 url(../images/menu_art_bg_hover.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#services a {
    background:#010410 url(../images/menu_serv_bg.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#services a:hover {
    background:#010410 url(../images/menu_serv_bg_hover.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#contact a {
    background:#010410 url(../images/menu_cntct_bg.gif) 0px 0px no-repeat;
}

#header #menu #menu_btns li#contact a:hover {
    background:#010410 url(../images/menu_cntct_bg_hover.gif) 0px 0px no-repeat;
}

#banner {
    padding:0px 0px 0px 17px;
}

#service_menu {
    height:51px;
    padding:0px 0px 0px 52px;
}

#service_menu #service_btns {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#service_menu #service_btns li {
    width:338px;
    height:51px;
    float:left;
}

#service_menu #service_btns li a {
    display:block;
    width:338px;
    height:51px;
}

#service_menu #service_btns li a span {
    display:none;
}

#service_menu #service_btns li#short_run a {
    background:#010410 url(../images/short_run_btn.gif) 0px 0px no-repeat;
}

#service_menu #service_btns li#short_run a:hover {
    background:#010410 url(../images/short_run_btn_hover.gif) 0px 0px no-repeat;
}

#service_menu #service_btns li#banners a {
    background:#010410 url(../images/banner_btn.gif) 0px 0px no-repeat;
}

#service_menu #service_btns li#banners a:hover {
    background:#010410 url(../images/banner_btn_hover.gif) 0px 0px no-repeat;
}

#main {
    padding:0px 0px 0px 52px;
    
    overflow:hidden;
}

#main #main_inner {
    background:#010410 url(../images/main_bg.gif) top right repeat-y;
    zoom:1;
    width:916px;
}

#content {
    width:679px;
    overflow:hidden;
    float:left;
    background:url(../images/content_panel_header_bg.gif) 0px 0px repeat-x;
    color:#5c595d;
}

#right_col {
    width:236px;
    float:left;
    font-size:12px;
    padding:25px 0px 52px 0px;
    background:url(../images/right_col_top_bg.gif) 0px 0px no-repeat;
    line-height:22px;
    margin-left:0px;
}

#right_col_menu {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#right_col_menu li {
    padding:10px 0px 0px 10px;
    width:216px;
    height:24px;
}

#right_col_menu li a {
    display:block;
    width:217px;
    height:24px;
    text-decoration:none;
    color:#fff;
}

#right_col_menu li a:hover {
    background:url(../images/sub_menu_hover_bg.gif) 0px 0px no-repeat;
}

#right_col_menu li a span {
    padding:0px 0px 0px 31px;
}

#brochure {
    padding:260px 0px 0px 10px;
}

#brochure a {
    display:block;
    width:216px;
    height:24px;
    text-decoration:none;
    color:#fff;
}

#brochure a:hover {
    background:url(../images/sub_menu_hover_bg.gif) 0px 0px no-repeat;
}

#brochure a span {
    padding:0px 0px 0px 31px;
}

#right_col #address {
    padding:80px 0px 0px 39px;
    font-size:11px;
    line-height:16px;
}

#address span {
    display:block;
}

#right_col #address .phone {
    padding-top:7px;
    font-weight:bold;
    font-size:13px;
}

#right_col #address .email {
    padding-top:6px;
}

#address .email {
    padding-top:4px;
}

#footer {
    height:80px;
}