/* CSS Document */

body {
	margin: 0px;
	background: url(images/background.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #1C1C1C;
	color: #FFFFFF;
	font-family: "Century Gothic", Vrinda;
	font-size: 12px;
}

.navbar {
	color: #a0a0a0;
	background: url(images/navbar-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: "Century Gothic", Vrinda;
	font-size: 14px;
	font-weight: bold;
	padding-right: 16px;
	text-decoration: none;
}

.navbar a:link, .navbar a:visited {
	color: #a0a0a0;
	font-size: 14px;
	font-family: "Century Gothic", Vrinda;
	font-weight: bold;
	text-decoration: none;
}

.navbar a:hover {
	color: #ffffff;
	font-size: 14px;
	font-family: "Century Gothic", Vrinda;
	font-weight: bold;
	text-decoration: none;
}

.banner {
	background: url(images/banner.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.banner-bottom {
	background: url(images/banner-bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #666666;
}

.banner-bottom a:link, .banner-bottom a:hover, .banner-bottom a:visited {
	text-decoration: none;
	color: #666666;
}

.main {
	background: url(images/main-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 12px;
	font-family: "Century Gothic", Vrinda;
}

.main2 {
	background: url(images/container/main-bg2.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 12px;
	font-family: "Century Gothic", Vrinda;
}

.footer {
	background: url(images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 22px;
	padding-bottom: 4px;
	font-size: 12px;
	font-family: "Century Gothic", Vrinda;
}

.top {
	background: url(images/container/border-top.gif);
}

.top-gallery {
	background: url(images/container/gallery.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-welcome {
	background: url(images/container/welcome.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-products {
	background: url(images/container/products.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-tints {
	background: url(images/container/window-tints.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-marine {
	background: url(images/container/marine.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-contact {
	background: url(images/container/contact-us.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-enquires {
	background: url(images/container/enquires.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: bottom;
}

.top-left {
	background: url(images/container/top-left.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.top-right {
	background: url(images/container/top-rght.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.bottom {
	background: url(images/container/border-bot.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.bottom-left {
	background: url(images/container/bot-left.gif);
	background-position: top;
	background-repeat: no-repeat;
}

.bottoom-right {
	background: url(images/container/bot-rght.gif);
	background-position: top;
	background-repeat: no-repeat;
}

.side-left {
	background: url(images/container/border-lft.gif);
}

.side-right {
	background: url(images/container/border-rgh.gif);
}

.container {
	background: #121212;
	padding: 4px;
	padding-top: 0px;
	cursor: default;
	text-align: justify;
	font-size: 12px;
	font-family: "Century Gothic", Vrinda;
}

.photo {
	border: 1px solid #737373;
	padding: 1px;
}

.input {
	background: url(images/input.gif);
	background-color: #FFFFFF;
	background-position: top;
	background-repeat: repeat-x;
	color: #4d4d4d;
	font-family: "Century Gothic", Vrinda;
	font-size: 12px;
	border: 1px solid #9e9e9e;
	padding: 2px;
}

.input-on {
	background: url(images/input.gif);
	background-color: #FFFFFF;
	background-position: top;
	background-repeat: repeat-x;
	color: #000000;
	font-family: "Century Gothic", Vrinda;
	font-size: 12px;
	border: 1px solid #9e9e9e;
	padding: 2px;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 1px solid #737373;
	padding: 1px;
}

.highslide:hover img {
	border: 1px solid #737373;
	padding: 1px;
}

.highslide-wrapper {
	background: #000000;
}

.highslide-image {
	border: 1px solid #737373;
	padding: 1px;
}

.highslide-image-blur {
}


.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}