/* CSS Document */
body { margin: 0 auto; padding: 0; background:#fff url(/images/site_bg.jpg) top left repeat-x; font-family: Century Gothic, Arial, Helvetica; font-size: 12px; color: #333; text-align: center;}
html, body {height:100%;}

p, h1, h2, h3, table, tr, td, img, fieldset { margin: 0; padding: 0; border: 0; }
a, avisited {  color: #3b6aac; text-decoration: none}
a:hover {  color: #bacce4; text-decoration: none;}
h1, h2, h3 { margin: 0; padding: 0; font-weight: none;}
h1 {}


#container {text-align: left; margin: 0px auto; padding: 0px; border:0; width: 900px; }

#header {position: relative; top: 8px; left: 0; height: 165px;}
#header .tryblue_logo {float: left; position: relative; top: 0; left: 0; width: 300px; text-align: left;}
#header .client_login {background: #10446f; color: #fff; width: 100px; float: right; position: relative; top: 19px; left: 0; text-align: center; padding: 5px; text-transform: uppercase;}
#header .client_login a {color: #fff;}
#header .client_login a:hover {color: #bacce4;}

#header .header_space {float: left; position: relative; top: 35px; left: 0; width: 600px;}
#header .header_space h1 {color: #10446f; font-size: 22px; text-align: center; font-weight: none;}
	

#top_nav  {position: relative; top: 15px; left: 0; padding: 0; margin: 0 10px 0 10px; text-align: right; color: #fff; font-size: 14px; height: 35px; text-transform: uppercase; font-weight: none; }
#top_nav ul {position: relative; top: 0; left: 0; list-style: none; display: inline;}
#top_nav li {display: inline;}
#top_nav li a {color:#fff; font-size: 14px; margin: 0; padding: 0 15px 0 25px;}
#top_nav li a:hover {color: #95c8f0; text-decoration:none;}
#top_nav li a.active {color: #95c8f0; text-decoration:none;}

#hm_middle_content {position: relative; top: 5px; left: 0;}

#left_blue_boxes {float: left; position: relative; top: 0; left: 0; width: 300px; text-align: left; color: #fff;}
#left_blue_boxes .blue_box {width: 300px; height: 125px; background: url(/images/blue_gradient_box_bg.jpg) top left no-repeat; margin: 0 0 7px 0;}
#left_blue_boxes .newsletter {width: 300px; height: 125px; background: url(/images/blue_gradient_box_bg.jpg) top left no-repeat; margin: 0 0 7px 0;}
#left_blue_boxes .newsletter h1 {text-transform: uppercase; font-size: 21px; position: relative; top: 15px; left: 15px;}
#left_blue_boxes .newsletter p {font-size: 10px; position: relative; top: 15px; left: 15px;}
#left_blue_boxes .offices {width: 300px; height: 125px; margin: 0 0 7px 0; color: #333;}
#left_blue_boxes .offices h1 {text-transform: uppercase; font-size: 21px; position: relative; top: 15px; left: 15px;}
#left_blue_boxes .offices p {font-size: 10px; position: relative; top: 15px; left: 15px;}

#left_blue_boxes .sidebar ul {position: relative; top: 0; left: 0; list-style: none;}
#left_blue_boxes .sidebar li {color: #10446f; }



#hm_flash_space {float: left; position: absolute; top: 0; left: 150px; width: 600px; height: 389px;}
#hm_flash_space .flash_text h1 {position: absolute; top: 15px; left: 160px; color: #10446f; font-size: 28px; z-index: 0}
#hm_flash_space .flash_text p {position: absolute; top: 240px; left: 160px; width: 300px; color: #10446f; font-size: 14px; z-index: 0}
#hm_flash_space object {z-index: -1}


#site_content {float: left; position: relative; top: 0; left: 0; width: 599px;  border-right: 1px solid #ccc;}
#site_content h1 {color: #10446f; text-transform: uppercase; position: relative; top: 0; left: 10px; }
#site_content p {padding: 10px;}
#site_content .copy_img {margin: 4px; border: 2px solid #95c8f0;}
#site_content table {padding: 0 10px 0 10px;}
#site_content table li {padding: 0 0 5px 0;}
#site_content td {padding: 0 0 15px 0;}
#site_content h2 {color: #10446f; font-size: 14px; text-transform: uppercase;}
#site_content h3 {color: #10446f; font-size: 14px; text-transform: uppercase; position: relative; top: 0; left: 10px;}

#site_content .secondary_nav {padding: 5px 0 5px 0; background: #ccc; text-align: center;}
#site_content .secondary_nav ul {position: relative; top: 0; left: 0; padding: 0; margin: 0; list-style:none; display: inline; text-transform: uppercase;}
#site_content .secondary_nav li {display: inline; }
#site_content .secondary_nav li a {color:#0d4a64; margin: 0 10px 0 10px; font-weight: bold;}
#site_content .secondary_nav li a:hover {color: #158e9a; text-decoration:none;}
#site_content .secondary_nav li a:active {color: #e2f5f9; text-decoration:none; border: 0;}


#site_content .location {position: relative; margin: 10px; background: #e4e4e4;}
#site_content .location h2 {background: #bacce4; padding: 5px; }

#hm_three_column {}
#hm_three_column .column {float: left; position: relative; top: 5px; left: 5px; width: 290px; margin: 0 10px 0 0;}
#hm_three_column .column h1 {color: #10446f; border-bottom: 1px solid #10446f; font-size: 20px;}
#hm_three_column .column h2 {color: #95c8f0; font-size: 14px; padding: 5px 0 0 0;}
#hm_three_column .column h3 {color: #10446f; font-size: 12px;}
#hm_three_column .column p {border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#hm_three_column .blog_more {text-align: right;}
#hm_three_column .social {position: relative; top: 10px; left: 10px; margin: 0 3px 10px 0;}

#newsletter fieldset {text-align: left;}
#newsletter input:focus, textarea:focus {background:#95c8f0; color: #fff;}
#newsletter .error {color:#e81c00; font-weight: bold;}
#newsletter .required {font-size: 10px; color:#bc383c;}
#newsletter .form  {float: left; position: relative; top: 0; left: 0; padding: 0;}
#newsletter .smallterms  {font-size: 9px;}
#newsletter .img { width: 85px; height: 28px; border: 0; position: relative; top: 20px; left: 18px;}
#newsletter .input {position: relative; top: 12px; left: 15px; background:#fff; padding: 4px; width: 150px; color: #333; font-size: 14px; border: 1px solid #95c8f0;}

#weblead p {padding: 5px 0 0 5px;}
#weblead fieldset {margin: 0; padding: 0; text-align: left;}
#weblead textarea {text-align: left; border: 1px solid #666;}
#weblead label {color: #666; text-align: left; font-style: bold; position: relative; top: 0; padding: 0 0 3px; 0;}
#weblead input, textarea {background:#fff; padding: 2px; width: 200px; margin: 0; color: #333; font-size: 12px; border: 1px solid #666;}
#weblead select {background:#fff; color: #333;font-size: 12px; padding: 2px; border: 1px solid #666;}
#weblead input:focus, textarea:focus {background:#95c8f0; color: #fff;}
#weblead .error {color:#e81c00; font-weight: bold;}
#weblead .required {font-size: 10px; color:#bc383c;}
#weblead .form  {float: left; position: relative; top: 0; left: 0; padding: 0 0 15px 15px;}
#weblead .smallterms  {font-size: 9px;}
#weblead .img { width: 85px; height: 28px; border: 0; margin: 0; padding: 0;}

/* Wordpress Styles */
/* story header */

.story .postheader, .post .postheader, .attachment .postheader{
  display: block;
  margin-left: 0;
  position: relative;
}

.story p.postcategory, .post p.postcategory, .attachment p.postcategory{
  color: #e5e5e5;
}

.story .postinfo, .post .postinfo, .attachment .postinfo{
  background: #e2e3e3 url(/images/postinfo-bg.gif) repeat-x left top;
}

.story .postinfo p, .post .postinfo p, .attachment .postinfo p{
  padding: .4em .8em;
}

/* story body */

.story .postbody, .post .postbody, .attachment .postbody{
  clear: left;
  display: block;
}

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

.story p.postcontrols, .post p.postcontrols, .attachment p.postcontrols{
  color: #e5e5e5;
  float: right;
  margin: 0;
}

.story p.tags, .post .tags, .attachment p.postcontrols{
  float: left;
  display: block;
  padding-left: 19px 0 0 0;
  margin: 0 0 0 15px;
  background:transparent url(/images/post-icons.png) no-repeat 0 top;
}

.story p.postcontrols a, .story p.postcategory a,
.post p.postcontrols a, .post p.postcategory a,
.attachment p.postcontrols a, .attachment p.postcategory a{
  padding: 0 2px;
}

/* comments link */

a.comments, .story p.postcontrols a.comments, .post p.postcontrols a.comments{
  background:transparent url(/images/post-icons.png) no-repeat 2px bottom;
  padding-left: 19px;
  color:#ed1f24;
}

a.comments:hover, .story p.postcontrols a.comments:hover, .post p.postcontrols a.comments:hover{
  background: #ed1f24;
  color: #fff;
}

a.no.comments, .post p.postcontrols a.no.comments{
  color: #2d83d5;
}

a.no.comments:hover, .post p.postcontrols a.no.comments:hover{
  background: #2d83d5;
  color: #fff;
}


/* comments */

ol#comments, ol#comments li,
ol#trackbacks, ol#trackbacks li{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.comment{
  background: transparent url(/images/comment-div-bg.png) repeat-y left bottom;
  list-style-position: outside; /* ie 7 bugfix */
  display: block;
  position: relative;
  min-height: 110px;
}

li.comment .wrap{
  background: transparent url(/images/comment-div-start.png) no-repeat left top;
  min-height:110px;
  height:auto !important; /* ie6 ignores it */
  height:110px; /* fix */
}

li.comment.with-avatars{ background-position: 96px bottom; }
li.comment.with-avatars .wrap{ background-position: 96px top; }

/* gravatar */
li.comment .avatar{
  float: left;
  width: auto !important;
  padding-top:6px;
  padding-left: 8px;
}

li.comment .avatar img{
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

li.comment .details{ display: block; margin-left: 12px; }
li.comment.with-avatars .details{ margin-left: 108px;}

li.comment .details .head{
  background: #f7f8f8 url(/images/postinfo-bg.gif) repeat-x left bottom;
  padding: 2px 10px;
  margin: 0;
  display: block;
  color: #8f9090;
}

li.comment .details.admincomment .head{
  background: #59b2e4 url(/images/postinfo-bg-admin.gif) repeat-x left bottom;
  color: #fff;
}

li.comment .details.admincomment .head a{ color: #fff; }
li.comment .details.admincomment .head a:hover{ background: none; color: #fcb722; }

/* End Wordpress Styles */


/* Footer */

#footer  {position: relative; top: 0; left: 0; width: 900px; background: #10446f top left repeat-x; padding: 2px 0 0 0; margin: 0 auto; text-align: center; color: #fff; font-size: 10px; height: 50px;}

#footer xp {padding: 5px 0 0 0}
#footer .copyright {float: left; position: relative; top: 0; left: 5px; width: 300px; text-align: left;}
#footer .footer_nav {float: left; position: relative; top: 0; left: 0; width: 595px; text-align: right;}
#footer a, avisited {  color: #bacce4; text-decoration: none}
#footer a:hover {  color: #fff; text-decoration: none;}