@CHARSET "UTF-8";

/**
*   Grid
*
*   $Id: grid.css,v 0.1 2007/10/22 10:23:00 asc Exp $
*/

/*STYLE LIBRARIES
==============================*/
@import "reset.css";

@import "content.css";
@import "typography.css";


/*PRIMARY GRID
==============================*/
html {
margin: 0 auto;
padding: 0;
}

body {
margin: 0 auto;
padding: 0;
width: 1040px;
background: #E4E5D5;
}

#wrapper {
margin: 0 auto;
padding: 0;
width: 1040px;
height: 1264px;
float: left;
clear: none;
background: #E4E5D5 url(../images/background.gif) no-repeat top center;
}




/*CONTENT STRUCTURE
==============================*/
#header {
margin: 18px 0 0 40px;
padding: 0;
width: 950px;
float: left;
clear: none;
background: transparent url(../images/brand-chopshopstudios.gif) no-repeat top center;
}

* html #header {
margin: 18px 0 0 18px;
}

#brand {
margin: 0;
padding: 0;
width: 476px;
float: left;
clear: none;
height: 228px;
}

#content {
margin: 0 45px 0 0;
padding: 0;
float: right;
clear: none;
}

* html #content {
margin: 0 22px 0 0;
}

#contact {
margin: 10px 0 0 -7px;
padding: 0;
height: 252px;
float: left;
clear: none;
font-family: Georgia, serif;
font-size: 11px;
background: transparent url(../images/content-contact.gif) no-repeat top center;
color: #303030;
}

#media {
margin: 0 0 0 35px;
padding: 0;
width: 510px;
float: left;
clear: none;
background: url(../images/background-mediaIndex.gif) no-repeat top left;
}

* html #media {
margin: 0 0 0 18px;
}

*:first-child+html #media {
padding: 0 0 0 11px;
}

#gallery {
padding: 0;
float: left;
clear: none;
}

.homeGallery {
margin: 26px 0 0 16px;
width: 454px;
height: 700px;
}

* html #media {
margin: 0 0 0 18px;
}

.workGallery {
margin: 30px 0 0 20px;
width: 900px;
}

.workGalleryContent {
margin: 0 0 0 37px;
padding: 0;
width: 950px;
height: 545px;
float: left;
clear: none;
background: transparent url(../images/background-workGallery.gif) no-repeat top center;
}

* html .workGalleryContent {
margin: 0 0 0 16px;
}

#sidebar {
margin: 50px 15px 0 35px;
padding: 0;
width: 210px;
float: left;
clear: none;
text-align: right;
background-color: #FFF;
color: inherit;
}

* html #sidebar {
margin: 50px 0 0 18px;
padding: 0;
width: 210px;
}

#sidebar-top {
margin: 0;
padding: 0 35px 0 0;
width: 210px;
height: 32px;
float: left;
clear: none;
background: transparent url(../images/background-sidebar-top.gif) no-repeat top left;
}

* html #sidebar-top {
padding: 0;
}

#sidebar-bottom {
margin: 0;
padding: 0 40px 0 0;
width: 210px;
height: 22px;
float: left;
clear: none;
background: transparent url(../images/background-sidebar-bottom.gif) no-repeat bottom left;
}

* html #sidebar-bottom {
padding: 0;
}

#footer {
margin: 0;
padding: 0;
width: 1040px;
clear: both;
}



/*VARIABLE WIDTHS
==============================*/
.index {
width: 420px;
}

.single {
width: 650px;
}

.mediaIndex {
width: 510px;
}

.fill {
width: 950px;
}