/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

BODY {
	background: #F3F3F3 url(../images/bg_gradient.gif) top left repeat-x;
	text-align: center;
}
#pageContainer {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/bg_columns.gif) top left repeat-y;
	border-top: 1px solid #3E5A6B;   /* Some weird Firefox thing where it won't push to the top without a top border */
	margin-top: -1px;   /* Now shift things up to push the extra border out of the viewport */
}


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	padding: 0 30px;
	width: 720px !important;
	width /**/: 780px;
	height: 110px;
	background: transparent url(../images/bg_gradient.gif) top left repeat-x;
	float: left;
	clear: left;
	position: relative;
}
#masthead H1 {
	margin:  30px 0 0;
	text-indent: -5000px;
	background: #D3DFDF url(../images/logo.gif) 11px 0 no-repeat;
	height: 80px;
}
#masthead H1 A {
	float: left;
	display: block;
	width: 100%;
	height: 80px;
	text-decoration: none;
}
#painting {
	position: absolute;
	right: 0px;
	top: 10px;
}
#painting A {
	text-decoration: none;
}


/* ===============================
		::: MENU :::
=============================== */

#menu {
	background: transparent url(../images/bg_menu.gif) top left no-repeat;
	width: 100%;
	height: 49px;
	float: left;
	clear: left;
}
#menu UL {
	margin: 22px 0 0 45px;
	height: 27px;
	width: 484px;
	list-style: none;
	background: transparent url(../images/menu_home.gif) top left no-repeat;
}
#menu LI {
	display: inline;
}
#menu LI A {
	text-indent: -5000px;
	float: left;
	display: block;
	height: 27px;
	text-decoration: none;
}
#menu #menu-home A {
	width: 92px;
}
#menu #menu-staffing A {
	width: 156px;
}
#menu #menu-jobs A {
	width: 122px;
}
#menu #menu-staff A {
	width: 114px;
}
BODY.home #menu UL,
BODY.contact #menu UL {
	background-image: url(../images/menu_home.gif);
}
BODY.staffing #menu UL {
	background-image: url(../images/menu_staffing.gif);
}
BODY.jobs #menu UL {
	background-image: url(../images/menu_jobs.gif);
}
BODY.staff #menu UL {
	background-image: url(../images/menu_staff.gif);
}

/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	float: left;
	clear: left;
	width: 100%;
	background: transparent url(../images/bg_content.gif) top left no-repeat;
}
#content {
	float: left;
	clear: left;
	padding: 30px 80px 45px 60px;
	width: 400px !important;
	width /**/: 540px;
}
BODY#paintings #content {
	padding-right: 30px;
	width: 450px !important;
	width /**/: 590px;
}


/* ===============================
		::: SIDEBAR :::
=============================== */

#sidebar {
	float: left;
	clear: right;
	margin-left: 30px;
	padding-top: 50px;
	width: 190px;
}
#sidebar P {
	padding-right: 30px;
}

/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	clear: both;
	width: 720px;
	margin: 30px 30px 0;
	border-top: 2px solid #EAEBEC;
	background: #f3f3f3;
	padding-top: 1em;
}


/* ===============================
		::: MISC :::
=============================== */

.right {
	float: right;
}
.left {
	float: left;
}
.paintings-table TD {
	padding: 12px;
}
.paintings-table IMG {
	padding: 3px;
	border: 1px solid #333;
}