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

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

a {
   color: #003e5e;
}

a:hover {
   text-decoration: none;
}

img {
   border: none;
}

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

form {
   margin: 0px;
   padding: 0px;
}

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

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

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

#header .logo {
   float: left;
   margin-left: 35px;
}

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

#header .nav {
   float: left;
   padding: 0px 25px 0px 25px;
   width: 695px;
}

/* 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 {
   float: left;
   padding: 20px 35px 20px 35px;
   width: 675px;
}

#content .expertise {
   margin-left: 20px;
   float: left;
   width: 200px;

}

#content .socialmedia {
   float: left;
   margin-left: 20px;
   width: 200px;
}

#content .socialmedia .smleft{
  float: left;
  position: relative;
}

#content .socialmedia .smleft img{
  position: relative;
  left: 10px;
  width: 30px;
}


#content .socialmedia .smright{
  float: right; 
}

#content .socialmedia .smright img{
  position: relative;
  right: 20px;
  width: 41px;
}


#content .coverage {
   float: right;
   width: 200px;
}

#content .coverage .interior {
   float: left;
   /*height: 200px;
   overflow: auto;*/
   width: 100%;
}


#footer {
   color: black;
   float: left;
   font-size: 10px;
   padding: 0px 15px 0px 15px;
   text-align: center;
   width: 715px;
}

#footer a {
   font-size: 10px;
   padding: 5px;
   text-decoration: none;
}

.left {
   float: left;
}

.right {
   float: right;
}

.dotted_border {
   border-bottom: 2px dotted #003e5e;
   float: left;
   line-height: 0px;
   height: 0px;
   margin: 0px 0px 10px 0px;
   padding: 0px;
   width: 100%;
}