/* Stylesheet for Pixelsilk Demo Site */

/* Main Body Elements */
html, body {margin:0; padding:0;}
body {font-family:Tahoma; font-size:16px; color:#232020;}
body#page {text-align:center; padding:15px 0; font-family:Tahoma; font-size:16px; color:#232020; background:#2B414B;}
#themeContainer {width:994px; margin:0 auto; padding:0 0 10px; text-align:left; position:relative; background:#fff;}
img {border:0;}
p {margin:10px 0; padding:0;}
#imgCorners {position:absolute; left:0; bottom:-7px;}
hr {height:1px; border:0; color:#000; background:#000;}

a, a:link, a:visited {color:#d28012; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:underline; outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {color:#8B3800; font-weight:normal;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

h1#h1home {line-height:76px; background:url('/h1-spider.gif') no-repeat right center;}

/* Header Styles */
#header {position:relative; height:171px; background:url('/IE_HEADER_02.jpg') no-repeat; padding-top: 1px;}
#header p {color: #ffffff; margin-top: 10px; margin-right:10px; font-family: Arial; font-size: 18px; font-weight: bold;}
#header .phone {text-align: right;}
#header .tagline {text-align: center; padding-left: 270px; padding-right: 270px; font-size: 16px; font-style:italic;}
#logo {position:absolute; top:23px; left:0;}
a#logo, a#logo:link, a#logo:visited {text-decoration:none;}
a#logo:active, a#logo:hover, a#logo:focus {text-decoration:none;}

img#callUs {position:absolute; top:42px; right:30px;}

/* Menu Styles */
#siteMenu {width:804px; height:73px; line-height:73px; bottom: 9px; left:190px; position: absolute; z-index:20; background:url('menu-bg.gif');}

#Menu {margin:0px 0 0 5px; padding:0; padding-top: 10px; list-style:none; line-height:55px;}
#Menu li {float:left; display:inline; position:relative; border-right:solid 1px #fff;}
#Menu li a, #Menu li a:link, #Menu li a:visited {display:block; font-size:24px; color:#052826; text-decoration:none; padding:0 15px;}
#Menu li a:active, #Menu li a:hover, #Menu li a:focus {}
#Menu li.last a, #Menu li.last a:link, #Menu li.last a:visited {border-right:none;}


/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; z-index:1000; top:45px; margin:0; padding:10px 0; width:250px; /* Match UL 'left' attribute below */ border:0px; background:#bdc744;}
#Menu li ul * {list-style-position:outside;}
#Menu li ul li {float:left; position:relative; line-height:30px; margin:0; padding:0; width:100%; border:0px;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {display:block; height:30px; color:#181818; font-size:16px; border-bottom:solid 1px #fff; margin:0 15px; padding:0;}
#Menu li ul li.last a, #Menu li ul li.last a:link, #Menu li ul li.last a:visited {border-bottom:0px;}

#Menu li ul li ul {position:absolute; top:0px; left:250px; /* Match UL width above */}

span.menu-sub-indicator {float:right;}


/* Content Area Styles */
#contentArea {clear:both; margin:30px 25px 10px 60px; padding:0 0 20px; background:url('/site-bg.gif') repeat-y;}

#column1 {width:635px; float:left; display:inline;}
#column2 {width:241px; margin:0 0 0 30px; float:left; display:inline;}

/* Right Column CTAs */
.rightCTA {width:242px; margin:0 0 20px;}
.rightCTA h2 {margin:0 0 0 41px; padding:25px 0 10px; color:#fff; font-size:24px; line-height:18px;}
.rightCTA p {margin:0 0 0 25px; line-height:18px; font-size:18px; color:#fff;}
.rightCTA p.link {margin:0 0 10px 25px;}
.rightCTA p.link a, .rightCTA p.link a:link, .rightCTA p.link a:visited {font-size:18px;}

#cta1 {height:136px; background:url('/cta-login-to-demo.gif') no-repeat;}
#cta1 p a, #cta1 p a:link, #cta1 p a:visited {color:#e7df55;}

#cta2 {height:88px; background:url('/cta-edit-content.gif') no-repeat;}
#cta2 p a, #cta2 p a:link, #cta2 p a:visited {color:#3f8985;}

#cta3 {height:88px; background:url('/RightRailBlue.jpg') no-repeat;}
#cta3 p a, #cta3 p a:link, #cta3 p a:visited {color:#3f8985;}


/* Photo Gallery Styles */
.photoThumbs {}
.photoThumbs .item {float:left; width:125px; display:inline; margin:0 10px 0 0;}
.photoThumbs .item {}

#slideShow {width:240px; height:157px; overflow:hidden;}
#slideShow div.item {width:240px; height:157px; position:relative;}
#slideShow div.item .photoImg {position:absolute; top:0; left:0; z-index:10;}
#slideShow div.item .photoDate {position:absolute; bottom:0; left:0; z-index:20; width:240px; font-size:10px; color:#000; opacity:.75; filter: alpha(opacity=75); background:#ddd;}
#slideShow div.item .photoDate span {padding:0 10px;}


/* Footer Styles */
#footer {}
.footerlink {text-align:center; color: #F16100;}

/* Misc Styles */
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.floatLeft {float:left;}
.floatRight {float:right;}

div.addedititemrow {clear:both; margin:0 0 20px; width:300px;}
div.addedititemrow input {width:300px; border:solid 1px #ddd;}
div.button input {width:125px; border-top:solid 2px #bbb; border-right:solid 2px #bbb; border-bottom:solid 2px #000; border-left:solid 2px #000;}
div.addedititemrow textarea {width:300px; height:100px; border:solid 1px #ddd;}
div.addedititemrow textarea {width:300px; height:100px; border:solid 1px #ddd;}
div.full {width:600px; height:auto;}

/* Temporary Stylesheet Until Published  */
#advicePanel {text-align:left; }
div.contactForm div.formField
{
  text-align: left;
  width: 225px;
  }
div.contactForm div.formLabel
{
  text-align: right;
  font-size: 16px;
  width: 200px;
}
div.contactForm div.required
{
  font-weight: bold;
  color: #253A41;
}
div.contactForm div.formLabel,div.contactForm div.formField
{
  float: left;
  padding: 4px;
}
div.contactForm div.formField input,
div.contactForm div.formField textarea,
div.contactForm div.formField select
{
  border: 1px solid #5BA320;
  background-color: #B5C05B;
  font-size: 15px;
  color: #555555;
  padding: 3px;
  width: 220px;
}
div.contactForm div.formField textarea
{
  height: 150px;
}
div.contactForm div.formField select
{
  padding: 0px;
  line-height: 18px;
  width: 228px;
}
div.contactForm div.formButton
{
  text-align: center;
}
div.contactForm div.clear
{
  clear: left;
  display: block;
  height: 2px;
  width: 350px;
}
div.contactForm div.formField #Subscribe
{
  padding: 0px;
  width: auto;
  float: left;
  background-color: none;
  border: none;
 }