/*

Theme Name: O&S Electrical Services

Version: 1.0

Author: Perth Web Design

*/



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: 0px;

    padding: 0px;

    border: 0px;

    outline: 0px;

}



body {

	font-family: 'Quattrocento Sans', sans-serif;

    font-size: 14px;

    background: #fff url(images/bg.jpg) top center repeat;

    color: #343434;

    margin: 0px;

}



p {

    margin: 10px 0px 10px 0px;

    line-height: 23px;

}



a {

    color: #00b0ca;

    text-decoration: none;

}



a:hover {

    color: #478547;

    text-decoration: none;

}



img {

    border: 0px;

}



h2 {

    font-weight: lighter;

    font-size: 24px;

    color: #343434;

    margin-bottom: 15px;

}

.page h1 ,#leftcol h1{

	font-weight: 700;

    font-size: 30px;

	color:#5cbf16;

	margin-bottom: 15px;

}



.page h2 ,#leftcol h2{

	font-weight: bold;

	font-family: 'Quattrocento Sans', sans-serif;

	font-size: 14px;

	color: #343434;

	margin-bottom: 15px;

}



h3 {

    margin: 10px 0px;

    font-size: 22px;

    color: #343434;

}



h4 {

    margin: 10px 0px;

    font-size: 18px;

    color: #343434;

}



hr {

    margin-bottom: 10px;

    border: 0px;

    border-top: 1px dashed #ccc;

    clear: both;

}



.clear {

    clear: both;

}



.alignleft {

    float: left;

    margin: 5px 50px 0px 0px;

}



.aligncenter {

    text-align: center;

}



.alignright {

    float: right;

    margin: 5px 0px 0px 30px;

}



/*/////////////////////////////////////////////////////////////////////////////

    Layout

/////////////////////////////////////////////////////////////////////////////*/



#container {

    position: relative;

	background:#FFF;

    width: 940px;

    min-height: 0px;

    margin: 0px auto;

    z-index: 1;

}



/*#headercontainer {

    position: relative;

    width: 100%;

    min-height: 0px;

    margin: 0px auto;

    z-index: 6;

}*/



#header {

    position: relative;

	background:url(images/bg.jpg) repeat;

    width: 940px;

    height: 240px;

    z-index: 6;

}

#header #phone {

	position:absolute;

	top:60px; right:0px; padding-left:60px;

	background:url(images/icon-phone.png) left no-repeat;

	font-size:60.84px; font-weight:700; color:#343434;

	z-index:8;

}

#header #social-icon {

    position:absolute;

    top:132px; right:0px; padding-left:60px;

    z-index:8;

}

#header #social-icon img{
    width: 28px;
}
#header #social-icon img:hover{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}

#logo a {

    position: absolute;

    width: 420px;

    height: 123px;

    top: 29px;

    left: 0px;

    display:block;

    background:url(images/logo.png) no-repeat;

    text-indent: -99999em;

    z-index: 8;

}



#primary_navigation {

    position: relative;

	background:url(images/bg-menu.jpg) 0 0 no-repeat;

    width: 960px;

    height: 59px;

	top:181px;

    z-index: 7;

}



/*#sliderwrapper {

    position: relative;

    width: 100%;

    min-height: 0px;

    margin: 0px auto;

}*/



#slidercontainer {

    position: relative;

    width: 940px;

    height: 305px;

	overflow:hidden;

    z-index: 1;

}



#sliderarea {

    position: relative;

    width: 940px;

    height: 305px;

    z-index: 2;

}

#pagebanner{

	position: relative;

    width: 940px;

    height: 207px;

	overflow:hidden;

    z-index: 1;

}

#pagebanner p{

	padding:0px !important; margin:0px !important;

}

#pagebanner img{

	width:940px !important;

}



/*#slidershadow {

    position: relative;

    width: 930px;

    height: 20px;

    z-index: 2;

}*/



#ctacontainer {

    position: relative;

    width: 894px;

    min-height:0px;

	float:left; padding:20px 23px 20px 23px;

    z-index: 2;

}/**/



#ctacontent {

    position: relative;

    width: 930px;

    min-height: 0px;

    z-index: 8;

    padding: 15px;

    z-index: 2;

}

.zitem {

	width:282px;

	height:179px;	

	margin:5px 24px 24px 0;

	

	/* required to hide the image after resized */

	overflow:hidden;

	

	/* for child absolute position */

	position:relative;

	

	/* display div in line */

	float:left;

}

#ctacontainer .zitem.right{

	margin-right:0px;

	float: right;

}



.zitem .caption {

	width:282px;

	height:40px;

	background:#000;

	color:#fff;

	font-weight:bold;

		

	/* fix it at the bottom */

	position:absolute;

	bottom:-1px; /* fix IE issue */

	left:0;



	/* hide it by default

	display:none; */



	/* opacity setting */

	filter:alpha(opacity=70);    /* ie  */

	-moz-opacity:0.7;    /* old mozilla browser like netscape  */

	-khtml-opacity: 0.7;    /* for really really old safari */  

	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */



}



.zitem .caption a {

	text-decoration:none;

	color:#fff;

	font-size:22px; cursor:pointer;

	

	/* add spacing and make the whole row clickable*/

	padding:8px 15px 10px 15px;

	display:block;

}



#ctacontainer img {

	border:0;

	

	/* allow javascript moves the img position*/

	position:absolute;

	



}

#ctacontainer .zitem img {

	opacity:0.9;

}

#ctacontainer .zitem:hover img {

	

opacity:1;



}



#quotecontainer{

	position: relative;

	float:left;

	width:940px;

	min-height:90px;

	background:#FFF url(images/bg-quote.jpg) bottom center no-repeat; 

	z-index:3;

}

#quotecontent{

	position:relative;

	text-align:right;

	padding-left:24px;

	padding-top:5px;

	float:left; font-size:24px; color:#343434;

	font-style:italic;

	width:580px;

}

#quotebtn{

	position:relative;

	text-indent:-9999em;

	float:right;

	width:292px;

}

#quotebtn a{

	display:block;

	background:url(images/btn-quote.jpg) 0 0 no-repeat;

	width:187px; height:46px;

	opacity: 1;

}

#quotebtn a:hover{

	background:url(images/btn-quote-hover.jpg) 0 0 no-repeat;

	opacity: 1;

}



#leftcta {

    position: relative;

    float: left;

    width: 365px;

    min-height: 200px;

    z-index: 3;

}



#centercta {

    position: relative;

    float: left;

    width: 255px;

    min-height: 200px;

    margin: 0px 50px;

    z-index: 3;

}



#rightcta {

    position: relative;

    float: right;

    width: 180px;

    min-height: 200px;

    z-index: 3;

}



/*#container {

    position: relative;

    min-height: 0px;

    width: 100%;

    margin: 0px auto;

    z-index: 1;

}*/



#content {

    position: relative;

    width: 940px;

    min-height: 0px;

   /* padding: 15px;*/

    z-index: 2;

}



#leftcol {

    position: relative;

    float: left;

    width: 430px;

	padding:45px;

    min-height: 200px;

    z-index: 3;

}



#centercol {

    position: relative;

    float: left;

    width: 255px;

    min-height: 200px;

    margin: 0px 50px;

    z-index: 3;

}



#rightcol {

    position: relative;

    float: right;

    width:300px; height:406px;

    z-index: 3;

}

#quick-form{

	position: absolute;

	top:0px; right:0px;

	background:url(images/bg-form.png) 0 0 no-repeat;

	width:429px; height:361px;

	padding-right:30px;

	padding-top:45px;

	z-index:99;

}



/*#randomtips {

    position: relative;

    width: 930px;

    min-height: 0px;

    padding: 15px;

    z-index: 2;

}*/



/*#bubbles {

    position: relative;

    width: 960px;

    min-height: 382px;

    padding-bottom: 20px;

    margin-left: 10px;

    z-index: 2;

}*/



/*#pagecontainer {

    position: relative;

    width: 100%;

    min-height: 0px;

    margin: 0px auto;

    z-index: 1;

}*/



#pagecontent {

    position: relative;

    width: 940px;

    min-height: 0px;

    z-index: 2;

}



#pageleftcol {

    position: relative;

    float: left;

    width: 620px;

    /*min-height: 500px;*/

    z-index: 3;

}

#pagecentercol {

    position: relative;

    float: left;

    width: 810px;

	padding:65px;

   /* min-height: 500px;*/

    z-index: 3;

}

.page-id-2 #pagecentercol table h3{

	font-size:24px; color:#5cbf16; font-weight:700px;

	margin-bottom:0px;

}

.page-id-2 #pagecentercol table h3 a{

	font-size:24px; color:#5cbf16; font-weight:700px; text-decoration:none;

}

.page-id-2 #pagecentercol table h3 a:hover{

	font-size:24px; color:#5cbf16; font-weight:700px; text-decoration: underline;

}

.page-id-2 #pagecentercol table tr td{

	font-size:14px; color:#1f1f1f;

	padding-bottom:10px;

}

.page-id-6 #pagecentercol table a {

	font-size:24px; font-weight:700; color:#5cbf16; text-decoration:none;

}

.page-id-6 #pagecentercol table a:hover{

	font-size:24px; font-weight:700; color:#5cbf16; text-decoration: underline;

}

.page-id-6 #pagecentercol table{

	margin:30px 0px 30px 0px !important;

}



#pagecentercol #contact-form{

	position:relative;

	float:left;

	width:310px;

}

#pagecentercol #contact-detail{

	background:url(images/contact-phone.jpg) top left no-repeat;

	position:relative;

	float: right;

	min-height:250px;

	margin-top:30px;

	width:429px;

}

#pagecentercol #contact-detail .phone{

	position:absolute;

	left:135px; color:#343434; font-size:25px; font-weight:700;

	top:60px;

	z-index:10;

}

#pagecentercol #contact-detail .email{

	position:absolute;

	left:135px; color:#343434; font-size:25px; font-weight:700;

	top:195px; width:305px;

	z-index:10;

}

#pagecentercol #contact-detail .email a,#pagecentercol #contact-detail .email a:hover{ color:#343434; font-size:25px; font-weight:700;}



#topsearchnavigation {

    position: relative;

    width: 100%;

    min-height: 0px;

    margin-bottom: 10px;

    border-bottom: 1px solid #ebe5e5;

    z-index: 4;

}



#bottomsearchnavigation {

    position: relative;

    width: 100%;

    min-height: 0px;

    z-index: 4;

}



#postsection {

    position: relative;

    width: 100%;

    min-height: 382px;

    margin: 0px 0px 10px 0px;

    z-index: 4;

}



.searchtermarea {

    position: relative;

    width: 100%;

    padding: 0px 0px 10px 0px;

    border-bottom: 1px solid #ebe5e5;

    margin-bottom: 10px;

    z-index: 5;

}



/*#tabscontainer {

    position: relative;

    width: 930px;

    min-height: 0px;

    padding: 0px 0px 40px 10px;

    z-index: 3;

}

*/



#pagerightcol {

    position: relative;

    float: right;

    width: 270px;

    /*min-height: 500px;*/

    z-index: 3;

}



#contactdetails {

    position: relative;

    width: 270px;

    min-height: 50px;

    margin-bottom: 15px;

    z-index: 4;

}



#contentblock {

    position: relative;

    width: 270px;

    min-height: 0px;

    z-index: 4;

}



/*

#newslettercontainer {

    position: relative;

    width: 100%;

    height: 108px;

    padding: 0px;

    background: #fff url(images/newsletterbg.gif) top center no-repeat;

    z-index: 2;

}



#newslettercontent {

    position: relative;

    width: 920px;

    height: 30px;

    margin: 0px auto;

    padding: 43px 0px 35px 0px;

    z-index: 2;

}



#newslettertitle {

    position: relative;

    float: left;

    width: 203px;

    height: 30px;

    padding-left: 35px;

    background: url(images/pencil.png) 0px 2px no-repeat;

    font-family: 'Economica', Arial, Helvetica, sans-serif;

    font-size: 21px;

    line-height: 30px;

    z-index: 3;

}



#newsletterinputfields {

    position: relative;

    float: left;

    width: 682px;

    height: 30px;

}

*/



#footercontainer {

    position: relative;

    width: 100%;

    height: 94px;

    z-index: 1;

}



#footer {

    position: relative;

	background:url(images/bg-footer.jpg) top center repeat;

    width: 940px;

    height: 128px;

    margin: 0px auto;

    z-index: 2;

}



#navfooter{

	position: relative;

	float:left;

	width:780px; padding:20px 0px 0px 30px;

	z-index:3;

}

#navfooter ul{

	list-style:none;

	margin:0px !important; padding:0px;

}

#navfooter ul li{

	padding:5px;

	display:block;

	float:left;

}

#navfooter ul  li#homepage{

	padding-left:0px !important;

}

#navfooter ul li a{

	font-size:17px; font-style:italic; font-weight:700;

	text-transform:lowercase;

	color:#5f5f5f;

}

#navfooter ul li a:hover , #navfooter ul li.current_page_item a{

	color:#5cbf16;

}

#copyright {

    position: absolute;

    left: 30px;

    top: 60px;

    color: #5cbf16;

	font-style:italic;

    font-size: 15px;

    line-height: 15px;

    z-index: 3;

}



#abn{

	position: absolute;

    left: 30px;

	font-size:10px; color:#bebebe; font-weight:700;

    top: 100px;

	z-index: 3;

}

#acn{

	position: absolute;

    left: 90px;

	font-size:10px; color:#bebebe; font-weight:700;

    top: 100px;

	z-index: 3;

}



#backtotop {

    position: absolute;

    left: 0px;

    bottom: 0px;

    padding-left: 16px;

    color: #4b89a8;

    font-size: 12px;

    line-height: 12px;

    background:url(images/backtotop.png) no-repeat;

    display:block;

    font-weight: bold;

    z-index: 3;

}



#pwdlogo {

    position: absolute;

    width: 61px;

    height: 32px;

    top: 30px;

    right: 30px;

    display:block;

    background:url(images/pwdlogo.png) no-repeat;

    text-indent: -99999em;

    z-index: 3;

}



/*/////////////////////////////////////////////////////////////////////////////

    Navigation

/////////////////////////////////////////////////////////////////////////////*/



#primary_navigation ul {

    float: left;

}



#primary_navigation li {

    position: relative;

    float: left;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 15px;

    text-align: left;

	border-left:1px solid #333333;

    list-style: none;

}

#primary_navigation li#homepage{

	margin: 0px !important;

	border:none !important;

}

#primary_navigation li a {

    padding: 22px 26px 15px 35px;

    display: block;

    font-weight: 700;

    font-size: 17px; text-transform:uppercase;

    line-height: 17px;

    height: 22px;

    color: #e9e9e9;

	

    text-decoration:none;

}

*+html #primary_navigation li {

	margin: 0px 0px 0px 13px;

}

@media all { 

	#primary_navigation li {

		margin: 0px 0px 0px 13px\0/;

		

	} 

	#primary_navigation li a {

		padding: 22px 26px 15px 30px\0/;

	}

} /* IE8 uses \0/ */

*+html #primary_navigation li a {

	padding: 22px 26px 15px 30px !important;

}

:root #primary_navigation li a {

    padding: 22px 26px 15px 35px \0/IE9;

}

:root #primary_navigation li {

	margin: 0px 0px 0px 15px \0/IE9 !important;

}



#primary_navigation a:hover {

    color:#5cbf16;

}



#primary_navigation .current_page_item a {

    color:#5cbf16;

}



/*--second level------------------------------------------*/



#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {

    color:#5cbf16;

}



#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {

    color:#5cbf16 !important;

}



#primary_navigation ul li ul {

    position: absolute;

    width: 184px;

    min-height: 0px;

    left: 20px;

    visibility: hidden;

	background: url(images/bg-menu.jpg) repeat ;

	-webkit-box-shadow: 0px 7px 20px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    0px 7px 20px rgba(50, 50, 50, 0.75);

	box-shadow:         0px 7px 20px rgba(50, 50, 50, 0.75);

}



#primary_navigation ul ul li {

    

    margin: 0px;

    border-bottom: 0px #777 solid;

}



#primary_navigation ul ul li:last-child {

    /*-moz-border-radius: 0px 0px 10px 10px;

    -webkit-border-radius: 0px 0px 10px 10px;

    border-radius: 0px 0px 10px 10px;*/

    border: 0px;

}

#primary_navigation ul ul li{

	border: 0px !important;

}

#primary_navigation ul ul li a {

    width: 170px;

    padding: 7px 4px 7px 10px !important;

    border-bottom: 0px;

	border: 0px !important;

	border-left:0px !important;

    color: #fff !important;

    font-size: 14px;

    line-height: 14px;

}

#primary_navigation ul ul li:first-child {

	padding-top:10px !important;

}

#primary_navigation ul ul a:hover {

    color: #2a2a2a;

}



#primary_navigation ul ul .current_page_item a {

    color: #2a2a2a;

}



#primary_navigation ul ul .current_page_item ul li a {

    color: #fff !important;

}



#primary_navigation ul ul .current_page_item a:hover {

    color: #2a2a2a;

}



/*--third level-------------------------------------------*/

#primary_navigation ul ul ul {

    width: 184px;

    top: 0px;

    left: 183px;

    min-height: 0px;

}



#primary_navigation ul ul ul li:first-child {

    -moz-border-radius: 10px 10px 0px 0px;

    -webkit-border-radius: 10px 10px 0px 0px;

    border-radius: 10px 10px 0px 0px;

}



#primary_navigation ul ul ul li:last-child {

    -moz-border-radius: 0px 0px 10px 10px;

    -webkit-border-radius: 0px 0px 10px 10px;

    border-radius: 0px 0px 10px 10px;

}



#primary_navigation ul ul ul li:only-child {

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    border: 0px;

} 



/*--show second level on first level hover----------------*/

#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {

    visibility: visible;

}



/*--hide third level on second level hover----------------*/

#primary_navigation ul :hover ul ul {

    visibility: hidden;

}



/*--show third level on second level hover----------------*/

#primary_navigation ul :hover ul :hover ul {

    visibility: visible;

}



/*/////////////////////////////////////////////////////////////////////////////

    BX Slider

/////////////////////////////////////////////////////////////////////////////*/



#slidercontainer .bx-window {

    position: relative;

    height: 305px;

    width: 940px;

    z-index: 3;

}



#slider, #slider li {

    position: relative;

    height: 305px;

    width: 940px;

}



#slider p {

	margin: 0px !important;

}



#slider img {

    height: 305px;

    width: 940px;

   /* -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;*/

}

#slider .slidertext{

	position:absolute;

	top:0px; right:0px;

	background:url(images/bg-text-slide.png) 0 0 repeat;

	width:280px; height:275px;

	font-size:16px;

	padding:30px;

	color:#FFF;

	z-index:9999;

}

#slider .slidertext p{

	line-height:23px;

}

#slider .slidertext h2{

	font-size:22px; color:#FFF;

	margin-bottom:20px;

}

#slider .slidertext h2 strong{

	border-bottom:1px solid #a6958f;

	padding-bottom:8px;

}

#slider .slidertext .more{

	float:left;

	padding-top:25px;

}

*+html #slider .slidertext .more{

	padding-bottom:10px;

}

#slider .slidertext .more a{

	background:#2e3644;

	padding:10px 15px 10px 15px;

	color:#FFF;

	font-style:italic; font-weight:700; font-size:18px;

}

#slider .slidertext .more a:hover{

	background:#5abe21;

	color:#FFF;

	font-style:italic; font-weight:700; font-size:18px;

}

/*-- Previous and Next Buttons ----------------*/



/*.bx-prev, .bx-next {

    display: none;

    position: absolute;

    left: 0px;

    top: 125px;

    width: 13px;

    height: 83px;

    display: block;

    background: url(images/btn_prev.png) no-repeat 0 0;

    text-indent: -99999em;

    z-index: 4;

}  



.bx-next { 

    left: 942px;

    background: url(images/btn_next.png) no-repeat 0 0; 

}*/ 



/*-- Control Panel ----------------*/



/*.bx-pager {

    position: absolute;

    top: 335px;

    right: 18px;

    width: 96px;

    height: 16px;

    z-index: 5;

}



.bx-pager a {

    position: relative;

    float: left;

    margin-right: 8px;

    width: 16px;

    height: 16px;

    display:block;

    background: #77bee4;

    text-indent: -99999em;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;;

}



.bx-pager a:hover, .bx-pager .pager-active {

    background: #1273af !important;

}



.bx-auto {

    display: none;

}*/



/*/////////////////////////////////////////////////////////////////////////////

    Nivo Slideshow

/////////////////////////////////////////////////////////////////////////////*/



/*.nivoSlider {

    position:relative;

    background:#fff url(images/loading.gif) no-repeat 50% 50%;

    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;

    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

    box-shadow: 0px 1px 5px 0px #4a4a4a;

    width: 940px;

    height: 342px;

    z-index: 3;

}



.nivoSlider img {

    position:absolute;

    top:0px;

    left:0px;

    display:none;

}



.nivo-slice {

    display:block;

    position:absolute;

    z-index:5;

    height:100%;

}



.nivo-controlNav {

    position: absolute;

    top: 313px;

    left: 13px;

    padding: 0px;

    min-width: 0px;

    height: 18px;

    z-index: 4;    

}



.nivo-controlNav a {

    position: relative;

    float:left;

    margin: 0px 0px 0px 7px;

    padding: 0px;

    width: 18px;

    height: 18px;

    display: block;

    text-indent: -99999em;

    background: #fff;

    -moz-border-radius: 9px;

    -webkit-border-radius: 9px;

    border-radius: 9px;

}



.nivo-controlNav a:first-child {

    margin: 0px !important;

}



.nivo-controlNav a:hover, .nivo-controlNav .active {

    background:#0b3b60;

}



#slider {

    position: relative;

    width: 910px;

    height: 324px;

    z-index: 3;

}



#slider ul, #slider li {

    margin: 0;

    padding: 0;

    list-style: none;

}



#slider li { 

    width: 910px;

    height: 324px;

    overflow: hidden; 

}*/



/*-- Previous and Next Buttons ----------------*/



/*#prevBtn, #nextBtn { 

    display: block;

    width: 13px;

    height: 83px;

    position: absolute;

    left: 0px;

    top: 125px;

    z-index: 4;

}    



#nextBtn { 

    left: 942px;

}                                                        



#prevBtn a, #nextBtn a {  

    display: block;

    position: relative;

    width: 13px;

    height: 83px;

    background: url(images/btn_prev.png) no-repeat 0 0;

    text-indent: -99999em;

}    



#nextBtn a { 

    background: url(images/btn_next.png) no-repeat 0 0;

}*/ 



/*-- Control Panel ----------------*/



/*ol#controls {

    position: absolute;

    top: 213px;

    right: 5px;

    padding: 0px;

    z-index: 5;    

}



ol#controls li {

    margin: 0px; 

    padding: 0px;

    list-style: none;

    height: 11px;

    line-height: 5px;

}



ol#controls li a {

    height: 28px;

    line-height: 28px;

    background: #fbc080;

    color: #fbc080;

    padding: 0px 1px;

    text-decoration: none;

    font-size: 5px;

    line-height: 5px;

}



ol#controls li.current a {

    background:#fff;

    color:#fff;

}



ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {

   outline:none;

}*/



/*/////////////////////////////////////////////////////////////////////////////

    The Content

/////////////////////////////////////////////////////////////////////////////*/



/*-- List Section ----------------*/



#content ul, #content ol {

    position: relative;

    margin: 10px 0px 10px 20px;

}



#pagecontent ul, #pagecontent ol {

    position: relative;

    margin: 10px 0px 10px 40px;

}



#content ul li, #pagecontent ul li {

    list-style-image: url(images/list.png);

    margin-bottom: 5px;

}



#content ol li, #pagecontent ol li {

    margin-bottom: 5px;

}



/*-- Search and Paginate Section ----------------*/



/*.wp-paginate {

    margin: 0px 0px 10px 0px !important;

    left: 0px;

    float:right;

}



.wp-paginate li {

    position: relative;

    float: left;

    margin: 0px 0px 0px 8px !important;

    list-style: none;

}



.wp-paginate li a {

    position: relative;

    display: block;

    font-size: 12px;

    width: 28px;

    height: 12px;

    padding: 4px 0px 3px 0px;

    background: url(images/paginationbutton.png) no-repeat;

    text-align: center;

    line-height: 12px;

    color: #fff;

}



.wp-paginate li a:hover, .current {

    position: relative;

    display: block;

    font-size: 12px;

    width: 28px;

    height: 12px;

    padding: 4px 0px 3px 0px;

    background: url(images/paginationbutton.png) no-repeat;

    text-align: center;

    line-height: 12px;

    color: #ff7700 !important;

}



.postmetadata {

    font-size: 10px;

    color: #f4e064;

    line-height: 10px;

    margin: 0px 0px 10px 0px;

}*/



/*-- Random Tips Section ----------------*/



/*#tips {

    position: relative;

    width:930px;

    min-height: 0px;

    margin:0;

    padding:0;

    list-style:none;

}



#tips li{

    display:none;

    margin:0;

    padding:0;

    list-style:none;

}*/



/*-- Pop Up Bubbles Section ----------------*/



/*.webkit .bubble, .gecko .bubble, .ie9 .bubble {

    position: relative;

    float: left;

    min-height: 172px;

    width: 172px;

    margin: 0px 20px 20px 0px;

}



.ie7 .bubble {

    float: left;

    min-height: 172px;

    width: 172px;

    margin: 0px 20px 20px 0px;

}



.ie8 .bubble {

    position: relative;

    float: left;

    min-height: 172px;

    width: 172px;

    margin: 0px 20px 20px 0px;

}



.lastbubble {

    margin: 0px 0px 20px 0px !important;

}



.trigger {

    position: relative;

    z-index: 8;

}



.popup {

    position: absolute;

    display: none;

    border-collapse: collapse;

    width:400px;

    min-height: 100px;

    padding:15px;

    border:1px solid #2bb6eb;

    color: #444;

    font-size: 12px;

    line-height: 18px;

    box-shadow: 5px 5px 5px #567c90;

    -moz-border-radius:15px !important;

    -webkit-bordert-radius:15px !important;

    border-radius: 15px !important;

    z-index: 999999 !important;

}



.trigger p {

    margin: 0px !important;

}



.trigger p img {

    border: 7px #7fb5d1 solid;

}



.bubblebg1 .popup, .bubblebg8 .popup, .bubblebg15 .popup, .bubblebg17 .popup, .bubblebg24 .popup {

    background:#fff url(images/popupbg1.jpg) bottom left no-repeat;

}



.bubblebg2 .popup, .bubblebg10 .popup, .bubblebg11 .popup, .bubblebg19 .popup, .bubblebg23 .popup {

    background:#fff url(images/popupbg2.jpg) bottom right no-repeat;

}



.bubblebg3 .popup, .bubblebg9 .popup, .bubblebg12 .popup, .bubblebg16 .popup, .bubblebg25 .popup {

    background:#fff url(images/popupbg3.jpg) top left no-repeat;

}



.bubblebg4 .popup, .bubblebg6 .popup, .bubblebg13 .popup, .bubblebg20 .popup, .bubblebg22 .popup {

    background:#fff url(images/popupbg4.jpg) top right no-repeat;

}



.bubblebg5 .popup, .bubblebg7 .popup, .bubblebg14 .popup, .bubblebg18 .popup, .bubblebg21 .popup {

    background:#fff url(images/popupbg5.jpg) center no-repeat;

}



.ie7 .bubblebg1 .popup, .ie7 .bubblebg2 .popup, .ie7 .bubblebg3 .popup, .ie7 .bubblebg4 .popup, .ie7 .bubblebg5 .popup {

    top: -110px !important;

}



.ie7 .bubblebg6 .popup, .ie7 .bubblebg7 .popup, .ie7 .bubblebg8 .popup, .ie7 .bubblebg9 .popup, .ie7 .bubblebg10 .popup {

    top: 82px !important;

}



.ie7 .bubblebg11 .popup, .ie7 .bubblebg12 .popup, .ie7 .bubblebg13 .popup, .ie7 .bubblebg14 .popup, .ie7 .bubblebg15 .popup {

    top: 254px !important;

}



.ie7 .bubblebg16 .popup, .ie7 .bubblebg17 .popup, .ie7 .bubblebg18 .popup, .ie7 .bubblebg19 .popup, .ie7 .bubblebg20 .popup {

    top: 426px !important;

}



.ie7 .bubblebg21 .popup, .ie7 .bubblebg22 .popup, .ie7 .bubblebg23 .popup, .ie7 .bubblebg24 .popup, .ie7 .bubblebg25 .popup {

    top: 598px !important;

}



.ie7 .bubblebg1 .popup, .ie7 .bubblebg6 .popup, .ie7 .bubblebg11 .popup, .ie7 .bubblebg16 .popup, .ie7 .bubblebg21 .popup {

    left: -33px !important;

}



.ie7 .bubblebg2 .popup, .ie7 .bubblebg7 .popup, .ie7 .bubblebg12 .popup, .ie7 .bubblebg17 .popup, .ie7 .bubblebg22 .popup {

    left: 159px !important;

}



.ie7 .bubblebg3 .popup, .ie7 .bubblebg8 .popup, .ie7 .bubblebg13 .popup, .ie7 .bubblebg18 .popup, .ie7 .bubblebg23 .popup {

    left: 351px !important;

}



.ie7 .bubblebg4 .popup, .ie7 .bubblebg9 .popup, .ie7 .bubblebg14 .popup, .ie7 .bubblebg19 .popup, .ie7 .bubblebg24 .popup {

    left: 406px !important;

}



.ie7 .bubblebg5 .popup, .ie7 .bubblebg10 .popup, .ie7 .bubblebg15 .popup, .ie7 .bubblebg20 .popup, .ie7 .bubblebg25 .popup {

    left: 543px !important;

}*/



/*-- Tabs Section ----------------*/



/*ul.tabNavigation {

    position: relative;

    height: 43px;

    width: 920px;

    list-style: none;

    margin: 0px 0px 0px 10px !important;

    padding: 0;

}



ul.tabNavigation li {

    position: relative;

    float: left;

    padding: 0px;

    text-align: left;

    list-style: none;

    background: #8fae0b;

    margin: 0px 10px 0px 0px;

    display: inline;

}



ul.tabNavigation li a {

    padding: 12px 5px 11px 5px;

    height: 20px;

    line-height: 20px;

    display: block;

    font-size: 16px;

    color: #433a35;

    text-decoration:none;

}



ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {

    background: #587e04;

    -moz-border-radius: 5px 5px 0px 0px;

    -webkit-border-radius: 5px 5px 0px 0px;

    border-radius: 5px 5px 0px 0px;

    color: #fff;

}

        

ul.tabNavigation li a:focus {

    outline: 0;

}



#first, #second, #third, #fourth, #fifth  {

    position: relative;

    min-height: 0px;

    width: 887px;

    marign: 43px 0px 0px 0px;

    padding: 20px;

    border: 1px solid #a4be43;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}*/



/*-- Read More Buttons Section ----------------*/



.readmore {

    position: relative;

    float: right;

    width: 200px;

    height: 50px;

    color:#fff;

    font-weight:bold;

    background:#00b0ca;

    padding:5px;

    text-shadow: 0px 0px 21px #000;

    -moz-border-radius:6px;

    -webkit-border-radius:6px;

    border-radius:6px;

    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);

    box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);

    display: block;

    text-align: center;

    margin: 10px 0px;

}



.readmore:hover {

    color:#fff;

    background:#478547;

}



/*-- Tables Section ----------------*/



#content table, #pagecontent table {

    margin: 10px 0px;

}



#content thead td, #pagecontent thead td, #content th, #pagecontent th {

    background: #ea3338;

    color:#fff;

    padding: 5px 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    font-weight: bold;

}



#content td, #pagecontent td {

    padding: 5px 10px;

    vertical-align: top;

}



/*-- Newsletter Section ----------------*/



/*

.newslettertxtfield {

    position: relative;

    float: left;

    width: 223px;

    height: 12px;

    margin-right: 15px;

    padding: 7px 15px;

    font-family: 'Economica', Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 14px;

    border: 1px #d5d5d5 solid;

    background: #d5d5d5;

    color: #404040;

}



.newslettertxtfield:focus {

    background: #e8e8e8 !important;

}



#newslettersubmitbutton {

    position: relative;

    float: left;

    width: 142px;

    height: 30px;

    display: block;

    background: url(images/newslettersubmit.gif) repeat-x;

    border: 0px;

    font-family: 'Economica', Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    text-align: center;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    margin: 0px;

}



#newslettersubmitbutton:focus, #newslettersubmitbutton:hover {

    color: #a6ddfb !important;

}

*/



/*-- Gravity Forms Section ----------------*/



#gfield_captcha_container{

	margin:0px !important;

	max-width:50% !important;

}

#gform_wrapper_2{

	margin:0px !important;

	max-width:100% !important;

}

#gform_wrapper_2 li.gfield.gfield_error.gfield_contains_required label.gfield_label, #gform_wrapper_2 li.gfield.gfield_error.gfield_contains_required div.ginput_container{

	margin-top:0px !important;

}

#gform_wrapper_2 li.gfield.gfield_error{

	padding:0px !important;

}

#gform_wrapper_2 .gform_footer{

	padding:0px !important; margin:20px 0px 0px 0px !important;

}

.gform_wrapper ul {

    margin: 0px !important;

}



.gform_wrapper ul li {

    margin: 10px 0px !important;

    padding: 0px !important;

    list-style-image: none !important;

    list-style: none !important;

}



.gfield_label {

	font-size:16px; color:#595959;

    font-weight:lighter !important;

}



.gfield_required {

	display:none !important;

    color: #ff0000 !important;

    font-weight:lighter !important;

}



.ginput_container input {

    width: 292px !important;

    font-size: 14px !important;

    line-height: 12px !important;

    height: 20px !important;

    color: #444;

    background: url(images/bg-input01.jpg) 0 0 no-repeat;

    border: 0px solid #9cc2d6;

    padding: 5px 10px 5px 10px !important;

    margin-top: 3px;

}



.ginput_container textarea {

    width: 292px !important;

    font-size: 14px !important;

    color: #444;

    background: url(images/bg-input02.jpg) 0 0 no-repeat ;

    border: 0px solid #9cc2d6;

    height: 149px !important;

    padding: 5px 10px 5px 10px !important;

    margin-top: 3px;

}



.ginput_container input:focus, .ginput_container textarea:focus {

    background: #bfbfbf;

    color: #444;

}



.gform_button {

	float:right;

    width: 100px !important;

    font-size: 16px;

    line-height: 12px;

    height: 35px;

    padding:5px !important;

    color: #fff !important;

	text-transform:uppercase;

    background: #5cbf16 !important;

    border: none;

    cursor: pointer;

	opacity: 1;

	position:absolute;

	bottom: 40px;

	right: 30px;

}



.gform_button:focus, .gform_button:hover {

    color:#FFF !important;

	opacity: 0.8;

}



.gform_validation_container {

    display: none;

}



/*-- Error Section ----------------*/



.validation_error {

    color: #70a7c5 !important;

    font-weight:lighter !important;

    font-size: 12px !important;

    margin:  10px 0px !important;

}



.gfield_error {

    background: none !important;

    border: 0px !important;

    color: #70a7c5 !important;

    padding: 0px !important;

}



.gfield_error .gfield_label {

    font-size:16px; color:#595959;

    font-weight:lighter !important;

}



.validation_message {

    color: #397d9f !important;

    padding: 2px 0px 0px 0px !important;

}



.gfield_error input, .gfield_error textarea {

    background: #ff0000 !important;

    color: #fff !important;

    border: 0px #ff0000 solid !important;

}



.gfield_error input:focus, .gfield_error textarea:focus {

    color: #fff !important;

}



/*-- Quick Contact ----------------*/

#quick-form h2{

	width:260px;

	float:right;

	margin-bottom:3px !important;

	color:#2a5300; font-size:24px; font-weight:700;

}

#quick-form .gform_wrapper{

	margin:0px; max-width:100%;

	float:right;

	width:260px !important;

}

#quick-form .gform_wrapper ul {

    margin: 0px !important;

}



#quick-form .gform_wrapper ul li {

    margin: 10px 0px !important;

    padding: 0px !important;

    list-style-image: none !important;

    list-style: none !important;

}



#quick-form .gfield_label {

	display:none !important;

    font-weight:lighter !important;

}



#quick-form .gfield_required {

	display:none;

    color: #ff0000 !important;

    font-weight:lighter !important;

}



#quick-form .ginput_container input {

    width: 240px;

    font-size: 14px !important;

    line-height: 12px !important;

    height: 21px !important;

    color: #183000;

    background: url(images/input01.png) 0 0 no-repeat;

    border: 0px solid #9cc2d6;

    padding: 10px !important;

    -moz-border-radius:0px;

    -webkit-border-radius:0px;

    border-radius:0px;

    margin-top: 3px;

}



#quick-form .ginput_container textarea {

    width: 240px !important;

    font-size: 14px !important;

    color: #183000;

    background: url(images/input02.jpg) 0 0 no-repeat;

    border: 0px solid #9cc2d6;

    height: 81px !important;

    padding:10px !important;

    -moz-border-radius:0px;

    -webkit-border-radius:0px;

    border-radius:0px;

    margin-top: 3px;

}



#quick-form #gform_wrapper_1 .ginput_container input:focus, #quick-form  #gform_wrapper_1 .ginput_container textarea:focus {

	width: 240px !important;

    background: #bfbfbf !important;

    color: #444;

}



#quick-form .gform_button {

    width: 112px !important;

    font-size: 12px;

    line-height: 12px;

    height: 41px;

	text-indent:-9999em !important;

    padding:0px !important;

    color: #fff !important;

    background: url(images/submit.jpg) 0 0 no-repeat !important;

    border: none;

    -moz-border-radius:0px;

    -webkit-border-radius:0px;

    border-radius:0px;

    cursor: pointer;

	opacity: 1;

}



#quick-form .gform_button:focus, #quick-form .gform_button:hover {

    color:#c1d8e6 !important;

	opacity: 0.8;

}



#quick-form .gform_validation_container {

    display: none;

}

#quick-form  #gforms_confirmation_message{

	text-align:right;

	width:260px;

	float:right;

}

#quick-form .gform_footer{

	padding:0px !important;

	margin:0px !important;

}

/*-- Error Section ----------------*/



#quick-form .validation_error {

    color: #70a7c5 !important;

    font-weight:lighter !important;

    font-size: 12px !important;

    margin:  10px 0px !important;

}



#quick-form .gfield_error {

    background: none !important;

    border: 0px !important;

    color: #70a7c5 !important;

    padding: 0px !important;

}



#quick-form .gfield_error .gfield_label {

    color: #2b424b !important;

    font-weight:lighter !important;

}



#quick-form .validation_message {

    color: #397d9f !important;

    padding: 2px 0px 0px 0px !important;

}



#quick-form .gfield_error input, .gfield_error textarea {

    background: #ff0000 !important;

    color: #fff !important;

    border: 1px #ff0000 solid !important;

}



#quick-form .gfield_error input:focus, #quick-form .gfield_error textarea:focus {

    color: #fff !important;

}



/*/////////////////////////////////////////////////////////////////////////////

    The Footer

/////////////////////////////////////////////////////////////////////////////*/



#copyright a {

    color: #949393;

}



#copyright a:hover {

    color: #000;

}



.footer_current_page {

    color: #000 !important;

}



#backtotop:hover {

    color: #77bee4;

}





#tabswrapper {

	width:810px;

	position:relative;

	padding: 20px 0px 0;

	background:url(images/bg_conleft_03.png) repeat;

	

	float:left;

	min-height:200px;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}



#tabscontainer {

    position: relative;

    width: 810px;

    min-height: 0px;

	margin: 0px 0;

	padding:0px;

	font-size: 1.3em;

	

}



.ie7 #tabscontainer {

	padding:0px;

    position: relative;

    width: 930px;

    min-height: 0px;

	background: #fff;

	font-size: 14px;

	color: #405666;

}



ul.tabNavigation {

    position: absolute;

    min-height: 30px;

    width: 810px;

    list-style: none;

    margin: 15px 20px 10px 20px;

    padding: 10;

	bottom:20px;

	

}



.ie7 ul.tabNavigation {

    margin: 0px 0px 0px 0px !important;

    position: relative;

    min-height: 30px;

    width: 940px;

    list-style: none;

    padding: 0;

}



ul.tabNavigation li {



	position: relative;

    float: left;

    padding: 0px;

    text-align: left;

    list-style: none;

    margin: 0px 90px 0px 0px;

    display: inline;

}

ul.tabNavigation li a {

	width: 160px;

	min-height: 20px;

    padding: 15px 10px 15px 5px;

	text-align:center;

    line-height: 20px;

    display: block;

    font-size: 22px;

	font-weight:bold;

    color: #5CBF16;

	text-transform:uppercase;

    float: left;

    position: relative;

	/*background: url(images/nav_bg.png) repeat;

	text-shadow:2 2 40px #d09b1f, 2 2 20px #d09b1f;

	-moz-box-shadow:    inset 0 0 5px # 666;

    -webkit-box-shadow: inset 0 0 5px #666;

    box-shadow:         inset 0 0 2px #666;

   

    border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;*/

	 text-decoration:none;

}

ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {

	color:#fff;

	background:#5cbf16;

	

}

        

ul.tabNavigation li a:focus {

    outline: 0;

}

#tabscontainer h1 {

	margin: 5px 20px 0px 0px;

	color: #969696;

}



#tabscontainer p {

	margin: 5px 20px 0px 0px;

	line-height: 20px;

	font-size:14px;

	

}

.tabs div  {

  margin: 15px;

    min-height: 0;

    position: relative;

    width: 810px;

	

}

.tabs div ul {

	margin: 20px 0px 10px 30px;

	list-style: disc;

	font-size:14px;

	line-height:23px;

	

}



.tabs div a {

	color: #F00;

    text-decoration:none;	

}



.tabs div a:hover {

	color: #325784;

	text-decoration:none;

}



.hidden{display:none;}



.scrollbar { height:360px; overflow:auto ;padding-right:10px;}

.blog a {
    color: #68A83D;
    text-decoration: none;
}
.blog-title h2{
    color: #45A338;
    font-size: 35px;
    border-bottom: 2px #49790D solid;
    padding-bottom: 10px;
}
.post-boxes {
    padding: 20px;
    border: 1px #F2F2F2 solid;
    background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    margin-bottom:20px;
}

.post-info ,.post-info a { font-style: italic;
font-size: 11px;
color: #9DA097; }