@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

body {
  background:#000000;
  color:#000;
  font:12px Arial,sans-serif,Helvetica,;
  position:relative;
  border-style:solid;
  border-top:thick solid #d02026;
}


/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left  }
.right, .float_right { float:right  }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none  } .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;    }
.align_left     { text-align:left;    }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}

a {  color:#525252;  }
a:hover, a:focus { text-decoration:none;color:#d02026;}
a:active, a:visited { }

header nav ul li a.active {color:#d02026;}

blockquote {
    font-family: Georgia,"Times New Roman", Times, serif; 
    margin:5px; 
    padding:10px;
    font-size:1.52em; 
    color:#999; 
    font-style:italic; 
    line-height:1.3em; 
    width:100%; 
    quotes:none;
  }
  blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
  blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;font-family:Helvetica;}
h1 {  font-size:2.52em;} 
/*h2 {  font-size:1.952em;} */
h2 {font-size:20px;}
h3 {  /*font-size:1.652em;*/color: #072231;} 
h4 {  font-size:1.452em;} 
h5 {  font-size:1.252em;} 
h6 {  font-size:1.52em;}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
  list-style-type: none;
}
ul,ol{
  /*margin:0 0 1.5em 1.5em;*/
  padding:0;
  list-style-type: none;
}
li ul,li ol{
  padding:0;
  margin:0 0 1.5em 1.5em;
  list-style-type: none;
}


/* ** ** custom select color ** ** */
::selection {
  background: #525252; /* Safari */
  }
::-moz-selection {
  background: #525252; /* Firefox */
  color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
  p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
  p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong       {  font-weight:600;}
em, dfn      {  font-style:italic;}
dfn        {   font-weight:600;}
sup, sub     {   line-height:0;}
abbr, acronym   {  border-bottom:1px dashed #ccc;}
address     {  margin:0 0 1.5em;font-style:italic;}
del       {  color:#666;}
pre, code, tt   {  font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code       {  background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre       {  margin:1.5em 0;white-space:pre;}

header {margin-top:28px;}

/* ** ** menu ** ** */
header nav ul li {
    float: left;
    margin-top: 12px;
  font-size:15px;
  font-weight:bold;
}

header nav ul li a {
    border-right: 1px solid #434242;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
  font-weight:bold;
    font-size: 15px;
    padding: 5px 15px;
    text-decoration: none;
}

header nav ul li a {color:#ffffff;}

section#wrapper{
border-bottom: 5px solid #c6c6c6;
font-size:12px;
color:#5e5b55;
line-height:18px;


}

section#homepage {
  
  background-color:#f0f0f0;
  

}

section#insidepage {
  background-color:#f0f0f0;
  padding: 20px;

}

div.mainsection {padding:18px 0px 33px 20px;}

div.subsection   {
  background: url("images/border-bottom-grad.png") no-repeat scroll 50% 100% #CECDCD;
    
    border-top: thick solid #B9B9B9;
  
    
}

footer {
  background-color: #656568; 
  
  }
  
aside section#downloads {
  background-color:#dfe0e2;
  border: 1px solid #ccc;
border-radius: 12px ;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px ;
}

aside section#downloads h2 {
    color: #757679;
    font-size: 14px;
    line-height: 33px;
    padding: 0 0 0 90px;
  text-transform:uppercase;

}

section#latestnews {
  background-color: #848588;
  /*background-image: url("../images/bg-large.png");*/

}

aside section#latestnews h2 {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 33px;
    margin-left: 20px;
    width: 85%;
  text-transform:uppercase;
  margin:0px 20px;
}

section#latestnews li article h1{
  font-size:12px;
  color:#ffffff;
  padding-top:10px;
}

section#latestnews li article span {
  color:#7c1317;
  
}

section#latestnews li article span a {
  color:#7c1317;
  text-decoration:none;
  font-weight:bold;
  
}

.breadcrumb h2{color:#ffffff;padding: 0 0 9px 18px;font-size:26px;margin:0 !important;}

/* ** **  ** ** */
.introtext {
  border-bottom:2px solid #d0d0d1;
  padding:30px 20px 10px 20px;
  margin-right: 10px !important;
}
.introtext h2 {font-size:26px;font-weight:bold;color:#5e5b55;}
.introtext p {font-size:14px;line-height:20px;color:#5e5b55;}
.mainsection h3 {font-size:16px;color:#072231;padding-bottom:7px;border-bottom: 1px solid #C0C0C1;}
footer p {font-size:12px;color:#cecdcd; line-height:18px;padding:20px;}


.mainsection div p a {
  font-family:12px;
  font-weight:bold;
  color:#d22e33;
  text-decoration:none;
  text-transform:uppercase;
  line-height:18px;
}

.mainsection div p.learn-more {
  padding-top:12px;
}

/* ** **  ** ** */
div.mainsection div figure img {padding-bottom:16px;}
ul.boxlist {margin:0;}


.subsection div article p {
  font-size:12px;
  line-height:17px;
  color:#7a7a7a;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  
}

.subsection .hipzone-intro {padding:16px 14px 0 20px;border-right:1px solid #B9B9B9;}

.subsection .hipzone-intro h2{margin:0;}
.subsection .hipzone-intro .tagline {border-bottom: 1px solid #B9B9B9;padding:0 0 10px 0;}
.subsection .hipzone-intro p {margin:20px 0;font-size:14px;font-family:helvetica;font-weight:bold;}

.mainsection .box ul li {border-bottom:1px solid #c0c0c1;padding:10px 0; }

.mainsection div p {line-height:20px;}

.subsection  .latest-news article h2 {
border-bottom: 1px solid #B9B9B9;
    color: #949292;
    padding: 15px 0 10px 0;
    width: 90%;
  font-size:24px;
}

.hipzone-intro p a {}

/* ** ** Second Page ** ** */

section#insidepage article.feature figure figcaption {font-size:20px;line-height:26px;color:072231;}
#maincontent article.feature {padding: 0 0 20px 0;border-bottom: 3px solid #a4a4a4;color: #072231;}

#maincontent article {border-bottom: 1px solid #d0d0d1;padding:0 0 10px;}
article h2 {
  padding:12px 0;
  color:#072231;
}

article p {margin:0 0 8px;width:103%;}

/* ** **sidebar ** ** */
aside li {padding: 0px 20px; }

section#latestnews article {color: #FFFFFF;font-size: 11px;}
section#latestnews article {
border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
  
}

section#latestnews article.last {
border-bottom: none;;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
  
}

aside ul,ol {margin:0;}
aside section#downloads {margin: 0 0 20px 0;}
aside section#downloads ul.sidebar li  {border-bottom:1px solid #c4c5c7; padding:5px 20px;font-family:helvetica,arial,sans-serif;}
aside section#downloads ul.sidebar li  a {text-decoration:none;font-weight:bold;color:#d02c20;}
aside section#downloads ul.sidebar li  a img {float:left;margin:0 10px 0 0;}
aside section#purchase {margin: 0 0 20px 0;}
aside section#latestnews{margin: 0 0 20px 0;}

/* ** ** ** ** */
section#latestnews article p {margin:0;line-height:18px;font-size:12px;}

section#homepage .mainsection div p a img {float:left;margin:-4px 5px;}
section#wrapper .subsection .hipzone-intro p img {float:left;margin:-4px 5px;}

/* ** ** ** ** */
article .small-box {float:left;width:100%; padding:5px 15px 10px 0; }
article .small-box img {margin:13px;}
section#insidepage article.eclients img {margin:13px;/*float:left;*/}

/* ** ** ** ** */
article .bio img {
  float: left;
    margin: 3px 20px 250px 0;
}

article ul.feat {margin: 0 10px 10px 0; width:50%}
article.stylez h3 {margin-top: 20px; margin-bottom:10px;font-size:16px;}
article.stylez p {/*width:76%;*/width:100%;}

/* footer p a {color:#CECDCD;} */
.stylex {width:97%;}