/*Colour references:

Dark Logo Blue: 	#0080C7
Light Logo Blue:	#7EA8DB
text Grey:			#999999
Border Grey: 		#BABCBE		

Table Of Contents:

1.	Type Selectors
2.	Structural
3.  Useful Classes
3.	Navigation
4.	Forms
5.	Hacks
6.  Specific Templates/Pages


1. Type Selectors --------------------------------------------------
---------------------------------------------------------------------*/
*{
	border:1;
	margin:0;
	padding:0;
}

/**{ border: 1px solid #f00; }Debugging purposes*/

body{
background:url(../images/dolphin-background.jpg) repeat-x #fff 0px 220px;
color: #343434;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
}

sup, sub{
text-decoration:none;
}

acronym{
border-bottom:1px dotted #666666;
color:#666666;
}

a:link, a:visited
{
color:#0080C7;
}

a:hover, a:active
{
color:#7EA8DB;
}

h1
{
color:#0080C7;
font-size:1.45em;
font-weight:bold;
line-height:1.1em;
margin-top:8px;
}

h2
{
color:#999999;
line-height:1.25em;
font-size:1.2em;
font-weight:bold;
padding-top:5px;
}

h3
{
line-height:1.15em;
font-size:1em;
font-weight:bold;
}
h4
{
color:#999999;
font-size:0.875em;
font-weight:bold;
}

h5
{
color:#0080C7;
font-size:0.6875em;
font-weight:bold;
}

ol li
{
background-image: none;
padding-left: 0;
}

blockquote
{
background:url(../img/quote-open.gif) 0 2px no-repeat;
margin: 1em 0 0 0;
text-indent:25px;
}

blockquote p 
{
display: inline;
font-style:italic;
font-weight: bold;
margin: 0;
}

blockquote p.quote
{
background: url(../images/quote-close.gif) right bottom no-repeat;
}

cite
{
color: #9b9c90;
display: block;
font-style: normal;
margin: .5em 0 0 0;
text-indent:0;
}

.arrowedList, .normalList, .mapArrowedList
{
list-style-type:none; 
padding-left:0;
margin-top:5px;
}

#leftPageContent .mapArrowedList li
{
background:url(../images/list-gradient.jpg) top repeat-x;
padding-left:25px;
padding-bottom:5px;
padding-top:5px;
margin-bottom:15px;
border:solid 1px #CCC;
font-size:0.875em;
}
.subArrowedList
{
list-style-type:none; 
margin-left:0px;
padding-top:5px;
display:block;
}

.subArrowedList ul
{
margin-left:20px;#margin-left:0px;
}

.arrowedList li{
background:url(../images/small-arrow-icon.gif) left top no-repeat;
padding-left:25px;
height:2em;
}



.normalList li{
background:url(../images/small-bullet.jpg) left top no-repeat;
padding-left:25px;
height:2em;
}

#leftPageContent .subArrowedList li{
background:url(../images/small-arrow-icon.gif) left top no-repeat;
padding:0.1em 0 0.1em 25px;
font-size:0.785em;
margin-bottom:5px;
border:none;
}

#leftPageContent .subArrowedList li{
background:url(../images/small-arrow-icon.gif) left top no-repeat;
padding:0.1em 0 0.1em 25px;
font-size:0.785em;
border:none;
}

#leftPageContent .subArrowedList li .subArrowedList li{
font-size:1em;
}

.subArrowedList li a{
color:#666666;
}

.subArrowedList li a:hover{
color:#7EA8DB;
}

.extraordinary span
{
display:none;
}

.extraordinary{
display:block;
width:auto;
height:24px;
padding:0 0 4px 0;
margin: 0 10px;
border-bottom:#999999 1px solid;
}

.colImage{
border:#999999 1px solid;
margin: 0 0.6875em;
width:10.625em;
height:5.75em;
}

.extraordinaryAngels{
background:url(../images/titles/extraordinary-angels.jpg) no-repeat top center;
}

.extraordinaryProducts{
background:url(../images/titles/extraordinary-products.jpg) no-repeat top center;
}

.extraordinaryResults{
background:url(../images/titles/extraordinary-results.jpg) no-repeat top center;
}

.extraordinaryRelationships{
background:url(../images/titles/extraordinary-relationships.jpg) no-repeat top center;
}

.extraordinaryPartners{
background:url(../images/titles/extraordinary-partners.jpg) no-repeat top center;
}

.extraordinarySolutions{
background:url(../images/titles/extraordinary-solutions.jpg) no-repeat top center;
}

.line1{
background:#BABCBE none repeat scroll 0% 50%;
margin:0pt 6px;
}

.line1a{
margin:0pt 4px;
border-left:2px solid #BABCBE;
border-right:2px solid #BABCBE;
}

.line2 {
margin:0pt 3px;
}

.line3{
margin:0 2px;
}

.line4{
height:2px;
margin:0pt 1px;
}

.line2, .line3, .line4 {
background:none scroll 0% 50%;
border-left:1px solid #BABCBE;
border-right:1px solid #BABCBE;
}
.line1, .line1a, .line2, .line3 {
height:1px;
}

.line1, .line1a, .line2, .line3, .line4 {
display:block;
overflow:hidden;
}

.greyContent{
border-color:#BABCBE;
border-style:solid;
border-width:0pt 1px;
display:block;
padding: 5px 10px;
}

.greyTop, .greyBottom{
font-size:1px;
background:none;
display:block;
width:100%;
text-align:center;
margin:0 auto;
}

.roundGreyTop{
background:url(../images/roundGreyCorners.jpg) no-repeat left top;
height:14px;
}

.roundGreyTopRight{
background:url(../images/roundGreyCorners.jpg) no-repeat right top;
height:14px;
width:14px;
float:right;
}

.roundGreyBottom{
background:url(../images/roundGreyCorners.jpg) no-repeat left bottom;
height:14px;
}

.roundGreyBottomRight{
background:url(../images/roundGreyCorners.jpg) no-repeat right bottom;
height:14px;
width:14px;
float:right;
}

.roundGreyContent{
border-color:#999999;
border-style:solid;
border-width:0pt 2px;
display:block;
padding:0px 10px;
background:#FFFFFF;
}

.roundGreyContent h3{
font-size:0.6875em;
font-weight:bold;
color:#0080C7;
}

.roundGreyContent h3{
font-size:0.6875em;
font-weight:bold;
color:#0080C7;
padding: 0 1em;
margin: 0.5em 0 0.3em;
}

.roundGreyContent p{
padding: 0 1em;
line-height:1.4em;
}

.rightSideBox{
padding:0px 0.9375em 10px;
}

/*2. Structural ------------------------------------------------------
---------------------------------------------------------------------*/

	#mainSiteContainer{
	border: 1px solid #BABCBE;
	margin:10px auto 0;
	width:58.75em;
	background-color:#FFFFFF;
	}
	
		#headerContainer{
		background:url(../images/header-background-gradient.jpg) repeat-x #FFFFFF;
		height:9.125em;
		width:100%;
		}
	
			#headerTitle{
			width:34.4375em;
			}
			
			#headerTitle img{
			height:9.125em;
			margin-bottom:0;
			padding-bottom:0;
			width:34.4375em;
			}
	
			#headerRightSection{
			float:right;			
			width:14.9em;
			background:url(../images/angel-background-right.jpg) no-repeat right top;
			color:#0080C7;
			}
			
				#topRightContainer{
				margin:1.2em 0;
				padding-left:20px;
				border-left: #999999 1px solid;
				height:6.7em;
				}
					#navButtonHolder{
					float:right;
					margin:0.4em 16px 0 0;
					}
					
					#date
					{
					font-size:0.6875em;
					margin-top:0.3em;
					color:#999999;
					clear:both;
					width:91%;
					text-align:right;
					}
					
					#navButtonHolder a
					{
					float:left;
					margin:0 3px;
					text-decoration:none;
					color:#FFFFFF;
					font-size:1em;
					}

					#navButtonHolder a:hover{
					color:#FFFF66;
					}
					
					#navButtonHolder #rssFeedBtn, #navButtonHolder #newsletterBtn{
					font-size:0.6875em;
					padding-top:0.5em;
					}
					
					#navButtonHolder #rssFeedBtn{
					margin-right:15px;
					}
					
					#submitSearch, #rssFeed, #newsletter{
					display:block;
					width:1.4375em;
					height:1.4375em;
					float:left;
					margin:0.1em 0 0 10px;
					}
					
					#newsletter{ 
					width:1.75em;
					height:1.6875em;
					margin:0em 0 0.4em 0px;
					}
					
					#rssFeed{
					margin:0.1em 0 0.4em 0px;
					width:1.5em;
					height:1.5em;
					}
					
					#telNumber{
					display:inline;
					vertical-align:middle;
					width:1.5em;
					height:1.8em;
					padding-left:8px;
					width:1.5em;
					height:2.0625em;
					}
					
					#telephone{

					width:91%;
					text-align:right;
					font-weight:bold;
					font-size:1em;
					clear:both;
					}
					
	
		#mainNavigationContainer{
		height:2.1875em;
		border-bottom: 1px solid #0080C7;
		margin:0;
		background:url(../images/main-navigation-background.jpg) repeat-x #4897C3;
		}
		
			#mainNavigationContainer ul{
			list-style-type:none;
			}
			
			#mainNavigationContainer ul li{
			float:left;
			font-size:0.75em;
			background: url(../images/main-navigation-border-right.jpg) right no-repeat;
			height:3.0em;
			text-align:center;
			}
			
			#mainNavigationContainer ul li a{
			color:white;
			text-decoration:none;
			font-weight:bold;
			font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
			display:block;
			height:2.1em;
			width:5.8em;
			padding:0.8em 0.75em 0;
			}
			
			#mainNavigationContainer ul li a:hover{
			color:#FFFF99;
			background:url(../images/main-navigation-background-hover.jpg) repeat-x #66B5E0;
			}
			
			#mainContentContainer{
			background:url(../images/bottom-shadow.jpg) repeat-x white top;
			padding:15px 0 0 0.9375em;
			}
			
				#leftPageContent{
				width:42em;	
				}
				
					.breadcrumb
					{
					list-style-type:none;
					}
					
					.breadcrumb li{
					display:inline;
					padding-right:5px;
					}
					
					.breadcrumb li a.greyLink{
					color:#999999;
					text-decoration:none;
					}
					
					.breadcrumb li a.greyLink:hover{
					color:#7EA8DB;
					}
					
					#leftPageContent p, #leftPageContent li
					{
						font-size:0.6875em;
					}
					
					#leftPageContent p{
					padding-bottom:1em;
					text-align:justify;
					}
					
					.readMore{
					height:1.4em;
					}
					
					#leftPageContent .roundGreyContent .readMore p
					{
						background:url(../images/small-arrow-icon.jpg) left top no-repeat;
						padding-left:20px;
						float:right;
						padding-bottom:1px;
						
					}
					
				#rightPageContent{
				float:right;			
				width:15.4em;
				font-size:1em;
				}
				
				.roundGreyContent ul{
				padding-left:10px;
				}
					
					#rightPageContent p, #rightPageContent li, #rightPageContent a
					{
						font-size:0.6875em;
					}
					
					#rightPageContent li a{
					font-size:1em;
					}
					
				#partners
				{
				float:right;
				width:15.4em;
				height:2.8125em;
				text-align:center;
				margin-bottom:8px;
				background-color:#FFFFFF;
				}
					#partners img
					{
						width:5.8125em;
						height:2.8125em;
						margin:0 8px;
					}
			
			#footer{
			clear:both;
			background:#0080C7;
			color:#FFFFFF;
			font-size:0.6875em;
			margin:0 0 0 0;
			text-align:center;
			padding:0px 0 8px 0;
			border-top:5px solid #7EA8DB;
			background:url(../images/footer-background.jpg) repeat-x top #4CA6D8;
			}
				#footer p{
				margin-top:0;
				padding-top:0;
				}
			
				#footer ul{
				list-style-type:none;
				}
				
				#footer ul li{
				display:inline;
				border-right:1px solid #FFFFFF;
				padding:0 6px 0 7px;
				
				}
				
				#footer ul li.last{
				border-right:none;
				padding:0 0 0 7px;
				}
				
				#footer ul li.first{
				padding:0 6px 0 0;
				}
				
				#footer a{
				color:white;
				}
				
				#footer a:hover{
				color:#FFFF99;
				}

			
/*3. Useful Classes --------------------------------------------------
---------------------------------------------------------------------*/

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.upperCaseText {text-transform: uppercase;}
.greyBorder{margin:1em; border:6px solid #CCCCCC;}
.dBlueBorder{margin:1em; border:6px solid #0080C7;}
.blueBorder{margin:1em; border:6px solid #7EA8DB;}
.noBorder{border:none;}

/*4. Forms -----------------------------------------------------------
---------------------------------------------------------------------*/
.trLabel
{
color:#0080C7;
font-weight:bold;
font-size:0.6875em;
}

#mainSearchBox{
float:left;
width:14em;
border:1px solid #999999;
background-color:#FFFFFF;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#999999;
padding:0.2em;
height:1.3em;
margin:4px 0 0 0;
font-size:0.6875em;
margin-bottom:17px;
}