/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#2D190A;
}
p {margin: 0 0 10px 0;}
body {
	background:  url(../images/bg.gif) top repeat-x #F0EFD5;
	margin: 0;
	height: 100%;
}
#bodyBG {
	width: 1200px;
	margin: 37px auto 0 auto;
	background: url(../images/head_bg.gif) 0px -37px no-repeat;
	position:relative;
}
#content {
	position:relative;
	width: 1150px;
	margin: 0 auto;
	background-color: #FFFFFF;
}		
#header {
	background: url(../images/bg-header.jpg) no-repeat;
	width: 1150px;
	height:137px;
	margin: 0 auto;

#nav {
	width: 1150px;
	margin: 0 0auto;
	background:url(../images/navSpacer1.gif) repeat-x;
}
#slide {
	margin: 0 auto;
	height: 369px;
	width: 800px;
	background: url(../images/line.gif) bottom no-repeat;
}	
#textContent {
	padding: 15px 36px;
	position:relative;
	width:670px;
	margin:0 auto;
}	
#textContentSinksPage {
	padding: 15px 16px;
	position:relative;
	width:690px;
	margin:0 auto;
}	
#textContentColorsPage {
	position:relative;
	width:740px;
	margin:0 auto;
}	
#footer {
	background: url(../images/footerBG.jpg) repeat-x;
    height: 29px;
	width: 1150px;
	margin: 0 auto;
	position: relative;
	padding: 25px 0 0 0;
	text-align: center;
	color: #FFFFFF;
}	
#leftColumn {
	float: left;
	width: 325px;
	padding: 0;
}
#rightColumn {
	float: right;
	width: 325px;
	padding: 0;
}
#clear {clear: both; margin: 0;}
#thumbnails {position:relative; width:356px;}
#large {float:right; width:360px;} 
.thumbs {margin:0px 14px 5px 0; cursor:pointer; cursor:hand;}
.thumbs2 {margin:10px 14px 5px 0; cursor:pointer; cursor:hand;} 
.footer {
	color: #FFD700;
	font-size: 10px;
	font-weight: bold;
}
.footerLink:link {
	color: #FFD700;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}	
.footerLink:visited {
	color: #FFD700;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}	
.footerLink:hover {
	color: ##FFD700;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}	
.footerLink:#FFD700 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}	
.green {color: #009933;}


#largeImage {
position: absolute;
padding: .5em;
background: #FFFFFF;
border: 1px solid #BFBFBF;
}

a img {
border: none;
}

.thehead{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
height: 23px;
width: 680px;			
background:#EFEED3;
padding: 13px 0px 0px 10px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 16px;
font-weight:bold;
color: #2D190A;
border-bottom: 1px solid #2D190A;
margin: 0 0 0 0;
}
.thecontent {
	padding:15px 0;
	font-size:16px;
	font-weight:bold;
}	
.opencontent{ /*class added to contents of 1st demo when they are open*/
background: #6E001E;
color: #EFEED3;
border-bottom: 1px solid #2D190A;
}
.toggle_hover:hover {background-color:#6E001E; color:#EFEED3;}
h3 {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

h3 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
}	
.contactBoxes {padding:3px; background-color:#FBFAF3; border:solid #D9D5CC 1px;}
.words120percent {font-size:120%;}
.maroonColor {color:#6E001E;}
div.hr {
  height: 15px;
  background: #fff url(../images/email.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

/* lightbox jquery thingie */
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:700px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.textSize24px {font-size:24px;}
.centerText {text-align:center; font-size:130%;}

.centered-item{
display: block;
margin-left: auto;
margin-right: auto }
}

.text {
	text-align:left;
	width:210px;
}
.inputButton {
	width:150px;
	background-color:#6E001E;
	border:solid #666666 1px;
	color:white;
	font-weight:bold;
	cursor:pointer;
}
#inputButtonDiv {
	width:150px;
	margin:0px auto;
}
.inputField {
	width:210px;
}
#patient {
	color:#FF0000;
	font-size:10px;
	text-align:left;
	padding:10px 75px 0px 205px;
}
.error {
	color:#6E001E;
	font-size:10px;
}
#thanks {width:160px;}

#header-flash {
	position: absolute;
	left: 37px;
	top: 201px;
	background: url("../images/home-image.jpg");
}

#Free-estimate-banner {
	position: absolute;
	left: 150px;
	top: -35px;
	background: url("../images/free-estimates-banner.jpg");
}


#cta-flash {
	position: absolute;
	left: 375px;
	top: 100px;
	background: url("../images/cta.gif");
}



#table-pos {
	position: absolute;
	left: 11px;
	top: 483px;
}

#colors {
	position:relative;
	width: 870px;
	height: 7500px;
	margin: 0px 0px 0px 40px;
}
#image-gallery {
	position: relative;
	left: 10px;
	top: 0px;
}

#contact-page{
	position:relative;
	height: 550px;
	width: 1000px;
	margin: 0px 0px 0px 0px;
}

#contact-form {
	position: relative;
	left: 40px;
	top: 0px;
}
#map-pos {
	position: relative;
	left: 500px;
	top: -523px;

	}

.main-titles
{
	color: #6e001e;
	font-size:30px;
	text-align:left;
	font-family: "Imprint MT Shadow";
	margin-left:50px;
}
.main-titles-center
{
	color: #6e001e;
	font-size:30px;
	text-align:center;
	font-family: "Imprint MT Shadow";
}

.sub-titles
{
	color: #6e001e;
	font-size:24px;
	text-align:left;
	font-family: "Imprint MT Shadow";
	margin-left:50px;
}

.side-bar-titles
{
	color: #6e001e;
	font-size:20px;
	text-align:center;
	font-family: "Imprint MT Shadow";
	font-weight: bold;
	}
.side-bar-text
{
	color: #6e001e;
	font-size:18px;
	text-align:center;
	font-family: "Imprint MT Shadow";
	font-weight: normal;
	}
.side-bar-super-titles
{
	color: #6e001e;
	font-size:30px;
	text-align:center;
	font-family: "Imprint MT Shadow";
	font-weight: bold;
}	
	
.sub-titles-center
{
	color: #ffffff;
	font-size:24px;
	text-align:center;
	font-family: "Imprint MT Shadow";
	padding: 5px 5px 5px 5px;
	background: #6E001E;	
}


#img_float_left {

float: left;
margin-left: 20px;
}
#care {
width: 1000px;
margin-left: 60px;
background-color:#ffffff;
}

.clear
{
clear:right;
}

#worker-image-pos {
float:left;
margin: 15px 20px 20px 25px;
}
#edge-profiles {
width: 1100px;
margin-left: 0px;
}
.sinks-box {
	height:1900px;
	width:1000px;
	background-color: #F9F9EF;
	border: thin solid #CCC;
}
.sink-title {
	font-family: "Imprint MT Shadow";
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	background: #6E001E;
	font-size:20px;
}
.divScrollAuto {
height:240px;
width:950px;
overflow:auto;
white-space:nowrap;
border: solid thin;
border-color: #D9D5CC;
background-color: #FFFFFF;
}
.divScrollAuto-vertical {
width:750px;
height:200px;
overflow:auto;
white-space:wrap;
border: solid thin;
border-color: #D9D5CC;
background-color: #FFFFFF;
padding: 10px;
}

#testimonials-pos {
	position:relative;
top: 0;
left: 30px;
}	



.tile-text-stile
{
	color: #000000;

	text-align:left;
	margin-left:50px;
	Margin-right:50px;
	font-size:15px;
}


#tile-header-images {
	margin: 0 auto;
	height: 250px;
	width: 800px;
	margin: 0 0 20px 35px;
}

#tile-video-image {
	float: right;
	height: 250px;
	width: 350px;
	margin: 0 0 20px 20px;
	border: solid thin black;
	background: url("../tile/bathroom-tile-4.jpg");	
}	

#shapes-pos {
	position: relative;
	top: 20px;
	left: 30px;
	width: 770px;
	border: solid thin #BFBFBF;
	padding: 20px;
}	

#straight-shape
{
  display: block;
  width: 275px;
  height: 190px;
  background: url("../calcs/straight-shape.gif") no-repeat 0 0;
}
#straight-shape:hover
{ 
  background-position: 0 -186px;
}
#straight-shape:active
{ 
  background-position: 0 -186px;
}
#straight-shape span
{
  position: absolute;
  top: -999em;
}


#l-shape-1
{
  display: block;
  width: 275px;
  height: 190px;
  background: url("../calcs/l-shape-1.gif") no-repeat 0 0;
}
#l-shape-1:hover
{ 
  background-position: 0 -185px;
}
#l-shape-1:active
{ 
  background-position: 0 -185px;
}
#l-shape-1 span
{
  position: absolute;
  top: -999em;
}

#l-shape-2
{
  display: block;
  width: 275px;
  height: 190px;
  background: url("../calcs/l-shape-2.gif") no-repeat 0 0;
}
#l-shape-2:hover
{ 
  background-position: 0 -185px;
}
#l-shape-2:active
{ 
  background-position: 0 -185px;
}
#u-shape-square:active
{
  background-position: 0 -185px;
}
#u-shape-square:hover
{
  background-position: 0 -186px;
}
#u-shape-angle:active
{ 
  background-position: 0 -186px;
}
#l-shape-2 span
{
  position: absolute;
  top: -999em;
}


#u-shape-square
{
  display: block;
  width: 290px;
  height: 190px;
  background: url("../calcs/u-shape-square.gif") no-repeat 0 0;
}
#u-shape-square:hover
{
  background-position: 0 -186px;
}
#u-shape-angle:active
{ 
  background-position: 0 -186px;
}

#u-shape-square span
{
  position: absolute;
  top: -999em;
}
#u-shape-angle
{
  display: block;
  width: 275px;
  height: 190px;
  background: url("../calcs/u-shape-angle.gif") no-repeat 0 0;
}
#u-shape-angle:hover
{ 
  background-position: 0 -186px;
}
#u-shape-angle:active
{ 
  background-position: 0 -186px;
}
#u-shape-angle span
{
  position: absolute;
  top: -999em;
}

#my-project-text {
	position: absolute;
	top: 20px;
	left: 350px;
	height: 150px;
	width: 400px;
	/* border: solid thin black; */
	padding: 0 20px;
}	

#my-project-calc-area {
	position: absolute;
	top: 240px;
	left: 450px;
	height: 300px;
	width: 225px;
	border: solid thin black;
	padding: 20px;
}	
#my-project-Back-splash-area {
	position: absolute;
	top: 620px;
	left: 380px;
	padding: 20px;
}	

#shapes-pos {
	position: relative;
	top: 20px;
	left: 30px;
	width: 770px;
	border: solid thin #BFBFBF;
}	
#3d-kitchen-outside
{
width:770px;
Height: 590px;
}

#online-req-pos{

	margin: 0 0 0 350px;
}

}	

#buttons-pos{
	position: absolute;
	top: -35px;
	left: 650px;
}	

#side-bar{
float:right;
margin: 15px 20px 20px 0px;
height: auto;
width:250px;
background-color:#EFEED3; 
}

#about-us-content{
float:left;
margin: 15px 20px 20px 25px;
height: 800px;
width: 800px;
padding: 0px 10px 0px 10px;
background-color:#ffffff;
}

#cities-content{
float:left;
margin-top: 25px;
margin-left: 0px;
height: auto;
width: 800px;
padding-left: 50px;
background-color:#ffffff;
}

#specials-area-city{
float:left;
margin: 0px 0px 0px 55px;
height: 2250px;
width: 1090px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
}

#exotic-area-city{
float:left;
margin: 0px 0px 0px 55px;
height: 500px;
width: 1100px;
padding: 0px 0px 0px 10px;
}

#serviced-cities{
width:1010px;
height: 150px;
margin: 0px 0px 0px 50px;
padding:20px;
padding-top:0px;
border: solid thin #EFEED3;
background-color:#EFEED3;
}

#specials-area{
width:800px;
height: 900px;
margin: 0px 0px 0px 20px;
padding: 20px;
}




.style1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
}

.internal-links-red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#0000cc;
}