/* -------------------------------------------- General ---------------------------------- */
body{
	font: 10pt Arial, sans-serif;
	color: black;
	text-align: center;
	background-color: #A5A27B;
	margin-top: 0px;
}
.hide{
	display: none;
}
/* ------------------------------------------- Container -------------------------------------- */
#container{
	width: 750px;
	text-align: left;
	position: relative;
	background-color: #ffffff;
	margin: auto;
	border: 1px solid #404040;
}

/* ------------------------------------------ Header ------------------------------------------ */
#header{
	width: 750px;
	background: url(images/othertop.gif);
	height: 131px;
}
body.commercial #header{
	background: url(images/commercialtop.gif);
}
body.kids #header{
	background: url(images/kidstop.gif);
}
#header h1{
	display: none;
}

/* ------------------------------------------ Navigation ------------------------------------------ */
#navigation{
	width: 750px;
	height: 38px;
	background: url(images/navigation.gif);
}
body.commercial #navigation{
	background: url(images/commnav.gif);
}
body.kids #navigation{
	background: url(images/kidsnav.gif);
}
#navigation a{
	display: block;
	height: 38px;
	float: left;
}
#navigation a span{
	display: none;
}
#navigation a.home{
	width: 83px;
}
#navigation a.home:hover{
	background: url(images/navover2.gif);
}
#navigation a.about{
	width: 100px;
}
#navigation a.about:hover{
	background: url(images/navover2.gif) -83px 0px;
}
#navigation a.equipment{
	width: 102px;
}
#navigation a.equipment:hover{
	background: url(images/navover2.gif) -183px 0px;
}
#navigation a.services{
	width: 95px;
}
#navigation a.services:hover{
	background: url(images/navover2.gif) -285px 0px;
}
#navigation a.contact{
	width: 95px;
}
#navigation a.contact:hover{
	background: url(images/navover2.gif) -380px 0px;
}

/* ------------------------------------------------ Content ----------------------------------- */
body.home #content{
	background: url(images/contenttophome.gif) no-repeat white;
}
body.about #content{
	background: url(images/contenttopabout.gif) no-repeat white;
}
body.equipment #content{
	background: url(images/contenttopequipment.gif) no-repeat white;
}
body.services #content{
	background: url(images/contenttopservices.gif) no-repeat white;
}
body.contact #content{
	background: url(images/contenttopcontact.gif) no-repeat white;
}
body.lenticular #content{
	background: url(images/contenttoplenticular.gif) no-repeat white;
}
body.commercial #content{
	background: url(images/contenttopcomm.gif) no-repeat white;
	padding-top: 9px;
}
body.kids #content{
	background: url(images/contenttopkids.gif) no-repeat white;
}
body.thankyou #content{	
	background: url(images/contenttopthankyou.gif) no-repeat white;
}
#content{
	color: #404040;
	width: 750px;
}
#content img.first{
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 20px;
}
#content h2{
	height: 43px;
	margin: 0px;
	font-size: 10pt;
}
#content h2 span{
	display: none;
}
#content p{
	margin-left: 5px;
	margin-right: 5px;
}
#content p.first{
	margin-top: -10px;
}
body.thankyou #content p.first{
	margin-top: 10px;
	margin-bottom: 15px;
}

/* ------------------------------------------ Service types ------------------------------------- */
#servicetypes{
	width: 750px;
	clear: both;
}
#servicetypes a{
	display: block;
	width: 250px;
	height: 114px;
	float: left;
}
#servicetypes a span{
	display: none;
}
#servicetypes a.children{
	background: url(images/childrensbooks.gif);
	border-right: 1px solid white;
	width: 249px;
}
* html #servicetypes a.children{
	width: 250px;
}
#servicetypes a.commercial{
	background: url(images/commercial.gif);
	border-right: 1px solid white;
	width: 249px;
}
* html #servicetypes a.commercial{
	width: 250px;
}
#servicetypes a.lenticular{
	background: url(images/lenticular.gif);
}

/* -------------------------------------------------- Footer -------------------------------------- */
#footer{
	width: 750px;
	background-color: #024883;
	padding-bottom: 10px;
	color: white;
	text-align: center;
	font-size: 8pt;
	clear: both;
	border-top: 1px solid white;
}
#footer a{
	color: white;
}
#footer table{
	width: 650px;
	margin: auto;
	text-align: left;
	padding-bottom: 5px;
}
#footer table td{
	text-align: center;
	font-size: 8pt;
	color: white;
	width: 25%;
}
/* -------------------------------------- Contact form ------------------------------------- */
form{
	display: block;
	text-align: center;
}
table.formtable{
	width: 80%;
	display: block;
	margin-left: 20px;
}
table.formtable td{
	text-align: left;
	font-size: 10pt;
	color: #404040;
	width: 50%;
}
table.formtable td div.right{
	width: 48%;
	float: right;
}
table.formtable td div.left{
	width: 48%;
	float: left;
}