html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	padding: 0px;
	height: 812px;
	width: 1294px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer {
	padding: 0px;
	height: 30px;
	width: 1294px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper #inner_wrap {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.homepage {
	background-image: url(images/home_bg.jpg);
}
.contact {
	background-image: url(images/contact_bg.jpg);
}
.gallery {
	background-image: url(images/gallery_bg.jpg);
}
.products {
	background-image: url(images/products_bg.jpg);
}
.services {
	background-image: url(images/services_bg.jpg);
}
.words {
	background-image: url(images/wfo_bg.jpg);
}
#nav {
	padding-top: 42px;
	padding-left: 257px;
}
/* Main Nav CSS START */
#nav ul{
	margin:0px;
	width: 700px;
	height: 0px;
	margin-left: 0px;
}
#nav ul li{
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
}
#nav ul li a {
	display: block; /* This property is very important as it lets us set a height and width for links. */
	height: 0 !important; /* For the menus, we will let our padding-top property control how tall the menu items are. */
	padding-top: 61px; /* We want the menu to be as tall as the header itself, so we set a padding-top of 135px. This is required for the menu to display properly. */
	overflow: hidden !important;
}

/* HOME */
#nav ul li.home a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 110px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav ul li.home a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -61px;
}
#nav ul li.home a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -61px;
}
#nav ul li.services a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 86px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -110px 0px;
}
#nav ul li.services a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -110px -122px;
}
#nav ul li.services a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -110px -122px;
}
#nav ul li.products a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 99px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -196px 0px;
}
#nav ul li.products a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -196px -183px;
}
#nav ul li.products a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -196px -183px;
}
#nav ul li.gallery a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 87px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -295px 0px;
}
#nav ul li.gallery a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -295px -244px;
}
#nav ul li.gallery a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -295px -244px;
}
#nav ul li.word a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 169px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -388px 0px;
}
#nav ul li.word a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -388px -305px;
}
#nav ul li.word a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -388px -305px;
}
#nav ul li.contact a { /* You can easily use Firebug to determine all these CSS classes. */
	width: 149px; /* Sets the width of this particular menu item. You do not need to define a width for the hover state unless the width of the link will be changing between off and hover. */
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -545px 0px;
}
#nav ul li.contact a:hover {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -545px -366px;
}
#nav ul li.contact a.active {
	background-image: url(images/main_nav.png);
	background-repeat: no-repeat;
	background-position: -545px -366px;
}
#footer #footer_mnu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 0px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #000;
}
#footer #footer_mnu a {
	color: #000;
	text-decoration: none;
}
#footer #footer_mnu a:hover {
	color: #FFF;
	text-decoration: none;
}
#wrapper #inner_wrap #main_content {
	padding: 0px;
	height: 625px;
	width: 699px;
	margin-top: 61px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper #inner_wrap #main_content .main_logo {
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 190px;
}
#wrapper #inner_wrap #main_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	width: 520px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 16px;
}
#wrapper #inner_wrap #main_content h4 {
	padding: 0px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	color: #d8b3f4;
	font-weight: lighter;
}

#wrapper #inner_wrap #content_foot {
	padding: 0px;
	height: 50px;
	width: 699px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 12px;
}
.topIMG {
	width: 597px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.galleryIMG {
	width: 597px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#wrapper #inner_wrap #main_content #address {
	text-align: center;
}
#wrapper #inner_wrap #main_content #address p a {
	color: #D8B3F4;
	text-decoration: none;
}