/* ------------------------------------------
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.8.0r4
------------------------------------------
Reset Styles
------------------------------------------ */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
form  input[type="hidden"] {display:none; visibility:hidden;}
/* ------------------------------------------
Document Styles
------------------------------------------ */
*		{margin:0; padding:0;}
p           {margin:0 0 18px;}
ul, ol      {list-style-type:none;}
blockquote  {margin:0 0 18px 18px; font-style:italic;}
strong 		{font-weight:700;}
hr 			{clear:both; float:none; width:100%; height:1px; margin:18px 0 18px 0; border-top:0;}
.bold 			{font-weight:700;}
.underlined 	{text-decoration:underline;}
.center 		{text-align:center;}
.clear 			{clear:both; display:block;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix:after 	{content:"___"; display:block; height:0; clear:both; visibility:hidden; zoom:1;}
.clearfix 		{display:inline-block;}/* for IE/Mac */
.clearfix 		{display:block;}
.clearleft 		{clear:left;}
.clearright 	{clear:right;}

strong                  {font-weight:bold;}
em                      {font-style:italic;}

table                   {border-spacing:0; border-collapse:collapse;}

p, ul, ol, dl, pre      {margin:0 0 0.6em;}
ul ul                   {margin-bottom:0;}
h2, h3, h4, h5          {margin:1em 0 0.2em; font-weight:bold;}

h1                      {margin:0.25em 0 0; font-size:1.5em; letter-spacing:-0.025em; font-weight:bold;}
h2                      {font-size:1.125em; margin-top:0.25em; margin-bottom:0.5em; line-height:1.2em;}
h3                      {font-size:1em; margin-bottom:0.25em;}
h4                      {font-size:0.875em;}     
                        
a                       {color:#074570; text-decoration:none; outline:none;}
a:hover                 {color:#002d4c; text-decoration:underline;}

/* ------------------------------------------
Layout Elements
------------------------------------------ */
body {margin:0; padding:0; background:#f9f9f9; text-align:center; font-family:helvetica,arial,sans-serif; font-size:13px;}
.wrapper {width:970px; margin:0 auto; padding:0; text-align:left;}
.section_title {margin:2.8em 0 0 0; color:#d9dddf; text-align:right; font-size:35px;}

/* ------------------------------------------
Header Style
------------------------------------------ */
.header_subnav {float:right; margin:0; padding:0.8em 0;}
.header_subnav ul {margin:0; padding:0;}
.header_subnav ul li {display:inline; margin:0; color:#990000;}
.header_subnav ul li a {float:left; display:block; margin:0 0.8em 0 0; padding:0; color:#990000;}
.header_subnav ul li a.last {margin:0; padding:0.2em 0 0 0;}
.header_subnav ul li a:hover {text-decoration:underline;}
.header_subnav ul li a.text {margin-top:2px; padding:0 12px 0 0; border-right:solid 1px #990000;}
.header_subnav ul li a.last {padding-right:0; border-right:none;}

.header_subnav ul li a.icon {width:21px; height:21px; text-indent:-3000em;}
.header_subnav ul li a.twitter {background:url(/images/icon_twitter.gif) no-repeat;}
.header_subnav ul li a.facebook {background:url(/images/icon_facebook.gif) no-repeat;}
/*.header_subnav ul li a.blog {background:url(/images/icon_blog.gif) no-repeat;}*/

.headerwrap {position:relative; width:100%; margin:0; padding:2em 0 0; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.headerwrap h1.logo {margin:0.8em 0 0 0; padding:0; left:0;}
.headerwrap h1.logo a  {display:block; background:url(/images/bg_logo.png) no-repeat; width:160px; height:72px; text-indent:-9999px; outline:none;}
.headerwrap h2.pageheading {padding:70px 0 1px; font-size:2.2em; color:#b8b8b8; font-family:Georgia,"Times Romain",sans-serif; font-weight:normal;}

.headerwrap div.main_nav {position:absolute; right:0; top:64px; width:auto; font-family:Georgia, "Times Romain", sans-serif;}
.headerwrap div.main_nav ul {margin:0; padding:0; font-size:18px;}
.headerwrap div.main_nav ul li {float:left; display:block; margin:0; padding:0.05em 1.2em; border-right:1px solid #b4b4b4;}
.headerwrap div.main_nav ul li.last {margin:0; padding-left:1.2em; padding-right:0; border-right:none;}

/* ------------------------------------------
Body Style
------------------------------------------ */
.contentwrap {position:relative; margin:3.5em 0 3.5em 0; padding:0; color:#848484; font-size:12px; font-family:verdana,arial,sans-serif;}
.contentwrap p {line-height:2em; color:#4d4d4f;}
.contentwrap h2 {margin:-0.3em 0 0.4em 0; padding:0 0 0.4em 0; color:#074570; font-family:Georgia, "Times Romain", sans-serif; font-size:26px; border-bottom:1px solid #c8c8c8; font-weight:normal; letter-spacing:-1px;}
.contentwrap h2.pagetitle {margin:0 0 0.5em 0; padding:0 0 0.4em 0; color:#074570; font-family:Georgia, "Times Romain", sans-serif; font-size:26px; border:none; font-weight:normal; letter-spacing:-1px;}
.contentwrap h2 span a {display:block; margin:-0.4em 0 0 0; color:#96999c; font-family:verdana,arial,sans-serif; font-size:12px; font-weight:normal; letter-spacing:normal;}
.contentwrap h3 {margin:1em 0; padding:0; color:#074570; font-family:Georgia, "Times Romain", sans-serif; font-size:18px; font-weight:normal;}
.contentwrap ul {margin:0; padding:0em 0 0 0;}
.contentwrap ul li {margin:0.55em 0; padding:0; color:#4d4d4f; font-weight:normal; list-style-type:none;}

.contentwrap div.seperator {clear:both; margin:0 0 80px; padding:0 0 40px; border-bottom:1px solid #c8c8c8;}
.contentwrap div.noborderbottom {margin-bottom:0; padding-bottom:0; border-bottom:none 0;}
.contentwrap div.seperatoradddress {clear:both; margin:0; padding:20px 0 5px 0; border-bottom:1px solid #c8c8c8;}

.colm {float:left; width:45%; margin:0; padding:0;}
.colm_first {float:left; clear:both; width:400px; margin:0 3.5em 0 0; padding:0;}
/*.colm_first ul li {margin:0.55em 0; padding:0 0 0 12px; color:#4d4d4f; font-weight:normal; list-style-type:none; background:transparent url('/images/icon_checkmark.gif') no-repeat scroll 0 0.3em;}*/
.colm_first ul li {margin:0.55em 0 0 1.6em; padding:0 0 0 1px; color:#4d4d4f; font-weight:normal; list-style-type:disc;}
.colm_last{float:right; width:525px; margin:0 0 3.5em 0; text-align:left; text-align:right;}
.colm_last h4 {margin:-0.3em 0 0.4em 0; padding:0 0 0.4em 0; color:#074570; font-family:Georgia, "Times Romain", sans-serif; font-size:22px; font-weight:normal; letter-spacing:-1px; text-align:left;}
.blogcolmleft {float:left; width:70%; margin:0; padding:0;}
.blogcolmright {float:right; width:25%; margin:0; padding:0;}

div.visitsite {margin:2.5em 0 0 0; padding:0;}
div.visitsite a {background:transparent url('/images/btn_bg_right.gif') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px arial, sans-serif; height:24px; margin-right:6px; padding-right:18px; text-decoration:none;}
div.visitsite a span {background:transparent url('/images/btn_bg_left.gif') no-repeat; display:block; line-height:14px; padding:5px 0 5px 18px;}
div.visitsite a:hover {background-position:bottom right; color:#000; outline:none;}
div.visitsite a:hover span {background-position:bottom left; padding:5px 0 5px 18px;} 
div.visitsite a:active {background-position:bottom right; color:#000; outline:none;}
div.visitsite a:active span {background-position:bottom left; padding:6px 0 4px 18px;}

div.agency {position:relative; display:block; width:auto;}
div.agency div {float:left; width:33%; margin:0 0 5em 0;}
div.agency div.last {margin-right:0;}
div.agency div span {float:left; width:95%;}
div.agency div span strong {display:block; color:#002D4C; padding:0 0 0.35em 0;}

div.agency .screenshot {position:relative; width:300px; height:180px; margin:0 1.5em 0.6em 0; overflow:hidden; border:1px solid #cecece;}
div.agency .screenshot a {display:block; height:180px; top:0; left:0;}

div.notify {position:fixed; width:100%; top:0; left:0; text-align:center; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
div.notify h3 {margin:12px auto; width:970px; text-align:left;}
div.errormsg {background:#ffe8e8; border-bottom:1px solid #e4c6c6; color:#ff0000 !important;}
div.sucessmsg {background:#edffde; border-bottom:1px solid #d3e4c6; color:#214a00;}

form#contactForm div {clear:both;}
form#contactForm label,
form#contactForm input,
form#contactForm textarea {float:left; margin:0.15em 0.3em 0; padding:0.55em; color:#888; clear:both;}
form#contactForm input,
form#contactForm textarea {border:1px solid #989898;}
form#contactForm label {display:block; margin-bottom:0.4em; padding:0; width:auto; color:#4d4d4f;}
form#contactForm input {display:block; margin-bottom:1em; width:310px; clear:both;}
form#contactForm textarea {display:block; width:425px;}
form#contactForm small {color:#a5a5a5;}
form#contactForm .button {float:right; margin:1em 0 0; padding:0.32em; color:#4D4D4F;}
form#contactForm  input[type="hidden"] {display:none; visibility:hidden;}
form#contactForm  input[type="submit"] {width:67px; height:23px; background:transparent url(/images/btn_submit.png) no-repeat; border:none 0; overflow:hidden; cursor:pointer;}

form#contactForm #phone {width:245px;}
form#contactForm #name, form#contactForm #email, form#contactForm #website {}

form#contactForm div.checkboxset {display:block; clear:both; margin:0 0 0.5em 0; padding:0 0 1.8em 0;}
form#contactForm div.checkboxset input {float:left; margin:0; width:25px; padding:50px; clear:none;}
form#contactForm div.checkboxset label {float:left; width:270px; margin:0 0 0.5em 0.2em; padding:0; text-align:left; clear:none;}

form#contactForm div.error {clear:both; margin:0 0 10px 0; padding:0 0 0.25em 1.2em; color:#ff0000; background:url(/images/icon_arrow_error.gif) no-repeat 0 0.15em;}
form#contactForm input.error,
form#contactForm textarea.error {background:#ffe8e8;}

form#contactForm h3.formheader {color:#074570; margin:0; padding:0 0 1em 0; font-size:26px; /*border-bottom:1px solid #c8c8c8;*/}
form#contactForm h3.formheader  small {color:#888; font-weight:100; font-size:11px;}
form#contactForm h3.formheader  span.steps {background:#002D4C; color:#fff; padding:5px;}
form#contactForm h3.contactformheader {color:#074570; margin:0; padding:0 0 1em 0; font-size:20px;}
span.asterik {color:#990000; font-size:12px; font-family:helvetica,arial,sans-serif;}
p.oceanoffice {display:block; margin:20px 0; padding:20px 0;}

/* ------------------------------------------
Form Column Style
------------------------------------------ */
form span.colm {float:left; width:45%; margin:0; padding:0;}

/* ------------------------------------------
Footer Style
------------------------------------------ */
.footer {margin:1em 0 1.5em; padding:1.5em 0; border-top:1px solid #c8c8c8; color:#96999c; font-family:Georgia, "Times Romain", sans-serif; font-size:12px;}
.footer div.footer_logo {float:left; margin:0.8em 0 0 0; padding:0; width:92px;}
.footer div.footer_logo a  {display:block; background:url(/images/bg_logo_footer.png) no-repeat; height:41px; text-indent:-9999px; outline:none;}
.footer ul {float:right; clear:right; margin:1.8em 0 0 0; padding:0;}
.footer ul li {display:inline; margin:0 0.4em;}

/* ------------------------------------------
Blog Style
------------------------------------------ */
div.post {clear:both; margin:0 0 5em; padding:0;}
div.post div.authorthumbnail {float:left; position:relative; width:75px; left:0;}
div.post div.authorthumbnail img {border:1px solid #c8c8c8; margin-bottom:20px;}
div.post div.authorthumbnail p {text-align:center;}
div.post div.thepost {float:left; width:82%; position:relative; margin:0 0 0 1em; padding:0; line-height:1.4em;}
div.post div.aboutauthor {float:left; width:45%; margin:2.5em 0.5em 0 0;}
div.post div.relatedpost {float:right; width:45%; margin:2.5em 0 0 0.5em;}
div.post div.aboutauthor h3,
div.post div.relatedpost h3 {display:block; margin:0.3em 0 0.6em 0; padding:0.3em 0; border-bottom:1px solid #e5e5e5; font-family:helvetica,arial,sans-serif; font-size:14px; color:#4d4d4f; font-weight:600;}
div.post div.aboutauthor p {font-size:11px; line-height:1.4em;}
div.post div.relatedpost  ul {margin:0 0 0 1.4em; padding:0;}
div.post div.relatedpost  ul li {list-style-type:disc; padding:0 0 0 0.5em; font-size:11px; line-height:1.2em;}
div.thepost h3 {margin:-0.25em 0 0 0; padding:0; font-size:20px; line-height:1.4em;}
div.thepost p { margin:0 0 18px 0; padding:0; font-size:13px; line-height:1.6em;}
div.thepost p a.readmore {color:#990000;}
div.thepost div.postdata { overflow: hidden; display:block; margin:0.6em 0 1em 0; padding:0; font-size:11px;}
div.thepost div.postdata span {float:left; margin:0 1em 0 0; color:#979797;}
div.thepost div.postdata span.comments {color:#333; margin:0; padding:0.12em 0 0.38em 0.42em; width:22px; height:20px; background:url(/images/icon_comments.gif) no-repeat 0.3em 0.2em; text-align:center;}

div.thepost div.share {clear:both; display:block; margin:3.5em 0 2em; padding:0.6em 0 0; font-size:12px; color:#979797; border-top:1px solid #e5e5e5;}
div.thepost div.share a:link {margin:0 0.2em; padding:0 0 8px 18px; color:#4d4d4f; }
div.thepost div.share a:hover {border-bottom:none 0;}
div.thepost div.share a.twitter:link,
div.thepost div.share a.twitter:visited {color:#00abf2; background:url(/images/icon_twittersmall.gif) no-repeat 0 0;}
div.thepost div.share a.facebook:link,
div.thepost div.share a.facebook:visited {color:#00397a; background:url(/images/icon_facebooksmall.gif) no-repeat 0 0;}

div.post div.comments h4 {display:block; margin:5em 0 0.6em 0; padding:2em 0 0.6em; border-bottom:1px solid #e5e5e5; font-family:helvetica,arial,sans-serif; font-size:18px; color:#002D4C; font-weight:700;}
div.post div.comments h4 span a {position:absolute; right:0; margin:0; padding:0 0 0 20px; background:url(/images/icon_addcomment.gif) no-repeat 0 0.15em; color:#990000; font-size:11px; font-weight:normal;}

div.thepost div.commentlist {display:block; clear:both; margin:0 0 2em; padding:0.6em 0 0.8em; border-bottom:1px solid #e5e5e5;}
div.thepost div.commentlist div {float:left; color:#979797;}
div.thepost div.commentlist div img{border:1px solid #c8c8c8;}
div.thepost div.commentlist div.avatar {width:55px; margin:0 2em 0 0;}
div.thepost div.commentlist div.comment {width:450px;}
div.thepost div.commentlist div p {margin:0 0 2px; padding:0;}
div.thepost div.commentlist div p.commenter {margin-bottom:0.75em; color:#002d4c;}
div.thepost div.commentlist div p.commenter span.date {position:absolute; right:0; font-size:10px; margin:0; color:#888; border-bottom:1px solid #e5e5e5;}

div.blogcolmright h4.header {margin:0.3em 0 0; padding:0.56em 0.42em; background:#464646; color:#fff;}

div.blogcolmright div.tabnav {margin:2em 0 0;}
div.blogcolmright div.tabnav ul  {list-style:none; padding:0; margin:0;}
div.blogcolmright div.tabnav ul li {float:left; border:1px solid #c8c8c8; background:#f9f9f9; border-bottom-width:0; margin:0 0.4em 0 0; padding:0;}
div.blogcolmright div.tabnav ul a {text-decoration:none; display:block; padding:0.70em 1em; text-align:center; color:#919191;}
div.blogcolmright div.tabnav ul a.selected  {position:relative; top:2px; background:#f9f9f9; color:#002d4c; font-weight:600;}

div.blogcolmright div.port {margin:0; padding:0; border:1px solid #c8c8c8;}
div.blogcolmright div.port div {padding:1em 1.2em;}
div.blogcolmright div.port ul li {display:block; margin:0; padding:1em 0.6em; border-bottom:1px solid #e5e5e5;}

form.blogsearch fieldset {position:relative; margin:0; padding:0.55em 0.5em 0.5em; width:232px; height:41px; background:url(/images/bg_searchfield.gif) no-repeat; border:none; overflow:hidden;}
form.blogsearch fieldset input {width:180px; margin:0; padding:0.5em; color:#96999C; border:none 0;}
form.blogsearch fieldset input.search_button {position:absolute; top:-1px; right:12px; width:34px; height:30px; margin:0; padding:0; background:url(/images/bg_button_search.gif) scroll 0 0; border:none 0; outline-color:-moz-use-text-color !important; outline-style:none !important; outline-width:medium !important; overflow:hidden; cursor:pointer;}

ul.bloglist {margin:0; padding:0; border:1px solid #c8c8c8; border-top:none;}
ul.bloglist li a {display:block; margin:0; padding:1em 0.6em 0.4em; border-top:1px solid #c8c8c8;}
ul.bloglist li a:hover {text-decoration:none;}

/* ------------------------------------------
Default Wordpress Style
------------------------------------------ */
.blogcolmleft {}
.blogcolmleft .post img.centered {display:block; margin-left:auto; margin-right:auto;}
.blogcolmleft .post img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
.blogcolmleft .post img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.blogcolmleft .post .alignright {float:right;}
.blogcolmleft .post .alignleft {float:left;}

html>body .blogcolmleft .post .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;}
html>body .blogcolmleft .post .entry li {margin:7px 0 8px 10px;}
.blogcolmleft .post .entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020";}
.blogcolmleft .post .entry ol {padding:0 0 0 35px; margin:0;}
.blogcolmleft .post .entry ol li {margin:0; padding:0;}

/* ------------------------------------------
Begin Various Tags & Classes
------------------------------------------ */
.blogcolmleft .post acronym,
.blogcolmleft .post abbr,
.blogcolmleft .post span.caps {cursor:help;}
.blogcolmleft .post acronym,
.blogcolmleft .post abbr {border-bottom:1px dashed #999;}
.blogcolmleft .post blockquote {clear: both; margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
.blogcolmleft .post blockquote cite {margin:5px 0 0; display:block;}

/* ------------------------------------------
Captions
------------------------------------------ */	
.blogcolmleft .post .aligncenter,
.blogcolmleft .post div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.blogcolmleft .post .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:0 10px 20px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.blogcolmleft .post .wp-caption img {margin:0; padding:0; border:0 none;}
.blogcolmleft .post .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center;}
#wp-calendar th {font-style:normal; text-transform:capitalize;}

#commentform {margin:2.2em 0 0; padding:0;}
#commentform #submit {margin:0 0 5px 0; float:right; width:155px; color:#4d4d4f; font-weight:700;}
#commentform input {width:255px; padding:4px; margin:0 0 0.85em 0;}
#commentform label {width:200px; padding:4px; margin:0 0 0.85em 1.25em; text-align:left; font-size:14px;}
#commentform textarea {width:99%; margin:0 0 0.85em 0; padding:2px;}
#commentform p {margin:5px 0;}
#respond:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;}

ul.twitStream {font-family:helvetica, arial, sans-serif; font-size:13px;}
ul.twitStream a {font-family:verdana;	font-size:11px;}
ul.twitStream li {display:block; padding:.4em; margin:.4em 0; border-bottom:1px solid #c8c8c8;}
ul.twitStream li span.tweet-left {float:left; margin-right:1em;}
ul.twitStream li span.tweet-left img {float:left; border:1px solid #585858;}
ul.twitStream li p.text {margin:0; padding:0; line-height:1.3em;}

.pagination {padding:3px; margin:3px;}
.pagination a {padding:2px 5px 2px 5px; margin:2px; border:1px solid #e5e5e5; text-decoration:none; color:#002d4c;}
.pagination a:hover,
.pagination a:active {border:1px solid #002d4c; color:#002d4c;}
.pagination .current {padding:2px 5px 2px 5px; margin:2px; border:1px solid #002d4c; font-weight:bold; background-color:#002d4c; color:#fff;}
.pagination .disabled {padding:2px 5px 2px 5px; margin:2px; border:1px solid #e5e5e5; color:#ddd;}

div.sociable ul li {float:left; margin-right:0.5em;}
#map {border:1px solid #8A8A8A; height:240px; margin:24px 0 0; overflow:hidden; width:225px;}

/* WORDPRESS STYLES
----------------------------------------------------------------------------- */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}