/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #31383D;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}

a:link
{ 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: underline; 
	color: #FFFFFF;
}

a:hover
{ 
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}

/*-- GENERAL BITS --------------*/
/*-#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}-*/
#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: absolute; top: 50%; left: 50%; margin: -295px 0 0 -470px; text-align: left;}



/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 940px; height: 80px; margin: 0; padding: 0;}

	#masthead ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	#masthead li {display: inline; float: left; margin: 0 0 0 25px;}
	#masthead li a {display: inline; float: left; height: 18px;}
	#masthead li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 40px; height: 18px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 40px; height: 18px;}

#nav02 a {background: url(images/nav_about_off.gif) top left no-repeat; width: 40px; height: 18px;}
#nav02 a:hover {background: url(images/nav_about_on.gif) top left no-repeat;}
#nav02on {background: url(images/nav_about_on.gif) top left no-repeat; width: 40px; height: 18px;}

#nav03 a {background: url(images/nav_gallery_off.gif) top left no-repeat; width: 46px; height: 18px;}
#nav03 a:hover {background: url(images/nav_gallery_on.gif) top left no-repeat;}
#nav03on {background: url(images/nav_gallery_on.gif) top left no-repeat; width: 46px; height: 18px;}

#nav04 a {background: url(images/nav_comments_off.gif) top left no-repeat; width: 73px; height: 18px;}
#nav04 a:hover {background: url(images/nav_comments_on.gif) top left no-repeat;}
#nav04on {background: url(images/nav_comments_on.gif) top left no-repeat; width: 73px; height: 18px;}

#nav05 a {background: url(images/nav_info_off.gif) top left no-repeat; width: 26px; height: 18px;}
#nav05 a:hover {background: url(images/nav_info_on.gif) top left no-repeat;}
#nav05on {background: url(images/nav_info_on.gif) top left no-repeat; width: 26px; height: 18px;}

#nav06 a {background: url(images/nav_login_off.gif) top left no-repeat; width: 33px; height: 18px;}
#nav06 a:hover {background: url(images/nav_login_on.gif) top left no-repeat;}
#nav06on {background: url(images/nav_login_on.gif) top left no-repeat; width: 33px; height: 18px;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 52px; height: 18px;}
#nav07 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;}
#nav07on {background: url(images/nav_contact_on.gif) top left no-repeat; width: 52px; height: 18px;}

#headerLogo {position: absolute; top: 20px; left: 0; width: 196px; height: 29px;}
#headerNavBar {position: absolute; top: 34px; right: 0; height: 18px;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 30px 0;}
	.footerArea p {font-size: 11px; color: #CCCCCC; display: inline; margin: 0; padding: 0;}


/*-- HOME PAGE ---------------------*/
.homeIntro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #454E54; margin: 0 20px 20px 0;}
	.homeIntro h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro h2 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 20px 20px 20px; padding: 0;}

.homeFlashHolder {position: relative; float: left; display: inline; width: 620px; height: 300px; background-color: #454E54; margin: 0 0 20px 0;}

.homeThumb {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0 20px 0 0;}
	.homeThumb img {border: 0;}
	.homeThumb a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumb a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumb a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}
.homeThumbRight {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0;}
	.homeThumbRight img {border: 0;}
	.homeThumbRight a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}

/*-- GALLERY PAGE --------------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 770px; height: 460px; background: url(images/bg_loader.gif) center center no-repeat #454E54; text-align: center; padding: 0;}

.galleryNavigation {position: relative; float: left; display: inline; width: 130px; height: 420px; background-color: #454E54; padding: 20px;}

.galleryNavigationColumn1 {position: relative; float: left; display: inline; width: 60px; margin: 0 10px 0 0; padding: 0;}
	.galleryNavigationColumn1 img {border: 0; margin: 0;}
	.galleryNavigationColumn1 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}
.galleryNavigationColumn2 {position: relative; float: left; display: inline; width: 60px; margin: 0; padding: 0;}
	.galleryNavigationColumn2 img {border: 0; margin: 0;}
	.galleryNavigationColumn2 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}

.galleryNavigationText {position: relative; float: left; display: inline; width: 130px; margin: 0; padding: 0;}
	.galleryNavigationText p {margin: 0; padding: 0; font-size: 11px; color: #CCCCCC;}

/*-- ABOUT US PAGE -------------*/
.aboutMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.aboutMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.aboutMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.aboutColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.aboutImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.aboutImageArea img {border: 0;}
	
/*-- PRICES PAGE -------------*/
.pricesMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.pricesMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.pricesMainArea h2 {font-size: 12px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0; font-weight:bold;}
	.pricesMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
	
.pricesColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.pricesColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.pricesImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.pricesImageArea img {border: 0;}


/*-- CONTACT PAGE -------------*/
.contactMainArea {position: relative; float: left; display: inline; width: 320px; height: 460px; font-size: 11px; background-color: #454E54;}
	.contactMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.contactMainArea h2 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.contactMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}

.contactColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
	.contactColumn1 h6 em {color: #b1dcf8;}
	.contactColumn1 form {padding: 0; margin: 10px 0 0 0;}
	.contactColumn1 label {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; width: 70px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 10px 0 0; font-style: normal;}
	.contactColumn1 label em {color: #b1dcf8;}

.formContactText {width: 150px; border: 1px solid #9eacb6; background-color: #454e54; color: #FFFFFF; font-size: 12px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 80px;}
.formButton {background-color: #31383d; border: 1px solid #31383d; color: #FFFFFF; font-size: 12px; padding: 3px 5px 3px 5px; font-family: Arial, Helvetica, sans-serif;}

.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.contactImageArea {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #454E54;}
	.contactImageArea img {border: 0;}


/*-- COMMENTS PAGE -------------*/
.commentsMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.commentsMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.commentsMainArea h2 {font-size: 12px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0; font-weight:bold;}
	.commentsMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
	.commentsMainArea p em {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0; font-style: italic;}
	.commentsMainArea p strong {font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 1.9em; margin: 1em 0 1em 0; padding: 0;}
	
.commentsColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.commentsColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.commentsImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.commentsImageArea img {border: 0;}


/*-- NEW HOME PAGE -------------*/
.homeMainArea {position: relative; float: left; display: inline; width: 300px; height: 460px; font-size: 11px; background-color: #454E54;}
	.homeMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.homeMainArea h2 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.homeMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.homeColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 20px; width: 270px; height: 420px;}

.homeImageArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.homeImageArea img {border: 0;}

/*-- SEO CONTENT --*/
.additionalContent {position: absolute; top: 1400px; width: 100%; text-align: center;}
	.additionalContent p {width: 100%; text-align: center; color: #666666; font-size: 11px; line-height: 1.5em;}