/*
Theme Name: Eclipse - Original
Theme URI: http://www.eclipsecsl.com
Description: Main design for Eclipse Corporate Services Limited.
Version: 1.0
Author: Rob Brown

Main Design by Craig MacMaster - http://www.mediamechanics.com
Template development by Rob Brown - rob@webbaroo.ca
*/


body	{background:#287bba url(images/bg-Page.gif) repeat-x; margin:0; padding:0; font-family: Arial, Sans Serif; font-size: 76%; color:#606263;}
img		{border:none;}
form, ul	{margin:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a:link,
a:active,
a:visited	{color:#002a5c;	text-decoration:none;}
a:hover	{text-decoration:underline;}

ul		{margin:0 0 0 20px; padding:0;}
ul li	{line-height:1.6em; padding-bottom:2px;}

h1	{color:#2175bb; font-size:2.1em; font-weight:normal;}
h3	{font-size:1.2em; font-weight:normal; line-height:1.6em; margin:0 12px 0 0; padding:0 50px 20px 0; border-bottom:solid 1px #b8b8b8;}
h1 + h3	{margin-top:-5px;}

div#container		{width:958px; margin:11px auto 0;}
div#header			{width:958px; height:132px; background:url(images/bg-Header.jpg) no-repeat 6px 0; position:relative;}
div#body				{padding:21px 36px; background:url(images/bg-Body-Top.png) no-repeat;}
div#bodyBottom	{width:958px; height:40px; background:url(images/bg-Body-Bottom.png) no-repeat; position:relative;}
div#footer			{width:958px; height:15px; position:relative; margin:10px 0 0; text-align:center;}

a#logo	{display:block; width:219px; height:92px; position:relative; top:9px; background:url(images/logo-Eclipse.gif) no-repeat;}


ul#mainNav	{list-style:none; position:absolute; top:43px; right:9px; margin:0; padding:0;}
ul#mainNav	li	{height:46px; display:block; float:left; padding:0 17px; margin:0 0 0 1px; background:#002a5c;}
ul#mainNav li:first-child	{width:57px; padding:0 0 0 30px; background:url(images/bg-MainNav-Left-Off.png) no-repeat;}
ul#mainNav li.last	{width:74px; padding:0 0 0 21px; background:url(images/bg-MainNav-Right-Off.png) no-repeat right;}

ul#mainNav li:hover,
ul#mainNav li.selected					{background:#2175bb;}
ul#mainNav li:hover:first-child,
ul#mainNav li:first-child.selected					{background:url(images/bg-MainNav-Left-On.png) no-repeat;}
ul#mainNav li:hover.last,
ul#mainNav li.last.selected					{background:url(images/bg-MainNav-Right-On.png) no-repeat right;}

ul#mainNav a:link,
ul#mainNav a:active,
ul#mainNav a:visited	{display:inline-block; font:normal 1.15em Arial, San Serif; color:#fff; line-height:3.1em;}
ul#mainNav a:hover		{text-decoration:none;}

div#globe	{width:195px; height:204px; position:absolute; bottom:-48px; right:28px; background:url(images/img-Globe.png) no-repeat;}

ul#footerNav					{list-style:none; margin:0; padding:0;}
ul#footerNav li				{display:inline; padding:0 17px 0 15px; background:url(images/bg-FooterNavBar.gif) no-repeat center right;}
ul#footerNav li.last	{background:none;}

ul#footerNav a:link,
ul#footerNav a:active,
ul#footerNav a:visited	{font-size:0.9em; color:#fff; vertical-align:text-top;}

div#copyright	{position:absolute; top:0; left:23px; font-size:0.9em; color:#001e56;}


/*** Home Page ***/
div#body #rowTop							{height:166px; background:url(images/bg-Content-Home.jpg) no-repeat; position:relative;}
div#body #rowTop #principles	{position:absolute; bottom:0px; left:65px;}
div#body #rowTop h1						{width:298px; height:76px; margin:0; background:url(images/ttl-AboveAndBeyondTheExpect.png) no-repeat; position:absolute; top:92px; left:565px;}
div#body #rowTop h1	span			{margin-left:-2000px;}

div#body #rowBottom			{margin-top:58px; padding-bottom:41px; position:relative;}
div#body #rowBottom span.service	{width:146px; margin:0; display:inline-block; margin-right:28px; vertical-align:top;}
div#body #rowBottom #hedgeFund			{background:url(images/img-Home-HedgeFund.jpg) no-repeat;}
div#body #rowBottom #corpServices	{background:url(images/img-Home-CorporateServices.jpg) no-repeat;}
div#body #rowBottom #paralegal			{background:url(images/img-Home-ParalegalServices.jpg) no-repeat;}

div#body #rowBottom span.service a	{display:block; width:141px; font-size:14px; padding:118px 0 0 5px;}

div#body #rowBottom span.intro	{width:285px; display:inline-block; margin-left:35px;}
div#body #rowBottom .intro p	{margin:0 0 30px 0; color:#606263; font-size:1.2em; line-height:1.4em; }



/*** Secondary Page ***/
div#body #banner							{height:106px; background:url(images/bg-Content.jpg) no-repeat; position:relative;}
div#body #banner h1						{width:298px; height:76px; margin:0; background:url(images/ttl-AboveAndBeyondTheExpect.png) no-repeat; position:absolute; bottom:-7px; left:565px;}
div#body #banner h1	span			{margin-left:-2000px;}

div#body #breadcrumb	{margin:16px 0 0 9px; color:#2175bb; }

#contentContainer	{width:886px; margin-top:40px; padding-bottom:85px;}
#contentContainer .leftColumn		{width:230px; margin:0 38px 0 0; float:left;}
#contentContainer .rightColumn	{width:600px; padding-right:18px; float:left;}

#contentContainer .rightColumn h4	{width:585px; height:10px; margin:5px 0px 25px; background:url(images/img-Countries.gif) no-repeat;}
#contentContainer .rightColumn h4 span	{margin:-2000px;}
#contentContainer .rightColumn p	{line-height:1.6em; margin-top:1.4em;}

ul#subNav	{list-style:none; margin:2px 2px 45px 3px; padding:0;}
ul#subNav	li	{padding:8px 3px; margin:0; border-top:solid 1px #cbdfec;}
ul#subNav li.last	{border-bottom:solid 1px #cbdfec;}

ul#subNav li:hover a,
ul#subNav li.selected a	{color:#2175bb;}

ul#subNav a:link,
ul#subNav a:active,
ul#subNav a:visited	{font-size:1.1em; font-weight:bold;}
ul#subNav a:hover		{text-decoration:none;}

#contentContainer .leftColumn .pullout	{width:216px; margin:0 0 0 1px; background:#e8f4fb url(images/bg-Pullout-Top.png) no-repeat;}
#contentContainer .leftColumn .pullout div	{height:7px; background:url(images/bg-Pullout-Bottom.png) no-repeat;}
/** IE doesn't support :after so had to add a div to the .pullout tag
#contentContainer .leftColumn .pullout:after {content:url(images/bg-Pullout-Bottom.png);}
**/
#contentContainer .leftColumn .pullout span	{display:inline-block; padding:15px 12px 8px; color:#606263; line-height:1.6em;}
