/******************/
/* Flammer PR CSS */
/******************/
/**************************************************** SITE STYLING ****************************************************/
html, body {
   margin: 0px;
   padding: 0px;
}

body {
   color: #003e5e;
   font-family: Arial, Sans Serif;
}

a {
   color: #003E97;
   text-decoration: none;
}

a:hover {
   color: #5C6296;
}

h1 {
   font-size: 15px;
   margin: 5px 0px 5px 0px;
}

h2 {
   font-size: 13px;
   margin: 0px 0px 5px 0px;
}

img {
   border: none;
}

p {
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}

ul {
   font-size: 12px;
   font-weight: bold;
   list-style-type: circle;
   margin: 8px 0px 8px 0px;
   padding: 0px;
}

li {
   font-weight: normal;
   margin-left: 25px;
}

#container {
   margin: 0 auto;
   width: 707px;
}

#wrapper {
   float: left;
   width: 100%;
}

#header {
   float: left;
   width: 100%;
}

#header .logo {
   float: left;
   margin-left: 15px;
   margin-bottom:5px;
}

#header .date {
   float: right;
   margin: 10px 15px 0px 0px;
}

#header .nav {
   float: left;
   padding-left: 1%;
   width: 99%;
}

/* Rollover Navigation */
#header .nav a {
   display: block;
   float: left;
   height: 21px;
   overflow: hidden;
}

#header .nav  .services { width: 66px; }
#header .nav .services:hover { text-indent: -66px; }
#header .nav  .expertise { width: 83px; }
#header .nav .expertise:hover { text-indent: -83px; }
#header .nav  .power_pr { width: 132px; }
#header .nav .power_pr:hover { text-indent: -132px; }
#header .nav  .client_coverage { width: 130px; }
#header .nav .client_coverage:hover { text-indent: -130px; }
#header .nav  .about { width: 78px; }
#header .nav .about:hover { text-indent: -78px; }
#header .nav  .contact { width: 96px; }
#header .nav .contact:hover { text-indent: -96px; }
#header .nav  .blog { width: 51px; }
#header .nav .blog:hover { text-indent: -51px; }
#header .nav  .login { width: 56px; }
#header .nav .login:hover { text-indent: -56px; }

/* Rollover Navigation */

#content {
   border-top: 2px dotted #003e5e;
   border-bottom: 2px dotted #003e5e;
   float: left;
   padding: 20px 2% 20px 2%;
   width: 96%;
}

#footer {
   color: black;
   float: left;
   font-size: 10px;
   text-align: center;
   width: 100%;
}

#footer a {
   color: #003e5e;
   font-size: 10px;
   padding: 5px;
}

#footer a:hover {
   color: #5C6296;
}

.indented {
   padding-left: 15px;
}

.quote {
   font-size: 11px;
   padding: 20px 30px 20px 30px;
}

.left {
   float: left;
}

.right {
   float: right;
}

.text_center {
   text-align: center;
}

.thirty {
   width: 28%;
}

.forty {
   width: 38%;
}

.fifty {
   width: 48%;
}

.hundred {
   width: 100%;
}

/******************************************************** SERVICES ****************************************************/
.kairos_quote {
   float: right;
   margin-left: 10px;
}

/******************************************************* EXPERTISE ****************************************************/
#expertise_subnav {
   float: left;
   margin-bottom: 20px;
   text-align: center;
   width: 100%;
}

#expertise_subnav a {
   margin: 0px 10px 0px 10px;
}

.expert_img {
   margin: 5px 5px 5px 5px;
}

/***************************************************** POWER OF PR ****************************************************/
#pr_studies {
   border-right: 1px dashed #003e5e;
   float: left;
   width: 58%;
}

#pr_studies h2 {
   text-decoration: underline;
}

#pr_studies p {
   margin-bottom: 10px;
   padding-left: 5px;
}

#pr_news {
   float: right;
   /*width: 38%; */
   width: 100%;
}

#pr_news a {
   color: #003e5e;
}

#pr_news p {
   margin: 8px 0px 16px 0px;
}

#pr_news .date {
   font-size: 10px;
   font-style: italic;
}

/*************************************************** CLIENT COVERAGE **************************************************/
.client {
   width: 48%;
}

.client p {
   background-color: #F7F7F7;
   margin-bottom: 10px;
   padding: 3%;
   width: 90%;
}

/******************************************************** ABOUT *******************************************************/
.profile {
   float: left;
   margin: 15px 0px 15px 0px;
   width: 100%;
}
.profile a {
   text-decoration: underline;
}

.profile img {
   float: left;
   margin: 0px 10px 0px 0px;
}

/******************************************************* CONTACT ******************************************************/
#contact_form {
   font-size: 12px;
}

#contact_form .denotes {
   font-size: 10px;
   text-style: italic;
}

.success {
   float: left;
   font-size: 14px;
   font-weight: bold;
   margin: 10px 0px 10px 0px;
   text-align: center;
   width: 100%;
}

.failure {
   color: red;
   float: left;
   font-size: 14px;
   font-weight: bold;
   margin: 10px 0px 10px 0px;
   text-align: center;
   width: 100%;
}