/*   
Theme Name: DEFAULT
Theme URI: bearguardinfo.com
Description: The BearGuard's™ design is the result of more than three years of research, design, engineering and field-testing and designed to enable homeowners to protect their trash from bears, raccoons and other animal intruders

Author: Donnell Macam
Author URI: http://silverconnect.com
Version: Default
*/



@font-face {
    font-family: 'BookmanOldStyleBold';
    src: url('bookosb-webfont.eot');
    src: url('bookosb-webfont.eot?#iefix') format('embedded-opentype'),
         url('bookosb-webfont.woff') format('woff'),
         url('bookosb-webfont.ttf') format('truetype'),
         url('bookosb-webfont.svg#BookmanOldStyleBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* remove firefox link  border*/
* :active{ outline: none; }
* :focus{ -moz-outline-style: none; }
img { border:0;}
*{ margin:0; padding:0;}


/* default */
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:808px; top:0; left:50%; margin-left:-495px; }


/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:#FBD4B4 ; margin:0; padding:0; text-align: center; color:#000;}

/* main */
#main{ background: url(../images/common/bg.jpg) repeat-y; position:relative; margin:0 auto; padding:0;  height:100%; text-align:left; width:808px;}

/* header */
#header{ background: url(../images/common/header.jpg) no-repeat center top; position:absolute; width:808px; height:19px; top:0; left:0; margin:0 auto; padding:0;}

/* header-nav 
#header ul{ background:#BCF1ED; margin:142px auto; padding:0; list-style:none; width:808px; height:40px;}
#header ul li{ float:left; display:inline;}
#header ul li a{ text-decoration:none; text-align:center; color:#000; width:100px; height:30px; display:block; padding:10px 0 0 0; }
#header ul li a:hover, #header ul li a.active-menu { background:#69C;text-decoration: underline; color:#fff; height:30px;}
*/
/* 
sidebar 

#sidebar{ background:#F96; min-height:300px; float:left; margin:200px 0 0 0; width:290px;}			
#sidebar-content{  background:#FF634D; margin:0 auto; padding:0; width:270px; height:300px;}
*/


/* content */
#content{position: relative; float:right; margin:19px 0 0 0; width:808px; min-height:500px;}
#content h1{ font: normal normal 22px 'BookmanOldStyleBold' !important; color:#BF0000; text-align:center; padding:55px 0 35px 0;} 
#content h1 a{ text-decoration:none; color:#BF0000;} 
#content h1.home{ font: italic normal 27px Georgia, "Times New Roman", Times, serif !important; padding:20px 0; }

#content h2{  font: normal normal 19px 'BookmanOldStyleBold'; color:#000; text-align:center;}	
#content h2 span, #content p span{text-decoration:underline;}
#content p span.noline{text-decoration:none;}
#content p{  font: 14px Verdana, Geneva, sans-serif; line-height:21px; text-indent:10px;} 		
#content .contact2{color: #953735;font: 16px 'Times New Roman' !important; top: 188px; right: 20px; position: absolute; clear: both;} 		
#content .contact2 big{padding: 0 0 5px 0;}
#content .contact2 a{color: #953735;}
	#content .logo{ margin: 20px auto 0 auto; width:585px; display:block;}
		#content .missionimg1{ float:left; padding:60px 31px 0 88px;}
		#content p.missionp1{ margin:115px 0 0 0 !important; line-height:21px !important; font: 14px Verdana, Geneva, sans-serif; text-align: justify;  width:350px; display:inline-block;}
		#content .missionimg2{ float:right; padding:19px 32px;}
		#content p.missionp2{ padding:25px 0 0 92px; width:408px; text-align:justify; }
		#content p.missionp2 span{ color:#C9251F; font-style:italic;}
		#content big{ color:#BF0000; font: italic bold 14px  "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; display:block; padding:80px 0 45px 0;}
		
		#content p.overview{ width:613px; margin: 0 auto; text-align:justify; padding:10px 0;}
		#content p.overview2{ text-align:justify; padding:50px 0 0 100px;}
		#content h1.overview { font-size:24px;}
		#content img.overview-img-right{ float:right; padding:50px 90px 0 15px;}
		#content p.center{ text-align:center;}
		
		#content p.features, #content p.ease{ width:610px; margin:0 auto; text-align:justify;}
		#content p.ease{ padding:0 0 15px 0;}
		#content p.features span.bold, #content p.ease span.bold{ font-weight:bold;} 
		#content p.features span.underline, #content p.ease span.underline { text-decoration:underline; }
		#content p.ease span.voilet{ color:#3300FF;}
		#content img.features-img2{ float:right; padding:15px 105px 0 20px;}
		#content p.features2{ text-align:justify; padding:10px 95px 0 95px;}
		#content p.centered{ text-align:justify; padding:30px 95px 0 95px;}
		#content img.featuresimg3{ float:left; padding:20px 15px 15px 95px;}
		#content img.featuresimg4{ float:right; padding:0 105px 0 10px;}
		#content img.easeimgleft{ float:left; padding:0 16px 0 95px;}
		#content p.ease2{ text-align:justify; width:710px;}
		#content img.insidechild{ padding:0 20px 55px 90px; float:left;}
		#content img.insidechildright{ float:right; padding:0 100px 0 0px; margin:0 0 0 20px;}
		#content p.insidechildp2{ padding:0 0 0 90px; text-align:justify; text-indent:0;}
		#content h3.insidechildh2{ color:#BF0000; font-style:italic; font-size:15px; display:block; padding:0 0 40px 0; text-align:center; }
		#content p.insidechildp1{text-align:justify; margin:40px 100px 0 0; text-indent:0;}
		#content .insidechild{ width:200px; float:left; padding:50px 100px;}
		#content .insidechild p{ text-align:center; }
		#content .insidechild h2{ color:#BF0000; font:italic bold 14px Arial, Helvetica, sans-serif; padding:10px 0 0 0;}
		#content .contact-home{text-align:center; padding:40px 0 0 0;}
		#content .contact-home a{color:#000; }
		
		
#content #jsddm{ background: url(../images/common/navigation.jpg) repeat-x;  padding:0; list-style:none; width:784px; height:49px; margin:70px auto 0 auto;}
#content #jsddm li{ float:left; display:inline;}
#content #jsddm li a{ text-decoration:none; text-align:center; color:#fff; width:98px; height:49px; display:block; line-height:49px !important; font:16px "Times New Roman", Times, serif;}
#content #jsddm li a:hover, #content #jsddm li a.active-menu { background: url(../images/common/hover.jpg) no-repeat center center;text-decoration:  none; color:#990000; height:49px;}
#content #jsddm li.first{ background:url(../images/common/first.jpg) no-repeat;}
#content #jsddm li.last{ background:url(../images/common/last.jpg) no-repeat;}
	#content #jsddm li p{ margin:0; padding:0; position:absolute; width:98px; z-index:999999999; background:#640000; visibility:hidden}
	#content #jsddm li p a{ font-size:12px; display:block; text-decoration:none; color:#ccc; text-align:left; background:url(../images/dropdown-break.png) repeat-x bottom !important; border-bottom:1px solid #4F0000; width:98px; height:40px; line-height:40px !important;}
	#content #jsddm li p a:hover{ color:#FFF !important; background:#970000 !important; display:block; height:40px; width:98px;}
	
#content #ease{ padding:30px 0 0 130px;}
#content #ease li{ font:13px Verdana, Geneva, sans-serif; line-height:20px;}
	
/* picture page a non sense design */
#content img.picture1{ padding: 0 70px 0 100px;}
#content img.picture2{ padding:0 0 0 0px;}
#content img.picture3{ padding:0 153px 20px 135px;}
#content img.picture4{ padding:10px 0 0 0;}
#content img.picture5{ padding:0 30px 0 30px;}
#content img.picture7{ padding:20px 0 0 65px;}
#content img.picture8{ float:right; clear:both; display:block;} 


/*Q&A*/
#qa{ list-style:none; padding:0 0 0 100px;}
#qa li{ line-height:20px; font:13px Verdana, Geneva, sans-serif; color:#0000FF; }	
#qa li span{ color:#000;}
#qa a{text-decoration:none;}
#qa a:hover{text-decoration:underline;}

#qa2{ padding:50px 20px 0 150px;}
#qa2 li{ line-height:20px; padding:0 0 10px 0; list-style:decimal;}
#qa2 li span{ font-weight:bold;}
#qa2 li a{ text-decoration:none; font:13px Verdana, Geneva, sans-serif;}
#sub li{ list-style: none; padding:0; line-height:20px;}

/*contact*/
#content p.contact{ font: normal normal 22px Verdana, Geneva, sans-serif !important; color:#000; text-align:center; padding:50px 0 30px 0;}
#content p.contact span{ display:block; color:#3D79B6; line-height:40px; font-weight:bold;}
#content p.contact span a{ color:#3D79B6; text-decoration: none;}
#content p.contact span a:hover{ color:#86AED7;}
#content .contact-lower{ text-align:center;}
#content .contact-lower strong.red{color:#BF0000;}
#content p.contact2 span{ font: normal bold 15px Verdana, Geneva, sans-serif; }
#content p.contact2  span{ color:#BF0000;}
#content p.last{ padding:0 0 70px 0;}
/* footer */
#footer{ background: url(../images/common/footer.jpg) no-repeat; height:87px; width:808px; margin:0 auto;}
#footer p{  font:13px Georgia, "Times New Roman", Times, serif; padding:10px 0 0 0;}
#footer p.p1{ float:left; font:13px Georgia, "Times New Roman", Times, serif; padding:10px 0 0 30px;}
#footer p.last{ float:right; padding: 10px 30px 0 0;}

/*----------slideshow--------------*/
#content .slideshow{
	background:url(../images/slideshow/bg.jpg) no-repeat;
	width:412px;
	margin:90px auto 0 auto !important;
	padding:0;
	margin:0;
	z-index:999;
	height:312px}
#content .slideshow .s1{ padding:0 0 0 0; width:400px; height:300px; margin:5px 0 0 4px;}
	
#content #prev2 {
	background:url(../images/slideshow/prev.jpg) no-repeat;
	width:27px;
	height:41px;
	z-index:99999999;
	position:absolute;
	top:550px;
	left:156px;
	display:block;}

#content #next2 {
	background:url(../images/slideshow/next.jpg) no-repeat;
	padding:0;
	margin:0;
	width:27px;
	height:41px;
	z-index:999999999999;
	position:absolute;
	top:550px;
	right:155px;
	display:block;}