@charset "utf-8";
/* 
Artistic Paver Mfg. Specializing in Unusual Sand-Set Pavers for a Distinguished Look On Your Deck and Driveway.
http://artisticpavers.com / Phone: 305-653-7283 
Copyright 2000-2009 Artistic Paver Mfg. 
*/

/*  NOTES:
	Main Body Background Color: #fbf4e8
	Light Tan Border Color & Background Colors: #dad6bf
	Body H1: #2a3c3d
	Body H3: #493729
	footer background: #006666
	p: #333333
	slider.css Tan Text: #bcad8f
	 
*/

/****************************************************************/
/****************************************************************/
/*****                 CSS RESET VALUES                     *****/
/****************************************************************/
/****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	}

/****************************************************************/
/****************************************************************/
/*****          BODY HTML & MAIN CONTENT FRAME              *****/
/****************************************************************/
/****************************************************************/

html, body {
	background-color:#000000;
	background-image:url(http://www.artisticpavers.com/images/layout/background02.jpg); 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:bottom left; 
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 1em is 10px, 0.8em is 8px, 1.6em is 16px */
	line-height:1.4;
	}

#frame {
	width:950px;
	margin-top:0;
	margin-bottom:0;
	margin-right:auto;
	margin-left:auto;
	border:#002022 solid 4px;
	text-align:left;
	font-size:14px;
	}

/********************************/
/* Text Formatting */
/********************************/
	
p, pre {
	margin:0 10px 10px 0;
	font-size:14px;
	color:#333333;
	}
 
h1 {
	font-size:20px;
	font-weight:bold;
	}

h2 {
	font-size:16px;
	font-weight:400;
	}
	 
h3 {
	font-size:14px;
	font-weight:700;
	}
	
sup {
	font-size:9px;
	position:relative;
	vertical-align:text-top;
	margin:0 0 0 1px;
	}

/********************************/
/* Links */
/********************************/
 
a, a:link, a:visited {
	text-decoration:underline;
	color:#493729;
	}

a:hover {
	text-decoration:underline;
	color:#891d03;
	}
	
/********************************/
/* Global Classes */
/********************************/
 
.clear        	{ clear:both; }
.float-left   	{ float:left; }
.float-right  	{ float:right; }
 
.text-left    	{ text-align:left; }
.text-right   	{ text-align:right; }
.text-center  	{ text-align:center; }
.text-justify 	{ text-align:justify; }
.left-margin1   { margin-left:15px; }
.left-margin2   { margin-left:10px; }
.left-margin3   { margin-left:5px; }
.right-margin1  { margin-right:15px; }
.right-margin2  { margin-right:10px; }
.right-margin3  { margin-right:5px; }
.center-img		{ margin-left:auto; margin-right:auto; display:block; }
.top-margin10px { margin-top:10px; }
.bot-margin10px { margin-bottom:10px; }
.bot-margin50px { margin-bottom:50px; }
.top-margin20px { margin-top:20px; }
.width100per	{ width:100%; }
.padding1		{ padding:4px; }
 
.bold         	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline     	{ border-bottom:1px solid; }
.highlight     	{ background:#ffc; }

.small			{ font-size:11px;}
.smaller		{ font-size:9px; letter-spacing:0.05px;}
.smallest		{ font-size:8px; letter-spacing:0.05px;}
 
.img-left     	{ float:left;margin:4px 10px 4px 0; }
.img-right    	{ float:right;margin:4px 0 4px 10px; }
 
.noindent     	{ margin-left:0;padding-left:0; }
.nobullet     	{ list-style:none;list-style-image:none; }

.absolutly		{ position:absolute; }

.tanborderall	{ border:solid 1px #dad6bf; }
.tanborderleft  { border-left:1px #dad6bf solid; }
.tanborderright { border-right:1px #dad6bf solid; }
.tanbordertop   { border-top:1px #dad6bf solid; }
.tanborderbottom{ border-bottom:1px #dad6bf solid; }

/********************************/
/* Tables */	
/********************************/
 
table {
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:0;
	}

/********************************/
/* Ordered Lists */	
/********************************/

ol, ul {
	list-style:none;
	}
	
/********************************/
/* onFocus */	
/********************************/

:focus {
	outline:0;
	}
	
/********************************/
/* Images */
/********************************/
	
.imagelabel {
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}

.tanborder {
	border:solid 1px #dad6bf;
	padding:4px;
	}

/********************************/
/* Extras */
/********************************/

blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
	}
	
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
	}

/****************************************************************/
/****************************************************************/
/* F O R M S  &  I N P U T S */	
/****************************************************************/
/****************************************************************/

input, select, textarea {
	background-color:#fbf4e8;
	border-collapse:collapse;
	border:solid 1px #dad6bf;	
	margin:4px;
	padding:4px;
	}

label, input, select, textarea {
	color:#493729;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	}

#submitbutton {
	border:#c7c3ae solid 1px;
	cursor:pointer;
	padding:4px;
	background-color:#dad6bf;
	text-transform:capitalize;
	text-decoration:underline;
	}

#submitbutton:hover {
	background-color:#b7ae9a;
	border:#6e685c solid 1px;
	}

/****************************************************************/
/****************************************************************/
/* H E A D E R   S E C T I O N */	
/****************************************************************/
/****************************************************************/

#contentheader {
	position:relative;
	height:130px;
	background-image:url(http://www.artisticpavers.com/images/layout/header2.jpg);
	background-repeat:repeat-x;
	}

#headerlogoframe {
	position:absolute;
	bottom:0px;
	left:0;
	width:90px;
	}

#headertitleframe {
	position:absolute;
	bottom:5px;
	left:90px;
	width:560px;
	vertical-align:middle;
	}

#headerphoneframe {
	position:absolute;
	vertical-align:baseline;
	bottom:5px;
	right:0;
	width:300px;
	text-align:right;
	}
	
/*** Header Text Formatting ***/	
		
#contentheader h1 {
	font-size: 28px;
	letter-spacing:-0.03em;
	line-height:32px;
	}

#contentheader h1, #contentheader h2, sup {
	font-family:Arial, Helvetica, sans-serif;
}
	
#contentheader h2 {
	padding:0 0 5px 0;
	font-size:14px;
	font-weight:300;
	letter-spacing:.01em;
	}
	
h1 sup{
	font-size:9px;
	bottom:8px;
	position:relative;
	vertical-align:baseline;
	}

a.mainlink:link, a.mainlink:visited, a.mainlink:hover {
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	}

#headerphoneframe p {
	font-size:11px;
	font-variant:small-caps;
	}

/*** Header Link Formatting ***/	
	
a.headerphonelink:link, a.headerphonelink:visited{
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	}
	
a.headerphonelink:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/********************************/	
/*** REGION SELECTION POPUP ***/
/********************************/

#regioncontainer {
	position:fixed;
	top:60px;
	left:46%;
	width:300px;
	height:325px;
	background-color:#333333;
	border:#000000 solid 5px; 
	border-collapse:collapse;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	z-index:2000;
	display:block;
	overflow:hidden;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

#regioncontainer h1 {
	color:#4d8688;
	font-size:26px;
	letter-spacing:-.03em;
	text-shadow: 2px 2px 5px #000;
	margin-bottom:10px;
	}
	
#regioncontainer p {
	color:#bcad8f;
	margin:10px;
	padding:0;
	}

#regioncontainer p.desc {
	font-size:11px;
	line-height:1.5em;
	padding:0 20px;
}

#regioncontainer p.factory {
	border:#21191f solid 1px;
	padding:10px 0;
	background-color:#473f39;
	cursor:pointer;
	}

#regioncontainer p.factory:hover{
	border:#1a2222 solid 1px;
	padding:10px 0;
	background-color:#355d5e;
	color:#000000;
	}

#regioncontainer a, #regioncontainer a:link, 
#regioncontainer a:visited, #regioncontainer a:hover {
	color:#bcad8f;
	text-decoration:none;
	}

/********************************/	
/*** Horizontal Menu ***/
/********************************/

/* Horizontal Menu - CSS Sprite Version */	

#nav, #nav li a {
	background: url(http://www.artisticpavers.com/images/layout/main-menu.png) no-repeat;
	height: 69px;	
	margin: 0;
	padding: 0;
	}

#nav {
	width: 950px;
	position: relative;
	}

#nav li {
	float: left;
	}

#nav li a {
	position: absolute;
	top: 0;
	display: block;
	text-indent: 0px; /* was set to -9999px */
	overflow: hidden;
	text-decoration:none;
	cursor:pointer;
	}	

#nav li p.title, #nav li p.subtitle	{
	padding-left:8px;
	padding-right:2px;
	margin:0;
	}

#nav li a p.title {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-weight:bold;
	color:#dad6bf;
	padding-top:3px;
	padding-bottom:0;
	}

#nav li a p.title sup {
	font-size:10px;
	}

#nav li a p.subtitle {
	font-size:12px;
	color:#48898c;
	padding-top:0;
	padding-bottom:2px;
	font-weight:400;
	}

/*up state*/
li#nav_steplock a {
	left: 0;
	width: 190px;
	background-position: 0 0;
	}

li#nav_roadlock a {
	left: 190px;
	width: 190px;
	background-position: -190px 0;
	}

li#nav_coping a {
	left: 380px;
	width: 190px;
	background-position: -380px 0;
	}

li#nav_commercial a {
	left: 570px;
	width: 190px;
	background-position: -570px 0;
	}

li#nav_design a {
	left: 760px;
	width: 190px;
	background-position: -760px 0;
	}
	
/*hover state*/
li#nav_steplock a:hover {
	background-position: 0 -69px;
	}

li#nav_roadlock a:hover {
	background-position: -190px -69px;
	}

li#nav_coping a:hover {
	background-position: -380px -69px;
	}

li#nav_commercial a:hover {
	background-position: -570px -69px;
	}

li#nav_design a:hover {
	background-position: -760px -69px;
	}

/****************************************************************/
/****************************************************************/
/* Menu & Body Content */
/****************************************************************/
/****************************************************************/

#mainmenu {
	height:69px;
	text-align:left;
	}
	
#bodycontentframe {
	width:100%;
	float:left;
	background-color:#fbf4e8;
	position:relative;
	}
	
/* Sub Menu Under H1 Page Title */

#submenunav ul li {
	display:inline;
	list-style:none;
	margin-right:20px;
	}

#submenunav {
	width:97%;
	margin:0 0 15px 0;
	padding:5px;
	text-align:center;
	background-color:#dad6bf;
	border:#dad6bf solid 1px;
	}
	
#submenunavinner {
	border:#fbf4e8 solid 1px;
	padding:5px;
	}
	
.menusubject {
	width:97%;
	margin:0 0 15px 0;
	padding:5px;
	text-align:left;
	background-color:#dad6bf;
	border:#dad6bf solid 1px;
	}
	
.menusubjectinner {
	border:#fbf4e8 solid 1px;
	padding:0 2px 0 10px;;
	}
	
/****************************************************************/
/****************************************************************/
/*         B O D Y  /  C O N T E N T  /  L A Y O U T S          */
/****************************************************************/
/****************************************************************/

/*** 
   Available Space     950px 
   Vertical Menu       134px
   Remaining           816px 
***/

/********************************/
/* Vertical Navigation Menu */	
/********************************/
		
#menucolcontentleft {
	width:134px;
	float:left;
	}

/********************************/
/****** BODY 3 Column Layout ****/
/********************************/

#threecolcontentcenter {
	width:625px;
	float:left;
	margin-top:10px;
	padding-left:20px;
	padding-right:5px;
	/*border:1px solid #CC6600;*/
	}

#threecolcontentright {
	width:166px;
	float:left;
	margin-top:10px;
	position:relative;
	/*border:1px solid #CC6600;*/
	}

/********************************/
/****** BODY 2 Column Layout ****/
/********************************/

#twocolcontentcenter {
	width:790px;
	float:left;
	margin-top:10px;
	padding-left:20px;
	position:relative;
	/*border:1px solid #CC6600;*/
	}

/****************************************************************/
/****************************************************************/
/*** Content Text Formatting ***/	
/****************************************************************/
/****************************************************************/

#bodycontentframe h1 {
	/*color:#015256;*/
	color:#2a3c3d;
	font-size:24px;
	padding:5px 5px 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	letter-spacing:0.03em;
	}

#bodycontentframe h2 {
	padding:0 5px 15px 0;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}	
	
#bodycontentframe h3 {
	padding:10px 5px 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	/*color:#015256;*/
	color:#493729;
	}	

#bodycontentframe h3 a, #bodycontentframe h3 a:hover, #bodycontentframe h3 a:visited {
	color:#493729;
	}

.sectionhighlight {
	margin:0 5px 0 -15px;
	padding-left:15px; 
	background-color:#dad6bf; 
	}

#bodycontentframe p {
	padding-right:5px;
	letter-spacing:0.01em;
	}
	
#breadcrumb {
	font-size:9px;
	text-transform: uppercase; 
	letter-spacing:0.05em;
	text-align:left;
	position:relative;
	margin:0;
	color:#b7b09d;
	display:inline;
	}

#breadcrumb a:link, #breadcrumb a:visited, 
#breadcrumb a:active, #breadcrumb a:hover {
	text-decoration:none;
	color:#663333;
}

/****************************************************************/
/****************************************************************/
/* Footer */
/****************************************************************/
/****************************************************************/
	
#contentfooter {
	position:relative;
	padding:1% 2% 1% 2%;
	background-color:#006666;
	text-align:center;
	width:96%;
	border-top-color:#002022;
	border-top-style:solid;
	border-top-width:2px;
	/*background-color:#272727;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;*/
	z-index:2;
	height:100%;
	} 

#footernews {
	position:absolute;
	top:4px;
	right:4px;
	width:600px;
	color:#FFFFCC;
	}
	
.footercol {
	margin:5px;
	width:45%;
	float:right;
	position:relative;
	}

#contentfooter p {
	z-index:10;
	font-size:12px;
	color:#000;
}	

#contentfooter a:link, #contentfooter a:visited{
	text-decoration:none;
	color:#dad6bf;
	}
	
#contentfooter a:hover {
	color:#fff;
	}
	
/****************************************************************/
/****************************************************************/
/* Other Formatting */
/****************************************************************/
/****************************************************************/

#tableofcontents {
	margin:5px 0 15px 0;
	width:550px;
	padding:10px;
	border:#dad6bf solid 1px;
	text-align:left;
	position:relative;
	}

#tableofcontents2 {
	margin:5px 0 15px 0;
	width:100%;
	padding:4px 0 4px 10px;
	border:#dad6bf solid 1px;
	text-align:left;
	position:relative;
	background-color:#dad6bf;
	}

/****************************************************************/
/****************************************************************/
/* Newsletter Form */	
/****************************************************************/
/****************************************************************/
#newsletterForm {
	margin:5px 0 10px 1px;
	padding:4px 2px 4px 4px;
	width:122px;
	border:1px solid #9e9787;
	background-color:#dad6bf;
	}

#newsletterForm input, #newsletterForm select, #newsletterForm textarea {
	background-color:#fbf4e8;
	border-collapse:collapse;
	border:solid 1px #9e9787;	
	margin:0;
	padding:0;
	}

#newsletterForm label, #newsletterForm input, #newsletterForm select, #newsletterForm textarea {
	color:#493729;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	vertical-align:middle;
	margin:0;
	padding:0;
	}

#newsletterForm input {
	width:110px;
	margin-top:1px;
	padding:2px;
	}
	
#newsletterForm input.subscribe {
	margin:2px 0 0 0;
	padding:3px;
	width:60px;
	cursor:pointer;
	}
	
#newsletterForm input.subscribe:hover {
	background-color:#9e9787;
	}
	
#newsletterForm .newsheader {
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
#newsletterForm a, #newsletterForm a:hover {
	text-decoration:none;
	color:#9e9787;
}

/****************************************************************/
/****************************************************************/
/* Newsletter Form 2 - NEWSLETTER.php */	
/****************************************************************/
/****************************************************************/
#newsletterForm2 {
	margin:5px 10px 10px 10px;
	padding:4px 2px 4px 4px;
	width:300px;
	border:1px solid #9e9787;
	background-color:#dad6bf;
	}
	
#newsletterForm2 input, #newsletterForm2 select, #newsletterForm2 textarea {
	background-color:#fbf4e8;
	border-collapse:collapse;
	border:solid 1px #9e9787;
	}

#newsletterForm2 .newsheader2 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

p.newsprivacynotice {
	display:inline;
	width:250px;
	float:left;
	margin:0;
	padding:0;
	}

/********************************/
/* Top of Page Links */	
/********************************/

.backtotop, .backtotopnounderline {
	width:95%;
	margin:15px 20px 2px 0;
	padding:2px;
	text-align:right;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	}
	
.backtotop {
	border-bottom:solid 1px #dad6bf;
	border-collapse:collapse;
	}

 a.backtotoplink:link,  a.backtotoplink:visited {
	text-decoration:none;
	color:#9e9787;
	}

 a.backtotoplink:hover {
	background-color:#ebe4d2;
	text-decoration:none;
	color:#506a68;
	}	

/********************************/
/* Right Column Sections */
/********************************/

.rightcolsection {
	margin:5px;
	padding:3px;
	border:#dad6bf solid 1px;
	background-color:#dad6bf;
	}
	
.rightcolsectioninner {
	border:#fbf4e8 solid 1px;
	}

#threecolcontentright h1 {
	color:#493729;
	padding:5px 5px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:normal;
	letter-spacing:0.04em;
	text-align:center;
	font-weight:600;
	font-size:12px;
	}
	
#threecolcontentright p {
	padding:2px 1px 3px 1px;
	color:#493729;
	font-size:11px;
	letter-spacing:0.03em;
	text-align:left;
}

ul.rightmenulist li, ul.rightmenulist-specs li {
    padding:0 5px 0 15px;
    margin:0 0 5px 0;
	text-align:left;
	font-size:11px;
	letter-spacing:0.04em;
	}
	
ul.rightmenulist li:hover {
 	background-color:#fbf4e8;
	}

img.rightcolimage {
	width:144px;
	height:131px;
	margin-left: auto;
    margin-right: auto;
	display:block;
	}

.lowerbordered {
	border-bottom:1px solid #e6ded5;
	}

.thisheader {
	background-color:#dad6bf;
	}	

/*** Available Sizes Specs ***/
ul.rightmenulist-specs li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#493729;
	}
	
/* Quick Delivery */

.quickdeliverymap {
	width:134px;
	height:84px;
	border:none;
	}

a.nostylelink:link, a.nostylelink:visited, 
a.nostylelink:hover, a.nostylelink:active {
	text-decoration:none;
	padding:2px 1px 3px 1px;
	color:#493729;
	font-size:11px;
	text-align:left;
	}
	
/*** Content Ordered List Formatting ***/		

ul.advantages_list {
    padding:0 10px 3px 20px;
    margin:0 0 5px 0;
	text-align:left;
	list-style-image:url(http://www.artisticpavers.com/images/layout/item02.jpg);
	list-style-position:outside;
	}

ul.advantages_list li {
	margin-top:5px;
	}	
	
ul.specslist, ul.listed {
	list-style-position:outside;
	text-align:left;
	padding:0 10px 3px 20px;
    margin:0 0 5px 0;
	list-style-image:url(http://www.artisticpavers.com/images/layout/list-circle.gif);
	}	

ul.specslist li {
	margin-top:10px;
	}

/****************************************************************/
/****************************************************************/
/*             P E R  P A G E  F O R M A T T I N G              */
/****************************************************************/
/****************************************************************/


/********************************/
/******* H O M E P A G E ********/
/********************************/

#homepage_content {
	width:100%;
}

#hpslideshow {
	width:700px;
	height:300px;
	}

#hpwelcomesection1 {
	width:100%;
	}

#hpcontentsections {
	width:100%;
	float:left;
	border-left-color:#D6C59E;
	border-left-style:solid;
	border-left-width:thin;
	border-right-color:#D6C59E;
	border-right-style:solid;
	border-right-width:thin;
	}

.contentsections {
	width:50%;
	border-left-color:#D6C59E;
	border-left-style:solid;
	border-left-width:thin;
	border-right-color:#D6C59E;
	border-right-style:solid;
	border-right-width:thin;
}

.content2col img.feature {
	float:right;
	width:120px;
	height:140px;
	margin:0;
	padding:4px;
	border:solid 1px #dad6bf;
	}

.content2col p {
	display:inline; 
	margin:0; 
	padding:0; 
	}

/****************************************************************/
/****************************************************************/
/* Homepage Content into Columns */
/****************************************************************/
/****************************************************************/

#twocolcontentcenterhomepage {
	width:810px;
	float:left;
	position:relative;
	padding-right:5px;
	}
	
.content1col, .content2col,
.content2thirdscol, .content2thirdscol2, 
.content3col {
	padding: 0 10px 0 10px;
	float:left;
	position:relative;
	}

.content1col {
	width:790px;
	}

.content2col {
	width:381.5px
	}
	
.content2thirdscol {
	width:246px;
	}
	
.content2thirdscol2 {
	width:518px;
	}
	
.content3col {
	width:246px;
	}
	
.newrow, .newrowpad {
	clear:both;
	position:relative;
	float:left;
	width:100%;
	height:100%;
	margin-bottom:5px;
	}

.hpmoreinfo {
	width:100%;
	padding:2px;
	font-size:12px;
	text-align:center;
	background-color:#dad6bf;
	}
	
.newrowpad {
	padding:5px 0 5px 0;
	}
	
/********************************/
/*********** Homepage ***********/
/********************************/

#homepageslide {
	width:816px;
	height:350px;
	margin:0;
	padding:0;
	/*border-left:#7a6751 solid 1px;*/
	border-bottom:#7a6751 solid 4px;
	border-collapse:collapse;
	background-image:url(http://www.artisticpavers.com/images/homepage/slideshow/stonelock-sedona-02.jpg);
	background-repeat:no-repeat;
	position:relative;
	}

/********************************/
/****** G A L L E R Y  *******/
/********************************/	

.galthb {
	width:170px;
	height:120px;
	border:solid 1px #dad6bf;
	padding:4px;
	margin:7px;
	}
	
.galthb:hover {
	background-color:#af9c7c;
	}

/********************************/
/****** Advantages & FAQs *******/
/********************************/

td.listedphoto {
	width:180px;
	}

td.listedtext {
	text-align:left;
	}

.faqphoto-left, .faqphoto-right {
	width:180px;
	height:120px;
	border:solid 1px #dad6bf;
	padding:4px;
	}
	
.faqphoto-left {
	float:left;
	margin:0 20px 0 20px;
	}
	
.faqphoto-right {
	float:right;
	margin:0 20px 0 20px;
	}


/********************************/
/********* Tech Specs ***********/
/********************************/

/* Test Results */

h4.testresultsheader {
	padding:10px 5px 10px 0;
	font-size:14px;
	color:#333333;
	}

img.specssizes {
	width:615px;
	height:256px;
	margin-top:10px;
	}
	
/* product list */

table.productlist {
	border:solid 2px #dad6bf;
	border-collapse:collapse;
	padding:2px;
	margin:1px 5px 1px 0;
	width:100%;
	}
	
.productlist th {
	background-color:#dad6bf;
	text-align:center;
	font-size:11px;
	font-weight:500;
	letter-spacing:0.02em;
	}
	
.productlist td {
	border-bottom:solid .5px #dad6bf;
	border-collapse:collapse;
	font-size:11px;
	font-weight:normal;
	font-variant:small-caps;
	text-align:center;
	}

tr.newsection {
	border-collapse:collapse;
	border-bottom:solid 2px #dad6bf;
	}

	
table.productlist tr:hover {
	background-color:#ffedbd;
	}

.width1 {
	width:45px;
	}
	
.width2 {
	width:60px;
	}
	
.width3 {
	width:165px;
	}

.productdiagram {
	width:44px;
	height:27px;
	margin:2px;
	}
/* directory */
	
table.productlistdirectory {
	width:100%;
	border-collapse:collapse;
	border:solid 2px #dad6bf;
	padding:2px;
	}

.productlistdirectory th {
	background-color:#ffedbd;
	border-bottom:solid 1px #dad6bf;
	border-left:solid 1px #dad6bf;
	text-align:center;
	font-size:11px;
	font-weight:600;
	padding:2px;
	}
	
.productlistdirectory td {
	border-bottom:solid 1px #dad6bf;
	border-left:solid 1px #dad6bf;
	border-collapse:collapse;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:2px;
	}


/********************************/
/******** Installation **********/
/********************************/

ol.installlist li {
	 list-style-position: outside; 
	 margin: 0 10px 20px 45px;
	 list-style-type:decimal;
	 }

img.minivideo {
	width:11px;
	height:12px;
	vertical-align:text-bottom;
	margin-right:3px;
	}
	
img.video {
	width:20px;
	height:20px;
	vertical-align:text-bottom;
	margin-right:3px;
	}

/********************************/
/*********** Patterns ***********/
/********************************/

img.patterns {
	border:solid 1px #dad6bf;
	padding:4px;
	width: 195px;
	height: 195px;
	margin:0;
	}
	
img.patternphoto {
	border:solid 1px #dad6bf;
	padding:4px;
	width: 365px;
	height: 195px;
	margin:0 10px 0 20px;
	}

.patternspecs {
	float:left;
	margin:0;
	padding:2px 0 2px 8px;
	width:194px;
	background-color:#dad6bf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:12px;
	letter-spacing:0.03em;
	font-weight:500;
	color:#493729;
	border:#dad6bf solid 1px;
	}

.nopatternspecs {
	float:left;
	margin:0;
	padding:2px 0 2px 8px;
	width:194px;
	}

ul.patternspecs li{
    margin:0 0 0 15px;
	text-align:left;
	}

.patterndisplayed {
	float:left;
	width:365px;
	margin:0 10px 0 20px;
	}

p.patterndisplayed {
	color:#493729;
	}
	
/********************************/
/*********** Roadlock ***********/
/********************************/
	
#roadlockcolors {
	position:relative;
	}

#roadlockcolors ul li {
	text-align:center;
	display:inline;
	margin:2px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#493729;
	}
	
img.roadlock-color-thumb {
	border:0;
	width:150px;
	height:150px;
	margin:0 0 10px 0;
	}
	
.titlebackground {
	clear:both;
	width:620px;
	margin:0 0 0 15px;
	padding:5px;
	text-align:left;
	background-color:#dad6bf;
	border:#dad6bf solid 1px;
	}
	
.titlebackgroundinner {
	border:#fbf4e8 solid 1px;
	padding:0;
	}

/* Packing Specs */

table.packingspecs {
	width:600px;
	border:#dad6bf solid 1px;
	border-collapse:collapse;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

table.packingspecs th {
	background-color:#dad6bf;
	font-weight:600;
	font-size:11px;
	}
	
table.packingspecs td {
	font-size:12px;
	padding:4px;
	}
	
table.packingspecs td.border {
	border-bottom:#dad6bf solid 1px;
	border-collapse:collapse;
	}

/* Commercial Page */

.commercialslide {
	border:solid 1px #dad6bf;
	padding:4px;
	margin:0 15px 0 15px;
	float:right;
	text-align:right;
	z-index:0;
	}
	
.content2colcommercial {
	float:left;
	position:relative;
	width:48%;
	}

.commercialslide p {
	margin-top:10px;
	}

.custompaversm {
	padding:1px;
	margin:0 4px 5px 20px;
	float:left;
	font-size:11px;
	text-align:center;
	position:relative;
	}
	
.custompaversm img {
	width:120px;
	height:120px;
	margin:0;
	padding:0;
	}
	
img.detectable {
	width:274px;
	height:200px;
	float:left;
	margin-right:10px;
	}
	
/* JQuery Tools */

#overlay {
	background-color:#333333;
	color:#efefef;
}

/* container for external content. uses vertical scrollbar, if needed */

div.wrap {
	height:500px;
	width:750px;
	overflow-y:auto;
}

/********************************/
/*********** Literature *********/
/********************************/

.catloglist {
	width:205px;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	}
	
.catalogimg {
	width:117px;
	height:152px;
	border:none;
	margin-right:auto;
	margin-left:auto;
	}

#catalogmenu {
	position:relative;
	padding:0 2px 4px 4px;
	float:right;
	text-align:center;
	margin:0;
	display:inline;
	}
	
/* Drop Down Navication Menus */	
	
#productmenu {
	position:absolute;
	top:0;
	right:180px;
	display:block;
	margin:0 0 10px 0;
	padding:5px 0 10px 0;
	}

.prodoptions {
	font-size:11px;
	}

#literaturemenu {
	margin:10px 0 10px 0;
	border:1px #dad6bf solid;
	padding:10px 0 10px 0;
	text-align:center;
}

/****************************************************************/
/****************************************************************/
/* Gallery Homepage
/****************************************************************/
/****************************************************************/

#galleryhomepageslide {
	width:816px;
	height:350px;
	margin:0;
	padding:0;
	background-image:url(http://www.artisticpavers.com/images/gallery/gallery-home/homepage-gallery.jpg);
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
	}
	
#galleryheader {
	position:absolute;
	bottom:35px;
	right:20px;
	text-align:right;
	margin:0 0 0 50px;
	}	

#galleryheader h1, #galleryheader h2 {
	margin:0 20px 0 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.03em;
	line-height:100%;
	}
	
#galleryheader h1 {
	text-transform:uppercase;
	font-size:24px;
	color:#000000;
	font-weight:bold;
	}		

#galleryheader h2 {
	font-size:20px;
	color:#000000;
	font-weight:100;
	}	
	
.gallerydir {
	clear:both;
	position:relative;
	float:left;
	width:780px;
	/*width:785px;*/
	height:100%;
	margin:0 0 0 30px;
	}
	
.galleryimageheader {
	margin:2px 4px;
	padding:0;
	position:relative;
	text-align:center;
	float:left;
	overflow:hidden;
	}
	
h4.gallery364, h4.gallery175 {
	position:absolute;
	top:5px;
	left:0;
	width:364px;
	height:20px;
	border-bottom:#dad6bf solid 2px;
	background-color:#a59880;
	margin:0 5px 0 5px;
	padding:1px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:400;
	letter-spacing:-.01em;
	}
	
h4.gallery364 {
	width:364px;
	}
	
h4.gallery175 {
	width:175px;
	}

img.featuredgallery1 {
	width:175px;
	height:175px;
	margin: 1px;
	padding:3px;
	border: 1px solid #dad6bf;
	}	
	
img.featuredgallery2 {
	width:364px;
	height:175px;
	margin: 1px;
	padding:3px;
	border: 1px solid #dad6bf;
	}
	
img.featuredgallery1:hover, img.featuredgallery2:hover {
	background-color:#000;
	cursor:pointer;
	}	

/****************************************************************/
/****************************************************************/
/* Gallery Rotator
/****************************************************************/
/****************************************************************/

.galleryimgdesc {
	position:relative;
	clear:both;
	width:710px;
	margin:0 0 0 20px;
	padding:0 5px 15px 5px;
	overflow:hidden;
	display:block;
	background-color:#000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.galleryimgdesc h4 {
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
	color:#dad6bf;
	}
	
.galleryimgdesc p {
	font-weight:500;
	font-size:11px;
	color:#dad6bf;
	margin:0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:.08em;
	}
/****************************************************************/
/****************************************************************/
/* STEPLOCK PAGES */
/****************************************************************/
/****************************************************************/

/* Steplock page layouts */

.steplock50-specs {
	width:270px;
	position:relative;
	}

.steplock50 {
	width:340px;
	position:relative;
	}
	
/* steplock featured foto */

.featurefoto {
	position:relative;
	}

.featurefoto p {
	font-size:11px;
	color:#493729;
	text-align:center;
	margin:0;
	}

p.viewgallerylink {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
	}
	
.viewgalleryhover {
	position:absolute;
	top:-10px;
	left:23px;
	display:none;
	border:solid 1px #dad6bf;
	padding:1px;
	background-color:#faf0d2;
	width:210px;
	text-align:center;
	}

.viewgalleryhover a, .viewgalleryhover a:hover,
.zoominpaver a, .zoominpaver a:hover, .zoominpavercommercial a, .zoominpavercommercial a:hover {
	text-decoration:none;
	}
	
.featurefoto:hover .viewgalleryhover {
	display:block;
	}

/* steplock available sizes */

.productsizes {
	padding-top:10px;
	width:259px;
	position:relative;
	border:#fbf4e8 solid 1px;
	}
	
.productsizesinner {
	border:#dad6bf solid 1px;
	}
	
.productsizesheader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#493729;
	font-size:13px;
	font-weight:bold;
	margin:0;
	}

/* steplock pavers */

.steplockpaverimg {
	position:relative;
	float:left;
	width:100px;
	}

.steplockpaverimg p {
	font-size:11px;
	color:#493729;
	text-align:center;
	margin:0 0 4px 0;
	}

.steplockpaverrow {
	width:100%;
	margin:0;
	padding:10px 0 10px 0;
	}
	
.zoominpaver {
	position:absolute;
	top:-10px;
	left:9px;
	display:none;
	border:solid 1px #dad6bf;
	padding:1px;
	background-color:#faf0d2;
	width:80px;
	text-align:center;
	font-size:10px;
	letter-spacing:0.2px;
	}
	
.zoominpavercommercial {
	position:absolute;
	top:-10px;
	left:19px;
	display:none;
	border:solid 1px #dad6bf;
	padding:1px;
	background-color:#faf0d2;
	width:80px;
	text-align:center;
	font-size:10px;
	letter-spacing:0.2px;
	}

.steplockpaverimg:hover .zoominpaver, .custompaversm:hover .zoominpavercommercial { 
	display:block;
	}
	
/****************************************************************/
/****************************************************************/
/* PRODUCTS */
/****************************************************************/
/****************************************************************/
.products {
	float:left;
	margin:0;
	padding:0 15px 15px 0;
	}


img.productselection {
	width:284px;
	height:139px;
	margin: 1px;
	padding:3px;
	border: 1px solid #dad6bf;
	}
	
img.productselection:hover, img.productselection:hover {
	background-color:#000;
	cursor:pointer;
	}	

/****************************************************************/
/****************************************************************/
/* SITEMAP */
/****************************************************************/
/****************************************************************/
input.sitemapsearch {
	text-align:left;
	width:400px;
	height:25px;
	padding:2px;
	font-size:18px;
	}
	
#sitemapsearch {
	width:98%;
	text-align:left;
	padding:15px 0 15px 0;
	background-image:url(http://www.artisticpavers.com/images/forms/thankyou-grad.jpg); 
	background-repeat:repeat; 
	background-position:top right; 
	clear:both;
	border:#dad6bf solid 1px;
	}

/****************************************************************/
/****************************************************************/
/* TESTING MODE */
/****************************************************************/
/****************************************************************/
	
#testingmodedisplay {
	position:fixed; 
	top:0; 
	right:0; 
	width:200px; 
	background-color:#ffffff; 
	color:#000000; 
	font-size:10px; 
	padding-left:2px;
	}