@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #078BFF;
}
#footer {
	height: 57px;
	width: 930px;
	text-align: center;
	background-image: url(images/gardenstitches_footer.png);
	margin: 0px auto;
	position: relative;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 20px;
	width: 930px;
}
#container {
	width:930px;
	margin:0px auto;
	text-align:center;
	position:relative;
	background-image: url(images/gardenstitches_bg.png);
	background-repeat: repeat-y;
}
#header {
	height: 300px;
	width: 855px;
	position: relative;
	background-image: url(images/gardenstitches_header.jpg);
	left: 37px;
}
#mainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	width: 840px;
	position: relative;
	padding: 15px 55px 15px 35px;
	height: 500px;
	line-height: 21px;
	text-align: justify;
}
#mainbody_long {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	width: 840px;
	position: relative;
	padding: 15px 55px 15px 35px;
	height: 900px;
	line-height: 21px;
	text-align: justify;
}

#mainbody_1200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	width: 840px;
	position: relative;
	padding: 15px 55px 15px 35px;
	height: 1200px;
	line-height: 21px;
	text-align: justify;
}

#mainbody_5200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	width: 840px;
	position: relative;
	padding: 15px 55px 15px 35px;
	height: 2800px;
	line-height: 21px;
	text-align: justify;
}

#menu {
	height: 25px;
	width: 640px;
	position: relative;
	left: 105px;
	top: 245px;
}
#services {
	height: 25px;
	width: 125px;
	position: absolute;
}
a.rolloverServices {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_service.png);
}
a.rolloverServices:hover {
	background-position: -124px 0;
}
.displace {
	position: absolute;
	left: -5000px;
}
/* SAMPLES HERE */
#samples {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 115px;
}
a.rolloverSamples {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_samples.png);
}
a.rolloverSamples:hover {
	background-position: -124px 0;
}
#samples {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 115px;
}
a.rolloverSamples {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_samples.png);
}
a.rolloverSamples:hover {
	background-position: -124px 0;
}
/* END SAMPLES END SAMPLES */
/* END SAMPLES END SAMPLES */
#gallery {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 115px;
}
a.rolloverGallery {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_gallery.png);
}
a.rolloverGallery:hover {
	background-position: -124px 0;
}
#gallery {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 115px;
}
a.rolloverGallery {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_gallery.png);
}
a.rolloverGallery:hover {
	background-position: -124px 0;
}

#suppliers {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 245px;
}
a.rolloverSuppliers {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_suppliers.png);
}
a.rolloverSuppliers:hover {
	background-position: -124px 0;
}
#contactus {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 374px;
}
a.rolloverContactus {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_contactus.png);
}
a.rolloverContactus:hover {
	background-position: -124px 0;
}
#aboutus {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 507px;
}
a.rolloverAboutus {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_aboutus.png);
}
a.rolloverAboutus:hover {
	background-position: -124px 0;
}
#home {
	height: 25px;
	width: 125px;
	position: absolute;
	left: 55px;
	top: 5px;
}
a.rolloverHome {
	display: block;
	width: 125px;
	height: 25px;
	text-decoration: none;
	background-image: url(images/d_home.png);
}
a.rolloverHome:hover {
	background-position: -124px 0;
}
#titleServices {
	background-image: url(images/title_services.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleSamples {
	background-image: url(images/title_samples.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleGallery {
	background-image: url(images/title_gallery.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleSuppliers {
	background-image: url(images/title_suppliers.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleContactus {
	background-image: url(images/title_contactus.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleAboutus {
	background-image: url(images/title_aboutus.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#titleWelcome {
	background-image: url(images/title_welcome.png);
	height: 102px;
	width: 254px;
	float: left;
	margin: 0px 15px 10px 40px;
}
#tableShell {
	width: 800px;
	position: absolute;
	left: 51px;
	top: 143px;
}
.bluetext {
	color: #3EA2FE;
	font-weight: bold;
}
#contactCards {
	height: 483px;
	width: 523px;
	background-image: url(images/contact_business_cards.gif);
	left: 350px;
	position: absolute;
}
#contactusInfobox {
	height: 350px;
	width: 254px;
	position: absolute;
	left: 86px;
	top: 133px;
}
#servicesMachine {
	height: 266px;
	width: 400px;
	background-image: url(images/the_machine.jpg);
	position: absolute;
	left: 256px;
	top: 452px;
}

#home2Head {
	height: 266px;
	width: 400px;
	background-image: url(images/homepage1.jpg);
	position: absolute;
	left: 256px;
	top: 200px;
}
#homeSign {
	height: 266px;
	width: 400px;
	background-image: url(images/homepage2.jpg);
	position: absolute;
	left: 256px;
	top: 500px;
}

#homeTucker {
	height: 266px;
	width: 400px;
	background-image: url(images/homepage3.jpg);
	position: absolute;
	left: 256px;
	top: 800px;
}

#aboutusTucker {
	height: 266px;
	width: 400px;
	background-image: url(images/homepage3.jpg);
	position: absolute;
	left: 256px;
	top: 250px;
}