@CHARSET "ISO-8859-1";
/* Reset */ 
* {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family:arial;
}
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em;
	color:#fff;
}

a img,:link img,:visited img { border:none }

/* Global styles */

ul {
	list-style: none;
}

ul li{
	padding: 0 0 25px 0;
}

.alignCenter {
	
	width: 890px;
	padding: 0 30px;
	margin: 0px auto;
}

.container {
	min-width: 890px;
}


p {
	font-weight: bold;
	font-size:12px;
	line-height: 20px;
}

h2 {
	font-weight: bold;
	font-size:16px;
	line-height: 23px;
	padding: 0 0 5px 0;
}


h3 {
	font-weight: bold;
	font-size:16px;
	line-height: 23px;
	padding: 0 0 10px 0;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearFix {
	clear:both;
}

body {
	background:#000;
}

/* Header */

.regionHeader {
	border-bottom: 1px solid #145d6c;
	padding: 30px 0 30px 0;
}

.regionHeader .logo h1 {
	text-indent: -9000px;
	background: url('../images/logo.jpg');
	height: 30px;
	width: 244px;
}

.regionHeader ul.nav {
	list-style:none;
	overflow:hidden;
	margin: 25px 0 0 0;
}

.regionHeader ul.nav li {
	list-style:none;
	display:inline;
	position:relative;
	left: -10px;
}

.regionHeader ul.nav li span {
	list-style:none;
	display:block;
	float:left;
	color:#4c4c4c;
	height: 23px;
	line-height: 23px;
	border-left: 1px solid #333;
}

.regionHeader ul.nav li span.home {
	border: 0;
}

.regionHeader ul.nav li span.home a {
	margin-left:0 !important;
}
.regionHeader ul.nav li span a {
	margin: 3px 10px;
	height:20px;
	text-indent: -9000px;
	font-size:1px;
	line-height:10px;
}

.regionHeader ul.nav li span.home a {
	padding-left:0;
}

.regionHeader ul.nav li span a.home 
{
	width: 60px;
	display:block;
	background: url('../images/nav.jpg') no-repeat 0px 0px;
}

.regionHeader ul.nav li span a.gallery 
{
	width: 112px;
	display:block;
	background: url('../images/nav.jpg') no-repeat -82px 0px;
}

.regionHeader ul.nav li span a.tandc 
{
	width: 54px;
	display:block;
	background: url('../images/nav.jpg') no-repeat -214px 0px;
}

.regionHeader ul.nav li span a.faq 
{
	width: 44px;
	display:block;
	background: url('../images/nav.jpg') no-repeat -290px 0px;
}

.regionHeader ul.nav li span a.feedback 
{
	width: 92px;
	display:block;
	background: url('../images/nav.jpg') no-repeat -356px 0px;
}

.regionHeader ul.nav li span a.contact 
{
	width: 108px;
	display:block;
	background: url('../images/nav.jpg') no-repeat -470px 0px;
}

.regionHeader ul.nav li span a.home:hover , #home .regionHeader ul.nav li span a.home {
	background-position: 0px -20px;
}

.regionHeader ul.nav li span a.gallery:hover , #gallery .regionHeader ul.nav li span a.gallery {
	background-position: -82px -20px;
}

.regionHeader ul.nav li span a.tandc:hover , #tandc .regionHeader ul.nav li span a.tandc {
	background-position: -214px -20px;
}

.regionHeader ul.nav li span a.faq:hover , #faq .regionHeader ul.nav li span a.faq {
	background-position: -290px -20px;
}

.regionHeader ul.nav li span a.feedback:hover , #feedback .regionHeader ul.nav li span a.feedback {
	background-position: -356px -20px;
}

.regionHeader ul.nav li span a.contact:hover , #contact .regionHeader ul.nav li span a.contact {
	background-position: -470px -20px;
}



.regionContent .regionTop {
	padding: 25px 0;
	border-bottom: 1px solid #145d6c;
}

.regionContent .regionBottom {
	padding: 25px 0;
}

.leftCol {
	float:left;
	width: 570px;
}

.rightCol {
	float:left;
	width: 320px;
}

.linkBar {
	font-size: 13px;
	font-weight:bold;
	color: #27b9d7;
	
	padding: 5px 0;
}

.linkBarRight {
	text-align:right;
}
.linkBar a {
	color: #27b9d7;
	text-decoration:none;
}
.linkBar a:hover {
	text-decoration:underline;
}

/* Home Page */

#home .regionContent .regionTop img {
	margin: 0 0 0 55px;
}

#home .regionContent .regionTop img.first {
	margin: 0;
}

#home .regionContent .regionBottom p.intro {
	font-size:16px;
	line-height: 20px;
}

#home .regionContent .regionBottom h1 {
	height: 25px;
	width: 398px;
	background: url(../images/homeTitle.jpg);
	text-indent: -9000px;
	margin: 0 0 20px 0; 	
}

/* Gallery Page */
#gallery .product p.price {
	color: #fff;
}
#gallery .product p.link {
	color: #27b9d7;
}

#gallery [class='product first'] {
	margin-left: 0px;
	padding: 25px 0;
	width:260px;
	float:left;
}

#gallery div[class='product'] {
	padding: 25px 0;
	width:260px;
	float:left;
	margin-left: 45px;
}

#gallery .first {
	margin-left: 0px;
	padding: 25px 0;
	width:255px;
	float:left;
}

#gallery .product {
	padding: 25px 0;
	width:255px;
	float:left;
	margin-left: 25px;
}
#gallery .product img{
	padding: 0 0 10px 0;
}
#gallery .product p {
	padding: 5px 0 5px 5px;
	font-size: 16px;
	font-weight:bold;
}
#gallery .product a {
	color: #27b9d7;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}

#gallery .product a:hover{
	text-decoration:underline;
}

.variation {
	margin: 20px 0 0 0;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
.variation td{
	border: 1px solid #27b9d7;
	padding: 3px 4px;
	font-size:11px;
	font-weight:bold;
	color:  #27b9d7;
}

.variation td.price{
	color:  #fff;
}

/* Faqs */


#faq h2 a {
	color: #fff;
	text-decoration:none;
}

#faq h2 a:hover {
	text-decoration:underline;
}

/* Feedback */

#feedback .regionContent {
	padding-top: 25px;
}

#feedback ul li p {
	font-size: 16px;
}

#feedback ul li p.name {
	color: #fff;
	padding: 5px 0 0 0 ;	
}



/* Contact */

#contact .regionContent h2 {
	margin: 10px 0 5px 0;
	padding: 0;
}

#contact .regionContent p {
	font-size:16px;	
	margin: 5px 0 20px 0;
}
	
#contact .regionContent h2.post {
	width: 222px;
	height: 23px;
	background: url('../images/contactPost.jpg');
	text-indent: -9000px;
}

#contact .regionContent h2.phone {
	width: 76px;
	height: 23px;
	background: url('../images/contactPhone.jpg');
	text-indent: -9000px;
}

#contact .regionContent h2.email {
	width: 76px;
	height: 23px;
	background: url('../images/contactEmail.jpg');
	text-indent: -9000px;
}
#contact .regionContent {
	padding: 25px 0 0 465px;
}
/* Footer */

.regionFooter {
	clear:both;
	padding: 20px 0 20px 0;	
}

.regionFooter .links p{
	color: #fff;
	padding: 0 0 10px 0;
}
.regionFooter .links p a{
	color: #fff;
	text-decoration: none;
}
.regionFooter .links p a:hover{
	text-decoration: underline;
}