﻿/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +wrapper
        +header
            =header-logo
            =header-content
        +nav
        +search
        +content
            =content-menu
            =content-main
            =content-sidebar
        +footer
-----------------------------------------------------------------------------*/

/* +wrapper
*----------------------------------------------------------------------------*/

#wrapper {
    position: relative;
    width: 930px;
    margin: 0 auto;
}

/* +header
*----------------------------------------------------------------------------*/

#header {
    position: relative;
    width: 930px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../i/bg-header.gif) repeat-x;
}

#header-logo {
    float: left;
    width: 100px;
    height: 88px;
    padding: 12px 0 0 0;
    text-align: right;
}

#header-content {
    float: right;
    width: 820px;
    height: 88px;
    padding: 12px 0 0 10px;   
}

/* +nav
*----------------------------------------------------------------------------*/

#nav {
    width: 930px;
    height: 30px;
    margin: 2px auto 0 auto;
    overflow: hidden;
    background: url(../i/bg-nav.jpg) repeat-x;    
}

/* +search
*----------------------------------------------------------------------------*/

#search {
    position: relative;
    width: 930px;
    height: 33px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../i/bg-search.gif) repeat-x; 
}

/* +content
*----------------------------------------------------------------------------*/

#content {
    position: relative;
    width: 930px;
    margin: 10px auto 10px auto;
    padding: 0 0 10px 0;
    display: block;
    clear: both;
    overflow: hidden;
    background: url(../i/bg-content.gif) no-repeat left bottom;
}

#content-menu {
	position: relative;
	float: left;
	width: 192px;
	margin: 0 0 0 10px;	
	overflow: hidden;
	display: inline;/* margin bug */

	background: #93dddf;
}

#content-main {	
	float: left;
	width: 480px;
	margin: 0 11px 0 11px;
	overflow: hidden;
}

#content-sidebar {
	float: right;
	width: 216px;
	margin: 0 10px 0 0;
	overflow: hidden;
}


/* +footer
*----------------------------------------------------------------------------*/

#footer {
    position: relative;
    width: 930px;
    margin: 0 auto;
    text-align: center;
}

