/*

Theme Name: WallaceCreative
Theme URI: http://www.dougneubauer.com
Description: Theme for WallaceCreative website
Version: 2.7.1
Author: Doug Neubauer
Author URI: http://www.dougneubauer.com
Tags: 1 Column, content slider

*begincssconstants
const  WRAPPERWIDTH  =            (960px);

const  HEADERHEIGHT  =  (154px);
const  CONTENTTOPHEIGHT  =  (379px);
const  CONTENTBOTTOMHEIGHT  =  (186px);
const  FOOTERHEIGHT  =  (28px);
const  BANNERHEIGHT  =  (CONTENTTOPHEIGHT);

const  BODYFONTSIZE  =  (80%);      // about 13px (13 / 16 = 0.8125 = 81.25%)
const  BODYLINEHEIGHT  =  (170%);

const  HEADERTEXTCOLOR  =  (#000000);
const  FOOTERCOLOR  =  (#D9AE46);
const  TITLETEXTCOLOR  =  (#FBD46F);

const  PHONENUMBERCOLOR  =  (#fffff8);
const  BODYBACKGROUNDCOLOR  =  (#010f12);
const  BODYTEXTCOLOR  =  (#fffff0);
const  LINKCOLOR  =  (#ffe060);
const  LINKHOVERCOLOR  =  (#ffffff);
const  DEFAULTHEADERCOLOR  =  (#48c8c8);  //  87bcd2
const  H1COLOR  =  (#ffa84F);
const  H2COLOR  =  (#e07050);  //  b05010  58d8d8  e07050
const  H3COLOR  =  (#e07050); // DEFAULTHEADERCOLOR  cc88ff
const  H4COLOR  =  (#999999);    //  999999 DEFAULTHEADERCOLOR
const  H5COLOR  =  (#d2bc87);
const  HIGHLIGHTCOLOR  =  (#ff0000);
const  STRONGCOLOR  =  (#ccccff);
const  ULCOLOR  =  (#aaffff);   //   80e0ff
const  LISTBODYCOLOR  =  (#ccddff);
const  DEFAULTIMAGEBACKGROUNDCOLOR  =  (#022c33);
const  DEFAULTIMAGEBORDERCOLOR  =  (#1b3f47);
const  MENUTEXTCOLOR  =  (#D16C50);
const  IMAGEBORDERCOLOR  =  (#00cccc);
const  HORIZONTALRULECOLOR  =  (#004050);
const  CREDITSCOLOR  =  (#888888);
const  THUMBNAILBORDERCOLOR  =  (#1E1711);
*endcssconstants
symbol: [THUMBNAILBORDERCOLOR] = [#1E1711]
symbol: [CREDITSCOLOR] = [#888888]
symbol: [HORIZONTALRULECOLOR] = [#004050]
symbol: [IMAGEBORDERCOLOR] = [#00cccc]
symbol: [MENUTEXTCOLOR] = [#D16C50]
symbol: [DEFAULTIMAGEBORDERCOLOR] = [#1b3f47]
symbol: [DEFAULTIMAGEBACKGROUNDCOLOR] = [#022c33]
symbol: [LISTBODYCOLOR] = [#ccddff]
symbol: [ULCOLOR] = [#aaffff]
symbol: [STRONGCOLOR] = [#ccccff]
symbol: [HIGHLIGHTCOLOR] = [#ff0000]
symbol: [H5COLOR] = [#d2bc87]
symbol: [H4COLOR] = [#999999]
symbol: [H3COLOR] = [#e07050]
symbol: [H2COLOR] = [#e07050]
symbol: [H1COLOR] = [#ffa84F]
symbol: [DEFAULTHEADERCOLOR] = [#48c8c8]
symbol: [LINKHOVERCOLOR] = [#ffffff]
symbol: [LINKCOLOR] = [#ffe060]
symbol: [BODYTEXTCOLOR] = [#fffff0]
symbol: [BODYBACKGROUNDCOLOR] = [#010f12]
symbol: [PHONENUMBERCOLOR] = [#fffff8]
symbol: [TITLETEXTCOLOR] = [#FBD46F]
symbol: [FOOTERCOLOR] = [#D9AE46]
symbol: [HEADERTEXTCOLOR] = [#000000]
symbol: [BODYLINEHEIGHT] = [170%]
symbol: [BODYFONTSIZE] = [80%]
symbol: [BANNERHEIGHT] = [379px]
symbol: [FOOTERHEIGHT] = [28px]
symbol: [CONTENTBOTTOMHEIGHT] = [186px]
symbol: [CONTENTTOPHEIGHT] = [379px]
symbol: [HEADERHEIGHT] = [154px]
symbol: [WRAPPERWIDTH] = [960px]

*/

/*-------------------------------------------------------------------------------------------------------------------*/

/*--General--*/

* { /*--make all to 0 as default--*/
  padding: 0;
  margin: 0;
}



body {
  background: #010f12;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 170%;
  color: #fffff0;
}


/*--formatting--*/

a {
  color: #ffe060;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}


a:focus {
 outline: none;
}


p {
  padding: 0 10px 1.0em 5px;
}


.clear {
    clear: both;
    padding: 10px 0 0 0;
}

.clearboth, .cboth {
    clear: both;
}


ul {
  color: #aaffff;
  list-style-type: square;
  list-style-image: url("images/bullet.gif");
}


b {
 color: #ccccff;
 font-size: 110%;
}


h1 {
  font-size: 16px;
    color: #ffa84F;
    font-family:Arial, Verdana,Sans-Serif;
    font-weight:bold;
  padding: 0px 0px 0 10px;
    letter-spacing:+1px;
}



/*--container--*/

#wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
}


#header {
  position: relative;
  width: 960px;
  height: 154px;
  background: url(images/header1.jpg) no-repeat top;
}


#contenttop {
  width: 960px;
  height: 379px;
  background: url(images/bodytop1.jpg) no-repeat top;
}

#contenttopsitemap {
  width: 960px;
  background: url(images/bodytop1.jpg);
}

#contentbottom {
  width: 960px;
  height: 186px;
  background: url(images/bodybottom1.jpg) no-repeat top ;
}


#footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  font-weight: bold;
  color: #D9AE46;
  width: 960px;
  height: 28px;
  background: url(images/footer1.jpg) no-repeat top;
  text-align: center;
  line-height: 28px;
}


#footer a {
  color: #D9AE46;
}

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


#phonenumber, #emailaddress {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight: bold;
  position: absolute;
  color: #fffff8;
  top: 100px;
  left: 24px;
}

#emailaddress {
  left: 750px;
}

#headertext {
  font-family: arial, helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  position: absolute;
  color: #000000;
  top: 2px;
  left: 35px;
}

#headertext span {
  background: url(images/dot3x2.gif) no-repeat right;
  padding-right: 7px;
  padding-left: 3px;
}

#headertext span.lastspan {
  background: none;
}

.mainpictures {
  width:100%;
  height:100%;
  padding: 0px 0 0 0;
  text-align: center;
}

div.titletext {
  padding: 20px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 13px;
  font-weight: bold;
  color: #FBD46F;
  text-align: center;
}

div.titletext img {
  margin: 0px 5px 0 0;
  border: 1px solid #1E1711;
}


div.picturetext {
  margin: 0 auto;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 13px;
  font-weight: normal;
  color: #fffff0;
  width: 615px;
  line-height: 140%;
}

div.leftside, div.rightside {
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 13px;
  font-weight: normal;
  color: #fffff0;
  text-align: left;
  float:left;
  width: 335px;
  line-height: 140%;
}

div.leftside{
  padding: 10px 20px 0 125px;
}



/*-- Mega menu --*/

#menuwrapper {
 position: absolute;
  top: 124px;
  left: 212px;
}


#navmenu, #navmenuul {
  width: 600px;
  height: 30px;
    line-height: 1;
    list-style: none;
    z-index: 200;
}


li.nmenu, li.nmega {
   position: relative;
    float: left;
    padding: 0;
    z-index: 200;
}


a.nmenu, a.nmega {     
    font-family: arial, helvetica, sans-serif;  
    font-size : 14px;
    font-weight: bold;
    display: block;
    height: 30px;
  color:#D16C50;
    text-decoration: none;
  text-align: center;
  padding: 5px 7px 5px 7px;
  margin: 3px 0 0 5px;
}


a.nmega {     
  background: url(images/buttonmega.png) no-repeat;
}

a.nmenu:hover {
  color: #fff;
}

a.nmega:hover {
  color: #fff;
}


li.hovering a.nmega {
  color: #fff;
    height: 30px;
  background: url(images/buttonmega-hover.jpg) no-repeat;
    z-index: 200;
}


div.mega {
    list-style: none;
  margin: -10px 0 0 5px;
  padding: 10px;
    height: 80px; 
   position: absolute;
/* 
   display: block;
 border: 1px solid black;
 */
    display: none; 
    width: 400px;
    background-color:#1f1810; 
    z-index: 100;
 border-left: 1px solid #333;
 border-top: 1px solid #1f1810;
 border-right: 1px solid #111;
 border-bottom: 1px solid #111;
  -moz-box-shadow: 5px 5px 5px #000;
  -webkit-box-shadow: 5px 5px 5px #000;
}

div.millus {
    width: 280px;
}
div.mgraphic {
    width: 180px;
}

li.hovering  {
  display: block;
}

li.hovering div.mega {
  display: block;
}

div.megainner {
    float: left;
    width: 80px;
  text-align: center;
   margin: 5px 5px 5px 5px ;
}

div.megainner img {
 border: 1px solid #F6C279;
}


ul.inner, ul.inner li {
 list-style: none;
 list-style-type: none;
 list-style-image: none;
}


ul.inner li {
 padding: 10px 0 0 0;
}

ul.inner li a {
  color:#D16C50;
}
ul.inner li a:hover {
    text-decoration: none;
  color: #fff;
}


/*-- end Mega menu --*/


/* other additions */


.alignright, .floatright {
   float: right;
}


.alignleft  {
   float: left;
}


img.fleft {
    float: left;
    clear: both;
  border: 1px solid #00cccc;
    margin:15px 20px 15px 20px;
}

/* Banner */


ul.dots {
margin:8px 0 0 0;
float:right;
display:none;
}

ul.dots li {
float:left;
display:block;
padding:0px;
margin:0 0 0 8px;
}

ul.dots li.dot a {
background:url(images1/dot.png) no-repeat;
width:11px;
height:11px;
float:left;
display:block;
padding:0px;
margin:0px;
}

ul.dots li a {
padding:0px;
margin:0px;
}

ul.featuredDots li.dot a {
background:url(images1/dotWhite.png) no-repeat;
}

ul.dots li a {
float:left;
display:block;
line-height:11px;
height:11px;
margin:0 0 0 8px;
}

#banner {
  width: 960px;
  height: 379px;
  float: left;
  margin-top: 1px;
  border: 1px solid BANNERBORDERCOLOR;
  display:block;
  position:relative;
}

#banner a {
color:#FFF;
text-decoration: none;
}

#banner a:hover {
color:#ccc;
}

ul#featuredbanner {
  width: 960px;
  height: 379px;
overflow:hidden;
display:block;
}

ul#featuredbanner li {
  width: 960px;
  height: 379px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
display:none;
}

ul#featuredbanner li.slide1 {
display:block;
}

ul#featuredbanner li img.image {
position:absolute;
top:0px;
left:0px;
z-index:1;
}

ul#featuredbanner li .fadeOverlay {
/* background:url(images1/featuredOverlay.png) repeat-y 590px top; */
  width: 960px;
  height: 379px;
display:block;
position:absolute;
top:0px;
right:0px;
z-index:2;
}

ul#featuredbanner li blockquote {

z-index:3;
top:20px;

display:block;
position:absolute;
left:620px;
width:310px;
background: transparent;
border: none;
margin: 0;
padding: 0;
}

ul#featuredbanner li h2 {
margin:0 0 10px 0;
}

ul#featuredbanner li h2 a {
color:#FFF;
text-decoration: none;
font-weight:normal;
font-size: 20px;
}

ul#featuredbanner li p {
color:#CCC;
font-size:12px;
margin:0 0 10px 0;
letter-spacing:0.5px;
}

ul#featuredbanner li p.credit {
padding-left:0px;
z-index:3;
font-size:13px;
display:block;
position:absolute;
bottom:15px;
left:30px;
margin:0px;
color:#fff;
}

ul.featuredDots {
z-index:10;
bottom:-20px;
right:20px;
display:block;
position:absolute;
}