/*  

COLORS:

MAIN BACKGROUND: #e1e1e0

NAV LINKS #dce8ad (same as curved rectangles)

h2 #1b1c1f

*/

/* ----------------------------------------------------- */


* {margin: 0; padding: 0;}

html, body {height: 100%; background-color: #e1e1e0; font-size: 12pt;}

html {min-height: 100%; margin-bottom: 1px; }

p, #galleryLeftCopy ul {font: normal 75% Myriad-Roman, Verdana, Arial; color: #52534e; line-height: 1.5em; letter-spacing: 0.00em; }

#homeIntro h1 {margin-bottom: 10px;}

#homeIntro p {margin-top: 8px;}

#galleryLeftCopyDetail p {font-size: 65%;}


#wrapper {position: relative; margin: 0 auto; width: 760px; height: 551px; text-align: left; background-color: transparent; border: 1px solid #a7a8aa; line-height: 0px; }

#wrapper_home {position: relative; margin: 0 auto; width: 760px; height: 551px; text-align: left; text-color: #e1e1e0; background: transparent url(../img/bg_home.jpg) no-repeat; border: 1px solid #a7a8aa; line-height: 0px; }

#wrapper_brands {position: relative; margin: 0 auto; width: 760px; height: 551px; text-align: left; text-color: #e1e1e0; background: transparent url(../img/bg_brands.jpg) no-repeat; border: 1px solid #a7a8aa; line-height: 0px; }

#wrapper_gallery {position: relative; margin: 0 auto; width: 760px; height: 551px; text-align: left; text-color: #e1e1e0; background: transparent url(../img/bg_gallery.jpg) no-repeat; border: 1px solid #a7a8aa; line-height: 0px; }

table {display: table; width: 100%; height: 100%; }

td {vertical-align: middle; text-align: center; }

.backLinks, .backLinks a {color: #dce8ad; }



#nav, #holdingCopy {position: absolute; top: 26px; left: 319px; float: left; background-color: transparent; }

#nav ul {margin:0; padding:0; list-style:none; }

#nav li {float:left; margin-right: -2px; padding: 0px; font: bold 85% Helvetica, Verdana, Arial, sans-serif; line-height: 20px;}


#navHome {width: 85px; height: 24px; background: transparent url(../img/nav_off.gif) no-repeat; background-position: 55px -4px; }
#navHomeOn {width: 85px; height: 24px; background: transparent url(../img/nav_on.gif) no-repeat; background-position: 55px -4px; }

#navGallery {width: 69px; height: 24px; background: transparent url(../img/nav_off.gif) no-repeat; background-position: 40px -4px; }
#navGalleryOn {width: 69px; height: 24px; background: transparent url(../img/nav_on.gif) no-repeat; background-position: 40px -4px; }

#navBrands {width: 70px; height: 24px; background: transparent url(../img/nav_off.gif) no-repeat; background-position: 41px -4px; }
#navBrandsOn {width: 70px; height: 24px; background: transparent url(../img/nav_on.gif) no-repeat; background-position: 41px -4px; }


#navContact { width: 74px; height: 24px; background: transparent url(../img/nav_off.gif) no-repeat; background-position: 46px -4px; }
#navContactOn { width: 74px; height: 24px; background: transparent url(../img/nav_on.gif) no-repeat; background-position: 46px -4px; }

#navSF {width: 115px; height: 24px; background: transparent url(../img/nav_off.gif) no-repeat; background-position: 93px -4px; }



#navHome a, #navGallery a, #navBrands a, #navContact a, #navSF a, #brandsCurrent a
	{color: #414142; font: bold 100% Helvetica, Verdana, Arial, sans-serif; text-decoration: none; }
	
#nav a:hover {color: black; }

#galleryThumbs {position: absolute; top: 35px; width: 470px; float: left;}

#galleryThumbs ul {margin:0; padding:0; list-style:none;}

#galleryThumbs li {float: left; padding: 0; margin: 0; line-height: 0px;}

.opacityit img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.4;
}

.opacityit:hover img{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}


#galleryLeftCopy {position: absolute; top: 238px; left: 30px; width: 205px;}

#galleryLeftCopy ul {margin-left: 15px;}

#galleryLeftCopyDetail {position: absolute; top: 238px; left: 30px; width: 205px;}

#back {position: absolute; top: 3px; left: 105px; font: normal 70% Myriad-Roman, Verdana, Arial; color: blue;}

#back p a {text-decoration: underline; color: blue;}

#moreImages {position: absolute; top: 2px; left: 105px;}

#galleryThumbs {position: absolute; top: 35px; width: 470px; float: left;}

.spacerLine {line-height: 13px;}
	

#logo {position: absolute; left: 0px; top: 0px; background: transparent url(../img/logo.gif) no-repeat; width: 291px; height: 208px; }

#logo a {display:block; height:208px;}

#tel {position: absolute; left: 535px; top: 82px; background: transparent;}

#tel p {font: bold 10pt Myriad-Roman, Verdana, Arial; color: #414142; font-size: 115%;}

#homeIntro {position: absolute; top: 140px; left: 382px; width: 300px; margin-right: 30px; }

#brandsCopy, #contactCopy {position: absolute; top: 144px; left: 376px; width: 278px; }

#galleryCopy {position: absolute; top: 82px; left: 250px; width: 470px; }

#galleryCopy a {text-decoration: none; color: #52534e;}

#brandsCopy ul {list-style: none; margin: -15px; margin-top: 10px;}

#brandsCopy li {font: normal 75% Myriad-Roman, Verdana, Arial; color: #52534e; line-height: 2.1em; letter-spacing: 0.00em;}

#brandsCopy #brandsLeft {position: absolute; top: 20px; left: 15px; }

#brandsCopy #brandsRight {position: absolute; top: 20px; left: 175px; }

h1 {font: bold 95% Myriad-Roman, Verdana, Arial; color: #52534e; margin-bottom: 5px; }

h2, h3 {font: bold 95% Myriad-Roman, Verdana, Arial; color: #52534e; margin-bottom: 5px; }

h3 {margin-top: 5px; font-size: 80%;}

#bodyBullets {padding-left: 15px;}




#brandH1 {position: absolute; top: 25px; left: 69px; font: bold 155% Myriad-Roman, Verdana, Arial; color: #dce8ad; }

#servicesH1 {position: absolute; top: 25px; left: 135px; font: bold 155% Myriad-Roman, Verdana, Arial; color: #dce8ad; }

#contactH1 {position: absolute; top: 25px; left: 120px; font: bold 155% Myriad-Roman, Verdana, Arial; color: #dce8ad; }




a, .blue {color: blue;}

#supplyList {margin-top: 30px; }

#supplyList li {list-style: none; font: normal 75% Myriad-Roman, Verdana, Arial; color: #52534e; margin-bottom: 3px; }

#contactCopy li {list-style: none; margin-bottom: 10px; }

#contactTel {font: bold 150% Myriad-Roman, Verdana, Arial; color: #1b1c1f; letter-spacing: 0.02em; }

#contactEmail, #contactFax {font: bold 105% Myriad-Roman, Verdana, Arial; color: #1b1c1f; letter-spacing: 0.02em; }

#contactCopy ul {margin-bottom: 55px; }

#contactName {font: bold 160% Myriad-Roman, Verdana, Arial; color: #1b1c1f; letter-spacing: 0.02em; }

#contactAddress p {font: normal 100% Myriad-Roman, Verdana, Arial; color: #1b1c1f; letter-spacing: 0.02em; line-height: 1.5em; }



/* THUMBNAIL VIEWER */

#galleryArea {position: absolute; top: 0; left: 4px; }

#containerLeft {position: absolute; top: 200px; left: 15px; width: 381px; height: 285px; background: transparent url(../img/curved_box_work.gif) no-repeat; border: 1px solid #000; margin: 10px auto;}

#image_1, #image_2, #image_3
	{position: absolute; top: 160px; left: 338px; margin-right: 20px; width: 381px; height: 285px; background: transparent url(../img/curved_box_work.gif) no-repeat; }

#loadingBay {position: absolute; visibility: hidden; }

#thumbTray {position: absolute; top: 160px; left: 22px; width: 320px; height: 300px; background: transparent; overflow: hidden; }

#thumbs {position: absolute; top: 0px; left: 0px; }

#thumb_1 {position: absolute; top: 0px; left: 5px; width: 88px, height: 89px; }

#thumb_2 {position: absolute; top: 0px; left: 100px; }

#thumb_3 {position: absolute; top: 0px; left: 195px; }

#thumb_4 {position: absolute; top: 97px; left: 5px; }

#thumb_5 {position: absolute; top: 97px; left: 100px; }

#thumb_6 {position: absolute; top: 97px; left: 195px; }

#thumb_7 {position: absolute; top: 194px; left: 5px; }

#thumb_8 {position: absolute; top: 194px; left: 100px; }

#thumb_9 {position: absolute; top: 194px; left: 195px; }

#thumbs a, #thumbs a:visited {background: transparent url(../img/thumb_bg_off.gif) no-repeat; display: block; width: 88px, height: 89px;}

#thumbs a:hover {background: transparent url(../img/thumb_bg_hover.gif) no-repeat;}

img {border: 0; }

img a {text-decoration: none; }

#workContact {position: absolute; top: 530px; left: 361px; background: transparent;} 

#number {position: relative; width: 350px;}

#number p {font: bold 75% Myriad-Roman, Verdana, Arial; color: #f9faee}

#number a {font: bold 100% Myriad-Roman, Verdana, Arial; color: #f9faee}

.caption1 {margin-top: 5px;}

.caption1, .caption2 {margin-left: 15px; margin-right: 15px; color: black;}

.caption2 {color: #666;}

.thumbnailInstruction {position: absolute; top: 275px; margin-left: -10px; color: black;}

.thumbnailInstructionWork {position: absolute; top: 480px; left: 411px;}

#approved {
	font: normal 75% Myriad-Roman, Verdana, Arial;
	color: #52534e;
	line-height: 1.5em;
	letter-spacing: 0.00em;
	position: absolute;
	top: 505px;
	left: 15px;
	width: 170px;
}

#latestNews {
	position: absolute;
	top: 363px;
	left: 48px;
	width: 239px;
	height: 64px;
}

#flash {
	position: absolute;
	top: 80px;
	left: 7px;
	width: 715px;
	height: 369px;
}


/* CONTACT FORM */

div.row {
  clear:both;
  line-height: 2em;
  }
div.row span.label {
  float: left;
  width: 65px;
  text-align: left;
  }
div.row span.formw {
  /* float: right; */
  width: 120px;
  text-align: left;
  }
div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 50%;
  }
div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 50%;
  }
div.row span.submit{
  width: 320px;
  text-align: right;
}
#form{
	width: 320px;
	/* background-color: #f6f6f6; */
	/* border: 1px dotted #666; */
	padding: 0;
	margin: 0px /* auto */;
	font: normal 75% Myriad-Roman, Verdana, Arial; color: #52534e;
	
}
#confirmation{
	width: 320px;
	height:220px;
	/* background-color: #f6f6f6; */
	/* border: 1px dotted #666; */
	margin: 0px auto;
	text-align: center;
  font-weight: bold;
}

#telTop{
	position: absolute;
	top: 128px;
	left: 160px;
}

#telTop p{
	font: bold 90% Myriad-Roman, Verdana, Arial; color: #000;
}