/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.jpg) top repeat-x #32a0be;
	margin: 0px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.2em;
	color:#414c76;
	font-weight:100;
	margin-bottom:0;
}

h2 {
	font-size: 1.7em;
	color:#414c76;
	font-weight:100;
	margin-bottom:0;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	background-color:#fff;
}

	#contentContainer {
		width: 980px;
		position: absolute;
		z-index: 1;
		top: 362px; /* Same as height of header */
		background-color:#fff;
	}
	
		#contentLeft {
			float: left;
			width: 610px;
		}
		
			#contentLeft-text {
				padding: 10px 20px;
			}
			
			#contentLeft ul {
				color:#32a0be;
				font-size:1.2em;
				font-weight:bold;
			}
			
		#contentRight {
			float: right;
			width: 322px;
			padding-top:25px;
		}
				
			#contentRight-text {
				padding: 20px;
			}
		
		#map {
			width: 200px;
			height: 200px;
		}

#header {
	width: 980px;
	height: 63px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background:url(../../images/misc/headerBg.jpg) top center repeat-x;
	border-top:5px solid #fff;
}

	#logo {
		width: 609px;
		height: 63px;
		float: left;
	}
	
	#cta-top-right {
		width: 580px;
		height: 60px;
		font-size: 1.6em;
		position:absolute;
		top:0px;
		right:0px;
		text-align:right;
		color:#fff;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
			position:absolute;
			top:1px;
			right:10px;
			font-size:0.9em;
		}
		#cta-top-right p span {
			font-weight:bold;
		}
		
		#cta-top-right p.number {
			font-weight:bold;
			font-family:Georgia, "Times New Roman", Times, serif;
			top:20px;
			text-transform:lowercase;
			font-weight:normal;
			line-height:2em;
		}
		
		#cta-top-right p.number span {
			font-size:1.8em;
			font-weight:bold;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
	
	#header ul {
		list-style-type:none;
		margin:0;
		padding:0;
		margin-top:7px;
	}
	
	#header ul li {
		list-style-type:none;
		float:left;	
		margin-right:6px;
	}
	
	#header ul li a {
		display:block;
		width:117px;
		height:49px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		background:url(../../images/misc/topButtonBg.jpg) top center no-repeat;
		padding-top:15px;
		font-size:1.7em;
		font-weight:100;
	}
	
	#header ul li a:hover {
		text-decoration:underline;
	}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}


#topNavigation {
	height:30px;
	background-color:#74bfd3;
	position:absolute;
	top:68px;
	left:0px;
	z-index:10;
	width:980px;

}

#topNavigation ul {
	margin:0;
	padding:0;
}

#topNavigation li {
	float:left;
	list-style-type:none;
}

#topNavigation li  a {
	display:block;
	border-right:1px solid #5c9dae;
	padding:2px 8px 3px 8px;
	color:#14363f;
	text-decoration:none;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
	line-height:12px;
	height:25px;
	float:left;
}

#topNavigation li  a span {
	display:block;
}

#topNavigation li  a.oneline {
	padding:8px 7px 4px 7px;
	height:18px;
}

	#topNavigation li  a.oneline:hover {
		padding:8px 7px 3px 7px;
	}

#topNavigation li  a:hover {
	background-color:#408798;
	padding-bottom:2px;
	border-bottom:1px solid #14363f;
	color:#fff;
}
/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 975px;
	height: 282px; 
	padding-top:110px;
}

	#navigation ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
		#navigation li {
			display: inline;
			margin: 0px;
		}
			  
			#navigation a {
				float:left;
				border-right: 1px solid #fff;
				background:#666;
				color: #fff;
				text-decoration:none;
				padding: 192px 10px 10px 6px;
				font-weight: bold;
				font-size: 1.6em;
				width:135px;
				height:50px;
				text-transform:uppercase;
				line-height:1.0em;
				margin:0 5px;
			}
			
				#navigation .rightLink {
					border: none;
				}

				#navigation a:hover {
					color: #000;
				}
				
		#navigation ul li a.personal {background:url(../../images/misc/button1.jpg) top center no-repeat; margin-left:8px;}
		#navigation ul li a.road {background:url(../../images/misc/button2.jpg) top center no-repeat;}
		#navigation ul li a.work {background:url(../../images/misc/button3.jpg) top center no-repeat;}
		#navigation ul li a.falls {background:url(../../images/misc/button4.jpg) top center no-repeat ;}
		#navigation ul li a.public {background:url(../../images/misc/button5.jpg) top center no-repeat;}
		#navigation ul li a.medical {background:url(../../images/misc/button6.jpg) top center no-repeat #fff;}

		#navigation ul li a.personal:hover {background:url(../../images/misc/button1-on.jpg) top center no-repeat; margin-left:8px;}
		#navigation ul li a.road:hover {background:url(../../images/misc/button2-on.jpg) top center no-repeat;}
		#navigation ul li a.work:hover {background:url(../../images/misc/button3-on.jpg) top center no-repeat;}
		#navigation ul li a.falls:hover {background:url(../../images/misc/button4-on.jpg) top center no-repeat ;}
		#navigation ul li a.public:hover {background:url(../../images/misc/button5-on.jpg) top center no-repeat;}
		#navigation ul li a.medical:hover {background:url(../../images/misc/button6-on.jpg) top center no-repeat #fff;}

		body#personal #navigation ul li a.personal{background:url(../../images/misc/button1-on.jpg) top center no-repeat; margin-left:8px;}
		body#road #navigation ul li a.road{background:url(../../images/misc/button2-on.jpg) top center no-repeat;}
		body#work #navigation ul li a.work {background:url(../../images/misc/button3-on.jpg) top center no-repeat;}
		body#slips #navigation ul li a.falls {background:url(../../images/misc/button4-on.jpg) top center no-repeat ;}
		body#public #navigation ul li a.public {background:url(../../images/misc/button5-on.jpg) top center no-repeat;}
		body#medical #navigation ul li a.medical {background:url(../../images/misc/button6-on.jpg) top center no-repeat #fff;}


/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 960px;
	padding: 10px;
	color: #7babbc;
	background:url(../../images/misc/footerBg.jpg) top center no-repeat #fff;
	font-size: 0.9em;
	text-align: left;
	height:115px;
	padding-top:16px;
}
	#footer a {
		white-space: nowrap;
		color: #7babbc;
		text-decoration: none;
		font-weight:bold;
	}
	#footer a:hover {
		color: #111;
		text-decoration:underline;
	}
#footerIn {
	width:600px;
	margin-left:320px;
}
ul.footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 600px;
	text-align: left;
}
	ul.footerNav li {
		display: inline;
	}
	
		ul.footerNav a {
			padding: 0px 3px;
		}
		
			ul.footerNav .help-advice {
				border-right: none;
			}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	width: 630px;
	padding:0;
}

	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
ul#footerW3C {
	margin: 0px;
	text-align: left;
	padding: 0px 0px;
}

	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	text-align: center;
	width: 630px;
}

/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Class Styles
--------------------------------------------------------------- */

#contactTable input, #contactTable textarea, #contactTable select {
	border: 1px solid #ccc;
	background: #fff;
}

	#contactTable #botBuster {
		display: none;
	}

.clearfix {
	clear: both;
}

a.callback {
	display:block;
	width:255px;
	height:35px;
	padding-left:57px;
	background:url(../../images/misc/callbackBg.jpg) top center no-repeat;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.7em;
	font-weight:bold;
	padding-top:9px;
	margin-top:20px;
	margin-bottom:10px;
}

a.claimonline {
	display:block;
	width:275px;
	height:35px;
	padding-left:37px;
	background:url(../../images/misc/claimonlineBg.jpg) top center no-repeat;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.7em;
	font-weight:bold;
	padding-top:9px;
	margin-bottom:20px;
}

a.callback:hover {
	text-decoration:underline;
	color:#fff;
}

a.claimonline:hover {
	text-decoration:underline;
	color:#fff;
}


a.cta {
	width:312px;
	height:345px;
	background:url(../../images/misc/cta/personal.jpg) top center no-repeat #fff;
	display:block;
	position:relative;
	text-decoration:none;
}


body#medical a.cta {
	background:url(../../images/misc/cta/medical.jpg) top center no-repeat #fff !important;
}

body#medical a.cta span.largeText {
	font-size:1.7em;
	width:110px;
	top:83px;
}

body#work a.cta {
	background:url(../../images/misc/cta/work.jpg) top center no-repeat #fff !important;
}

	body#work a.cta span.number  {
		color:#fff;
		top:150px;
		font-size:2.2em;
		left:10px;
	}
	
	body#work a.cta span.largeText  {
		font-size:2.4em;
		color:#fff;
		top:75px;
	}
	
	body#work a.cta span.smallText  {
		color:#fff;
		width:200px;
		top:110px;
	}

body#slips a.cta {
	background:url(../../images/misc/cta/slips.jpg) top center no-repeat #fff !important;
}

body#slips a span.largeText {
	font-size:1.5em;
}

body#public a.cta {
	background:url(../../images/misc/cta/public.jpg) top center no-repeat #fff !important;
}

body#public a.cta span.largeText {
	font-size:1.6em;
	width:120px;
}

body#road a.cta {
	background:url(../../images/misc/cta/road.jpg) top center no-repeat #fff !important;
}

body#personal a.cta {
	background:url(../../images/misc/cta/personal.jpg) top center no-repeat #fff !important;
}
	
	body#personal a.cta span.largeText {
		font-size:1.7em;
		top:80px;
	}
	
	body#personal a.cta span.smallText  {
		top:160px;
		width: 200px;
	}
	
	body#personal a.cta span.smallText strong  {
		font-size:1.7em;
		text-transform:uppercase;
		font-weight:bold;
		color:#f99c1d;
	}

a.cta span.bottom {
	text-transform:uppercase;
	position:absolute;
	top:281px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	left:10px;
	z-index:3;
}
a.cta:hover {
	text-decoration:none;
}

a.cta span.bottomshadow {
	text-transform:uppercase;
	position:absolute;
	top:282px;
	color:#3a3d51;
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	left:11px;
	z-index:2;
}


a.cta span.largeText {
	color:#008fb0;
	font-size:24px;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:90px;
	
}
a.cta span.smallText {
	color:#000;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:160px;
	width:140px;
}
a.cta span.number {
	font-size:38px;
	font-weight:bold;
	color:#000;
	position:absolute;
	top:230px;
	left:30px;	
}

a.cta:hover span.bottom {
	color:#3f4470;
}

a.cta:hover span.bottomshadow  {
	color:#e8e9f0;
}

.centerColLeft {width:290px; float:left;}

.centerCol {
	width:270px;
	float:right;
	margin-top:75px;
}

.centerCol div {
	text-align:center;
	padding:5px 5px 2px 5px;
	border:1px solid #dfdfdf;
	background-color:#ededed;
	float:right;
	clear:both;
	margin-bottom:5px;
}

	.centerCol div span {
	}

	.centerCol div p strong {
		display:block;
	}
	
	p.winorlose {
		text-align:center;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		margin-right:11px;
		border-bottom:1px solid #000;
		border-top:1px solid #000;
	}
	
	p.winorlose span {
		font-size:41px;
		color:#293975;
		dsplay:block;
	}

	p.winorlose strong {
		
	}
	
	div#contentRight p.text {
		text-align:center;
		font-size:1.3em;
		margin:0;
		padding:0;
	}
	
	strong.block {
		display:block;
		font-weight:bold;
	}
	
	ul.capsList li {
		text-transform: uppercase;
	}