/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: url(images/bg-tail.gif) top repeat-x #F1F6F9;
	text-align:center;
}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#6D7F89;
	}
h1.top{
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	margin:0;
}
.left { float:left;}
.right {float:right; }
.clear  { clear:both;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

input, select { vertical-align:middle; font-weight:normal;}
a { color:#2CADFF; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {
	padding-top:15px;
	text-align: left;
}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}
.relative { position:relative;}
.pointer { cursor:pointer;}
strong {
	text-transform:uppercase;
	color:#2CADFF;
	text-align: left;
}
h3 { font-size:1.417em; font-weight:bold; color:#263B54; text-transform:uppercase; margin:0;}

/* ============================= main layout ====================== */
.content-corner-bot-left { background: url(images/content-corner-bot-left.gif) bottom left no-repeat;}
.content-corner-bot-right { background: url(images/content-corner-bot-right.gif) bottom right no-repeat; width:100%;  }
.bg-top { background:url(images/bg-top.jpg) top center no-repeat;}
.bg-bot { background: url(images/bg-bot.gif) bottom repeat-x;}

.imgindent { float:left; margin-right:15px;}
.space1 { margin-right:20px;}
.space2 { margin-top:42px;}
.space3 { margin-top:15px;}
.space4 { margin-right:10px;}

.indent1 { padding-left:23px;}
.indent2 { padding-left:10px;}
.indent3 { padding-top:30px;}

.title { margin-top:-13px; position:relative;}
.text1 { color:#2CADFF;}
.text2 { background:url(images/marker1.gif) 0 2px no-repeat; padding-left:22px; font-weight:bold; color:#2CADFF;}
.link1 { font-weight:bold; color:#FB2901;}


/* ============================= header ====================== */
#header .row-1 { height:114px; line-height:1em; }
#header .row-2 { background:url(images/header-top-tail.gif) top repeat-x; line-height:1em;}
#header .row-3 { 
	height:354px; 
	background: url(images/bg-header-video.gif) 18px 17px no-repeat #FFF;
	position:relative;
}
.logo { margin-top:30px;}
.menu1 { float:right; margin:77px 0 0 0;}
.menu1 ul { padding-right:4px;}
.menu1 li { display:inline; color:#2569B9; padding-left:10px;}
.menu1 li a { color:#53B0F1; text-decoration:none; padding-right:12px;}
.menu1 li a:hover { color:#FFF;}
#header .row-2 .corner-top-left { background:url(images/header-corner-top-left.gif) top left no-repeat;}
#header .row-2 .corner-top-right { background:url(images/header-corner-top-right.gif) top right no-repeat; height:46px; } 
.menu2 { position:relative;}
.menu2 li { float:left; text-align:center;}
.menu2 li a { display:block; width:126px; padding:17px 0 16px; font-weight:bold; color:#FFF; text-decoration:none; background:url(images/menu2-separator.gif) right repeat-y;}
.menu2 li a:hover, .menu2 .active a { color:#FFF000;}
.menu2 li .last { background:none;}
.video {
	font-size:3.417em;
	color:#3173C9;
	line-height:1.2em;
	left: 400px;
	width: 350px;
	margin-top: 78px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 57px;
	position: absolute;
}
.slogan1 { position:absolute; margin:78px 0 0 57px; font-size:3.417em; color:#3173C9; line-height:1.2em;}
.slogan2 { position:absolute; margin:118px 0 0 233px; font-size:2.25em; color:#184681; line-height:1.2em;}
.slogan3 { position:absolute; margin:179px 0 0 57px; font-size:1.667em; color:#8CA2BE; line-height:1.2em;}
.slogan4 {
	position:absolute;
	margin:57px 0 0 55px;
	font-size:1.44em;
	font-weight:bold;
	color:#8CA2BE;
	line-height:1.118em;
	top: 180px;
}
.slogan4 a { text-decoration:none; color:#8CA2BE;}
.slogan4 a:hover { text-decoration: underline;}
/* ============================= content ====================== */
#content { background:#FFF; padding-top:40px;}
.indent-content {padding:0 17px 28px 18px;}
.column-1 { width:211px; position: relative;}
.column-1 .indent {padding:0 20px 0 8px;}
.column-2 { width:422px; position: relative;}
.column-2 .indent {padding:0 20px 0 22px;}
.column-3 { width:213px; position: relative;}
.column-3 .indent {padding:0 5px 0 22px;}

.box1 { color:#FFF;}
.box1 .col-1 { width:284px; background:url(images/box1-tail1.gif) bottom repeat-x #2F70C5;}
.box1 .col-2 { width:282px; background:url(images/box1-tail2.gif) bottom repeat-x #3681CE;}
.box1 .col-3 { width:281px; background:url(images/box1-tail3.gif) bottom repeat-x #3D92D7;}
.box1 .separator { background:url(images/box1-separator.gif) bottom right repeat-y;}
.box1 .indent {padding:13px 10px 10px 16px;}
.box1 .corner-left {background:url(images/box1-left.gif) bottom left no-repeat;}
.box1 .corner-right {background:url(images/box1-right.gif) bottom right no-repeat;}
.title1 { font-size:2.25em; color:#FFF; line-height:1.2em; text-transform:uppercase;}
.title2 { font-size:1.833em; color:#FFF; line-height:1.2em; margin:-9px 0 0 0; padding-bottom:7px;}

.border1 { border-left:1px solid #C3DDFE;}
.line { height:25px; border-bottom:1px solid #C3DDFE; margin-bottom:30px;}

.list1 { width:100%; overflow:hidden;}
.list1 ul { margin-bottom:-3px; line-height:2.083em;}
.list1 li { border-bottom:1px solid #F1F6F9;}
.list1 li a { background:url(images/marker1.gif) 0 2px no-repeat; padding-left:22px; text-decoration:none; color:#7A8394;}
.list1 li a:hover { color:#2CADFF; text-decoration:underline;}

.button { float:right; display:inline-block; background:url(images/button-tail.gif) top repeat-x; font-weight:bold; color:#FFF; text-decoration:none; line-height:1em;}
.button span {display:inline-block; background:url(images/button-left.gif) top left no-repeat;}
.button span span { background:url(images/button-right.gif) top right no-repeat; padding:5px 12px 5px 14px; cursor:pointer;}
.button:hover span span { color:#FFF000;}

.seperator1 { background:url(images/separator2.gif) 212px 0 repeat-y;}
.seperator2 { background:url(images/separator2.gif) 634px 0 repeat-y;}
.phone { float:left; width:87px;}

/* ============================= footer ====================== */
#footer .indent { padding:5px 0 0 26px; color:#FFF;}
#footer a { color:#2CADFF; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
/* ============================= forms ============================= */
#NewsForm { line-height:1em; margin-top:10px;}
#NewsForm input { width:140px; height:18px; border:1px solid #B0CDDB; padding:2px 0 0 5px; font-size:1em; line-height:1em;}
#NewsForm a { background:url(images/bg-2.gif) top repeat-x #4187E0; font-size:1.083em; font-weight:bold; color:#FFF; text-decoration:none; padding:2px 9px 4px 9px; cursor:pointer;}

#ContactForm {line-height:1.3em; margin-top:20px;}
label { height:40px; display:block;} 
#ContactForm input {width:173px; height:14px; padding:0 0 0 5px; font-size:1em; line-height:1em;}
#ContactForm textarea {width:173px; height:254px; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em;}
#centered {
	text-align: center;
}
#left {
	text-align: left;
}
#left {
	text-align: left;
}
#left {
	text-align: left;
}
.gplus{
	height:20px;
	text-align: center;
	padding-top: 10px;
}