/*
   screen.css
   panasonicatwork2009
   
   Copyright 2009 Webfirm. All rights reserved.
*/
@import url('reset.css');

body {
  background: #fff url('../images/core/header.png') 0 0 repeat-x;
  font: 11px/18px Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: 0.06em;
}

#wrap {
  width: 100%;
  background: url('../images/core/wrap.png') top center repeat-y;
}

#container {
  width: 996px;
  margin: 0 auto;
}

#header {
  width: 790px;
  height: 118px;
  margin: 0 auto;
}

#header img#logo {float: left; display: inline; margin: 0 0 31px;}

#header p#cta-ask {
  float: right;
  display: inline;
  margin: 5px 20px 0 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #626262;
}

#header p#cta-ask strong {color: #001eac;}


/*  =nav
***************************************/
#navigation {
  display: block;
  clear: both;
  width: 670px;
  margin: 0 auto;
}

#navigation li {
  float: left;
  display: inline;
  width: 166px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  background: url('../images/core/nav-li_background.png');
  text-align: center;
}

#navigation li a {
  display: block;
  text-decoration: none;
  color: #6b6b6b;
  font-weight: bold;
}

#navigation li a:hover {text-decoration: underline;}


/*  =subnav
***************************************/
#subnav {
  width: 622px;
  height: 198px;
  background: url('../images/core/subnav-background.png');
  float: right;
  position: relative;
}

#main_content #subnav a {text-decoration: none; color: #ff0000;}
#main_content #subnav a:hover {color: #165896;}

#main_content #subnav ul {
  position: absolute;
  top: 50px;
  left: 35px;
}

#main_content #subnav ul li {
  background: none;
  padding: 0;
  float: left;
  display: inline;
  width: 108px;
  height: 102px;
  text-align: center;
}

#main_content #subnav ul li img {
  margin: 10px 0;
}

#call_to_action { position:relative; width:174px; height:290px; background:url('../images/call_to_action.jpg') no-repeat 0 0;}
#attention{width:165px; height:81px; top:37px; right:0; position:absolute; overflow:hidden;}
/*  =content
***************************************/
#main_content {
  float: left;
  width: 829px;
  background: url('../images/core/main-background.jpg') bottom left no-repeat;
}

#main_content ul li {
  background: url('../images/core/bullet.gif') 0 7px no-repeat;
  padding-left: 15px;
}


/*  =primary
***************************************/
#primary {
  width: 522px;
  padding: 30px 80px 80px 20px;
  float: right;
  display: inline;
  color: #555555;
}

#primary h1 {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}

#primary h2 {
  font-size: 12px;
  line-height: 18px;
  color: #3968AC;
  border-bottom: 1px solid #ccc;  
  margin: 10px 0 0;
  text-transform: uppercase;
}

#primary h3 {color: #747474; font-size: 14px;}

#primary p {
  margin: 15px 0;
}

#primary a {color: #ff0000;}
#primary a:hover {text-decoration: none;}

#main_content #primary ul li {background-position: 0 4px;}

body#p-docs #primary img {margin: 10px;}

#secondary {
  width: 192px;
  float: left;
  display: inline;
  padding: 15px 0 0 15px;
  color: #383838;
	min-height:550px;
}

#secondary p, #secondary ul {
  margin: 0 0 10px 15px;
  line-height: 22px;
}

#secondary a {color: #383838;}
#secondary a:hover {text-decoration: none;}

#tertiary {
  width: 160px;
  float: right;
  display: inline;
}

#tertiary #flash {width: 162px; height: 602px; overflow:hidden; margin-bottom:10px;}
#tertiary #flash img{border:1px #383838 solid;width: 160px; height: 600px; }



/*  =products
***************************************/
#products li {
  background: none !important;
  padding: 0 !important;
  display: block;
  clear: both;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #B7B7B7;
}

#products li h2 {
  font-size: 14px;
  color: #12226B;
  text-transform: capitalize;
  border: none;
}

#products li div.image {
  width: 160px;
  height: 160px;
  line-height: 160px;
  float: right;
  display: inline;
  margin: 0 0 10px 10px;
  overflow: hidden;
}

#products li ul {margin: 10px 0;}

#products li li {
  background: url('../images/products/bullet.gif') 0 7px no-repeat !important;
  padding-left: 15px !important;
  margin: 0 0 0 10px;
  clear: none;
  border: none;
}



/*  =footer
***************************************/
#footer {
  width: 100%;
  height: 220px;
  clear: both;
  display: block;
  background: url('../images/core/footer-background.png') 0 0 repeat-x;
}

#footer .content {
  width: 916px;
  height: 40px;
  padding: 180px 0 0 80px;
  margin: 0 auto;
  background: url('../images/core/footer-content_background.png') top left no-repeat;
}

#footer .content p {float: left; display: inline;}
#footer .content img {float: right; display: inline; margin: 0 80px 0 0;}

#footer .content p a {
  color: #000;
  background: url('../images/core/bullet.gif') 0 4px no-repeat;
  padding: 0 0 0 15px;
  margin: 0 10px 0 0;
}


/*Extra Styles*/

/*Docs Page - specific styling*/
#main_content ul.ticklist li{background:url(../images/core/tick.gif) 0 0 no-repeat; padding-left:20px; margin:10px 0;}
#primary h2.secondary {border:none; font-size:15px; text-transform:none;margin:25px 0 15px 0;color: #3968AC; font-size: 12px;}
#main_content a.doclink{font-style:italic; color:#555555; text-decoration:none;}
#main_content a:hover.doclink{color:#FF0000; text-decoration:underline;}

#main_content #primary img.img-right{float:right; margin:0 0 15px 5px;}
#primary h1.docheader{color: #3968AC;}

/*specials Page*/
#primary ul.specials_gallery {margin:20px 0 0 0;}
#primary ul.specials_gallery li{ float:left; display:block; margin: 0 10px 10px 0; background:none; padding:0; text-align:center;}
#primary ul.specials_gallery p{margin:0; font-size:6px;}