html{
    overflow: hidden;
}

html,body{
    height: 100%;
    width: 100% !important;
        margin: 0; padding: 0;
    background: #FFF;
}

body{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, "Verdana", sans-serif;
    /*font-size: 14px;*/
    font-size: small;
    line-height: 1.25;
    color: #555;
}
.stbuttontext{color: #555;}

p{
    font-size: inherit;
}

/*Div Stylings / Table Stylings*/
.left{ float: left; }
.right{float: right;}
.fullHeight{ height: 100%; width: auto; }
.fullWidth{ height: auto; width: 100%; }
.fullAll{ height: 100%; width: 100%; }

span.center{ display: block; text-align: center;}

p, h1, h2, h3, h4, h5, h6{
    margin: 0px 0px 10px 0px; padding: 0;
}

/*IE 6 Bug*/
#blog{
    border: solid 1px #F00;
}

img.resize{
    width: 100%;
    height: auto;
}

#backgroundImage{
    height: 100%;
    width: auto;
}

a{text-decoration: none;}
a:hover{ text-decoration: underline;}

.orange{
    color: #f4aa00;
}
.purple{
    color: #34008B;
}

.black{
    color: #333;
}

.white{
    color: #FFF;
}
a.black:hover{
    color: #34008B;
}

a.white:hover{
    color: #f4aa00;
    text-decoration: none;
}

.small{ font-size: small; }
.xsmall{ font-size: 11px; }
.xxsmall{ font-size: 10px; }
.medium{ font-size: medium;}
.large{ font-size: large; }
.xlarge{ font-size: x-large; }
.xxlarge{ font-size: xx-large; }


img.landscape{
    width: 100%;
    height: auto;
}
img.portrait{
    height: 100%;
    width: auto;
}

#portolioImg{
    max-width: 865px;
}

div.layer{
    position: absolute;
    float: left;
    width: 100%; height: 100%;
    top: 0; left: 0;
    padding: 0; margin: 0;
}
.z1{ z-index: 1;}
.z2{ z-index: 2;}
.z3{ z-index: 3;}

#menu{
    float: left;
    background: #34008B;
    height: 100%;
    text-align: center;
    padding: 0; margin: 0;
}
#menu a{
    font-size: 0; padding: 0; margin: 0;
}
#menu span a{
    font-size: xx-small;
}

.fullHeight{ height: 100%; width: auto; }
.fullWidth{ width: 100%; height: auto; }

td{ vertical-align: top;}

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

table.valign_m tr td{
    vertical-align: middle;
}

#resizeBackgroundDiv{
    background: url('../template/grayOpaque.png') repeat;}


/**********MENU SYSTEM*************/
#menu table tr td{
    text-align: center;
}
#menu table table{
    margin: 0; padding: 0;
}


/* Sharethis Icon Stuff */
.stbutton, .stico_default a{
    color: #FFF; text-decoration: none;
}

.debug{
    /*Bright red border to fix positioning issues*/
    border: solid 1px #F00;
}
.debug2{
    /*Bright green border to fix positioning issues (use with first one if using two elements)*/
    border: solid 1px #0F0;
}

/****CONTACT FORM****/
.contactform input{ width: 90%;}
    
.contactform #submit{
    width: 15%;
    margin-right: 9%;
    height: auto;
    border: solid 1px #FFF;
}
    
.contactform textarea{ width: 90%; }

#hoverBrand{
    z-index: 1000;
    display: none;
    position: absolute;
    top: 0; left: 0;
    width: 30%;
    max-width: 400px;
    background: #FFF;
    border: solid 2px #000;
    padding: 10px;
}

      
#blog_title{
font-size:1.3em;
  margin:20px 0px 0px 0px;
color:#34008B;

}

#blog_content{

line-height:1.5em;

  margin:20px 0px 0px 0px;}

#blog_content p{

margin:20px 0px 0px 0px;

}


div.wp-caption{margin:20px auto; padding:21px 11px 11px 21px; border:#777777 1px solid;}
div.wp-caption a{border:none;}
div.wp-caption img{border:#999999 1px solid;}

div.wp-caption p.wp-caption-text{width:100%; font-size:0.7em; font-style:italic; line-height:1em !important;}

#blog_list{
    list-style:none;
    margin:0px 0px 0px -40px;    
}

#blog_list li{
    list-style:none;
    margin:10px 0px 0px 0px;
}

span.img_license{
font-size:0.8em;

}