/*

Theme Name: Blue Ocean

Theme URI: http://echogravity.com

Author: echogravity

Author URI: http://echogravity.com

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: blue ocean

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



@charset "utf-8";

/* CSS Document */



body{

	margin: 0;

	padding: 0;

	background-color: #333;

}



#home-wrapper{

	width: 1200px;

	margin: auto;

	background:url(images/blueocean_seaback.jpg) no-repeat top left;

}



#header{

	width: 960px;

	margin: auto;

	height: 114px;

}



#main-nav{

	float: left;

	width: 660px;

	height: 114px;

}



#main-nav #nav{

	margin-top: 60px;

	margin-left: 10px;

}



#main-nav ul{

	padding: 0;

	margin: 0;

}



.toggleMenu {

    display:  none;

    background: #666;

    padding: 0;

    color: #fff;

	width: 100%;

}





#menu-mainmenu  {

    list-style: none;

     *zoom: 1;

}

#menu-mainmenu :before,

#menu-mainmenu :after {

    content: " "; 

    display: table; 

}

#menu-mainmenu :after {

    clear: both;

}

#menu-mainmenu  ul {

    list-style: none;

    width: auto;

}

#menu-mainmenu  a {

    padding: 5px 8px;

    color:#fff;

}

#menu-mainmenu  li {

    position: relative;

	z-index: 1000;

}

#menu-mainmenu  > li {

    float: left;

    /*border-top: 1px solid #104336;*/

}

#menu-mainmenu  > li > .parent {

    /*background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png");

    background-repeat: no-repeat;

    background-position: right;*/

}

#menu-mainmenu  > li > a {

    display: block;

	z-index:1000;

}

#menu-mainmenu  li  ul {

    position: absolute;

    left: -9999px;

	/*width: 125px;*/

	z-index:1000;

	

}

#menu-mainmenu  > li.hover > ul {

    left: 0;

	z-index:1000;

}

#menu-mainmenu  li li.hover ul {

    left: 100%;

    top: 0;

}

#menu-mainmenu  li li a {

    display: block;

	background: url(images/blueocean_subnavback.png) top left;

    /*background: #1d7a62;*/

    position: relative;

    z-index:100;

	border: 1px solid #FFF;

	width: 125px;

}

#menu-mainmenu  li li li a {

    background: url(images/blueocean_subnavback.png) top left;

	/*background:#249578;*/

    z-index:1000;

	border: 1px solid #FFF;

}



ul#menu-mainmenu  ul li ul li{

	display: none;

}

#main-nav ul#menu-mainmenu  li ul{

	margin: 0 0 0 15px;

}





#main-nav ul li a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color:#FFF;

	text-transform: lowercase;

	text-decoration: none;

}



#main-nav ul li a:hover{

	color: #535353;

}



#main-nav ul li ul li a:hover{

	color: #CCC;

}







#main-nav ul li ul li a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color:#FFF;

	text-decoration: none;

}



#main-nav ul li a.home{

	display: none;

	color: #F00;

}



#logo{

	float: right;

	width: 210px;

	height: 114px;

	padding-right: 20px;

}







#banner{

	width: 1200px;

	height: 515px;

	z-index: 1;

}



#banner-images{

	width: 960px;

	margin: auto;

	z-index: 1;

}



h2.slide-title{

	display: none;

}



#homecontent-wrapper{

	width: 1200px;

	background-color: #FFF;

	position: relative;

	z-index: 1;

}



#home-content{

	width: 960px;

	margin: auto;

	padding: 0 0 20px 0;

}



#home-content h1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	color: #0099cc;

	font-weight: bold;

	padding: 30px 0 0 0;

	margin: 0;

}



#home-content h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #000;

	font-weight: bold;

	padding: 0;

	margin: 0;

}



#home-content p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000;

	line-height: 20px

}



#home-footer-wrapper{

	width: 1200px;

	height: 99px;

	background: url(images/blueocean_footerback.jpg) no-repeat top left;

}



#homefooter{

	width: 960px;

	margin: auto;

}



table#privacytable{

	border: 1px solid #CCC;

}



table#privacytable td{

	background-color: #d9d9d9;

	padding: 7px

}



table#privacytable td a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#00F;

	text-decoration: none;

}



table#privacytable td a:hover{

	text-decoration: underline;

}





/* subpage*/



#subpage-wrapper{

	width: 960px;

	margin: auto;

	background:url(images/blueocean_seaback.jpg) no-repeat top center;

}



#subpage-content-wrapper{

	width: 960px;

	margin: auto;

	background-color: #d9d9d9;

}



#leftcol-subpages{

	float: left;

	width: 310px;

	padding: 20px 0 0 10px;

}



#sidebar{

	width: 95%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}



#sidebar ul a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #333;

	text-decoration: none;

}

#sidebar h3{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	line-height: 20px;

	color: #333;

	font-weight: bold;

}

#sidebar a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #333;

	text-decoration: none;

}



#sidebar a:hover{

	margin: 0px 0px 0px 0px;

	padding-top: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #3399ff;

	text-decoration: underline;

}





#sidebar li a{

	margin: 0px 0px 0px 0px;

	padding-top: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #333;

	text-decoration: none;

}





#sidebar li a:hover{

	margin: 0px 0px 0px 0px;

	padding-top: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #3399ff;

	text-decoration: underline;

}



#rightcol-subpages{

	float: right;

	width: 640px;

	min-height: 450px;

	background-color: #fff;

}



#subpage-content{

	width: 595px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #333;

	margin: 0 0 20px 20px;

}



#subpage-content a{

	text-decoration: none;

	color:#39F;

}



#subpage-content a:hover{

	text-decoration: underline;

}



h1.entry-title, div#content h1 a{

	font-size: 24px;

	color: #3399ff;

	font-weight: bold;

	padding: 15px 0 10px 0;

	margin: 0;

}



#subpage-content table p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #333;

	line-height: 22px;

	margin: 0;

	padding: 0

}



iframe {

  margin: 0;

  padding: 0;

  overflow: hidden;

} 



#content-leftcol{

	float: left;

	width: 272px;

	height: 150px;

}



#content-rightcol{

	float: right;

	width: 292px;

	height: auto;

}



#subpage-content p{

	margin:  0px 0px 15px 0px;

	padding: 0;

	line-height: 22px;

}



#subpage-content li{

	line-height: 22px;
	padding-top: 20px;

}



.entry-meta{

	padding: 5px 0 10px 0;

}



#subpage-footer-wrapper{

	width: 960px;

	height: 99px;

	background: url(images/blueocean_footerback.jpg) no-repeat top left;

}



#footerlinks{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	float: left;

	width: 780px;

	text-align: center;

	color: #FFF;

	margin: 45px 0 0 0;

}



#footerlinks a{

	color: #FFF;

	text-decoration: none;

	padding: 0 10px 0 10px;

}



#footerlinks a:hover{

	text-decoration: underline;

}



#socialmedia{

	float: right;

	margin: -25px 3px 0 0;

}



.clr{

	clear: both;

}



.alignleft{

	float: left;

	padding: 0 20px 0 20px;

}



.alignright{

	float: right;

}



div.breadcrumbs{

	margin: 20px 0 0 0;

	text-align: right;

	font-size: 11px;

	font-weight: bold;

}



#nimbleimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Be-Nimble-Be-Quick-Static.png) no-repeat top left;

  text-decoration: none;

}



#nimbleimg:hover{

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Be-Nimble-Be-Quick-Active.png) no-repeat top left;

  text-decoration: none;

}

#socialimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(http://www.blueocean.ca/wp-content/uploads/2015/02/Raising-the-Bar-Static.png) no-repeat top left;

  text-decoration: none;

}



#socialimg:hover{

  background: url(http://www.blueocean.ca/wp-content/uploads/2015/02/Raising-the-Bar-Active.png) no-repeat top left;

  text-decoration: none;

}


#getintouchimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(/wp-content/uploads/2013/02/Interested-in-a-site-visit-Static.png) no-repeat top left;

  text-decoration: none;

}



#getintouchimg:hover{

  background: url(/wp-content/uploads/2013/02/Interested-in-a-site-visit-Active.png) no-repeat top left;

  text-decoration: none;

}



#anxietyimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Overcoming-Outsourcing-Axiety-Static.png) no-repeat top left;

  text-decoration: none;

}



#anxietyimg:hover{

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Overcoming-Outsourcing-Axiety-Active.png) no-repeat top left;

  text-decoration: none;

}



#errorsimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Reducing-Reservations-Errors-Static.png) no-repeat top left;

  text-decoration: none;

}



#errorsimg:hover{

  background: url(http://www.blueocean.ca/wp-content/uploads/2013/04/CS-Reducing-Reservations-Errors-Active.png) no-repeat top left;

  text-decoration: none;

}



#perfectimg{

  display: block;

  width: 272px;

  height: 80px;

  background: url(images/OurStoryButtonStatic-InaPerfectWorld.png) no-repeat top left;

  text-decoration: none;

}



#perfectimg:hover

{

  background: url(images/OurStoryButtonActive-InaPerfectWorld.png) no-repeat top left;

  text-decoration: none;

}



#resumeimg

{

  display: block;

  width: 272px;

  height: 80px;

  background: url(images/cust-serv-static.png) no-repeat top left;

  text-decoration: none;



}



#resumeimg:hover

{

  background: url(images/cust-serv-active.png) no-repeat top left;

  text-decoration: none;

}



#prjmgrimg

{

  display: block;

  width: 272px;

  height: 80px;

  background: url(images/proj-mgt-static.png) no-repeat top left;

  text-decoration: none;



}



#prjmgrimg:hover

{

  background: url(images/proj-mgt-active.png) no-repeat top left;

  text-decoration: none;

}



#prjapplyimg

{

  display: block;

  width: 272px;

  height: 80px;

  background: url(images/apply-static.png) no-repeat top left;

  text-decoration: none;



}



#prjapplyimg:hover

{

  background: url(images/apply-active.png) no-repeat top left;

  text-decoration: none;

}



#servicesimg

{

  display: block;

  width: 272px;

  height: 80px;

  background: url(/wp-content/uploads/2013/01/Request-Pricing.png) no-repeat top left;

  text-decoration: none;



}



#servicesimg:hover

{

  background: url(/wp-content/uploads/2013/01/Request-Pricing-Active1.png) no-repeat top left;

  text-decoration: none;

}



#resumeimg span, #prjmgrimg span, #perfectimg span, #anxietyimg span, #nimbleimg #servicesimg span{

	visibility: hidden;

	

}



.attachment-post-thumbnail{

	width: 150px;

	height: 150px;

	float: left;

	padding: 0 10px 10px 0;

}



#facebookicon

{

  display: block;

  width: 20px;

  height: 20px;

  background: url(/wp-content/uploads/2013/02/FB-20x20.png);

  text-decoration: none;

}





#twittericon

{

  display: block;

  width: 20px;

  height: 20px;

  background: url(/wp-content/uploads/2013/02/twitter-20x20.png);

  text-decoration: none;

}



#linkedinicon

{

  display: block; 

  width: 20px;

  height: 20px;

  background: url(/wp-content/uploads/2013/02/LI-20x20.png);

  text-decoration: none;

}



#nav-dcssb

{

  list-style-type: none;

}



#dc-dcssb

{

   text-align: left;

   margin-left: -32px;

}