html { background: #cdcccc url(/public/img/bg_footer.gif); }
body { font: 75% Arial, Helvetica, Verdana, sans-serif; background: url(/public/img/bg_tile.jpg) repeat-x top center; -webkit-font-smoothing: antialiased; color: #333333; }
body.home { background: url(/public/img/bg_tile_home.jpg) repeat-x top center; }
  
a { color: #409de2; }
a:hover { color: #217fc6; }

body.home .wrapper { display: block; background: url(/public/img/bg_home_globe.jpg) no-repeat center top; }
.inner { width: 960px; margin: 0 auto;}

a.box_link { width: 192px; height: 90px; float: right; background: #e4e4e4; margin: 10px 20px 0 0;}

.header .inner, .header_positioned .inner { position: relative; height: 130px; padding-top: 10px; background: url(/public/img/bg_tile.jpg) repeat-x top center; z-index: 1;}
 
.header_positioned { position: absolute; top: 0; width: 960px; z-index: 200;}
	.header_positioned .inner { background: none !important; }
body.home .header { width: 960px; margin: 0 auto; }

body.home .header .inner { background: url(/public/img/bg_home_globe.jpg) no-repeat center top; }
.header .logo { position: absolute; top: 35px; left: 10px; z-index: 160 !important; }
.header h2 { position: absolute; left: 300px; top: 55px; font-size: 1.5em; font-style: italic; color: #1e1856;}
.header a.permacorp_link { background: url(/public/img/logo_permacorp_v.gif) no-repeat top; width: 96px; height: 63px; position: absolute; text-indent: -99999px; right: 20px; top: 35px;}
.header a.permacorp_link span { background: url(/public/img/logo_permacorp_v.gif) no-repeat bottom; width: 96px; height: 63px; text-indent: -99999px; float: left; }

.wrapper.content { border-top: 1px solid #FFF; background: url(/public/img/background_highlight.gif) no-repeat top center; }

.banner .company_images { position: absolute; top: 5px; right: 30px;}
.banner .company_images .company_image_frame { display: none; position: relative; height: 222px; width: 432px; }
.banner .company_images .company_image_frame img { position: absolute; top: 10px; left: 30px; z-index: 20;}
.banner .company_images .company_image_frame .home_image_mask { z-index: 21; background: url(/public/img/home_image_mask.png) no-repeat top left; height: 222px; width: 432px; position: absolute; top: 0; left: 20px;}

/* @group Main Navigation */
ul.navigation { position: absolute; top: 50px; right: 10px; z-index: 200;}
ul.navigation li { float: left; list-style: none; }
ul.navigation li a { background: url(/public/img/nav_main_bg.png) no-repeat bottom center; height: 42px; text-shadow: #030850 0 -1px 1px; float: left; text-decoration: none;cursor: pointer;}
ul.navigation li a b { color: #FFF; height: 40px; line-height: 40px; float: left; border-left: 1px solid #1e1856; border-right: 1px solid #545d95; padding: 0 20px;cursor: pointer;}

ul.navigation.dark { position: absolute; top: 120px; left: 8px; z-index: 20;}


ul.navigation li a:hover { background-position: top; cursor: pointer;}

ul.navigation li.first a { background-position: bottom left; }
ul.navigation li.first a b { border-left: none; }
ul.navigation li.first a:hover { background-position: top left; }
ul.navigation li.last a { background-position: bottom right; }
ul.navigation li.last a b { border-right: none; }
ul.navigation li.last a:hover { background-position: top right; }

ul.navigation li.active a { background-position: top; }
ul.navigation li.active.first a { background-position: top left; }
ul.navigation li.active.last a { background-position: top right; }

/* @end */


.carousel { position: relative; z-index: 1; width: 940px; height: 300px; top: 40px; left: 10px; background-color: #243277; }
.carousel .mask { height: 300px; width: 940px; background: url(/public/img/carousel_mask.png) no-repeat;position: absolute; top: 0; left: 0; }
.carousel .carousel_cycle { position: relative; z-index: 0; }
.carousel .summary { float: right; width: 180px; margin-right: 10px;}
.carousel .summary .bottom { position: absolute; bottom: 0; height: 160px; }

.carousel .summary h3 { font-weight: bold; color: #FFF; margin: 40px 0 5px; height: 60px; font-size: 2.4em; border: none; margin-bottom: 0; font-size: 2em; line-height: 1.2em;}
.carousel .summary h3 a { color: #FFF; text-decoration: none;}

.carousel .summary p { font-weight: normal; color: #246ab7; font-size: 1.2em; line-height: 1.2em; display: block; width: 160px; color: #FFF; margin: 0;}

.carousel .summary a.button {  background: url(/public/img/carousel_btn.png) no-repeat left bottom; float: left; padding: 0 0 0 10px; line-height: 30px; color: #FFF; text-decoration: none; text-shadow: #7d0f16 0 -1px 1px; font-size: 1em; margin-top: 15px;}

.carousel .summary a b { height: 32px; float: left; padding-right: 10px; position: relative; margin-right: -8px ;background: url(/public/img/carousel_btn_right.png) no-repeat right bottom; }

.carousel .summary a:hover { background-position: top left; }
.carousel .summary a:hover b { background-position: top right; }

.shadow { width: 980px; height: 14px; position: absolute; z-index: 0; background: url(/public/img/carousel_shadow.png) no-repeat left; bottom: 14px; left: 0; }

.carousel .caption { background: url(/public/img/carousel_bg.gif) no-repeat top; display: block;}
.carousel_footer { background: url(/public/img/carousel_bottom.gif) no-repeat bottom; display: block; padding: 15px;  width: 580px; }

.nav_container { position: absolute; left: 20px; bottom: 20px; z-index: 10;  }
.carousel .carousel_nav { height: 30px; background: url(/public/img/carousel_nav_bg.gif) repeat-x; float: left;  padding-left: 10px; }
.carousel .carousel_nav a { float: left; height: 30px; width: 15px; background: url(/public/img/carousel_nav_states.gif) no-repeat bottom; text-indent: -99999px; margin: 0 10px 0 0;}
.carousel .carousel_nav a.activeSlide { background-position: top;}
.carousel #prev { text-indent: -99999px; width: 30px; height: 30px;  background: url(/public/img/carousel_back.png) no-repeat bottom; float: left;}
.carousel #next { text-indent: -99999px; width: 30px; height: 30px; background: url(/public/img/carousel_next.png) no-repeat bottom; float: left; }
.carousel #next:hover, .carousel #prev:hover { background-position: top; }


.main.banner .article { color: #FFF; font-size: 1.4em; width: 480px; padding: 50px 0 0 30px ;}
.main.banner .article h2 { color: #FFF; font-weight: bold; font-style: italic; }

.grey_bar { background: #565657 url(/public/img/greybar_xtile.jpg) repeat-x top center; display: block; width: 100%; }
.grey_bar .inner { background: #565657 url(/public/img/greybar_xtile.jpg) repeat-x top center; height: 202px; }
.grey_bar .quarter_box { width: 220px; padding: 5px 10px 0; background: url(/public/img/quarter_bg.png) no-repeat center bottom; float: left; height: 165px; margin: 15px 0 0; text-align: center; }
.grey_bar .quarter_box:hover { background-position: center top; cursor: pointer;}
.grey_bar .quarter_box img { margin: 20px 0 0; padding: 0 0 20px 0; }
a.quarter_box { text-decoration: none; position: relative; }
a.quarter_box p { font-size: 1.5em; font-style: italic; font-weight: bold; color: #1d1c54; border-top: 1px dashed; margin: 0 20px; padding: 12px 0 0; position: absolute; top: 70px; left: 0; width: 200px;}
a.quarter_box:hover p { color: #586095; }

.quarter_box .info { display: none; }
.quarter_box .info { position: absolute; width: 200px; padding: 20px; background: url(/public/img/quarter_bg.png) no-repeat center; float: left; height: 140px;  text-align: left; top: 0; left: 0;}
.quarter_box .info ul { margin: 0 0 5px 0; }

.address { display: none; }

div.pagination { font-weight: bold; font-size: 1.1em; }
div.pagination span { color: #555;  margin: 3px;  }
div.pagination a {text-decoration: none; }

.main { background: #FFF; border-bottom: 1px solid #bab9b9;  }
.main .inner { background: #FFF; }

#container.inside {padding: 40px 0 0; background: #FFF url(/public/img/bg_tile.jpg) repeat-x center -140px; }
#container.inside .main { background: #FFF url(/public/img/bg_tile.jpg) repeat-x center -175px; }

#container.inside .main .inner { background: url(/public/img/bg_inside_pages.png) no-repeat top center; width: 940px; padding: 6px 10px 0; min-height: 500px; _height: 500px; }

#container.home .main .inner { width: 940px; background: #FFF; }
#container.page .inner { min-height: 220px; }

#container.page .banner.page .inner { height: 100px; min-height: 100px; }

/* PermaCorp Home Styles */
body.home .banner, body.home .banner .inner  { background: none; border: none; height: 310px; position: relative; }
body.home .banner.page, body.home .banner.page .inner { height: 100px; }

#container div.banner.page div.inner { height: 50px !important; overflow: hidden;  }


body.home .banner.page h1 { color: #FFF; font-weight: bold; font-style: italic; font-size: 2.5em; padding: 35px 10px; }

body.home .main .inner { background: none;}
.action_call { position: absolute; bottom: 0; height: 77px;}
.action_call p { color: #FFF; float: left; width: 580px; margin: 20px 21px 0 30px; font-size: 1.2em; line-height: 1.4em; display: inline;}
.action_call a.button { background: url(/public/img/button_banner_contact.png) no-repeat bottom left; float: left; color: #FFF; text-shadow: #9d0000 0 -1px 1px; text-decoration: none; position: relative; margin-top: 20px; font-size: 1.1em; display: inline;}
.action_call a.button b { background: url(/public/img/button_banner_contact.png) no-repeat bottom right; float: left; height: 42px; line-height: 42px; padding: 0 20px 0 5px; margin-left: 10px; margin-right: -10px; position: relative; width: 285px; }
.action_call span { font-size: 1.1em; padding-right: 15px; background: url(/public/img/button_divider.gif) no-repeat right; float: left; margin-right: 10px;}
.action_call a.button:hover { background-position: top left; }
.action_call a.button:hover b { background-position: top right; }

/* General Styles  */
.banner { background: #FFF url(/public/img/bg_tile.jpg) repeat-x center -140px; border: none; position: relative; }
.banner .inner { background: #FFF url(/public/img/bg_tile.jpg) repeat-x center -140px; height: 360px; position: relative; width: 970px; padding: 0 0 0 10px;}


/* home carousel */
.slide { width: 960px; height: 309px; position: absolute; top: -50px; z-index: 100; padding: 50px 0 0; background: #CCC;}
.slide a.button { position: absolute; bottom: 0; right: 20px; }
.slide .article { height: 182px; }
.slide .action_call { position: relative; bottom: 15px; height: 77px;}
.slide div.article { width: 400px !important; }
.slide .action_call a.button span { font-style: italic !important; }

/* article styles */
.article_wrapper { margin: 0 0 20px; }
#container.inside .article_wrapper, #container.page .article_wrapper { width: 660px; float: left; margin: 60px 0 40px 40px; }
#container.home .article_wrapper { width: 500px; float: left; margin: 10px 0 40px 10px; }

.article { padding: 0 10px 15px; overflow: hidden; font-size: 1.1em; }
.article h2 { font-size: 1.6em; font-weight: normal; margin-bottom: 15px; color: #de1f2d; border: none; padding: 0; }
.article h3 { font-size: 1.5em; font-weight: normal; margin-bottom: 15px; color: #2e3799; line-height: 1.3em; }
.article h4 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; line-height: 1.3em; }
.article ul li { margin-bottom: 5px; list-style: outside; }

.articleimg { margin: 0 20px 20px; }
.articleimg.left { float: left; margin-left: 0;}
.articleimg.right { float: right; margin-right: 0;}
.articleimg.centered { float: none; margin: 0 auto 20px; text-align: center;}

.articleimg .image { position: relative; clear: both; padding-bottom: 0px; }
.articleimg.left .image	{ float: left;}
.articleimg.right .image { float: right;}
.articleimg.centered .image { float: none;}
.articleimg img {  padding-bottom: 10px;}

.articleimg a { text-decoration: none; }
.articleimg a.enlarge b  { font-size: .9em; position: absolute; top: -10px; right: -10px; height: 20px; width: 20px; text-decoration: none; text-indent: -999999px; background: url(/public/img/view_larger.gif) no-repeat;}

.articleimg p.caption { font-size: .9em; line-height: 1.3em;margin: 0; color: #226ab7; }

.article.half { width: 430px; float: left; margin-left: 20px; padding-top: 20px; }
.article.news { width: 460px; float: right; padding-top: 20px;}
.news ul { margin: 0; padding: 0; }
.news ul li { list-style: none; margin: 0; padding: 0 0 5px; overflow: hidden; }
.news ul li span.date { width: 100px; color: #1e1856; font-weight: bold; }
.news ul li span { float: left; width: 350px; }
.news ul li a { text-decoration: none; color: #000; }
.news ul li a:hover { text-decoration: none; color: #217fc6; }

/* posts */
.post { margin-bottom: 30px; border-bottom: 1px dashed #99999a; padding-bottom: 10px;}
.post h2 { font-size: 1.5em; margin: 0 0 10px; }
.post h2 a { text-decoration: none; }
.post p.date { margin: 0 0 10px; font-weight: bold; color: #99999a; display: block; }

ul.post_nav { display: block; padding: 0; margin: 0 0 10px; overflow: hidden;  }
ul.post_nav li { list-style: none; float: left; width: 365px; padding: 0; margin: 0; }
ul.post_nav li.label { width: 60px; text-align: right;  margin: 0 20px 0 0;}


/* column left */
.column_left { width: 160px; float: left; margin-right: 20px; min-height: 10px; _height: 10px; }
#container.inside .column_left { width: 160px; float: left; }

.contact_info { color: #757575;}
.column_left .contact_info { width: 160px; background: url(/public/img/contact_bg.gif) no-repeat bottom left; padding-bottom: 20px;}
.column_left .contact_info ul { padding: 20px 20px 0; background: url(/public/img/contact_bg.gif) no-repeat top left;  }
.contact_info ul li { list-style: none; margin-bottom: 10px; }
.contact_info ul li strong { display: block; }

.contact_info.modal { padding: 20px 20px 10px; display: block; background: #FFF;}
div.company_logo { width: 200px; height: 140px; display: block; }

#container.inside .column_left { width: 190px; float: left; margin-right: 0px; }

.side_navigation { margin: 80px 0 0; }

ul.inside_navigation { background: url(/public/img/side_nav_divider.gif) no-repeat top left; padding-top: 2px; }
ul.inside_navigation li { list-style: none; margin: 0; padding: 0; background: url(/public/img/side_nav_divider.gif) no-repeat bottom left; display: block;}
ul.inside_navigation li a { display: block; width: 179px; text-decoration: none; color: #323232;  font-size: 1.1em; cursor: pointer;}
ul.inside_navigation li a b { display: block; padding: 10px 20px; cursor: pointer;}
ul.inside_navigation li a:hover { color: #de1f2d; background: #e7e7e7 url(/public/img/side_nav_divider.gif) no-repeat bottom left; display: block; width: 179px; text-decoration: none;cursor: pointer;}

ul.inside_navigation li.active a { display: block; width: 180px; text-decoration: none; color: #FFF; background: #364694 url(/public/img/side_nav_active.gif) repeat-x top; border-top: 1px solid #2b387d; border-bottom: 1px solid #2b387d; text-shadow: #1b234e 0 -1px 1px;}
ul.inside_navigation li.active a b { display: block; padding: 10px 23px 10px 20px; width: 158px; background: url(/public/img/side_nav_active_overlay.png) no-repeat right center; position: relative;}

.column_right { width: 220px; float: right; }
.column_right a.enticer { width: 160px; height: 60px; background: url(/public/img/enticer_bg.jpg) no-repeat bottom; display: block; padding: 40px 20px 20px 40px; text-decoration: none; margin-bottom: 20px;}
.column_right a.enticer.short { height: 40px; padding: 60px 20px 20px 40px; }
.column_right a.enticer:hover { background-position: top; }
a.enticer span.text_1 { display: block; font-size: 1.4em; color: #ff2333;}
a.enticer span.text_2 { display: block; font-size: 1.8em; color: #FFF; font-weight: bold;}

form div.row { display: block; padding: 5px; }
form div.row label { width: 80px; float: left; line-height: 30px; text-align: right; padding-right: 20px; color: #1d1c54; font-weight: bold; }
form div.row input { width: 360px; background: #f9f9f9; border: 1px solid #c0c0c0; height: 30px; padding: 0 5px; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
form div.row textarea { width: 360px; background: #f9f9f9; border: 1px solid #c0c0c0; padding: 5px;font-size: 1.1em;-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
form div #submit { margin-left: 105px; margin-top: 10px; width: 112px; height: 42px; background: url(/public/img/submit.jpg) no-repeat bottom; border: none; text-indent: -99999px; cursor: pointer; }
form div #submit:hover { background-position: top; }

form .success { background: #bdffad; border: 1px solid #92cc84; border-left: 0; border-right: 0; color: #479734; padding: 10px; margin-bottom: 10px;}
form .error { background: #ffcacb; border: 1px solid #da5255; border-left: 0; border-right: 0; color: #da5255; padding: 10px 10px 0; margin-bottom: 10px;}
form .error p { margin: 0 0 10px 0; }

/* footer */
.footer { color: #323232; border-top: 1px solid #e5e4e4; padding-top: 10px; }
.footer .inner { overflow: hidden; padding-bottom: 30px; width: 940px; }
.footer .companies { display: block; }
.footer .companies h4 { font-size: 1.1em; float: left; width: 220px; height: 48px; border-bottom: 1px solid #323232; padding: 30px 0 0 10px; margin: 0; color: #323232; font-style: italic; font-weight: bold; }
.footer .companies ul { float: left; width: 700px; height: 74px; border-bottom: 5px solid #323232; padding: 0 0 0 10px; margin: 0;  }
.footer .companies ul li { float: left; margin-top: 20px; }
.footer .companies ul li a { float: left; text-indent: -99999px; margin: 0 10px;}
.footer .companies ul li a.permacoat { height: 29px; width: 146px; background: url(/public/img/footer_logo_permacoat.gif) no-repeat; margin-left: 0; }
.footer .companies ul li a.permarail { height: 29px; width: 136px; background: url(/public/img/footer_logo_permarail.gif) no-repeat; }
.footer .companies ul li a.prosource { height: 29px; width: 138px; background: url(/public/img/footer_logo_prosource.gif) no-repeat; }
.footer .companies ul li a.prospace { height: 29px; width: 130px; background: url(/public/img/footer_logo_prospace.gif) no-repeat; margin-right: 0; }
.footer .companies ul li a:hover { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
.footer .companies ul li.active { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }


.footer .left { margin: 10px; float: left; }
.footer ul { list-style: none; margin: 10px; }
.footer ul li { float: left; margin-right: 20px; }
.footer a { text-decoration: none; color: #323232; font-weight: bold; margin-right: 5px; }
.footer a:hover { color: #636363; }
.footer .credit { float: right; margin: 10px;}


/* Gallery */
div.gallery { margin-top: 30px; }
div.gallery ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
div.gallery div.photo { list-style: none; padding: 0; margin: 0 30px 10px 0; float: left; text-align: center; }
div.gallery div.photo.first { margin-left: 0; }
div.gallery div.photo.last { margin-right: 0; }
div.gallery div.photo div { margin: 10px auto 0; width: 170px;  }
div.gallery div.photo_row { display: block; overflow: hidden; margin-bottom: 30px; }
#fancybox-outer { background: #323232 !important; }


/* Themes */

body.prospace { background: url(/public/img/bg_tile_1.jpg) repeat-x top center; }
body.prospace #container.inside { background: #FFF url(/public/img/bg_tile_1.jpg) repeat-x center -140px; }
body.prospace #container.inside .main { background: #FFF url(/public/img/bg_tile_1.jpg) repeat-x center -175px; }
body.prospace .header .inner {  background: url(/public/img/bg_tile_1.jpg) repeat-x top center; }
body.prospace .banner { background: #FFF url(/public/img/bg_tile_1.jpg) repeat-x center -140px; }
body.prospace .banner .inner { background: #FFF url(/public/img/bg_tile_1.jpg) repeat-x center -140px; }
body.prospace .carousel .mask { background: url(/public/img/carousel_mask_1.png) no-repeat;}
body.prospace .carousel { background-color: #3483e0; }

body.prosource { background: url(/public/img/bg_tile_2.jpg) repeat-x top center; }
body.prosource #container.inside { background: #FFF url(/public/img/bg_tile_2.jpg) repeat-x center -140px; }
body.prosource #container.inside .main { background: #FFF url(/public/img/bg_tile_2.jpg) repeat-x center -175px; }
body.prosource .header .inner {  background: url(/public/img/bg_tile_2.jpg) repeat-x top center; }
body.prosource .banner { background: #FFF url(/public/img/bg_tile_2.jpg) repeat-x center -140px; }
body.prosource .banner .inner { background: #FFF url(/public/img/bg_tile_2.jpg) repeat-x center -140px; }
body.prosource .carousel .mask { background: url(/public/img/carousel_mask_2.png) no-repeat;}
body.prosource .carousel { background-color: #1e3279; }