/* CSS Reset with .clreafix*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html { font-size:100.01%; }
body { font-size:12px; }

textarea {overflow:auto}
button {cursor:pointer}
input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox {
	vertical-align:text-top;
	width:13px;
	height:13px;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	top:2px;
}
a {text-decoration:none}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}

a {color:#023958;}


body {
	background:url(/images/website/mainBg.png) repeat-x left top #99c6e2;
	font-family:Arial;
}

#header {
	width:100%;
	height:86px;
	padding-top:13px;
	background:url(/images/website/headerBg.png) repeat-x left top;
}
	.innerHeader {
		width:964px;
		margin:auto;
	}
		#website-logo {
			float:left;
			width:334px;
			height:79px;
		}
		.userHeader {
			float:right;
			margin-top:67px;
		}
			.userHeader li {
				color:#fff;
				float:left;
			}
				.userHeader a {
					color:#fff;
				}

#mainArea {
	width:1000px;
	margin:auto;	
	background:url(/images/website/shadows.png) no-repeat left top;
}
	.innerSide {
		border-right:7px solid #fff;
		border-left:7px solid #fff;
		width:959px;
		margin-left:11px;
		padding-bottom:15px;
		background-color:#fff;
	}

	.topBox {
		background:url(/images/website/greyBg.png) repeat-x left top #f7f8f9;
	}	
	
	
	#menu {
		width:581px;
		height:37px;
		background:url(/images/website/menuBg.png) repeat-x left top;
	}
		#menu li {
			float:left;
			height:37px;
			line-height:37px;
		}
		#menu li.l_corner {background:url(/images/website/left.png) no-repeat left top;}
		#menu li.r_corner {background:url(/images/website/right.png) no-repeat right top;}
		
			#menu li a {
				background:url(/images/website/separator.png) no-repeat left center;
				padding-left:28px;
				display:block;
				height:36px;
			}
				#menu li a span {
					height:36px;
					padding-right:28px;
					display:block;
					cursor: pointer;
				}
				
			#menu li.l_corner a{background:transparent;}
			
			#menu li a:hover,
			#menu li a:hover span,
			#menu li.select a span,
			#menu li.select a {
				background:url(/images/website/hoverItem.png) no-repeat left top;
				height:36px;
				float:left;
				color:#fff;
				text-decoration:none;
			}
				#menu li a:hover span,
				#menu li.select a span {
					float:none;
					display:block;
					background-position:right top;
				}
				

	.mainTop {
		background:url(/images/website/topBox.jpg) no-repeat left top;
		width:887px;
		padding:24px 24px 0 28px;
		height:250px;
		margin:auto;
		position:relative;
	}
		.offerTop {
			font-family:'Times New Roman', Arial;
			color:#fff;
			float:left;
			font-size:16px;
			width:480px;
			line-height:17px;
		}
			.offerTitle {
				font-size:29px;
				font-weight:normal;
				line-height:28px;
				padding-bottom:20px;
			}
	
	.orangeButton {
		background:url(/images/website/orangeBtn.png) no-repeat left top;
		float:left;
		margin-top:13px;
    margin-left:8px;
		width:161px;
		height:37px;
		text-align:center;
		font-family:Arial;
		line-height:37px;
		color:#fff;
		font-size:12px;
	}

  .orangeButton:hover {text-decoration:none;}
	
	.graphPhoto,
	.graphPhotoSmall {
		display:block;
		position:absolute;
		top:-30px;
		right:30px;
	}
	.graphPhotoSmall {top:-52px;}
	
	.btmMain {
		background:url(/images/website/bottomCorners.png) no-repeat left top;
		width:959px;
		height:11px;
		display:block;
	}
	
	.bottomBoxes {
    padding-left:7px;
		background:url(/images/website/greyGradient.png) repeat-x left top #f9f9f9;
	}
	
		.boxList {
			float:left;
			margin-right:10px;
		}
	
		.orangeRound,
		.blueRound {
			color:#fff;
			background:url(/images/website/boxes.jpg) no-repeat left top;
			height:87px;
			width:166px;
			line-height:15px;
			padding:29px 122px 0 20px;
		}

		.blueRound {background-position:left bottom;}

		.titleRound {
			padding-bottom:10px;
			font-size:16px;
			line-height:20px;
			font-weight:normal;
		}
		
	.listArea {
		padding:0 15px 0 10px;
		background:url(/images/website/bottomBg.jpg) no-repeat left top;
		height:215px;
		width:283px;
	}
	
	
	.blueTitle {
		padding-top:4px;
		line-height:35px;
		font-size:14px;
		text-indent:13px;
		color:#fff;
		font-weight:normal; 
	}

		.listArea ul {
			color:#023958;
			margin-left:13px;
		}
		
			.listArea li {
				background:url(/images/website/blueArrow.png) no-repeat left top;
				padding-left:25px;
				margin-top:8px;
				line-height:16px;
			}
			
		.textBox {
			background:url(/images/website/bigBottom.jpg) no-repeat left top;
			width:301px;
			height:338px;
			float:left;
			padding-left:9px;
		}
		
			.textZone {
				color:#023958;
				margin-left:17px;
				width:260px;
			}
				.textZone p {
					line-height:18px;
					padding:8px 0 8px 0;
				}
				.textZone a {text-decoration:underline;}
				
#website-footer {
	background:url(/images/website/footer.png) no-repeat left top;
	width:951px;
	height:36px;
	margin-left:11px;
	line-height:30px;
	text-align:right;
  color: #97d2eb;
	font-size:11px;
	padding:0 25px 80px 0;
}

#website-footer a {
  color: #97d2eb;    
}

	.mainTopSmall {
		background:url(/images/website/blueGradient.png) repeat-x left top #64c7d2;
		width:918px;
		border-left:4px solid #fff;
		border-right:4px solid #fff;
		position:relative;
	}
		.mainCornersBtm,
		.mainCornersTop {
			background:url(/images/website/corners.png) no-repeat left top;
			width:926px;
			height:12px;
			display:block;
		}
		.mainCornersBtm {background-position:left -12px;clear:both}
	
	.mainTopSmall .offerTop {width:520px;font-size:13px;margin-left:14px}
	.mainTopSmall .offerTitle {font-size:24px;padding-bottom:5px}
	
	.orangeTop,
	.orangeBtm {
		background:url(/images/website/corners.png) no-repeat left -24px;
		height:8px;
		margin-top:9px;
		display:block;
		width:956px;
	}
	.orangeBtm  {background-position:left bottom;margin:0;}
	
	.orangeBoxes {
		height:438px;
		width:912px;
		padding: 34px 22px 11px 22px;
		background:url(/images/website/orangeGradient.png) repeat-x left top #f05a08;
	}
	
	.insideBox {
		width:903px;
		border:1px solid #bfbfbf;
		background-color:#f9fcfd;
	}
	
		.infoBlue,
		.secondBlue {
			border-right:1px solid #bfbfbf;
			width:538px;
			float:left;
			position:relative;
		}
		
		.secondBlue {
			border:none;
			width:356px;
		}
	
		.blueBox{
			color:#184F6A;
			background:url(/images/website/downBlue.png) repeat-x left top;
			width:532px;
			border:3px solid #fff;
		}
		.secondBlue .blueBox {
			width:348px;
			padding:5px;
		}
		
		
		.beta {
			width:114px;
			height:111px;
			position:absolute;
			top:-1px;
			z-index:99;
			left:-1px;
		}

		.dataBox {
			width:400px;
			line-height:16px;
			margin:29px 0 0 18px;
			padding-left:90px;
			background:url(/images/website/info_sign.png) no-repeat left top;
		}
			.dataBox p {
				padding:10px 0 15px 0;
			}

		.separator {
			border-top:2px solid #fff;
			border-bottom:2px solid #fff;
			background-color:#e3e4e4;
			height:1px;
			display:block;
			clear:both;
		}
		
		.dataList {
			width:500px;
			margin:7px 0 0 20px;
		}
			.dataList li {
				border-bottom:1px solid #bfbfbf;
				padding-bottom:20px;
				margin-bottom:20px;
			}
				.dataList label {
					float:left;
					width:90px;
					font-weight:700;
				}
				
				.inputZone {
					float:left;
					margin:5px 10px 0;
				}
					.topLabel {
						display:block;
						line-height:23px;
					}
					
					.inputBig {width:210px;}
					.inputMedium {width:120px;}
					.inputSmall {width:41px;}
					
	.bottomBlue {
		background:url(/images/website/upBlue.png) repeat-x left bottom;
		height:42px;
	}
		.button {
			line-height:37px;
			background:url(/images/website/blueButton.png) no-repeat left top;
			height:36px;
			width:111px;
			margin-right:5px;
			color:#fff;
			text-align:center;
			float:right;
			font-size:11px;
			font-weight:700;
		}
		.button:hover {
			text-decoration:none;
			background-position:left bottom;
		}
		
		.icon {
			margin:20px 32px 0;
			float:left;
		}
		
		.boxLink {display:block;}
		.boxLink:hover {text-decoration:none;}


#offerText {
  margin-left:15px;
}

div.offerTop p {
  font-size: 15px;
  margin-bottom:9px;
}

div.offerTop ul {
  font-size: 15px;
}

div.offerTop li {
  padding-bottom:7px;
  padding-left:12px;
}

#infoBox {
  margin-top:15px;
}
#infoBox a {
  padding-bottom:10px;
  text-decoration:none;
}

#photographer {
  float:right;
  margin-right:12px;
  font-size: 8px;
}

.aboutText {
  margin-bottom:15px;
}
.aboutText p{
 margin-bottom:5px;
 padding:10px;
 color:white;
 width: 780px;
}

#press {
  padding: 30px;
}

#press p.headline {
  font-weight: bold;
  margin: 10px 0 10px 0;
}

#press p.date {
  font-size: 11px;
}

#press img {
  margin: 20px 0 10px 0;  
}


/* Hacks
------------------------------------------------------------- */
* html #menu li.l_corner {background:transparent;}
* html #menu li.r_corner {background:transparent;}
* html #menu {background:transparent;width:100%}
* html #menu li {width:1%;white-space:nowrap;}
* html #mainArea {background:transparent;}
* html .orangeTop {display:none;}
* html .orangeBtm {display:none;}
* html .orangeBottom {display:none;}
* html .mainCornersTop {overflow:hidden;}
* html .mainCornersBtm {overflow:hidden;}