/*
Theme Name: SevenSeas
Theme URL: http://www.7seaswater.net
Description: Theme for Seven Seas Water website. Designed and programmed by <a href="http://www.crc-inc.com">CRC Marketing Solutions</a>
Author: CRC Marketing Solutions
Author URI: http://www.crc-inc.com.com/
Version: 1.0
*/

/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-07-19) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            940 px
    * Number of columns:     5
    * Column width:          180 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 940px wide, with 5 columns 
   spanning 180px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 955px;
  margin: 0 auto;
  background-image:url(Images/ssw-wave-bg.jpg); 
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-position:bottom;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(blueprint_grid_180+10x18.png); 
}

/* Body margin for a sensile default look. */
body {
  font: normal 14px/18px Trebuchet MS, Lucida Grande, Arial, Helvetica, sans-serif;
  color:#58585A;
  margin:0px 0 0 15px;
  padding:0px;
}

body a {
  text-decoration:none;	
}

body a img {
	border:none;	
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 180px;}
.span-2  { width: 370px;}
.span-3  { width: 560px;}
.span-4  { width: 750px;}
.span-5, div.span-5 { width: 940px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 190px;}
.append-2  { padding-right: 380px;}
.append-3  { padding-right: 570px;}
.append-4  { padding-right: 760px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 190px;}
.prepend-2  { padding-left: 380px;}
.prepend-3  { padding-left: 570px;}
.prepend-4  { padding-left: 760px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:178px;
  margin-right:175px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -190px;}
.pull-2 { margin-left: -380px;}
.pull-3 { margin-left: -570px;}
.pull-4 { margin-left: -760px;}
.pull-5 { margin-left: -950px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {float:left;position:relative;}


.push-1 { margin: 0 -190px 1.5em 190px;}
.push-2 { margin: 0 -380px 1.5em 380px;}
.push-3 { margin: 0 -570px 1.5em 570px;}
.push-4 { margin: 0 -760px 1.5em 760px;}
.push-5 { margin: 0 -950px 1.5em 950px;}

.push-1, .push-2, .push-3, .push-4, .push-5 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* NAVIGATION */

h1 {
	font-family:"Trebuchet MS";
	font-size:53px;
	color:#002147;
	text-transform:uppercase;
	line-height:46px;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:26px;
	font-weight:200;
}

h4, div#language_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00B4F0;
	text-transform:uppercase;
	font-size: 12px;
	line-height: 15px;
}

#language_link a:hover {
	color: #4AD2FF;
}

#language_link {
	margin-top:2px;	
}

h5 {
	font-size: 14px;
	text-transform: uppercase;
	margin:15px 0 0 0px;
	padding:0px;	
}

h5 a {
	color:#58585A;
}

div#sidebar * {

	list-style:none;
	margin:0px;
	padding:0px;

}	

#footer {
	background-color:#58585A;
	color:#FFFFFF;
	height:30px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:-20px;
}

#footer a, #footer a:visited {
	color: #FFFFFF;
}


#left_call_out {
	font-family:"Trebuchet MS";
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
	color:#002147;
	padding-top:30px;

}


#left_call_out_home {
	font-family:"Trebuchet MS";
	font-size:18px;
	line-height:19px;
	font-weight:bold;
	text-transform:uppercase;
	color:#002147;
	padding:30px 0 0 0;
	margin:0px;
}


/* Home Page Styles */

.container.water {
  width: 955px;
  margin: 0 auto;
  background-image:url(images/ssw-homepage-bgpic.jpg); 
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-position: 190px top;
}

.container.water #page_content p {
	width: 315px;
	font: normal 13px/17px Trebuchet MS, Arial, Helvetica, sans-serif;	
}

.container.water h1 {
	margin: 20px 0 25px 0px;
	
}

#decorative_home {
	width: 358px;
	border: 1px solid #E2E2E2;
	margin:0px 0 0 0px;
	background:white;
}

#decorative_home ul {
	background: url('images/ssw-homepage-markets-plus-ro.jpg') no-repeat;
	display:none;
}

#decorative_home div {
	padding: 5px;
	margin: 10px;
	color: #58585A;
	text-transform: uppercase;
	background-color:#eae837;
	display: block;
	width:326px;
	height: 115px;
}

#decorative_home div a {
	color: #58585A;
	background: url('images/ssw-homepage-markets-plus.gif') no-repeat;
	background-position: 0px 2px ;
	width: 100px;
	padding-left: 20px;
}

#decorative_home div a:hover {
	color:#838386;
	background: url('images/ssw-homepage-markets-plus-ro.jpg') no-repeat;
	background-position: 0px 2px ;	
}

#decorative_home div h2 {

	font: normal 27px/26px Trebuchet MS, Lucida Grande, Arial, sans-serif;
	margin: 5px;
	width: 120px;
}

#decorative_home div p {
	font: normal 12px/23px Trebuchet MS, Lucida Grande, Arial, sans-serif;
	float:right;
	margin: 0px;
	width: 175px;
	padding:0px;
}

.news a.more {
	color:#58585A;
	background: #C3C3C3;
	font-size: 12px;
	padding: 0px 5px;	
}

.news a.more:hover {
	color: #929295;
}

.news p {


	font-size: 13px;
	margin:0px 0 15px 0;	
}

#video_link {
	margin: 15px 0 0 0;
}

#video_link img {
	display: none;	
}

#video_link a {
	width: 180px;
	height:20px;
	display:block;
	background: url('images/ssw-videotour-off.jpg');
}	

#video_link a:hover {
	background: url('images/ssw-videotour-ro.jpg');
}

#office-locations-home h2 {
	margin: 20px 0 5px 10px;
	font: normal 18px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #002147;
	text-transform: uppercase;	
}

#office-locations-home p {
	margin: 10 0 10px 10px;
	font: normal 11px/11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #58585A;
	text-transform: uppercase;	
}

/* Default Page Styles */

#page_content {
	margin: 10px 0px 0px 10px;
}

#page_content p, .how-we-work p {
	font: normal 12px/15px Arial, Helvetica, sans-serif;
}

#page_content p, #page_content h3 {
	margin-right:20px;
}

#page_content h4, #market_page_content h4, .how-we-work h4 {
	padding:0px;
	margin-bottom:-12px;	
}

#page_content h2 {
	padding:0px;
	margin-top:23px;	
}

#page_content ul, .how-we-work ul {
	margin: 15px 0 0 0px;
	padding: 0px;	
}

#page_content ul li, .how-we-work ul li {
	margin: 0 0 15px 15px;
	padding: 0px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
}	

.how-we-work ul {
	margin: 15px;	
}

.how-we-work ul li {
	margin-bottom: 0px;	
}

#decorative {
	border: 1px solid #E2E2E2;
	margin:32px 0 0 0px;
	background:white;
	width: 180px;
}

#decorative div {
	padding: 10px 10px 8px 10px;
	margin: 10px;
	color: #58585A;
	background-color:#eae837;
	width: 140px;
}

#decorative div h2 {
	font: bold 48px/40px Trebuchet MS, Lucida Grande, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

#decorative div h2.company-profile-call-out {
	text-transform: uppercase;
	font: bold 21px/21px Trebuchet MS, Lucida Grande, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

#decorative div h2.careers a {	
	font-size: 31px;
	line-height: 30px;
	color:#58585A;
}

#decorative div h2.careers a:hover {	
	color:#838386;
}

#decorative div p {
	font: normal 12px/12px Trebuchet Ms, Lucida Grande, Arial, sans-serif;
	padding: 0 0 20px 0;
	margin: 0px;
}

/* Market Page Styles */

#market_page_content h1 {
	font-size: 25px;
	font-family:"Trebuchet MS", Sans-Serif;
	color: #00B4F0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;	
}


#market_page_content h2 {
	font: bold 15px/26px Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	margin: 0 0 -15px 0;
	padding: 0;
}

#market_page_content h2.extra-top {
	margin-top: 25px;
	margin-bottom: 5px;
}

#market_page_content h3 {
	margin-bottom: 26px;	
}

#market_page_content p {
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#market_page_content .related-case-study {
	width: 750px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background: #FDFCE0;
	margin-top:20px;
}

#market_page_content .related-case-study p {	
	padding:0px;
	margin:0px;
	line-height:24px;
}

#market_page_content ul {
	margin: 26px 0px 26px 18px;
	padding:0px;	
}

#market_page_content ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	font-weight:200;	
}

.market-title {
	padding-top: 20px;
	font-size: 20px;	
	line-height: 25px;
	color: #00B4F0;
}
	
/* Landing Page Styles */

.lp-template-splash-right-section {
	width: 235px;
	height: 307px;	
	float:right;
	display:inline;
}

.lp-template-splash-right-section .section-content {

	padding:30px;
}


.lp-template-splash-right-section .section-content h2 {

	font-size: 28px;
	line-height: 31px;
	text-transform: uppercase;
	margin:0px;
	padding: 0px;
}

.lp-template-splash-right-section .section-content p {

	font-size: 12px;
	line-height: 12px;
	padding: 0px;
	margin: 0 0 30px 0;
}

/* How we work and Build-Own-Operate Styles */

.how-we-work .content {
	margin-top:27px;
}

.how-we-work img {
	display:inline;
	float:left;
	margin-right:15px;	
}

.how-we-work img.last {
	margin-right:0px;
}

.how-we-work table {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:370px;
}

.how-we-work table.first {
	margin-right: 10px;	
}

.how-we-work table tr td {
	width: 330px;
	height:51px;
	padding: 0px 20px;
	vertical-alignment: middle;
	text-align: left;
	color:#58585A;
	font: normal 15px/15px Arial, sans-serif;
}

.how-we-work table tr td h2 {
	text-transform: uppercase;
	font: normal 21px/25px Arial, Helvetica, sans-serif;
}

.how-we-work table tr {
	padding: 0px;	
} 


.how-we-work table.even tr td.odd {
	background: #DAEDC7;	
}

.how-we-work table.even tr td.even {
	background: #F2F9EC;	
}

.how-we-work table.even tr td.even.first {
	background: #84C447;
	color:white;	
	vertical-alignment:middle;
}

.how-we-work table.odd tr td.even {
	background: #F3F3F3;	
}

.how-we-work table.odd tr td.odd {
	background: #FBFBFB;	
}

.how-we-work table.odd tr td.odd.first {
	background: #D7D7D7;
	vertical-align:top;	
	height: 85px;
}



/* Company Profile Lnading Page Styles */

.company-profile {
	height: 306px;
}

#company-profile-map {
	margin: 10px 0 0 200px;
}

/* Post Styles */

#page_content .blue-box {
	display:block;
	width: 520px;
	background-color: #00B4F0;
	padding: 20px;
	margin: 30px 0 0 0;
}

#page_content .blue-box h2 {
	color:#EAE837;
	font-size:21px;
	margin:0px;
	padding-top:0px;	
}

#page_content .blue-box p {
	color:white;
	font-size: 12px;
	line-height: 15px;
	margin: 15px 0 0 0;
}	

#page_content .case-study-excerpt p {
	font-size: 14px;
	margin: -10px 0 20px 0;	
}

.margin-adjust {
	margin-top:22px;
	font-family: Arial, Helvetica, sans-serif;	
}

.margin-adjust-image {
	margin-top:32px;
}

.news-page h2 {
	
}

.news-page h3 a, .news h3 a:visited, #page_content p a {
	border-bottom: 1px solid #EAE837;
	padding-bottom:2px;
	color: #58585A;
}

#news-image {
	margin-top:32px;
	width:170px;
	padding:5px;
	background:#F3F3F3;
}

#news-image p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #58585A;	
	margin-top:18px;
	padding: 0px 2px;
}

/* Category "Case Study" Styles */

#category-4 p, #category-10 p {
	margin-top: -10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#category-4 h2, #category-10 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #00B4F0;
}

#category-10 h2 {
	margin-top: 25px;	
}

img.case-study-list-image {
	margin-top:15px;	
}

#case-study-heading {
	padding:5px;
	background: #939598;
	margin-top: 60px;
	width:740px;	
}

#case-study-heading-first {
	padding:5px;
	background: #939598;
	margin-top: 27px;
	width:740px;	
}

#case-study-heading a.anchorLink, #case-study-heading-first a.anchorLink {
	color: white;
	float:right;
	display:inline;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

#case-study-heading h2, #case-study-heading h2 a, #case-study-heading-first h2, #case-study-heading-first h2 a {
	font-size:19px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	color: white;
	padding: 0px;
	margin:0px;
	float:left;
	display:inline
}

#case-study-heading p, #case-study-heading-first p { 
	float:left;
	display:inline;
	margin: 1px 0 0 10px;
	padding:0px;
}

#case-study-heading p a, #case-study-heading-first p a {
	font-size:10px;
	color:rgb(234, 232, 55);
	padding: 0px;
	margin: 0px;
}

/*RUBEN */

#top {
	height:70px;
}


#top-link, #top-link-current {
	padding:45px 10px 10px 10px;
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

#top-link, #top-link a{
	color:#FFFFFF;
	background-color:#58585A;
	line-height:13px;
}

#top-link a:hover {
	color: #D0CECE;	
}


#top-link-current, #top-link-current a{
	color:#EAE837;
	background-color:#939598;
	line-height:13px;
}

.childrenpages {
	list-style-type:none;
	list-style-image:none;
	padding-left:0px;
} /* the outermost list item; contains whole list */


ul.childrenpages {
	background-color:#E6E8Eb;
	margin-top:40px;
}

ul.childrenpages.blank {
	background:none;
}

ul.childrenpages li, ul.childrenpages li a {
	display:inline;
	list-style-type:none;
	list-style-image:none;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	padding:7px 5px;
}

/* temporary styling of static top nav */


.page_item, .page_item a {
	list-style-type:none;
	list-style-image:none;
	padding-left:0px;
	color:#58585A;
} 



.current_page_item a, ul.childrenpages li a:hover {
	color:#999999;}


#section_page_splash {
	margin-top:33px;
}

/* Our Team Carousel, Tooltip, and Box Styles. 
The stylesheet affecting the carousel is in /carousel/skins/tango/skin.css */

#our-team {
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;	
	width:740px;
	height: 294px;
	margin: 40px 0 0 10px;
}

#our-team .float {
	float: left;
	display:inline;	
	width: 120px;
}

#our-team .float h1 {
	font: bold 17px/22px Arial, Helvetica sans-serif;	
	color: #00B4F0;
	margin: 20px 0px 0px 0px;
	text-transform: uppercase;
}

#our-team .float p {
	font: normal 12px/15px Arial, Helvetica sans-serif;		
	color: #58585A;
	margin: 0px 0px 10px 0px;
}

ul#mycarousel li {
	cursor: pointer;	
}

ul#mycarousel li img {
	opacity:0.5;
}

ul#mycarousel li img:hover, ul#mycarousel li img.active {
	opacity:1.0;
}

ul#mycarousel li p {
	margin: 5px 0 0 0;
	padding:0px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.tooltip {
	position:absolute;
	top:0;
	left: 0;
	z-index: 10;
	display: none;
	width:370px;
	height:230px;
	color: white;
	background: transparent url(images/tipbg.png) no-repeat;	
	padding:20px;
}

.tooltip h6 {
	font: bold 18px/24px Arial, Helvetica, Sans-serf;
	margin: 0px;
	padding:0px;	
}

.tooltip h6 .not-bold {
	font-weight: normal;	
}

.tooltip p {
	font: normal 11px/15px Arial, Helvetica, Sans-serf;	
}

/* Case Study Category Page */

h2.case-study-list {
	margin-top:27px;	
}

div#breaker {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 30px;
}

a.view-case-study, a.download-pdf {
	color:#58585A;
	text-align:center;
	width: 180px;
	height: 16px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #EAE837;
	padding: 3px 0px 0 0;
	display:block;
	float:left;
	font-size:13px;
	line-height:13px;
}

a.view-case-study.markets {
	border:none;
	margin-right:20px;
	text-transform: uppercase;
	font-size: 15px;	
	font-weight: bold;
	padding:6px 0px 2px 0;
	width: 240px;
}

a.view-case-study.markets:hover, a.view-case-study:hover, a.download-pdf:hover, a.download-pdf.single:hover  {
	color: #838386;
}

a.download-pdf {
	margin-left:10px;	
}

a.download-pdf.single {
	margin:20px 0px;	
}

#category-4 a.view-case-study, #category-4 a.download-pdf{
	height: 16px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #EAE837;
	padding: 2px 0px 0 0;
	display:block;
	float:left;
	font-size:12px;
	line-height:13px;
}

/* Footer Styles */



#footer ul {
	display: inline;
	float: left;
	margin: 5px 0px 5px 0px;
	padding:0px;	
}

#footer ul li {
	display: inline;
	margin-right:18px;
	font-size: 11px;
	text-transform: uppercase;
	color: #DEDEDE;	
}

#footer a:hover {
	color: #D0CECE;	
}

form#searchform {
	height:20px;
	width:190px;
	margin:5px 10px 5px 10px;
	float:left;
	display:inline;
}

form#searchform input#s {
	font:normal 11px "Trebuchet MS", Lucida Grande, Arial, Helvetica, sans-serif;
	color:#939598;
	height:18px;
	padding:2px 0px 0px 4px;
	width: 150px;
}

#submit_button {
	background-image:url(Images/ssw-searchbutton-off.jpg);
	background-repeat:no-repeat;
	width:21px;
	height:20px;

	cursor: pointer;
}

form#searchform input#s, form#searchform input#submit_button {
	float:left;
	display:inline;
	border:none;	
}

/* MISC Styles */

a.contact-us {
	width: 180px;
	height:170px;
	display:block;	
	margin-top: 32px;
}

p.investors {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;
	padding-top:0px;	
}

table {
	margin-top: 20px;	
}

td {	
	width:180px;
	margin-right:10px;
	text-align: center;	
}

.abs-call-out {
	position:absolute;
	top:143px;
	left:50%;
	margin-left:-470px;	
}