/************************************************
  CSS Stylesheet for PivotalWeb.com
  http://www.pivotalweb.com/
  Pivotal Web (c) 2009 All rights reserved.
************************************************/


/************************************************
/ Body CSS
************************************************/

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #464646;
  background-color: #393939;
}

/************************************************
/ Site Wrapper
************************************************/

#wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

/************************************************
/ Wrapper/Header
************************************************/

#header-wrapper {
  width: 100%;
  height: 150px;
  margin: 0 auto;
  background: url('images/header.png') repeat-x;
}

#header {
  width: 980px !important; 
  margin: 0 auto;
  height: 108px;
  color: #8A8585;
}

/************************************************
/ Logo - Title/Paragraph/Links
************************************************/

#logo {
  width: 300px;
  height: 108px;
  float: left;
  background: url('images/pwlogo.png') no-repeat top center;
}

#logo h1, #logo p {
  margin: 0;
  padding: 0;
}

#logo h1 {
  float: left;
  padding: 95px 0 0 25px;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 2.6em;
}

#logo p {
  float: left;
  margin: 0;
  padding: 80px 15px;
  font: normal 14px Georgia, "Time New Roman", Times, serif;
  font-style: italic;
}

#logo a {
  text-decoration: none;
  border: none;
  color: #8A8585;
}

#logo a:hover {
  text-decoration: none;
  border: none;
  color: #77A8F0;
}

/************************************************
/ Main Wrapper - Bar/Box
************************************************/

#main {
  width: 980px;
  min-height: 100%;
  margin: 0 auto;
  background-color: #fff;
}

#box {
  height: 180px;
  width: 100%;
  background: url('images/box.jpg') no-repeat;
}

#box .text {
  padding: 20px;
  font-family: Verdana;
  font-size: 1.7em;
  color: #B0C4DE;
}

.specials {
  height: 600px;
  width: 100%;
  margin-left: 34px;
}

img.plan {
  padding: 4px;
  margin-top: -3px;
}

/************************************************
/ Top Menu Links
************************************************/

#menu {
  width: 980px !important; 
  margin: 0 auto;
}

#menu ul {
  margin: 0;
  padding-top: 10px;
  padding-left: 90px;
  list-style: none;
  line-height: normal;
}

#menu ul li {
  float: left;
  height: 40px;
}

#menu ul li a {
  text-decoration: none;
  color: #eee;
  padding: 3px 20px 3px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  /*font-weight: bold;*/
}

#menu ul li a:active, a:visited {
  text-decoration: none;
  color: #eee;
}

#menu ul li:hover {
  height: 20px;
  text-decoration: none;
  color: #fff;
  background-color: #494949;
}

/************************************************
/ Left Sidebar - Left Menu with Links
************************************************/

#sidebar-left {
  float: left;
  width: 220px;
  margin-left: 10px;
  color: #555;
}

.menu-left {
  width: 195px;
  border: 1px solid #ccc;
  color: #ccc;
  background-color: #393939;
  margin-bottom: 7px;
}

.menu-left ul {
  margin: 0;
  padding: 5px 10px;
  list-style: none;
  font-size: 1.2em;
}

.menu-left li {
  margin: 0;
  padding-left: 20px;
  background: url('images/icons/bullet.png') no-repeat;
}

.menu-left .title {
  height: 15px;
  padding: 5px;
  text-align: center;
  color: #fff;
  background: url('images/title2.jpg') repeat-x;
}

.menu-left a:link {
  text-decoration: none;
  border: none;
  color: #eee;
}

.menu-left a:active, a:visited {
  text-decoration: none;
  border: none;
  color: #eee;
}

.menu-left a:hover {
  margin-left: 2px;
  text-decoration: none;
  color: #fff;
}

/************************************************
/ Right Sidebar - Right Menu with Links
************************************************/

#sidebar-right {
  float: right;
  width: 220px;
  margin-right: -10px;
  color: #555;
}

.menu-right {
  width: 195px;
  border: 1px solid #ccc;
  color: #ccc;
  background-color: #393939;
  margin-bottom: 7px;
}

.menu-right ul {
  margin: 0;
  padding: 5px 10px;
  list-style: none;
}

.menu-right li {
  margin: 0;
  padding: 0;
}

.menu-right .title {
  height: 15px;
  padding: 5px;
  text-align: center;
  color: #fff;
  background: url('images/title2.jpg') repeat-x;
}

.menu-right a, a:active, a:visited {
  text-decoration: none;
  border: none;
  color: #80D4F0;
}

.menu-right a:hover {
  text-decoration: none;
  color: #fff;
}

/************************************************
/ Form CSS
************************************************/

form {
  margin: 0;
  padding: 0;
}

input {
  width: 98%;
  border: 1px solid #777;
  color: #ccc;
  background: url('images/title2.jpg');
}

input:hover {
  color: #fff;
  border: 1px solid #999;
}

.login, .go, .reg {
  width: 70px;
  margin-top: 3px;
  color: #ccc;
}

.prefix {
  width: 100px;
}

select {
  width: 51%;
  border: 1px solid #777;
  color: #ccc;
  background: url('images/title2.jpg');
}

select:hover {
  color: #fff;
  border: 1px solid #999;
}

/************************************************
/ Page - Shadow Box / Post
************************************************/

#page {
  width: 550px;
  min-height: 800px;
  margin: 0 auto;
}

/************************************************
/ Post Content
************************************************/

.post {
  margin-bottom: 8px;
  padding: 0;
  border: 1px solid #ccc;
  color: #ccc;
}

.post .title {
  height: 40px;
  margin-bottom: -15px;
  padding-top: 4px;
  padding-left: 0px;
  color: #fff;
  font-size: 1.5em;
  background: url('images/title.jpg') repeat-x;
}

.post .entry {
  padding: 1px 10px 1px 10px;
  text-align: justify;
  background-color: #393939;
}

.post .title a {
  text-decoration: none;
  border: none;
  color: #fff;
}

.post .title a:active, a:visited {
  text-decoration: none;
  border: none;
  color: #fff;
}

.post .title a:hover {
  text-decoration: none;
  border: none;
  color: #ebebeb;
}

/************************************************
/ Table CSS
************************************************/

.tbl {
  width: 520px;
  border: 0;
  border-spacing: 1px;
}

.tbl p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #eee;
}

.tbl2 {
  width: 520px;
  margin-left: 4px;
  border: 0;
  border-spacing: 1px;
}

.tbl2 p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #eee;
}

.td-title {
  width: 28%;
  height: 30px;
  text-align: right;
  /*background-color: #666;*/
  background: url('images/title2.jpg');
}

.td-title p {
  color: #ccc;
}

.td-title2 {
  width: 35%;
  height: 30px;
  text-align: left;
  /*background-color: #666;*/
  background: url('images/title.jpg');
}

.td-cell {
  width: 35%;
  height: 30px;
  text-align: left;
  background-color: #787878;
}

.td-title3 {
  width: 10%;
  height: 30px;
  text-align: left;
  /*background-color: #666;*/
  background: url('images/title.jpg');
}

.td-cell2 {
  width: 10%;
  height: 30px;
  text-align: left;
  background-color: #787878;
}

p.tick-yes {
  width: 33px;
  height: 25px;
  margin: 2px;
  background: url('images/tick-yes.png') no-repeat;
}

p.tick-no {
  width: 33px;
  height: 25px;
  margin: 2px;
  background: url('images/tick-no.png') no-repeat;
}

p.order {
  margin: 2px;
  text-align: center;
}

/************************************************
/ Footer / Links / Icons
************************************************/

#footer {
  /*height: 100%;*/
  margin: 0 auto;
  padding: 0 0 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #eee;
  background-color: #393939;
  background: url('images/footer.png') #393939 repeat-x;
}

#footer p {
  margin: 0;
	line-height: normal;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 10px;
}

#footer .cr a {
  text-decoration: none;
  border: none;
  color: #eee;
}

#footer .cr a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #fff;
}

#footer a, a:active, a:visited {
  text-decoration: none;
  border: none;
  color: #eee;
}

#footer a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #fff;
}

/************************************************
/ Misc Default CSS
************************************************/

/* remove image borders */
img {
  border: 0;
}

/* align live support */
.live {
  margin-top: 10px;
  margin-left: 30px;
}

/* align icons */
.icons {
  margin-top: 10px;
  margin-left: 20px;
}

/* seal images in the right menu */
.seals {
  margin-top: 10px;
  margin-left: 20px;
}

/* center image */
img.ci {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* center paragraph text */
p.ct {
  text-align: center;
}

/* Heading Tags */
h1, h2, h3 {
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #464646;
}

/* Separate Font Size for <h1> tag */
h1 { font-size: 2em; }

/* Separate Font Size for <h2> tag */
h2 { font-size: 1.6em; }

/* Separate Font Size for <h3> tag */
h3 { font-size: 1.3em; }

#space {
  clear: both;
}

/************************************************
/ Paragraph
************************************************/

p.left { text-align: left; }
p.right { text-align: right; }
p.center { text-align: center; }
p.justify { text-align: justify; }

/************************************************
/ Default Links
************************************************/

a {
  text-decoration: none;
  border: none;
  color: #eee;
}

a:active, a:visited {
  text-decoration: none;
  border: none;
  color: #eee;
}

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

/************************************************
/ Slider CSS
************************************************/

#slider {
  height: 100%;
  width: 100%;
  overflow: hidden; /* important */
  float: left;
  margin-top: -8px;
  margin-bottom: 10px;
}

#sliderContent {
  width: 100%; /* important to be same as image width or wider */
  margin: 0;
}

.sliderImage {
  float: left;
  position: relative;
  display: none;
  margin-left: -40px;
}

.sliderImage span {
  position: absolute;
  font: 12px/15px Arial, Helvetica, sans-serif;
  padding: 10px 13px;
  width: 100%;
  background-color: #000;
  filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
  color: #fff;
  display: none;
}

.clear {
  clear: both;
}

.sliderImage span strong {
  font-size: 14px;
}

.top {
  top: 0;
  left: 0;
}

.bottom {
  bottom: 0;
  left: 0;
}

ul { list-style-type: none;}