/*
Theme Name: PlugPR
Description: A custom theme for Plug PR
Version: 2.0
Author: Lisa Rene
*/

/* Site colours:
		green #889B3C
		pink #DF1B4E
		grey #757575
		black #231F20 */
				 

/* RESET */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
div.floatLeft {float:left;}
div.floatRight {float:right;}
html {
     overflow: -moz-scrollbars-vertical;
}


/* TAGS */
body {
	background: url(images/plug_repeating-wallpaper.jpg) repeat-x left top;
	color:#3E423F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

/* html, body {height: 100%;} */

/* body > #wrap {height: auto; min-height: 100%;} */

h1.logo {
	position:absolute;
	left:26px;
	top:9px;
	width:169px;
	height:75px;
	background: url(images/plug-logo.gif) no-repeat left top;
	text-indent:-9999px
}
h1 a, h1 a:link, h1 a:visited { color:#DF1B4E; font-weight:normal;}
h1 { font-family: arial, helvetica, sans-serif; font-size: 18px; color: #DF1B4E; font-weight:normal; line-height:22px; margin:5px 0; padding:0; }
h2 { font-family: arial, helvetica, sans-serif; font-size: 20px; color: #DF1B4E; font-weight:normal; line-height:24px; margin: 5px 0; padding:0;}
h3 { font-family: arial, helvetica, sans-serif; font-size:18px; color: #6E726A; font-weight: normal; font-style: normal; line-height: 25px; margin: 5px 0; padding: 0;}
h4 { font-family: arial, helvetica, sans-serif; font-size:16px; color: #889B3C; font-weight: normal; line-height:20px; margin: 2px 0; padding: 0; font-style:italic;}
h5 { font-family: arial, helvetica, sans-serif; font-size:14px; color: #6E726A; font-weight: normal; line-height: 18px; margin: 0; padding: 0;}
h6 { font-family: arial, helvetica, sans-serif; font-size:15px; color: #D7D6D3; font-weight: normal; line-height: 18px; margin: 2px 0; padding: 0; }

p { margin: 0 0 15px 0; padding:0;}

hr {margin:20px 0; padding:0; height:3px; background:#D7D6D3;}

a, a:link, a:visited { font-family:arial, helvetica, sans-serif; color:#DF1B4E; font-weight:normal; text-decoration:none;}
a:hover, a:active { color:#3E423F; text-decoration:underline;}

ul { margin:15px 0; padding:0 0 0 18px;}
ul li {
	list-style-position: outside;
	list-style-type: square;
	margin:0;
	padding:0 0 2px 3px;
	font-size:13px;
	line-height:19px;
	list-style-image: url(images/bullet.gif);
}
ol { margin:15px 0; padding:0 0 0 18px; }
ol li {
	list-style-position: outside;
	list-style-type: lower-roman;
	margin:0;
	padding:0 0 2px 3px;
	font-size:13px;
	line-height:19px;
}
ol li a, ol li a:link, ol li a:visited, ul li a, ul li a:link, ul li a:visited { color:#3E423F; text-decoration:none;}
ul li a:hover, ul li a:active, ol li a:hover, ol li a:active { color:#DF1B4E;}


/* LAYOUT */
#shadow-wrap {
	background: url(images/plug_shadow-background.png) repeat-y center top;
	width:100%;
	display:table;
	min-height:700px;
  height:auto !important;
  height:700px;
}
#header { background:url(images/plug-navigation-bg.gif) repeat-x top; width:776px; height:105px; margin:0px auto; padding:0 25px 0 0; z-index:2}
#wrap {
	background: url(images/plug_flower-background.png) no-repeat center top;
	width:100%;
	display:table;
	min-height:700px;
  height:auto !important;
  height:700px;

}
#main { width:750px; margin:0px auto; padding:25px; min-height:450px;
  height:auto !important;
  height:500px;
 display:relative; 	}

#sidebar {position:relative; width:173px; float:right;}
#footer {
	width:750px;
	height:150px;
	background:#90918B url(images/plug-footer-background.gif) no-repeat right center;
	color:#fff;
	font-size:11px;
	line-height:15px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0 25px 0 25px;
	clear:both;
}

#main-navigation { margin:0; padding:3px 0 0 0; position:relative; float:right;}
#main-navigation li { list-style:none; float:left; padding:5px 14px 5px 0 !important;}
#main-navigation li a, #main-navigation li a:link, #main-navigation li a:visited { font-family: arial, helvetica, sans-serif; font-size:13px; color:#fff; text-decoration:none; font-weight:bold; padding:0 !important; margin:0 !important; background:none !important;}
#main-navigation li a:hover, #main-navigation li a:active {font-family: arial, helvetica, sans-serif; font-size:13px; color:#F1A9A5; font-weight:bold;}
.current_page_item a {color:#B1BA7F !important;}

/* STYLES */

/* HOME */
#home-flash { width:745px; height:250px; background:#e6e6e6; margin:0 0 30px 0; padding:0; display:block; float:none;}

/* SERVICES */
.header-parent-page {position:absolute; left:204px; top:45px; width:560px; height:46px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#6E726A;}
.services_subnav { margin:0; padding:0; position:relative; width:745px; float:none;}
.services_subnav li { list-style:none; list-style-image:none; list-style-position:inside; float:left;}
.services_subnav a, .services_subnav a:link, .services_subnav a:visited {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#6E726A;
	text-decoration:none;
}
.services_subnav a:hover, .services_subnav a:active { color:#DF1B4E; text-decoration:none;}
.services_subnav li.current a, .services_subnav li.current a:link, .services_subnav li.current a:visited, .services_subnav li.current { color:#DF1B4E;}

.page-feature-area { width:744px; margin:10px 0 30px 0; padding:0; display:block; position:relative;}
.page-call-out {
	width:185px;
	height:250px;
	display: table;
	float:left;
	margin:0;
	padding:0 20px 0 50px;
	background: #a3b066 url(images/page-call-out-background.gif) no-repeat left top;
	#position: relative; 
	overflow: hidden;
}
.call-out-align { width:185px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
.call-out-fix { width:185px; #position: relative; #top: -50%; }
	.page-call-out p {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:25px; color:#fff; margin:0 !important; padding:0 !important;}
	
	.page-call-out2 {
	width:185px;
	height:210px;
	float:left;
	margin:0;
	padding:40px 20px 0px 50px;
	background-color: #a3b066;
	background-image: url(images/page-call-out-background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	.page-call-out2 p {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:25px; color:#fff; margin:0 !important; padding:0 !important;}
	
	
.page-image { width:485px; height:250px; float:left; margin:0; padding:0;}
#services-gallery {
    position:relative;
	width:485px;
    height:250px;
	float:left; 
	margin:0; 
	padding:0;
}

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

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

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

.page-content { float:left; width:545px; margin:0; padding:0;}

/* GENERAL */
#home-intro {
	width:235px;
	float:left;
	padding:0;
	margin:0 33px 0 0;
}
#home-blog-updates {
	width:250px;
	float:left;
	padding:10px; 
	background: rgb(255, 255, 255); /* The Fallback */
	background-color:rgba(255,255,255,0.3);
	border:solid 2px #D7D6D3;
}

.main-col-a {
	width:235px;
	float:left;
	padding:0;
	margin:0 33px 0 0;
}
.main-col-b {
	width:250px;
	float:left;
	padding:10px; 
	background: rgb(255, 255, 255); /* The Fallback */
	background-color:rgba(255,255,255,0.3);
	border:solid 2px #D7D6D3;	
}
.main-col-c, #blog-categories {
	width:150px; 
	padding:10px; 
	background: rgb(255, 255, 255); /* The Fallback */
	background-color:rgba(255,255,255,0.3);
	border:solid 2px #D7D6D3;
}
.footer-col-a {
	width:235px;
	float:left;
	padding:0;
	margin:15px 33px 0 0;
	margin-bottom:10px;
}
.footer-col-b {
	width:290px;
	float:left;
	padding:0;
	margin:15px 0 10px 0; 	
}
.footer-col-c {
	width:170px; 
	float:right; 
	padding:0;
	margin:15px 0 10px 0;
}
#footer a, #footer a:link, footer a:visited {color:#fff;}
#footer a:active, #footer a:hover {color:#D7D6D3;}
.footer-social-a { float:left; width:140px; margin:0 10px 0 0; padding:0;}
.footer-social-b { float:left; width:135px; margin:0; padding:0;}
.footer-social-a .facebook, .footer-social-a .favourites, .footer-social-b .twitter, .footer-social-b .rss {
	list-style-position: inside !important;
	list-style-type: none !important;
	list-style-image:none !important;
	padding:0;
	margin:10px 0;
	height:22px;
	text-indent:30px;
	font-size:11px;
}
.footer-social-a .facebook {
	background-image: url(images/facebook-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer-social-a .favourites {
	background-image: url(images/favourites-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer-social-b .twitter {
	background-image: url(images/twitter-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer-social-b .rss {
	background-image: url(images/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.more-link {text-align:right; margin:5px 0; padding:0;}
.light-green {color:#CED89E;}
.dark-green {color:#889B3C;}
.light-grey {color:#ABAAA6;}
.small-copy {font-size:11px; line-height:13px;}
.blog-photo {
	background-image: url(images/blog-image-background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:485px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}
hr { border:0; height:1px; background:#ccc;}
ol.commentlist {
	list-style:none;
	margin:0;
	padding:0;
}
ol.commentlist li {
	margin:8px 0 8px 0;
	padding:15px;
	background:#ebeedd;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#555;
}

#slideshow {
    position:relative;
    height:250px;
}

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

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

#slideshow IMG.last-active {
    z-index:9;
}
#gradient-box .blog-home-comments { width:150px; float:left; text-align:right; margin:0; padding:0 10px 5px 10px; font-size:11px; color:#555;}
#gradient-box {
	margin:20px 0 30px 0;
	padding:0;
	border-bottom:solid 1px #ccc;
	background: url(images/gradient-box-bg.gif) repeat-x bottom;
}
.services-float-left {border-right:solid 2px #DFDEDC; width:218px; margin-right:20px; padding-right:20px; float:left; min-height:154px; height: auto !important; height:154px; }
.services-float-right {width:218px; margin:0; padding:0; float:left;}
.services-float-left ul, .services-float-right ul { margin:0; padding:0;}
.services-float-left ul li ul, .services-float-left ul li ul { margin:0; padding:8px 0;}
li.page_item {list-style-type:none; list-style-image:none; margin:0 !important; padding:0 !important;}
li.page_item a, li.page_item a:link, li.page_item a:visited { padding: 2px 7px 2px 12px !important; Margin:0 !important; display:block; background:url(images/plug-services-active.gif) center left no-repeat !important; font-size:13px; height:auto; }
li.page_item a:hover, li.page_item a:active { background:url(images/plug-services-hover.gif) center left no-repeat !important;}
.blog-home-tags {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6E726A; margin:5px; padding:0;}
.blog-home-comments { margin:5px 0; padding:0; font-size:11px;}
.blog-navigation {margin:20px 0; padding:10px 0; color:#6E726A; font-size:11px; text-align:center;}
.end-post { height:3px; background:#efefef; margin:20px 0; padding:0;}
#text-6 h3 {color:#889B3C;}
.contact-box {padding:20px 30px; border:solid 2px #D7D6D3; margin-top:15px;}