/* FILE:  layout.css  
 * -----------------
 * Contains the CSS layout and text styling elements for the dolphin
 * international website.
 *
 * Author:  Adam Toda
 * Contact:  adam.toda@gmail.com
 */
 
 html, body {
	height: 100%;	 
 }
 
 body {
	text-align: center;
	margin: auto;
	background: white;
	
	font-family: arial, verdana, sans-serif;
	color: #54514f;
	background: url("mainBG.jpg") no-repeat;
	background-position: top center;
 }
 
 body a img {
 	border: none;	
 }
 
 body ul li {
 	margin-left: -22px;
 }
 
 
 /* MAIN CONTENT AND CONTAINER CSS ELEMENTS */
 
 #mainContent {
	position: relative;
	width: 700px;
	text-align: center;
	margin: auto;
 }
 
 
 /* HEADER CSS ELEMENTS */
 
 #header {
	position: relative;
	width: 100%;
	padding-top: 75px;
	margin: auto;

	text-align: left;
 }
 
 #headerText {
 	width: 568px;
 	text-align: center;
 }
 
 #headerText a {
 	font-family: arial, verdana, sans-serif;
	color: #54514f;
 	font-size: 40pt;
	font-style: italic;
	letter-spacing: 7px;
	line-height: 0.7;
	text-decoration: none;
 }
 
 #logo {
	height: 37px;
 	width: 606px;
 	text-align: right;
 }
 
 
 /* PAGE CONTENT AREA CSS ELEMENTS */
 
 #pageContent {
 	margin-top: 14px;	 
 }
 
 #content {
 	width: 700px;
 	height:349px;
 	background-color: white;
 }
 
 #contentText, #contentContactText {
 	 height: 309px;
 	 padding-top: 20px;
 	 margin-left: auto;
 	 margin-right: auto;
 	 
 	 text-align: left;
 	 line-height: 1.3;
 	 letter-spacing: 1px;
 }
 
 #contentText {
 	width: 650px;	 
 	
 	font-size: 10pt;
 	color: white;
 	font-style: italic;
 }
 
 
 #navigationAndPortrait {
 	margin-top: 54px;	 
 }
 
 #leftPortrait {
 	float: left;
 	width: 227px;
 	text-align: right;
 }
 
 #leftPortraitText {
 	margin-top: 12px;
 	text-align: right;
 	font-size: 10pt;
 	letter-spacing: 2px;
 	font-weight: bold;
 }
 
 

 
 /* NAVIGATION CSS ELEMENTS */
 
 #navigation {
 	width: 388px;
 	float: right;
 	padding-left: 84px;
 	text-align: left;
 }
 
 #navigation a {
 	font-style: italic;
 	text-decoration: none;
 	font-family: font-family: arial, verdana, sans-serif;
	color: #54514f;
 }
 
 #navigation a:hover, .selectedNav,  .redBoxText, #learnAboutLink {
 	color: #928d8a;	 
 	cursor: pointer; cursor: hand;
 }

 .navigationRedBox {
	float: left;
	height: 40px;
	width: 24px;
}
 
  .redBoxText {
	float: left;
	height: 40px;
	width: 350px;
	padding-left: 10px;
 }
 
 .hiddenNavigation {
 	display: none;
 	clear: both;
 	margin-top: 10px;
 	margin-left: 30px;
 }
 
 /* CENTERING CSS ELEMENTS */
		
 .centeringContainer {
	display:table;
	height:100%;
	#position:relative;	/*for IE*/
	overflow: hidden;	
 }
		
 .centeringContainer div { 
	#position:absolute;	/*for IE*/
	#top:50%;		/*for IE*/
	display:table-cell;	/*for Mozilla and Opera*/
	vertical-align:middle;  /*for Mozilla and Opera*/
 }
		
 .centeringContainer div div {
	#position:relative;	/*for IE*/
	#top:-50%;		/*for IE*/
 }
 
 /* FOOTER CSS ELEMENTS */
 
 #footer {
 	clear: both;
 	margin-top: 22px;
 	height: 100px;
 	
 	text-align: left;
 	font-size: 7pt;
 }
 
 /* LINES AND SPACER CSS ELEMENTS */
 
 .line {
 	clear: both;
 	width: 100%;
 	height: 2px;
 	background-color: #72706e;
 }
 
 .spacingDIV {
 	clear: both;
 	height: 10px;
 }