/*
Copyright(c) 2006 Safeway Security Systems
All Rights Reserved

Site Design by Fisher Design Group
  www.fisherdesigngroup.com

CSS and XHTML Construction by Art of Mission
  www.artofmission.com


Articles referenced: 
  http://www.alistapart.com/articles/betterrotator/
  http://www.alistapart.com/articles/phpcms/

*/

* {
  margin:0;
  padding:0;
}


/*
  Layout
*/
body{
  background:#eee;
}
#container{
  width:800px;
  /*margin:0 auto;
  border:solid #ccc;
  border-width:0 1px;*/
  background:#fff url(../images/bkg-content.gif) repeat-y;
}


/* 
  Content area Backgrounds
*/

#main_background.background1{
  background:transparent url(../images/bkg-main-1.gif) 0 0 no-repeat;
}
#main_background.background2{
  background:transparent url(../images/bkg-main-2.jpg) 0 0 no-repeat;
  /* padding-top:150px; */
}

.background_commercial{
  background:transparent url(../images/bkg-main-commercial.jpg) 0 0 no-repeat;
}
.background_industrial{
  background:transparent url(../images/bkg-main-industrial.jpg) 0 0 no-repeat;
}
.background_residential{
  background:transparent url(../images/bkg-main-residential.jpg) 0 0 no-repeat;
}


#content{
  width:100%;
  float:left;
}

.left{
  float:left;
}
.right{
  float:right;
}

.half{
  width:45%;
}

.wide{
  width:607px;
  padding:0;
}

.narrow{
  width:193px;
  padding:0;
}


#sidebar{
  background:transparent url(../images/bkg-side.gif) no-repeat;
}


#main{
  width:607px;
  padding:0;
  margin:0;
  float:right;
  padding-bottom:4em;
}
#main_background{
  float:left;
  margin:0;
  padding:0;
  width:100%;
}



/*
  Typography
*/

body{
  font-family:Helvetica,Arial,sans-serif;
  font-size:small;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content p, 
#content blockquote,
#content hr,
#content ul,
#content ol{
  margin:1em 24px;
}
#content li{
	margin-left: 24px;
	margin-right:24px;
	line-height:1.6em;
}


#sidebar h1, 
#sidebar h2, 
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar p, 
#sidebar blockquote,
#sidebar hr,
#sidebar ul,
#sidebar ol{
  margin:1em 12px;
}
#sidebar li{
	margin-left: 12px;
	margin-right:12px;
	line-height:1.6em;
}


p{
  font-size:95%;
  line-height:1.5em;
}
p.small{
  font-size:85%;
  color:#666;
  line-height:1.3em;
}
h1{
  font-size:170%;
	line-height:30px;
}
h2{
  font-size:140%;
  line-height:20px;
}
h3{
  font-size:120%;
}

h4{
  font-size:100%;
}

a{
  color:#345C96;
}

a:hover{
  text-decoration:none;
  color:#666;
}
a:active{
  outline:none;
}

hr{
  padding:0;
  color:#ccc;
  background-color:#ddd;
  height:1px;
  border:none;
  clear:both;
}
hr.clear{
  border:0;
  background:none;
  clear:both;
  height:0;
}

.blue{
  color:#1567B9;
}

/* 
  Header
*/
#header{
  width:100%;
}

#header h1,
#header h1 a{
  width:100%;
  height:133px;
  display:block;
  background:transparent url(../images/safeway_logo.jpg) no-repeat;
  text-indent:-10000px;
  text-decoration:none;
  border:none;
}

#header h2{
  width:100%;
  height:58px;
  display:block;
  background:transparent url(../images/protecting.jpg) no-repeat;
  text-indent:-10000px;
  border:none;
}

/* 
  Navigation
  
  Based on Suckerfish Dropdowns
  http://www.alistapart.com/articles/dropdowns/
*/

#nav{
  width:100%;
  float:left;
  display:block;
}
#nav a{
  cursor: pointer;
	cursor: hand;
}
#nav ul#nav_base{
  background:#fff url(../images/bkg-nav.gif) no-repeat;
  float:left;
  width:600px;
  height:25px;
  list-style:none;
  padding-left:200px;
}
#nav ul#nav_base li{
  float:left;
  position:relative;
  display:block;
}
#nav ul#nav_base li a{
  display:block;
  text-decoration: none;
  text-indent: -10000px;
  height:25px;
}

#nav li#nav_home,
#nav li#nav_home a{
  background:transparent url(../images/nav-home.gif) 0 0;
  width:45px;
}
#nav li#nav_about,
#nav li#nav_about a{
  background:transparent url(../images/nav-about.gif) no-repeat;
  width:140px;
}
#nav li#nav_products,
#nav li#nav_products a{
  background:transparent url(../images/nav-products_services.gif) no-repeat;
  width:120px;
}
#nav li#nav_support, 
#nav li#nav_support a{
  background:transparent url(../images/nav-support.gif) no-repeat;
  width:55px;
}
#nav li#nav_quote,
#nav li#nav_quote a{
  background:transparent url(../images/nav-request_a_quote.gif) no-repeat;
  width:100px;
}
#nav li#nav_contact,
#nav li#nav_contact a{
  background:transparent url(../images/nav-contact.gif) no-repeat;
  width:77px;
}


#nav ul#nav_base li ul{
  width:15em;
  
}

#nav ul#nav_base li ul a {
  width:auto;
  display:block;
}
#nav ul#nav_base li#nav_products ul{
  width: 20em !important;
}
#nav ul#nav_base li#nav_support ul{
  width: 18em !important;
}
#nav ul#nav_base li#nav_contact ul{
  width: 15em !important;
  left:-6em;
}


#nav li ul{
  display:none;
  position:absolute;
  float:none;
  top:24px;
  left:0px;
  z-index:1;
  border-left:1px solid #1D2D44;
  border-right:1px solid #1D2D44;
  border-bottom:1px solid #1D2D44;
  border-top:none;
  height:auto;
  background:#345C96;
}
#nav li:hover ul,
#nav li.over ul{
  display:block;
  z-index:200;
}

#nav ul#nav_base li ul li{
  float:none;
  display:block;
  /*background:#345C96 url(../images/bkg-nav-shade.jpg) left bottom repeat-x;*/
}
#nav ul#nav_base li ul a{
  text-indent:0;
  background:none;
  color:#fff;
  padding-left:1em;
  display:block;
  height:2em !important;
  line-height:2em !important;
  font-size:95%;
  letter-spacing:normal;
  border-top:1px solid #2E5185;
}
#nav ul#nav_base li ul a:hover{
  /*background:#DDE6F4 url(../images/bkg-nav-shade-hover.jpg) left bottom repeat-x;*/
  background:#DDE6F4;
  color:#000;
  font-weight:bold;
}
#nav ul#nav_base li ul a:active{
  background:#152032;
  color:#fff;
}


/*
  Features
*/

ul#features{
  list-style:none;
  margin:2em 24px 10px 30px;
  padding:0;
  float:left;
  display:inline;
}
ul#features li{
  margin:0;
  padding:0;
  float:left;
  display:block;
}
ul#features li a{
  width:164px;
  height:139px;
  float:left;
  display:block;
  text-indent:-10000px;
}

ul#features li#features_commercial,
ul#features li#features_commercial a{
  background:transparent url(../images/feature-commercial_security.jpg) 0 139px; 
}
ul#features li#features_industrial,
ul#features li#features_industrial a{
  background:transparent url(../images/feature-industrial_security.jpg) 0 139px ;
}

ul#features li#features_residential,
ul#features li#features_residential a{
  background:transparent url(../images/feature-residential_security.jpg) 0 139px ;
}

ul#features li#features_commercial{
  margin-right:30px; 
 }
 
 ul#features li#features_industrial{
  margin-right:30px;
 }
  
ul#features li#features_residential{
  

}


ul#features li#features_residential a:hover{
  background:transparent url(../images/feature-residential_security.jpg) 0 0;
}
ul#features li#features_commercial a:hover{
  background:transparent url(../images/feature-commercial_security.jpg) 0 0;
}
ul#features li#features_industrial a:hover{
  background:transparent url(../images/feature-industrial_security.jpg) 0 0 ;
}


/* 
  Security Products
*/
ul#security_nav{
  list-style:none;
  margin:24px 0 24px 340px;
  padding:0 0 0 ;
  display:block;
}

ul#security_nav li{
  margin:12px 0;
  padding:0;
}

ul#security_nav li a{
  display:block;
  width:242px;
  height:68px;
  background:#f09;
  text-indent:-10000px;
  text-decoration:none;
}

ul#security_nav li#security_nav_residential,
ul#security_nav li#security_nav_residential a{
  background:transparent url(../images/feature-small-residential.jpg) 0 0 no-repeat;
}
ul#security_nav li#security_nav_commercial,
ul#security_nav li#security_nav_commercial a{
  background:transparent url(../images/feature-small-commercial.jpg) 0 0 no-repeat;
}
ul#security_nav li#security_nav_industrial,
ul#security_nav li#security_nav_industrial a{
  background:transparent url(../images/feature-small-industrial.jpg) 0 0 no-repeat;
}


ul#security_nav li#security_nav_residential a:hover{
  background:transparent url(../images/feature-small-residential.jpg) 0 -68px no-repeat;
}
ul#security_nav li#security_nav_commercial a:hover{
  background:transparent url(../images/feature-small-commercial.jpg) 0 -68px no-repeat;
}
ul#security_nav li#security_nav_industrial a:hover{
  background:transparent url(../images/feature-small-industrial.jpg) 0 -68px no-repeat;
}


/*
  News & Events
*/
.news p{
  line-height:1.2em;
  margin-top:0 !important;
  font-size:90%;
}

.news a{
  color:#1D2D44
}

.news h3{
  margin-bottom:0 !important;
  line-height:1.2em;
  font-size:100%;
  padding-top:1em;
}
.news h4{

}
.news{
  width:95%;
}

/*
  Testimonials
*/

#testimonials{
  width:245px;
  background:#6B88B1 url(../images/client_testimonials-bottom.gif) bottom left no-repeat;
  margin:0 24px 2em 24px;
  padding-bottom:2em;
  color:#fff;
  
}
#testimonials h2{
  background:transparent url(../images/client_testimonials.gif) no-repeat;
  height:45px;
  width:245px;
  text-indent:-10000px;
  margin:0;
  padding:0;
}

.testimonial {
  line-height:1.4em;
  font-size:95%;
}
.testimonial blockquote{
  margin-bottom:0;
  padding-bottom:0;
  
}
.testimonial cite{
  font-style:normal;
  margin-left:24px;
  margin-right:24px;
  padding-top:0;
  margin-top:0;
  font-weight:bold;
}

/*
  Footer
*/
#footer{
  clear:both;
  font-size:90%;
  margin:0;
  padding:0;
  display:block;
}

#footer #footer_bar{
  background:#000;
  display:block;
  padding:12px;
  float:left;
  width:776px;
}

#footer_bar,
#footer_bar p,
#footer_bar a{
  color:#fff;
}

#footer_menu{
  margin-top:1em;
}

#footer #credits{
  margin-top:1em;
}
#footer #credits a{
  color:#BE4D09;
}
/*
  Forms
*/
form{
  margin:24px;
}
fieldset{
  clear:both;
  border:1px solid #dcdcdc;
  background:#fff;
  padding:1em;
  margin:1em 0;
  
}
fieldset legend{
  font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size:140%;
}
form dt{
  font-weight:normal;
  font-size:100%;
  display:block;
}
form dd{
  margin-bottom:0.5em;
}
form label{
font-weight:bold;
}
.required{
  color:#f99;
}
form dd input,
form dd textarea{
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:100%;
  margin:0;
  padding:2px 4px;
}

/*
  VCard
*/
.vcard{
  padding:1em 24px;
  font-size:100%;
}

.vcard.company{
  color:#31477E;
  padding:12px;
  margin-top:5em;
  font-size:90%;
}
.vcard .org{
  font-weight:bold;
}

/*
  QUOTES
*/

ul#QUOTES{
  list-style:none;
  margin:2em 24px 10px 24px;
  padding:0;
  float:left;
  display:inline;
}
ul#QUOTES li{
  margin:0;
  padding:0;
  float:left;
  display:block;
}
ul#QUOTES li a{
  width:120px;
  height:90px;
  float:left;
  display:block;
  text-indent:-10000px;
}

ul#QUOTES li#QUOTES_QUICKQUOTE a{
  background:transparent url(../images/quotesecure11.jpg) 0 0px ;
}


ul#QUOTES li#QUOTES_QUICKQUOTE a:hover{
  background:transparent url(../images/quotesecure11.jpg) 0 -90px ;
}
/*
	test
*/

ul#service{
	list-style:none;
	margin:2em 24px 10px 24px;
  padding:0;
  float:left;
  display:inline;
	}
ul#service li{
	margin:0;
  padding:0;
  float:left;
	display:block;
	}

ul#service li a{
	width:114px;
	height:112px;
	display:block;
	float:left;
	text-indent:-10000px;
	}

ul#service li#service_sched a{
	background:transparent url(../images/servicesecure11.jpg) 0 0px ;
	}
	
ul#service li#service_sched a:hover{
	background:transparent url(../images/servicesecure11.jpg) 0 -112px ;
	}
	
/*
	affiliates
*/

ul#affil{
	list-style:none;
	margin:2em 24px 10px 24px;
  padding:0;
  float:left;
  display:inline;
	}
ul#affil li{
	margin:0;
  padding:0;
  float:left;
	display:block;
	}

ul#affil li a{
	width:122px;
	height:89px;
	display:block;
	float:left;
	text-indent:-10000px;
	}

ul#affil li#affil_part a{
	background:transparent url(../images/affilsecure11.jpg) 0 0px ;
	}
	
ul#affil li#affil_part a:hover{
	background:transparent url(../images/affilsecure11.jpg) 0 -90px ;
	}

ul#NEWSSEC{
	list-style:none;
	margin:1em 24px 5px 10px;
  padding:0;
  float:left;
  display:inline;
	}
ul#NEWSSEC li{
	margin:0;
  padding:0;
  float:left;
	display:block;
	}

ul#NEWSSEC li a{
	width:165px;
	height:90px;
	display:block;
	float:right;
	text-indent:-10000px;
	}

ul#NEWSSEC li#NEWSSEC_part6 a{
	background:transparent url(../images/NEWSSECURE11.jpg) 0 0px ;
	}
ul#NEWSSEC li#NEWSSEC_part6 a:hover{
	background:transparent url(../images/NEWSSECURE11.jpg) 0 -90px ;
	}