/*=====  CUSTOM CSS FOR PROJECT  =====*/
/* body {background: transparent url(grid.png) repeat scroll 0 0; } /* RULER FOR TESTING  */
body {
	background-color: #000000;
	margin: 0 auto;
	font-family: Tempus Sans ITC, Book Antigua, Goudy Old Style, Century, Garamond, Times New Roman, Times, serif;
	line-height: 1.4;
	color: #ffffbb;
	font-size: 1em;
}
#header {
	position: relative;
	width: 900px;
	height: 200px;
	/*background: #000 url('../images/temple-garden-logo.jpg') no-repeat left;*/
	margin: 0px auto 0px auto;
}
#container, #container2
 {
	width: 900px;
	position: relative;	
	top: 0px;
	left: 4px;
}
a#special
{
	color: #ffffbb;
	text-decoration: underline;
}
#container
{
	margin: 18px auto;
}
#container2
{
	margin: 18px auto 100px auto;
}
#footer, #footerAbout {
	clear: both;
	width: 900px;	
	text-align: center;
	border-top: 1px solid #444;
	position: relative;
}
#footer
{
	margin: 20px auto;
	padding: 20px 0 0 0;
}
#footerAbout
{
	margin: -90px auto;
	padding: 0;
}
ul.nav {
	width: 900px;
	margin: 65px auto 0 auto;
	/*padding: 30px 0 50px 200px;*/
	padding-bottom: 6em;
	font-weight: bold;
}
h1, #logoTop h1 {
	font: bold 28px/1.4 Papyrus, Tempus Sans ITC, Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #ffef99;
	margin: 18px 0;
	line-height: 36pt;
}
h1#about-us {
	font: bold 28px/1.4 Tempus Sans ITC, Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #ffffbb;
	margin: 24px 0;
	margin-left: 300px;
	line-height: 36pt;
}
h2 {
	font: bold 22px/1.4 Tempus Sans ITC, Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #ffffbb;
	margin: 18px 0;
	line-height: 24pt;
}
#logoTop h2
{
	font: bold 18px/1.4 Papyrus, "Tempus Sans ITC", Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #ffef99;
	margin: -24px 0 18px 25px;
	line-height: 24pt;
}
#logoTop img
{
	margin: -20px 0 20px 25px;
}
#logoTop a
{
	text-decoration: none;
}
h2#tagline
{
font: bold 24px/1.4 Papyrus, "Tempus Sans ITC", Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #ffef99;
	margin: -155px 0 10px 302px;
	line-height: 24pt;
}
h2#main
{
    font: 1.25em "Tempus Sans ITC", Verdana, Arial, Helvetica, "Helvetica Neue", Comic Sans MS, sans-serif;
	color: #9fc6e5;
	clear: left;
	margin: -50px 0 0 5px;
	padding: 0;
}
h2#main a:link
{
	font-size: .75em;
	color: #9fc6e5;
}
h2#main a:visited
{

	color: #9fc6e5;
}
h2#main a:hover
{
	color: #ffffbb;
}
p#intro
{
	width: 850px;
	color: #ffffbb;
}
p {
	font: normal Tempus Sans ITC, Book Antigua, Goudy Old Style, Century, Garamond, Times New Roman, Times, serif;
	font-size: 1.2em;
	line-height: 1.65em;
	margin: 6px 0px 24px 6px;
}
#header p {
	margin: 100px 20px 0 0;
}
img.hpgroupL
{
    margin-left: 55px;
	margin-top: -330px;
}
img.hpgroupR
{
    margin-left: 140px;
	margin-top: -520px;
}
img.hpgroupRBottom
{
    margin-left: 40px;
	margin-top: 20px;
}
img#hpgroupRl
{
	margin-left: -40px;
}
.caption {
	text-align: left;
}
.captionGlass {
	text-align: left;
	clear: left;
}
img#sconce
{
	margin-left: 100px;
	margin-bottom: 50px;
}
#home-jatoba {
	width: 290px;
	margin-top: 0px;
}
#home-jatoba img
{
	margin-top: -50px;
}
#home-stone {
	width: 600px;
	margin-top: 0px;
}
#homeGlass {
	width: 450px;
	margin-top: 0px;
	clear: left;
}
#home-copper {
	width: 390px;
	margin-top: -170px;
	margin-right: -5px;
}
#home-copper img
{
	margin-top: -30px;
	margin-left: -20px;
}
#home-granite {
	clear: left;
	padding-top: 50px;
	height: 56px;
}
#productList
{
	width: 800px;
}
/*-----------------------product page------------------------*/
div.productLineTest
{
	width: 900px;
	margin: 1em 0 5em 1em;
}
div.productLineTest p
{
	font-size: 1.25em;
	margin: -75px 0 60px 100px;
}
ul.firstRowProducts li, ul.secondRowProducts li, ul.firstRowProductsTitle li, ul.secondRowProductsTitle li
{
	display: inline;
	list-style-type: none;
}
ul.firstRowProducts li
{
	margin: 0px 75px 25px 0px;
}
ul.secondRowProducts li
{
	margin: 0px 40px 25px 30px;
}
ul.firstRowProductsTitle
{
	padding-bottom: 50px;
}
ul.firstRowProductsTitle li
{
	margin: 0px 55px 25px 20px;
	font-size: 1.5em;
}
ul.secondRowProductsTitle li
{
	margin: 0px 135px 25px 45px;
	font-size: 1.5em;
}
ul.firstRowProductsTitle li a, ul.secondRowProductsTitle li a
{
	color: #ffffbb;
	text-decoration: none;
}
ul.firstRowProductsTitle li a:visited, ul.secondRowProductsTitle li a:visited
{
	color: #ffffbb;
	text-decoration: none;
}
ul.firstRowProductsTitle li a:hover, ul.secondRowProductsTitle li a:hover
{
	text-decoration: underline;
	color: #ffcc66;
}
ul.firstRowProducts li img
{
	vertical-align: bottom;
}
/*----------------------------- post lights and bollards page -----------------------*/
#imageLinks
{
	width: 875px;
	float: left;
	margin: 20px 0px 30px 20px;
}
#imageLinks a
{
	color: #ffffbb;
	text-decoration: underline;
}
ul#plbList
{
	margin: 0px 0px -10px 40px;
}
ul#plbList li, ul#plbTitleList li
{
	display: inline;
}
ul#plbTitleList li
{
	font-size: 1.15em;
	margin: 0px 40px 0px 5px;
}
ul#plbList li
{
	margin: 10px 65px 0px 25px;
}
#imageLinks img
{
	vertical-align: bottom;
}
img#indGranite
{
	padding-bottom: 10px;
}
a#textLink3
{
	margin-left: 30px;
}
a#textLinkBottom
{
	margin-left: 20px;
}
/*-------------------this will address all links to materials page from individual product pages----------------*/
span.materialsLink, ul.specs li a
{
	color: #ffcc33;
}
/*----------------------path light----------------------*/
span.reduce
{
	font-size: 80%;
}
ul.seastackOptions, ul.seastackOptionCapt
{
	width: 800px;
	margin-left: 50px;
}
ul.seastackOptions li
{
	display: inline;
	margin: 30px 50px 30px 20px;
}
ul.seastackOptionCapt li
{
	display: inline;
	margin: 30px 70px 30px 10px;
}
ul.seastackOptionCapt li#soc1
{
	margin-left: 18px;
}
ul.seastackOptionCapt li#soc2
{
	margin-left: -20px;
}
ul.seastackOptionCapt li#soc3
{
	margin-left:60px;
}
ul.seastackOptionCapt li#soc4
{
	margin-left: 115px;
}
ul.specs
{
	margin: -20px 0 20px 5px;
}
ul.specs li
{
	margin: 0 0 1px 0;
	list-style-type: none;
	font-size: 110%;
}
/*------------------------sconces and lanterns---------------------*/
ul.glassSconceOptions, ul.glassSconceOptionCapt
{
	width: 890px;
	margin-bottom: 25px;
	margin-left: 50px;
}
ul.glassSconceOptionCapt li a, ul.woodSconceOptionCapt li a
{
	color: #ffffbb;
}
 ul.woodSconceOptions, ul.woodSconceOptionCapt
 {
	width: 890px;
	margin-left: 15px;
 }
ul.glassSconceOptions li
{
	display: inline;
	margin: 30px 70px 30px 40px;
}
ul.glassSconceOptions li img, ul.woodSconceOptions li img
{
	vertical-align: bottom;
}
ul.glassSconceOptionCapt li
{
	display: inline;
	margin: 30px 120px 30px 85px;
	font-size: 1.15em;
}
ul.glassSconceOptionCapt li#gso3
{
	margin-left: 95px;
}
ul.woodSconceOptions li
{
	display: inline;
	margin: 30px 30px 30px 20px;
}
ul.woodSconceOptionCapt li
{
	display: inline;
	margin: 30px 70px 30px 85px;
}
ul.woodSconceOptionCapt li#wso2
{
	margin-left: 175px;
}
ul.woodSconceOptionCapt li#wso3
{
	margin-left: 160px;
}
/*-----------------------------pier mounts and column tops-------------------*/
ul.pierMountOptions, ul.pierMountOptionCapt
{
	width: 890px;
	margin-bottom: 25px;
	margin-left: 50px;
}
ul.pierMountOptions li, ul.pierMountOptionCapt li
{
	display: inline;
}
ul.pierMountOptions li
{
	margin: 30px 30px 30px 20px;
}
ul.pierMountOptionCapt li
{
	margin: 30px 90px 30px 140px;
}
ul.pierMountOptions li img
{
	vertical-align: middle;
}
ul.pierMountOptionCapt li a
{
	color: #ffffbb;
}
ul.pierMountOptionCapt li#pmo2
{
	margin-left: 158px;
}
ul.pierMountOptionCapt li#pmo3
{
	margin-left: 105px;
}
/*---------------------------etCetera------------------------*/
div#luminaria
{
	float: left;
	width: 400px;
}
div#luminaria img, div#blueStone img
{
	margin-left: 80px;
}
div#blueStone
{
	float: right;
	width: 400px;
}
div#metamorphosis
{
	width: 850px;
	clear: both;
	padding-top: 25px;
}
/*--------------------------materials------------------------*/
h2.mat
{
	font-size: 1.65em;	
}
h2.productsSub
{
	font-size: 22px;
	line-height: 24pt;
	color: #9fc6e5;
}
h3.materialsList
{
	font-size: 1.4em;
	color: #9fc6e5;
}
ul.glass
{
	margin-left: 5px;
}
ul.glass li
{
	display: inline;
	list-style-type: none;
	margin: 10px 10px 10px 0;
}
span.larger
{
	font-size: 115%;
}
div#bohemianMatList ol li
{
	font-size: 110%;
}
div#bohemianMatList ol li ol li
{
	font-size: 110%;
}
p.spaceCaption, p.spaceCaption2
{
	font-size: 90%;
}
p.spaceCaption3
{
	font-size: 90%;
	margin-left: 20px;
}
p.spaceCaption span
{
	margin-left: 42px;
}
p.spaceCaption2 span
{
	margin-left: 185px;
}
p.spaceCaption3 span
{
	margin-left: 75px;
}
/*----------------------- secondary navigation individual product pages (tentative)--------------*/
div.secondaryNav
{
	width: 225px;
	float: right;
	margin-top: -25px;
	margin-right: -25px;
	padding: 0 10px 10px 10px;
}
div.secondaryNav a
{
	color: #ffffbb;
}	
div.secondaryNav ul
{
		margin-top: -20px;
}
div.secondaryNav ul li
{
	list-style-type: none;
}
ul.secondRowList
{
	margin-left: 2.25em;
}
ul.firstRowList li, ul.secondRowList li, ul.firstRowListLink li, ul.secondRowListLink li
{
	display: inline;
	list-style-type: none;
}
ul.firstRowList li, ul.secondRowList li
{
	margin-left: 1em;
}
ul.firstRowListLink, ul.secondRowListLink
{
	margin-left: 2.75em;
	margin-top: -1.5em;
}
ul.firstRowListLink li, ul.secondRowListLink li
{
	padding: 0 1.5em 0 .75em;
}
.name {
	font-family: Tempus Sans ITC, Book Antigua, Goudy Old Style, Century, Garamond, Times New Roman, Times, serif;
	text-align: center;
	color:LightSteelBlue;
}
#marketing-footer {
	width: 850px;
	clear: both;
	padding-top: 35px;
	padding-bottom: 35px;
	margin: 35px auto;
}
#marketing-footer img
{
	margin-bottom: 50px;
	padding-right: 60px;
}
#logoBottom
{
	margin-top: 20px;
	margin-bottom: -20px;
}
img#seaStack{
	margin-top: 23px;
}
/*--------------------------about us-----------------------------*/
table
{
	margin-top: 35px;
}
img#aboutUs
{
	margin-left: 90px;
	vertical-align: top;
}
/*--------------------------contact page-----------------*/
h2#aU
{
	font-size: 1.75em;
}
p#auLinks a
{
	color: #ffffbb;
	text-decoration: underline;
}
span.sitemapLink a
{
	float: right;
	color: Ivory;
	font-size: 90%;
	margin-top: 0px;
}
/*-----------------------------sitemap------------------*/
#sitemapList
{
	margin: 30px 0 0 50px;
}
#sitemapList ul li
{
	margin: 3px 0 3px 0;
	list-style-type: none;
}
#sitemapList ul li a
{
	color: #ffffbb;
	text-decoration: none;
}
#sitemapList ul li a:hover 
{
	text-decoration: underline;
}
#sitemapList ul li a:visited
{
	color: #ffffbb;
	text-decoration: none;
}
#sitemapList ul li li li
{
	margin-left: 10px;
}