/*======================
RESET
========================*/
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,
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;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
vertical-align: baseline;
}

a {
	color: #ba8d00;
	text-decoration: underline;
}

p.about {
	color: green;
	padding-left: 36px;
	padding-bottom: 10px;
	width: 775px;
	font-size: 14px;
	line-height: 16px;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.3;
color: black;
text-align: center;
background: url(../img/site_bg.png) repeat-x;
}
ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*======================
	HEADER
========================*/
/*
The container div is what sets the width of your content and centers it in the browser.
Each of your main divs will have a container div.
*/
.container
{
	background: url(../img/base.png) no-repeat 0 0;
	margin:0 auto; /* Centers the div */
	width:1023px; /*This is the width of your website */

	text-align:left;
}

.container_nav
{
	margin:0 auto; /* Centers the div */
	width:1023px; /*This is the width of your website */
	text-align:left;
}
/*
Notice that the width of header is set to 100%.
This is so that the background will extend to the edge of the browser.
*/
#header
{
	background: url(../img/header_bg.png) no-repeat 50% 0;
	float:left;
	width: 100%;
	height:115px;
}

/*
The a element (which is usually an inline element) gets changed to a block element
so that it can easily be positioned.
*/
#logo
{
	background:url(../img/logo.png) no-repeat;
	display:block;
	position:relative;
	float:left;
	width:275px;
	height:115px;
}

#main-menu li {
	
	height: 500px;
	
}

#main-menu
{
	float:right;
	position:relative;
	padding: 0 30px;
	width:601px;
	height: 49px;
	background: url(../img/nav_bg.png) no-repeat;
}
#main-menu li
{
	background-image:url(../images/main_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	margin: 10px 10px 0 12px;
	padding:0;
	height:23px;
	list-style:none;
	line-height:1;
}

li.storetab
{
	background: #b91b40;

}

/*
The over and active state get handled here.
Notice the use of negative pixels? This is the advantage of CSS sprites.
Instead of using two images to achieve the effect, we just use one and move it.
*/
#main-menu li:hover, #main-menu li.active { background-position: 0 -23px;}
#main-menu li:hover a, #main-menu li.active a{ background-position: 100% -23px; }
#main-menu li a
{
	background-image:url(../images/main_menu_right.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	display:block;
	padding:4px 10px 5px 10px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}

/*======================
	RIBBON
========================*/

#ribbon 
{	
	float: left;
	background: url(../img/ribbon.png);
	width: 989px;
	height: 99px;	
}

/*======================
	FORM
========================*/

#form {
	

}

/*======================
	MODULES
========================*/

#module_1 
{
	float: left;
	width: 275px;
	height: 100%;
}

#module_2 
{
	float: left;
	margin-left: 14px;
	
	width: 275px;
	height: 100%;
}

#module_img {
	margin-top: 15px;
	background: url(../img/module_bg.png) no-repeat;
	float: left;
	padding-top: 16px;
	padding-left: 18px;
	width: 279px;
	height: 193px;
}

#module_3 
{
	float: left;
	margin-left: 14px;
	width: 275px;
	height: 380px;
	background: url(../img/form-bg.png) no-repeat 0 42px;
}

p.module_txt
{
	color: #8e8b7d;
	font-size: 14px;
	line-height: 18px;
}

#module_1a 
{
	
	float: left;
	width: 270px;
	height: 1200px;
	color: #252206;
	clear: none;
}

#module_2a 
{
	float: left;
	margin-left: 14px;
	
	width: 270px;
	height: 100%;
}

#module_3a 
{
	float: left;

	
	width: 270px;
	height: 100%;
	}
	
#module_about{
	padding-bottom: 20px;
	float: left;
	width: 233px;
	height: 620px;
	padding-left: 38px;
}

#module_about_msg
{
	background-color: #252206;
	padding-bottom: 20px;
	float: right;
	width: 233px;
	height: 357px;
	padding-left: px;
	margin-right: 40px;

}

#module_about_msg img
{
	background-color: #252206;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 40px;

}



p.module_about_text{
	padding-top: 5px;
	padding: ;
	float: left;
	width: 233px;
	
	color: #7b796e;
	font-size: 14px;
}

p.module_about_text-a{
	
	float: left;
	width: 218px;
	color: #7b796e;
	font-size: 14px;
	padding-left: 10px;
	height: 100%;

}

#module_about h1 {
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#fff;
	background-color: #252206;
	padding-left: 3px;
	width: ;
}

#module_map
{
	padding-top: 20px;
	float: left;
}

#module_contact {
	float: left;
	height:311px;
	width:854px;
	background: url(../img/contact_bg-front_building.jpg);
}

p.module_contact_text {
	color: white;
	padding: 20px;
	
	width: 420px;
	font-size: 22px;
}

address {
	color: white;
	padding: 20px;
	
	width: 420px;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#module_design_cat_col1{
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
		height: 178px;
		width: 178px;
		background-color: #252206;	
}

#module_design_cat_col2{
		float: left;
		margin-left: 20px;
				margin-bottom: 20px;
		height: 178px;
		width: 178px;
		background-color: #252206;	
}

#module_design_cat_col3{
		float: left;
		margin-left: 20px;
				margin-bottom: 20px;
		height: 178px;
		width: 178px;
		background-color: #252206;	

}

/*======================
	MAIN
========================*/
/*
The width is also set to 100% because there is a background image
that we want to go to the edge. 

Notice that height isn't set for #main, this is because it will need to expand
with the content.
*/
#main
{
	
	float:left;
	width:100%;
}
/*
All this does is add the background that makes the content appear
to pop off the screen.
*/
#wrapper
{
	float:left;
	width:100%;
}
/*
This div sets the default height of your content and also adds a gray
background to the right column.
*/
#content
{

	width:854px;

	margin-left:85px;
	margin-right:85px;
	min-height:815px;
	height:auto !important; /* IE 6 min-height fix */
	height:815px; /* IE 6 min-height fix */
}

/*======================
	FOOTER
========================*/
/*
This adds the site bottom and makes it expand to the edge of the screen
like we did with #header and #main
*/
#footer
{
	width:100%;
	height:70px;
	padding-top:30px;
	font-size:12px;
	color:#fff;
	
}


#location_bar
{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: 40px;
	background-color: #252206;
	background-image: url(../img/pdslogo_sm_bg.gif);
}

h1.location_bar
{	float: left;
	padding: 13px 0px 0px 14px;
	color: #a3a3a3;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

li.small_list{
	color: red;
	font-size: 100px;
}

ul.services li {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 7px;
	margin-left:0px;
}

ul.services {
	margin-top: 10px;
	color: #6d6a60;
	margin-left:10px;
	list-style-type: none;
}

ul.services li b {
	font-size: 13px;
	color: #424242;
}

#small_list {
	font-size: 11px;
}

/*======================

========================*/


#menu ul .item{display:none;
	list-style-type: none;
}
#menu ul:hover .item{display:block;background-color: yellow;
	list-style-type: none;
}
#menu{
	float: right;
padding-top: 9px;
padding-right:8px;
color: #a3a3a3;
	list-style-type: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu ul {
	list-style-type: circle;
	list-style-image: none;
}

li.top {

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-image: none;
}

#spacer {
	float: left;
	
	width: 23px;
	height: 20px;
}

#quote {
	text-align: center;
	float: left;
	width: 607px;
	height: 100px;
	padding-left: 120px;
	background: url(../img/quote.png) no-repeat 92px 0;
}

q{
	text-align: center;
	color: #a59b9b;
	font: 23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.boldname  {
	float: right;
	color: black;
	padding-top: 5px;
	padding-right: 15px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#message {
	float: left;
padding-top: 35px;
padding-bottom: 38px;
	width: 854px;
	height: 100%;
	background-color: #252206;
	margin-bottom: 40px;
	color: #fefbfa;
	font-size: 13px;
	background-image: url(../img/pdslogo_msg_bg.gif);
}

#message p {
	font: 1.1em/1.3em Georgia, "Times New Roman", Times, serif;
}

#ctr_about_msg1 {
	float: left;
	margin-left: 39px;
	width: 231px;
	height: 100%;

}

#ctr_about_msg2 {
	float: left;
	margin-left: 40px;
	width: 231px;
	height: 100%;
	
}

#ctr_about_msg3 {
	float: left;
	margin-left: 41px;
	width: 231px;
	height: 100%;
	
}	


/*======================
	FORM
========================*/
#form_home {
	padding-top: 45px;
	padding-left: 40px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#formstyle {
	color: #fff;
	padding-bottom: 26px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

/*======================
STORE
========================*/

#slideshow {
  	position: relative;
  	display: block;
  	top: 480px;
  	left: 370px;
  	
  	
	

    background-color: red;
}



#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#store_wide {
	float: right;
	right: 200px;
	margin-right: 700px;
	top: 10px;
	width: ;
	
	
}

#store_wide_r {
	float: right;
	padding-top: 205px;
	padding-bottom: 20px;
	padding-right: 8px;
}




/*======================
FOOTER
========================*/



#footer_bar
{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	width: 100%;
	height: 100px;
	background-color: #252206;
	background-image: url(../img/pdslogo_sm_bg.gif);
		font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.addy {
	float: left;
	color: #fff;
	padding-top: 20px;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}

ul.addy li {
	
	color: #a3a3a3;
	padding-top: 2px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}

ul.addy_rt {
	position: relative;

	margin-top: 20px;
	margin-left: 630px;
	height: 20px;
	width: 200px;
	color: #fff;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	text-align: right;
}

ul.addy_rt li {
	
	color: #a3a3a3;
	padding-top: 2px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}