/* Globals
------------------------------------------------------*/
body { font:79% Times, serif; background:#e1eaf7 url(../images/body-background.jpg) repeat-x; color:#4c4c4c; text-align:center; line-height:21px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display:block; }


/* Containers
------------------------------------------------------*/
#site { margin:0 auto; width:908px; text-align:left; }
.group { position:relative; overflow:hidden; zoom:1.0; }


/* Header
------------------------------------------------------*/
#header { height:86px; background:url(../images/header-background.jpg) repeat-x; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #bcd6f0; overflow:hidden; }

#header p#logo { float:left; width:247px; }
#header p#logo a { display:block; height:87px; width:247px; background:url(../images/header-logo.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
#header p#logo a:hover {  }

#header ul#nav { float:right; padding-left:4px; height:87px; width:430px; background:url(../images/nav-background.jpg) no-repeat; }
#header ul#nav li { float:left; }
#header ul#nav li a { display:block; height:87px; background:url(../images/nav-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
#header ul#nav li a:hover {  }

/* about link */
#header ul#nav li#nav-about a 			{ width:107px; background-position:0px 0px; }
#header ul#nav li#nav-about a:hover 	{ width:107px; background-position:0px -87px; }

/* products link */
#header ul#nav li#nav-products a 		{ width:110px; background-position:-107px 0px; }
#header ul#nav li#nav-products a:hover 	{ width:110px; background-position:-107px -87px; }

/* resources link */
#header ul#nav li#nav-resources a 		{ width:105px; background-position:-217px 0px; }
#header ul#nav li#nav-resources a:hover { width:105px; background-position:-217px -87px; }

/* store link */
#header ul#nav li#nav-store a 			{ width:108px; background-position:-322px 0px; }
#header ul#nav li#nav-store a:hover 	{ width:108px; background-position:-322px -87px; }


/* Footer
------------------------------------------------------*/
#footer { padding-top:10px; height:269px; width:908px; background:url(../images/footer-background.jpg) no-repeat; }
#footer p a { color:#1C3A7C; text-decoration:underline; }
#footer p a:hover { text-decoration:none; }
#footer p#mail-address { float:left; padding-left:8px; font-size:12px; color:#1c3a7c; line-height:23px; }
#footer p#contact-info { float:right; padding-right:8px; font-size:12px; color:#1c3a7c; line-height:23px; }
#footer p#contact-info a { text-decoration:none; color:#1c3a7c; }
#footer p#contact-info a:hover { text-decoration:underline; }
#footer ul { clear:both; padding:72px 8px 0px; }
#footer ul li { float:left; }
#footer ul li a { display:block; height:22px; background:url(../images/footer-button-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
#footer ul li a:hover {  }

/* rss link */
#footer ul li#button-rss 				{ margin-right:15px; }
#footer ul li#button-rss a 				{ width:24px; background-position:0px 0px; }

/* facebook link */
#footer ul li#button-facebook 			{ margin-right:15px; }
#footer ul li#button-facebook a 		{ width:92px; background-position:-24px 0px; }

/* twitter link */
#footer ul li#button-twitter 			{  }
#footer ul li#button-twitter a 			{ width:76px; background-position:-116px 0px; }

/* email link */
#footer ul li#button-email 				{ float:right; }
#footer ul li#button-email a 			{ width:38px; background-position:-192px 0px; }


/* Sub Navigation
------------------------------------------------------*/
ul#subnav { padding:2px 0px 0px 667px; background:url(../images/subnav-background.jpg) repeat-x bottom left; }
ul#subnav li { float:left; }
ul#subnav li a { float:left; display:block; height:32px; background:url(../images/subnav-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
ul#subnav li a:hover {  }
ul#subnav li.active {  }
ul#subnav li.active a {  }

/* about link */
ul#subnav li#subnav-about a 			{ width:60px; background-position:0px 0px; }
ul#subnav li#subnav-about.active a 		{ background-position:0px -32px; }

/* contact link */
ul#subnav li#subnav-contact a 			{ width:70px; background-position:-60px 0px; }
ul#subnav li#subnav-contact.active a 	{ background-position:-60px -32px; }

/* news link */
ul#subnav li#subnav-news a 				{ width:50px; background-position:-130px 0px; }
ul#subnav li#subnav-news.active a 		{ background-position:-130px -32px; }


/* Content
------------------------------------------------------*/
#content { background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }


/* Sidebar
------------------------------------------------------*/
#sidebar { float:left; margin:2px 0px 0px 2px; width:350px; }

#sidebar #image { padding-top:3px; background:#c8d7ea; }
#sidebar #image img { display:block; margin:0px auto; padding:0px; line-height:0; }
#sidebar #image p#image-caption { padding:10px 20px 0px 20px; height:100px; width:310px; font-size:12px; color:#103167; font-style:italic; background:url(../images/sideimage-caption.jpg) no-repeat; text-align:right; }

#sidebar #previous-articles { position:relative; left:30px; top:-75px; width:256px; }
#sidebar #previous-articles h3 { font-size:18px; font-weight:normal; color:#103167; text-transform:uppercase; }
#sidebar #previous-articles ul { margin-top:10px; padding-top:10px; border-top:1px solid #fff; }
#sidebar #previous-articles ul li {  }
#sidebar #previous-articles ul li a { font-size:12px; color:#005395; font-style:italic; text-decoration:none; }
#sidebar #previous-articles ul li a:hover { text-decoration:underline; }
#sidebar #previous-articles ul li.view-archive { padding-top:10px; }
#sidebar #previous-articles ul li.view-archive a { padding-right:15px; color:#00235d; background:url(../images/sidebar-news-archive-arrow.jpg) no-repeat center right; }


/* Article
------------------------------------------------------*/
#article { float:right; padding-bottom:20px; width:552px; }
#article h1 { padding-bottom:10px;  }
#article h1 img { display:block; line-height:0; }
#article h2 { margin:0px; padding:0px 25px; font-size:18px; font-weight:normal; color:#103167; text-transform:uppercase; line-height:8px; }
#article p.date { margin:0px; padding:0px 25px 20px; font-size:12px; font-style:italic; color:#005395; }
#article p { margin-bottom:10px; padding:0px 25px; }
#article p a { color:#005395; text-decoration:underline; }
#article ul { margin:0px 25px; padding:0px 25px 10px; list-style-type:disc; }
#article ol { margin:0px 25px; padding:0px 25px 10px; list-style-type:decimal; }
#article ul ul, #article ul ol,
#article ol ul, #article ol ol { margin:0px 10px; padding:0px 10px 0px; }


/* Homepage Masthead
------------------------------------------------------*/
#masthead.home { padding:2px; }
#masthead.home #main-image { float:left; height:375px; width:664px; border:1px solid #b6cbee; }
#masthead.home #main-image img { display:block; margin:0; padding:0; height:375px; width:664px; line-height:0; }

#masthead.home #button-dreamdeck { float:right; margin-bottom:2px; }
#masthead.home #button-dreamdeck a { display:block; height:240px; width:234px; }
#masthead.home #button-dreamdeck a img { display:block; margin:0; padding:0; height:240px; width:234px; line-height:0; }

#masthead.home #button-meridian { float:right; }
#masthead.home #button-meridian a { display:block; height:134px; width:234px; }
#masthead.home #button-meridian a img { display:block; margin:0; padding:0; height:134px; width:234px; line-height:0; }

#masthead.resources { position:relative; }
#masthead.resources h1 {  }
#masthead.resources h1 img { display:block; }
#masthead.resources p { position:absolute; top:130px; left:20px; width:650px; font-size:13px; font-style:italic; color:#1c3a7c; }


/* Homepage News Scroller
------------------------------------------------------*/
#news-scroller { padding-left:10px; height:23px; }
#news-scroller p.label { float:left; width:110px; font-size:14px; color:#00235d; line-height:23px; }
#news-scroller ul { float:left; width:777px; }
/*#news-scroller ul li { display:none; }*/
/*#news-scroller ul li.active { display:block; }*/
#news-scroller ul li a { font-size:12px; color:#1c3a7c; line-height:23px; text-decoration:none; }
#news-scroller ul li a:hover { text-decoration:underline; }


/* News Archive
------------------------------------------------------*/
ul#archive-listing { margin:0px; padding:0px 25px; list-style-type:none; }
ul#archive-listing li {  }
ul#archive-listing li span.date { font-size:11px; font-style:italic; }
ul#archive-listing li span.title {  }
ul#archive-listing li span.title a { color:#005395; text-decoration:none; }
ul#archive-listing li span.title a:hover { text-decoration:underline; }


/* Contact Form
------------------------------------------------------*/
form#contact-form { float:left; width:339px; }

form#contact-form .textfield { padding-bottom:10px; }
form#contact-form .textfield label { display:block; float:left; padding-right:5px; width:65px; font-size:14px; font-style:italic; color:#00235d; text-align:right; }
form#contact-form .textfield input { display:block; float:right; margin:0; padding:6px 5px 5px; height:14px; width:259px; background:url(../images/form-sprite.jpg) no-repeat 0px 0px; border:none; }

form#contact-form .textarea { padding-bottom:10px; }
form#contact-form .textarea label { display:block; float:left; padding-right:5px; width:65px; font-size:14px; font-style:italic; color:#00235d; text-align:right; }
form#contact-form .textarea textarea { display:block; float:right; margin:0; padding:6px 5px; height:169px; width:259px; background:url(../images/form-sprite.jpg) no-repeat 0px -25px; border:none; }

form#contact-form .buttons {  }
form#contact-form .buttons button { display:block; float:right; height:26px; width:85px; background:url(../images/form-sprite.jpg) no-repeat bottom left; border:none; overflow:hidden; text-indent:-9999em; cursor:pointer; }

#contact-sideinfo { float:right; width:195px; }
#contact-sideinfo h4 { margin:0; padding:0; font-size:14px; font-weight:normal; font-style:italic; color:#00235d; }
#contact-sideinfo p { margin:0; padding:0px 25px 20px 0px; }


/* Resources Table
------------------------------------------------------*/
table.resources { margin-bottom:10px; }
table.resources thead {  }
table.resources thead tr {  }
table.resources thead tr th {  }
table.resources thead tr th img { display:block; }
table.resources tbody tr td { padding:10px 0px; text-align:center; vertical-align:center; }
table.resources tbody tr td a { padding:5px 10px; font-size:10.5px; color:#005395; text-decoration:none; border:1px solid #dee7f1; background:url(../images/button-download.jpg) repeat-x bottom left; }
table.resources tbody tr td a:hover { text-decoration:underline; }


/* Product Categories
------------------------------------------------------*/
#content.products #masthead {  }
#content.products #masthead h1 {  }
#content.products #masthead h1 img { display:block; }

#content.products h2 { padding-bottom:10px; }
#content.products h2 img { display:block; }

#content.products ul { padding-left:10px; overflow:hidden; zoom:1.0; }
#content.products ul li { float:left; padding-right:7px; padding-bottom:7px; }
#content.products ul li a { display:block; }
#content.products ul li a img { display:block; }


/* Product
------------------------------------------------------*/
#content.product {  }

#content.product #masthead { position:relative; }

#content.product #masthead h1 {  }
#content.product #masthead h1 img { display:block; }

#content.product #masthead a.backtoproducts { position:absolute; top:6px; right:60px; display:block; width:170px; padding-right:15px; text-align:right; color:#00235d; background:url(../images/sidebar-news-archive-arrow.jpg) no-repeat center right; text-decoration:none; }
#content.product #masthead a.backtoproducts:hover { text-decoration:underline; }

#content.product #masthead p.description { position:absolute; top:147px; left:20px; width:300px; font-size:13px; font-style:italic; color:#00235d; line-height:1.2em; }

#content.product #masthead a.button { position:absolute; top:221px; left:21px; display:block; height:25px; width:246px; background:url(../images/button-aluminumpoolfencing.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
#content.product #masthead a.button.comparetocompositesandwood { top:261px; background:url(../images/button-comparetocompositesandwood.jpg) no-repeat; }

#content.product #masthead p.note { position:absolute; bottom:15px; left:347px; width:340px; font-size:10px; color:#4e4e4e; }

#content.product #masthead .features { position:absolute; top:147px; left:347px; width:340px; overflow:hidden; zoom:1.0; }
#content.product #masthead .features ul { display:inline; float:left; margin-left:10px; padding-left:10px; list-style-type:disc; }
#content.product #masthead .features ul li { padding-bottom:5px; font-size:11px; color:#005395; line-height:12px; }
#content.product #masthead .features ul.column {  }
#content.product #masthead .features ul.column.one { width:170px; }
#content.product #masthead .features ul.column.two { width:130px; }

#content.product #masthead img.supportingimage { position:absolute; top:109px; right:7px; display:block; border:1px solid #b8ccee; }

/* Aluminum Fencing */
#content.product #masthead.aluminumfencing .features ul.column.one { width:150px; }

/* Vinyl Dream Decking */
#content.product #masthead.vinyldreamdecking p.description { width:280px; }
#content.product #masthead.vinyldreamdecking .features { width:260px; }
#content.product #masthead.vinyldreamdecking .features ul.column.one { width:120px; }
#content.product #masthead.vinyldreamdecking .features ul.column.two { width:100px; }
#content.product #masthead.vinyldreamdecking a.button.viewbrochure { top:256px; left:auto; right:132px; height:25px; width:130px; background: url(../images/button-viewbrochure.jpg) no-repeat; }
#content.product #masthead.vinyldreamdecking a.button.installguide { top:256px; left:auto; right:7px; height:25px; width:117px; background: url(../images/button-installguide.jpg) no-repeat; }

/* Vinyl Dream Railing */
#content.product #masthead.dreamrailing p.description { width:246px; }
#content.product #masthead.dreamrailing .features { left:307px; width:270px; }
#content.product #masthead.dreamrailing .features ul.column.one { width:120px; }
#content.product #masthead.dreamrailing .features ul.column.two { width:110px; }
#content.product #masthead.dreamrailing a.button.comparetocompositesandwood { top:271px; }

#content.product #masthead.dreamrailing .railingstyles { position:absolute; top:139px; right:30px; }
#content.product #masthead.dreamrailing .railingstyles ul { padding:5px 0px; width:300px; list-style-type:disc; overflow:hidden; zoom:1.0; }
#content.product #masthead.dreamrailing .railingstyles ul li { float:left; margin-left:25px; padding-left:0px; font-size:11px; color:#005395; line-height:8px; }

#content.product #masthead.dreamrailing img.supportingimage { top:170px; right:35px; }

/* Hardware */
#content.product #masthead.hardware p.description { width:230px; }
#content.product #masthead.hardware .features { left:307px; width:390px; }
#content.product #masthead.hardware .features ul.column.one { width:180px; }
#content.product #masthead.hardware .features ul.column.two { width:170px; }

#content.product #masthead.hardware ul.pagenavigation { position:absolute; top:56px; right:17px; }
#content.product #masthead.hardware ul.pagenavigation li { padding-bottom:7px; }
#content.product #masthead.hardware ul.pagenavigation li a { display:block; }
#content.product #masthead.hardware ul.pagenavigation li a img { display:block; }


/* Product Listing
------------------------------------------------------*/
ul#product-listing { position:relative; padding:8px 0px; overflow:hidden; zoom:1.0; }
ul#product-listing li { position:relative; margin-bottom:1px; padding:7px 8px; background:#f7f8fa; border-top:1px solid #dae6ef; border-bottom:1px solid #e5eef4; overflow:hidden; zoom:1.0; }
ul#product-listing li li { background:none; border:none; padding:0; }

ul#product-listing li .image { float:left; width:202px; }
ul#product-listing li .image a { display:block; text-decoration:none; }
ul#product-listing li .image a img { display:block; margin:0 auto; margin-bottom:10px; border:1px solid #b8ccee; }

ul#product-listing li .entry { float:left; padding-left:10px; width:510px; }
ul#product-listing li .entry h3.title { font-size:18px; font-variant:small-caps; font-weight:normal; color:#00235d; }
ul#product-listing li .entry p { padding-bottom:10px; }
ul#product-listing li .entry p.subtitle { font-size:11px; font-style:italic; color:#3e7caf; }

ul#product-listing li .entry .specifications { clear:both; padding:6px 0px; background:#fff url(../images/product-spec-background.jpg) repeat-x bottom left; border:1px solid #e2e2e2; overflow:hidden; zoom:1.0; }
ul#product-listing li .entry .specifications span { display:block; float:left; padding:4px 10px; font-size:12px; line-height:12px; }
ul#product-listing li .entry .specifications span strong { padding-right:5px; font-weight:normal; text-transform:uppercase; color:#00235d; }
ul#product-listing li .entry .specifications span.size { width:165px; border-right:1px solid #a5a5a5; }
ul#product-listing li .entry .specifications span.height { width:110px; border-right:1px solid #a5a5a5; }
ul#product-listing li .entry .specifications span.colors { width:110px; border-right:1px solid #a5a5a5; }
ul#product-listing li .entry .specifications span.gates { width:200px; }

ul#product-listing li .entry ul.buttons { overflow:hidden; zoom:1.0; }
ul#product-listing li .entry ul.buttons li { float:left; padding-right:40px; }
ul#product-listing li .entry ul.buttons li a { display:block; }
ul#product-listing li .entry ul.buttons li a img { display:block; }

ul#product-listing li .entry .moreinformation { margin-bottom:10px; padding:10px 0px; border-bottom:2px solid #e7eff6; overflow:hidden; zoom:1.0; }
ul#product-listing li .entry .moreinformation .text h4 { padding-bottom:5px; font-size:14px; font-weight:normal; font-style:italic; color:#005395; }
ul#product-listing li .entry .moreinformation .text p { padding-bottom:5px; font-size:11px; font-style:italic; color:#00235d; line-height:11px; }
ul#product-listing li .entry .moreinformation img { border:1px solid #b8ccee; }

ul#product-listing li .entry .moreinformation .ex-system-pdf { float:left; width:250px; }
ul#product-listing li .entry .moreinformation .ex-system-pdf a { text-decoration:none; }
ul#product-listing li .entry .moreinformation .ex-system-pdf a .text { float:left; padding-right:5px; width:185px; }
ul#product-listing li .entry .moreinformation .ex-system-pdf a .text h4 { text-align:right; }
ul#product-listing li .entry .moreinformation .ex-system-pdf a .text p { text-align:right; }
ul#product-listing li .entry .moreinformation .ex-system-pdf a img { float:right; }
ul#product-listing li .entry .moreinformation .ca-system-pdf { float:right; width:250px; }
ul#product-listing li .entry .moreinformation .ca-system-pdf a { text-decoration:none; }
ul#product-listing li .entry .moreinformation .ca-system-pdf a .text { float:right; padding-left:5px; width:185px; }
ul#product-listing li .entry .moreinformation .ca-system-pdf a .text h4 { text-align:left; }
ul#product-listing li .entry .moreinformation .ca-system-pdf a .text p { text-align:left; }
ul#product-listing li .entry .moreinformation .ca-system-pdf a img { float:left; }
ul#product-listing li .entry .product-photos {}
ul#product-listing li .entry .product-photos ul { overflow:hidden; zoom:1.0; }
ul#product-listing li .entry .product-photos ul li { float:left; padding-right:15px; width:56px; }
ul#product-listing li .entry .product-photos ul li.last { padding-right:0px; }
ul#product-listing li .entry .product-photos ul li a { display:block; font-size:11px; color:#00235d; text-align:center; text-decoration:none; line-height:11px; }
ul#product-listing li .entry .product-photos ul li a img { display:block; border:1px solid #b8ccee; }

ul#product-listing li ul.sidebar { position:relative; top:-7px; left:8px; float:right; /*height:190px;*/ width:145px; background:url(../images/product-sidebar-background.jpg) no-repeat; }
ul#product-listing li ul.sidebar li { padding:5px 0px 0px 13px; }
ul#product-listing li ul.sidebar li a { display:block; font-style:italic; text-align:center; color:#00235d; text-decoration:none; }
ul#product-listing li ul.sidebar li a:hover { text-decoration:underline; }
ul#product-listing li ul.sidebar li a img { display:block; }

/* Arbors Listing */
ul#product-listing li.arbor .entry { width:675px; }
ul#product-listing li.arbor .entry .specifications span.colors { border-right:none; }


/* Hardware Listing */
ul#product-listing li.hardware { width:435px; }
ul#product-listing li.hardware .image { width:160px; }
ul#product-listing li.hardware .entry { width:260px; }
ul#product-listing li.hardware.odd { clear:both; float:left; border-right:1px solid #dae6ef; }
ul#product-listing li.hardware.even { float:right; border-left:1px solid #dae6ef; }
ul#product-listing li.hardware a.button { display:block; float:right; text-decoration:none; }


/* Lighting Listing */
ul#product-listing li.lighting { width:435px; }
ul#product-listing li.lighting .image { width:160px; }
ul#product-listing li.lighting .entry { width:260px; }
ul#product-listing li.lighting.odd { clear:both; float:left; border-right:1px solid #dae6ef; }
ul#product-listing li.lighting.even { float:right; border-left:1px solid #dae6ef; }


/* Post and Caps Listing */
ul#product-listing li.postcap { width:435px; }
ul#product-listing li.postcap .image { width:160px; }
ul#product-listing li.postcap .entry { width:260px; }
ul#product-listing li.postcap.odd { clear:both; float:left; border-right:1px solid #dae6ef; }
ul#product-listing li.postcap.even { float:right; border-left:1px solid #dae6ef; }
ul#product-listing li.postcap a.button { display:block; float:right; text-decoration:none; }


/* =========== */
/* = SITEMAP = */
/* =========== */
#sitemap { padding:30px 50px; min-height:400px; height:auto !important; height:400px; }
#sitemap h1 { padding-bottom:10px;  }
#sitemap h1 img { display:block; line-height:0; }
#sitemap h2 { margin:0px; padding:0px 25px; font-size:18px; font-weight:normal; color:#103167; text-transform:uppercase; line-height:8px; }
#sitemap p.date { margin:0px; padding:0px 25px 20px; font-size:12px; font-style:italic; color:#005395; }
#sitemap p { margin-bottom:10px; padding:0px 25px; }
#sitemap p a { color:#005395; text-decoration:underline; }
#sitemap ul { margin:0px 25px; padding:0px 25px 10px; list-style-type:disc; }
#sitemap ol { margin:0px 25px; padding:0px 25px 10px; list-style-type:decimal; }
#sitemap ul ul, #article ul ol,
#sitemap ol ul, #article ol ol { margin:0px 10px; padding:0px 10px 0px; }