@import url(reset.css);
HTML, BODY
{
	height: 100%;
}
BODY
{
	background: #E8E7E7 url(../images/layout/bg-body.png) repeat-x;
	padding-top: 0;
}
#container
{
	/*[disabled]border:1px solid #E81B1B;*/
	width: 800px;
	background: url(../images/layout/bgContainer.png) no-repeat;
	margin: 0 0 0 0px;
	/*[disabled]height:100%;*/
	min-height: 100%;
	padding: 0 0 0px;
	position: relative;
}
#columns
{
	background: url(../images/layout/bg-container-main.png) repeat-y 50px 0px;
	/*[disabled]border:1px solid #330DCE;*/
	height: 100%;
	padding: 0;
	overflow: visible;
}
#container-main
{
	width: 500px;
	margin: 0 0 0 51px;
	/*[disabled]border:1px solid #1BF27E;*/
	padding: 0 0 11em;
	position: relative;
}
#header
{
	height: 126px;
	background: url(../images/layout/bg-header.png);
	position: relative;
	/*[disabled]border:1px solid #000000;*/
	display: block;
}
#logo
{
	/*[disabled]border:1px solid #FF0000;*/
	display: block;
	width: 257px;
	height: 0px;
	position: absolute;
	left: 186px;
	top: 69px;
	background: url(../images/layout/bg-logo.png);
	padding: 46px 0 0;
	overflow: hidden;
}
#designPic
{
	background: url(../images/layout/bg-splash.png) no-repeat;
	/*[disabled]border:1px solid #000000;*/
	height: 170px;
	width: 466px;
	margin: 0 0 15px 16px;
}
#content
{
}
#primaryNav
{
	/*[disabled]border:1px solid #FF0000;*/
	overflow: auto;
	background: url(../images/layout/bg-primarynav.png) no-repeat;
	width: 447px;
	height: 30px;
	margin: 0 0 0 13px;
	padding: 12px 0 0 25px;
}
#primaryNav LI
{
	float: left;
	/*[disabled]border:1px solid #000000;*/
}
#primaryNav LI A
{
	/*[disabled]border:1px solid #FF0000;*/
	display: block;
	padding: 17px 0 0;
	text-decoration: none;
	height: 0px;
	overflow: hidden;
}
A#nav-portfolio
{
	width: 158px;
	background: url(../images/btn/primarynav-rollover.png);
}
A#nav-about
{
	width: 119px;
	background: url(../images/btn/primarynav-rollover.png) -157px 0px;
}
A#nav-contact
{
	width: 135px;
	background: url(../images/btn/primarynav-rollover.png) -277px 0px;
}
A#nav-portfolio:hover
{
	width: 158px;
	background: url(../images/btn/primarynav-rollover.png) 0 -51px;
}
A#nav-about:hover
{
	width: 119px;
	background: url(../images/btn/primarynav-rollover.png) -157px -51px;
}
A#nav-contact:hover
{
	width: 135px;
	background: url(../images/btn/primarynav-rollover.png) -277px -51px;
}
.contentBox
{
	/*[disabled]border:1px solid #000000;*/
	background: url(../images/layout/bg-contentbox.png) repeat-y;
	width: 468px;
	margin: 0 0 0px 15px;
}
.contentBox-footer
{
	height: 29px;
	background: url(../images/layout/bg-contentbox-footer.png) no-repeat;
	width: 467px;
	margin: 0 0 15px 0px;
	/*[disabled]padding:0 0 39px;*/
}
.contentBox HR
{
	width: 437px;
	background: url(../images/layout/bg-hr.png) no-repeat;
	height: 38px;
	border: none;
	margin-top: 29px;
}
.contentBox H2
{
	font: bold 14px arial;
	color: #A70000;
	margin: 30px 0 7px 29px;
}
.contentBox IMG
{
	border: 1px solid #000;
	margin: 0 0 0 28px;
}
.contentBox P
{
	/*[disabled]border:1px solid #E65050;*/
	width: 404px;
	margin: 13px 0 0 30px;
	font: 12px arial;
}
.contentBox-title
{
	width: 467px;
	overflow: hidden;
	height: 0px;
}
H1#title-design
{
	background: url(../images/titles/title-design.png) no-repeat;
	padding: 75px 0 0;
}
H1#title-development
{
	background: url(../images/titles/title-development.png) no-repeat;
	padding: 52px 0 0;
}
H1#title-cooks
{
	background: url(../images/titles/title-cooks.png) no-repeat;
	padding: 75px 0 0;
}
H1#title-work
{
	background: url(../images/titles/title-work.png) no-repeat;
	padding: 75px 0 0;
}
H1#title-contact
{
	background: url(../images/titles/title-contact.png) no-repeat;
	padding: 75px 0 0;
}
.title-first
{
	padding: 75px 0 0;
}
#footer
{
	/*[disabled]border:1px solid #000000;*/
	background: url(../images/layout/bg-footer.png);
	margin: -20px 0 0;
	position: relative;
}
#footer-cap
{
	background: url(../images/layout/bg-footer-cap.png) no-repeat;
	width: 800px;
	height: 150px;
	margin: 0px 0 0;
	/*[disabled]border:1px solid #D61414;*/
}
.peeps
{
	position: absolute;
}
.jonas
{
	height: 200px;
	width: 279px;
	/*[disabled]border:1px solid #CC0404;*/
	top: -147px;
	left: 357px;
	background: url(../images/peeps/jonas.png);
}
.shedyl
{
	height: 200px;
	width: 279px;
	/*[disabled]border:1px solid #CC0404;*/
	top: -147px;
	left: 357px;
	background: url(../images/peeps/shedyl.png);
}
.regie
{
	height: 225px;
	width: 254px;
	/*[disabled]border:1px solid #CC0404;*/
	top: -147px;
	left: 357px;
	background: url(../images/peeps/regie.png) no-repeat;
}
.btn
{
	display: block;
	margin: 10px 0 0;
}
.btn-viewsite
{
	width: 94px;
	/*[disabled]border:1px solid #000000;*/
	height: 25px;
	text-decoration: none;
	background: url(../images/btn/btn-viewsite.png) no-repeat;
	padding: 10px 0 0 43px;
	font: bold 12px arial;
	color: #A70000;
	margin-left: 252px;
}
#contact
{
	/*[disabled]border:1px solid #FF0000;*/
	width: 422px;
	margin: 35px 0 0 10px;
	padding: 0 0 0 23px;
}
#contact TEXTAREA
{
	display: block;
	background: #E9E9E9;
	border: 1px solid #C0C0C0;
	padding: 2px;
	width: 385px;
	height: 98px;
	font: 12px arial;
}
#contact LABEL
{
	display: block;
	/*[disabled]border:1px solid #1C4CC8;*/
	padding: 5px;
	font: bold 14px Arial;
	color: #8E8D8D;
}
#contact LABEL INPUT.text
{
	display: block;
	padding: 4px 2px 0px;
	margin: 7px 0 0;
	background: #E9E9E9;
	border: 1px solid #C0C0C0;
	width: 384px;
	height: 25px;
	font: 14px Arial;
}
#contact INPUT.submit
{
	border: 1px solid transparent;
	width: 140px;
	height: 36px;
	text-decoration: none;
	background: url(../images/btn/btn-viewsite.png) no-repeat;
	padding: 0px 0 0 20px;
	font: bold 12px arial;
	color: #A70000;
	margin: 12px 0 6px 252px;
	cursor: hand;
	cursor: pointer;
}
.mailresult
{
	padding-left: 7px;
	height: 25px;
	font: 14px arial;
	color: #8E8D8D;
}