﻿/*
========================================================================
Filename:		structure.css
Date Created:	2009-03-11
Description:	Main structural CSS stylesheet
Site:			AtticExpress Pro 2
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* TABLE OF CONTENTS
-------------------------------------------------------------- 
- Imported Stylesheets
+ Generic Styles
    - Body
    - Table
    - ClearDiv
    - Hidden
- Main Wrapper
- Header
- Crumbtrail
- Left Column 
- Main Column   

-------------------------------------------------------------- */


/* Imported Stylesheets
------------------------------------------------------------ */
@import url(lib/reset.css);
@import url(lib/typography.css);
@import url(lib/admin.css);
@import url(lib/navigation.css);


/* Generic Styles
------------------------------------------------------------ */
body {
    background: #ffffff;
}
table {
    clear: both;
}
.ClearDiv {
    clear: both;
}
.Hidden {
    background-color: transparent;
    color: #ffffff;
    font-size: 1px;
	margin-bottom: -10px;
	position: absolute;
	margin-left: -9999px;
	margin-top: -9999px;
}


/* Main Wrapper 
------------------------------------------------------------ */
#MainWrapper {
    margin: 0 auto;
    width: 1013px;
    clear: both; 
}


/* Header 
------------------------------------------------------------ */
#Header {
    border: 1px solid #000000;
    clear: both;
    float: left;
    width: 1011px;
}
#Header img {
    padding: 26px 9px;
    float: right;
}


/* Crumbtrail 
------------------------------------------------------------ */
#Crumbtrail {
    clear: both;
}


/* ContentWrapper
------------------------------------------------------------ */
#ContentWrapper {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}


/* Left Column
------------------------------------------------------------ */
#LeftColumn {
    float: left;
    clear: right;
    width: 198px;
    margin-right: 8px;
}


/* Content
------------------------------------------------------------ */
.Content {
    float: left;
    clear: right;
    width: 614px;
    margin-right: 7px;
}
.FullWidth {
    width: 805px;
    margin-right: 0;
}


/* Sidebar
------------------------------------------------------------ */
.Sidebar {
    float: left;
    clear: right;
    width: 186px;
}


