﻿@import url('layout.css');

body {

	background-color: #000000;

	background-image: url('../images-last-version/headerbg.gif');

	background-repeat: repeat-x;

	margin: 0;

	padding: 0;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

}

#headerback {

	background-image: url('../images-last-version/headerbg.gif');

	background-repeat: repeat-x;

	width: 100%;

	height: 168px;

	background-color: #000000;

}

#bodycontainer {

	background-image: url('../images-last-version/homepagebg.gif');

}



.bgporcelains {

   background-image: url('../images-last-version/porcelainsbg.gif');

}

#container {

	margin: 0px auto 0px auto;

	padding:0px 0px 50px 0px;

	width: 840px;

}

#masthead {

	margin: 0px auto 0px auto;

	width: 840px;

	height: 168px;

	overflow: hidden;

	z-index: 1;

}

#seachheader {

	position: absolute;

	top: 130px;

	z-index: 99;

	padding-left: 620px;

}

#navigationbar {

	background-image: url('../images-last-version/navbg.gif');

	background-repeat: repeat-x;

	width: 100%;

	height: 50px;

	position: absolute;

	top: 170px;

	right: 0px;

	left: 0px;

	z-index: auto;

	zoom:100%;

}

#navigation {

	position: relative;

	margin: 0px auto 0px auto;

}

#page_content {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	clear: both;

	text-align: left;

}

#maincontent {

	padding-left: 250px;

}

#genericpage {

    text-align: left;

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

}

#genericpage p, #genericpage table td {

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#genericpage textarea 

{

   	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px; 

}

#genericpage a, #genericpage a:active, #genericpage a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: underline;

	font-size: 12px;

	color: #3A71E0;

	font-weight: bold;

}

/****************** headings *******************/

#page_content h1, #page_content h2, #page_content h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

}

#genericpage h2 {

    font-family:Georgia, "Times New Roman", Times, serif;

	color:#FFFFFF;

	font-variant:small-caps;

	line-height: 1.5;

	margin:-10px 0px 0px 0px;

}

/*

#page_content h2, .simple_overlay h1 {

	color: #FFCC33;

	font-variant: small-caps;

	font-size: 24px;

	line-height: 1.5;

}*/

#page_content h2, .simple_overlay h1 {

	color: #6699FF;

	font-variant: small-caps;

	font-size: 24px;

	line-height: 1.5;

}

#genericpage h3 {

   font-family:Georgia, "Times New Roman", Times, serif;

   color:#FF0000;

   font-variant: small-caps;

}

#page_content h4, #page_content h5, #page_content h6 {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

}





#genericpage li 

{

     font-family:Verdana,Arial,Helvetica,sans-serif;

     font-size: 12px;

}



#genericpage ul.gallerylist

{

    display:block;

    height:150px;

    position:absolute;

    padding:0px;

    margin:-150px -250px 0px -15px;

    width:100%;

    clear:both;

}



#genericpage ul.gallerylist li

{

    padding:0px;

    width:130px;

    height:150px;

    display:block;

    float:left;

    list-style-type:none;

}



#genericpage ul.gallerylist li a

{

    padding-top:90px;

    padding:90px 0px 5px 0px;

    display:block;

    position:relative;

    top:0px;

    left:0px;

    text-align:center;

    display:block;

    font-size:10px !important;

}



#genericpage ul.gallerylist li a img

{

    display:block;

    position:absolute;

    top:0px;

    left:15px;

}



#sidebar {

	float: left;

	width: 240px;

	text-align: center;

	padding-top: 5px;

	padding-bottom: 5px;

}

.sidebarcomponents {

	display:block;

	float: left;

	width: 120px;

	height: 145px;

	text-align: center;

}

a.sidebarcomponents:link, a.sidebarcomponents:visited

{

    color:#FFF !important;

    text-decoration:none !important;

}

a.sidebarcomponents:hover

{

    color:#FFF !important;

    text-decoration:underline !important;

}

.sidebarcomponents img {

	margin-top: 4px;

	margin-bottom: 4px;

}

#footer {

	margin: 0;

	padding: 0;

	height: 60px;

	width: 100%;

	text-align: center;

	background-image: url('../images-last-version/navbgbottom.gif');

	background-repeat: repeat-x;

}

#messageform {

	text-align: center;

	width: 240px;

	margin-top: 35px;

}

#navlinks {

	margin: 0px auto 0px auto;

	text-align: center;

	width: 840px;

}

#navlinks ul

{

    padding:0;

    margin:0;

}

#navigation ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#navigation li {

	float: left;

}

#navigation a {

	text-decoration: none;

	color: #FFFFFF;

	display: block;

	margin: 0 1px;

	padding: 5px;

	font-size: 12px;

	font-weight: bold;

}

#navigation a:hover {

	font-weight: bolder;

	color: #FFCC00;

	text-decoration: none;

}

.msgsend {

	width: 220px;

	height: 72px;

	background-image: url('../images-last-version/txtbg.gif');

	background-repeat: repeat-x;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFF99;

	overflow: auto;

}

.msgsendtxt {

	width: 130px;

	height: 20px;

	background-image: url('../images-last-version/txtbg.gif');

	background-repeat: repeat-x;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFF99;

	overflow: auto;

}

#redtitle {

	color: #FFCC33;

	padding-top: 15px;

	padding-bottom: 15px;

	text-align: center;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 32px;

	font-variant: small-caps;

}

#page_content p,  .simple_overlay p {

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#page_content a, #page_content a:active, #page_content a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: underline;

	font-size: 12px;

	color: #3A71E0;

	font-weight: bold;

}

#verticalbanner {

	width: 228px;

	height: 585px;

	float: right;

	margin-left: 8px;

}

#verticalbanner img {

	border: 1px solid #999999;

}

#verticalbanner p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: left;

	color: #FFCC00;

}

#verticalbanner p.bold {

	font-weight: bold;

}

.yellow {

	padding-top: 18px;

	color: #6699FF;

}

.red {

	padding-top: 18px;

	padding-bottom: 20px;

	color: #D80D0B;

	font-weight: bold;

	font-size: 16px;

}



.sidenavtitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	font-size: 11px;

}

.sidenavtxt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

}

#footer li {

	margin: 0;

	padding: 0;

	padding-bottom: 0;

	list-style-type: none;

	display: inline;

}

#footer a, #footer a:visited, #footer a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

	padding: 5px;

}

#footer a:hover {

	font-weight: bold;

	color: #FFCC00;

	text-decoration: none;

}

#navigationbottom a.current {

	color: #FFCC00;

}

div.hr {

	height: 10px;

	background:transparent url(../images-last-version/linebottom.gif) no-repeat center top;

}

div.hr hr {

	display: none;

}

#copyrighttext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: lighter;

	font-size: 9px;

	color: #FFFFFF;

	margin:0 auto;

	width:840px;

	text-align:center;

}

#copyrighttext a

{

    float:right;

    width:125px;

    height:16px;

    display:block;

}

.yellowttlhome {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #FFCC00;

}



.centeredimage {

   text-align: center;

   width: 100%;

}

/********************** before after table *********************/

div.beforeafter

{

    margin:20px 50px;

}

div.beforeafter table

{

    width:90%;

    border-collapse:collapse;

}

div.beforeafter table td

{

    padding:0px 10px;

}

div.beforeafter .title

{

    font-size: 15px; text-align:center;  font-weight: bold; line-height:30px; height:30px; margin:5px 0px;

}

div.beforeafter a.leftlink:link, div.beforeafter a.leftlink:visited

{

    display:block; width:50px; float:left; text-decoration:underline; color:#FFF !important;

    text-decoration:none !important;

}

div.beforeafter a.leftlink:hover

{

    text-decoration:none; color:#FFF !important;

}

div.beforeafter a span

{

    display:block;

}

div.beforeafter a.leftlink span.prevArrow

{

    width:15px; height:25px; float:left; padding-top:5px; margin-left:-15px; padding-right:10px; text-align:left;

}

div.beforeafter a.leftlink span.label

{

    width:30px; height:25px; float:left; margin:0px; padding:0px;

}

div.beforeafter a.leftlink span.label:hover

{

    text-decoration:underline;

}



div.beforeafter a.rightlink:link, div.beforeafter a.rightlink:visited

{

    display:block; width:50px; float:right; color:#FFF !important;

    text-decoration:none !important;

}

div.beforeafter a.rightlink:hover

{

    text-decoration:none; color:#FFF !important;

}

div.beforeafter a.rightlink span.nextArrow

{

    padding-top:5px; width:15px; height:25px; float:right; margin-right:-15px; padding-left:10px; 

    text-align:right;

}

div.beforeafter a.rightlink span.label

{

    width:30px; text-align:right; float:right;

}

div.beforeafter a.rightlink span.label:hover

{

    text-decoration:underline;

}



div.ba_navigation

{

    width:100%;

    padding-left:20px;

}

div.ba_navigation h3.title

{

    font-size:20px; color:#FFF !important; margin:0px 0px 20px -20px; padding:0px;

}

div.ba_navigation a:link, div.ba_navigation a:visited

{

    display:block; color:#3A71E0 !important;

    margin:5px 0px !important;

}

div.ba_navigation a:hover

{

    display:block; color:#3A71E0 !important;

    margin:5px 0px !important;

    text-decoration:none !important;

}

div.ba_navigation a.selected:link, div.ba_navigation a.selected:visited

{

    display:block; color:#FFF !important;

    margin:5px 0px !important;

    text-decoration:none !important;

}

div.ba_navigation a.selected:hover

{

    display:block; color:#FFF !important;

    margin:5px 0px !important;

    text-decoration:underline !important;

}



/******** video frame ***********/

/*

div.videoFrame

{

    margin: auto; width: 219px; height: 199px;

}

*/

div.videoFrame

{

    width: 219px; height: 199px;

	

	/* CSS3 tweaks for modern browsers */



}

/******** video frame ***********/

/*

div.videoFrame

{

	border:1px solid #666;

    -moz-border-radius:5px;

	-webkit-border-radius:5px;

	-moz-box-shadow:0 0 25px #666;

	-webkit-box-shadow:0 0 25px #666;	

}

*/

div.videoFrame table td

{

}

.simple_overlay p, .simple_overlay h1

{

    text-align:left;

    margin-left:20px;

}



.rightColumn

{

float:right; width:260px; margin-right:-40px; margin-top:25px

}



.rightColumn p

{

    color:#FFCC00 !important;

    font-family:Verdana,Arial,Helvetica,sans-serif;

    font-size:14px !important;

    text-align:left;

}



.contentColumn

{

    width:530px;

}



.greyBox

{

    -moz-box-shadow:0 0 90px 5px #000000;

    background-color:#333333;

    border:1px solid #666666;

    min-height:200px;

    width:740px;

    margin:50px 0px;

    padding:30px 10px 20px 10px;

}

/******** share links ***********/

.tweeter

{

    display:block; width:86px; height:66px; overflow:hidden; 

    background:transparent url(../images-last-version/c59a5_follow-me-twitter-badges.jpg) no-repeat -95px -232px; 

    text-indent:-9000px; margin:0px auto;

}