/* Credits

   Copyright (c) 2009 New Angle Media.

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com
   Copyright (c) 2007-2008
   
   Son of Suckerfish Dropdowns
   By Patrick Griffiths and Dan Webb
   http://htmldog.com/articles/suckerfish/dropdowns/
   
   IE5.5+ PNG Alpha Fix
   (c) 2004-2008 Angus Turnbull http://www.twinhelix.com
   

	TABLE OF CONTENTS
	-Fixes, hacks, etc
	-Reset
	-Layout
	-Nav
	-Typography
	-Images/Flash
	
*/


/*Generic Classes, Fixes, hacks, etc
=============================================================*/

.clear {clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

img {display: block;}

/*Reset
=============================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, #leftCol form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  padding: 0;  margin: 0;
  border: 0;
  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a, a:hover, a:active, a img { border: none; outline: 0; }

/*Layout
=============================================================*/


body {background: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header {background: #fff url(../images/header-bg.jpg) no-repeat 0 0; position: relative; height: 120px;}
#container {background: #fff url(../images/container_bg.jpg) repeat-y 0 0; width: 988px; margin: auto;}
#leftCol {float: left; width: 700px; margin: 0; padding-left: 24px; display: inline;}
#rightCol {float: left; width: 216px; padding: 20px 24px 20px 20px; display: inline;}
.column {float: left; width: 200px; height: 300px; padding:20px 0 0 0; margin: 20px 0 0 0; display: inline;}
#leftCol div.middle {border-left: 1px solid #cddbe8; border-right: 1px solid #cddbe8; width: 198px; padding: 20px 20px 0 20px; margin: 20px 20px 0 20px;}
div#footer {
	position: relative;
	background: #fff url(../images/footer-bg.jpg) no-repeat center 0;
	width: 988px; height: 50px;
	margin: 20px auto 0 auto;
	padding: 0;
	clear: both;
	text-align: center;
	color: #5b89b0;
	font-size: .75em;
	padding-top: 10px;
}


/*Nav
=============================================================*/

ul#nav {
	position: absolute;
	left: 311px; top: 68px;
	margin: 0 auto;
	width: 672px; 
	padding: 0;
	list-style: none;
}

ul#nav li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}

ul#nav li a {
	text-indent: -9999px;
	background: transparent url(../images/nav.jpg) no-repeat 0 0;
	height: 40px;
	display: block;
}

ul#nav li a.company {background-position: 0 0; width: 117px;}
ul#nav li a.company:hover {background-position: 0 -40px}

ul#nav li a.partners {background-position: -117px 0; width: 108px;}
ul#nav li a.partners:hover {background-position: -117px -40px}

ul#nav li a.success {background-position: -225px 0; width: 159px;}
ul#nav li a.success:hover {background-position: -225px -40px}

ul#nav li a.news {background-position: -384px 0; width: 88px;}
ul#nav li a.news:hover {background-position: -384px -40px;}

ul#nav li a.events {background-position: -472px 0; width: 96px;}
ul#nav li a.events:hover {background-position: -472px -40px;}

ul#nav li a.contact {background-position: -568px 0; width: 104px;}
ul#nav li a.contact:hover {background-position: -568px -40px;}



/*Typography
=============================================================*/

h1 {
	font-size: 1.8em; line-height: 1.0em; 	color:#CD912F;
	margin: 20px 0 10px 0;
	background: transparent url(../images/leftCol_bg.jpg) no-repeat 4px bottom;
	padding: 0 0 40px 0;
	text-align: left;
}


h2 {
	font-size: 1.2em; line-height: 1.2em; color:#003e71;
	margin: 0 0 10px 0;
	text-align: left;
}

h3 {font-size: 1.0em; line-height: 1.2em; color:#003e71;
	margin: .3em 0 .3em 0;
	text-align: left;
	clear: both;
}

h4 {}

.column p {}

p, li {text-align: left; font-size: .8em; line-height: 1.4em; margin: 0 10px 10px 0;}

hr {
	line-height: 1px;
	height: 1px;
	border: 0;
	background-color: #377e9e;
	color: #377e9e;
	clear: both;
	display: block;
	margin: 0 0 .6em 0;
}

div.column_shift {position: relative; margin-left: 220px; margin-bottom: 20px; margin-top: 20px; min-height: 90px;}

div.column_shift h3 {
	font-size: 1.05em;
	line-height: 1.2em;
	font-weight: bold;
	color:#003e71;
	text-align: left;
	position: absolute;
	top: -.4em;
	left: -220px;
	display: block;
}

p.bullets {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color:  #ab0000;
}

ul {
	padding: 0 0 0 16px;
	text-align: left;
	margin: 10px 0;
	
}

ul.home {padding: 0;}

ul.home li {
	list-style-type: none;
	font-size: .75em;
	line-height: 1.2em;
	margin: 18px 0;
	color:#003e71;
}

ul.success li {
	border-bottom: 1px solid #cddbe8; 
	padding-bottom: 10px;
	margin: 10px 0;
}

ul.success  li img {
	float:right;
	clear:both;
	margin:0 0 10px 10px;
}


ul.success li img:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.home li.see-all {
	border: 0;
	}

ul.home li.see-all a {
	font-weight: bold;
	color:#af6100;
	text-decoration:none;
	}
	
ul.home li.see-all a:hover {
	text-decoration: underline;
}

dl {margin-bottom: 20px;}


dt, dd {
	font-size: .75em;
	line-height: 1.2em;
	margin: 10px 0 0 0;
	color:#003e71;
	font-weight: bold;
	padding: 0;
	text-align: left;
}

dd {
	font-weight: normal;
		margin: 0 0 10px 0;
}

blockquote {	font-size: .9em; line-height: 1.2em; text-align: left; color:#003e71; margin-bottom: 20px;}
blockquote img {float: right; display: inline; margin: 0 0 10px 5px;}

/*Images/Flash
=============================================================*/

.logo {position: absolute; top: 0; left: 18px; height: 112px; width: 269px; display: block;}

div.column_shift img {position: absolute; left: -220px;}

/*Forms
=============================================================*/

#leftCol form {position: relative; left: -20px;}

#leftCol form fieldset {}
	
#leftCol form legend {font: 1em/1.2em Georgia, "Times New Roman", Times, serif; height: auto;}
	
#leftCol form label {
	font: bold .85em/1.2em Verdana, Geneva, sans-serif;  color:#003e71;
	display: block;
	margin: 0 0 2px 0;
	width: 325px;
}

#leftCol form input, #leftCol form select, #leftCol form textarea {
	font: .9em/1.2em Verdana, Geneva, sans-serif; color: #000;
	display: block;
		width: 325px;
	padding: 3px 0 3px 0; margin: 2px 0 4px 0;
	background: #f3f6f9;
	border: 1px solid #bdcede;
}

#leftCol form select {width: 239px; }

#leftCol form textarea {
	height: 110px;
}

#leftCol form ol {padding: 0;margin: 0;}

#leftCol form li {
	list-style-type: none;
	padding: 4px 0 0 0; margin: 0 0 0 20px;
	line-height: 1.2em;
	float: left;
	display: inline;
}

#leftCol form li.clear {
	width: 95%; height: 1px;
	list-style-type: none;
	border-top: 1px solid  #256a8d;
	paddinh: 0; margin: 10px 0 5px 20px;
	/*
	line-height: 3em;
	margin: .3em 0px .6em 5px;
	*/
}

#leftCol form li.span {
	width: 95%; height: auto;
	list-style-type: none;
	/*
	line-height: 3em;
	margin: .3em 0px .6em 5px;
	*/
	float: left; clear: both;
}

#leftCol form fieldset fieldset {
	border: none;
  	padding:0; margin: 3px 0 0 0;
	background: none; 
}

#leftCol form fieldset fieldset legend {
	font: bold .7em/1.2em Verdana, Geneva, sans-serif; color: #fff;
	padding: 10px 0 3px 0;
}

#leftCol form fieldset fieldset label {
	position: relative;
	padding: 1px 0 4px 0; margin: 0 0 0 18px;
	font-weight: normal;
}

#leftCol form fieldset fieldset.yn {padding-top: 0; margin-top: 0;}

#leftCol form fieldset fieldset.yn label {
	float: left;
	width: 35px;
	padding: 2px 0 0 0; margin-top: 1px;
}

#leftCol form fieldset fieldset.yn legend {padding-top: 0; margin-top: 0;}

#leftCol form label input  {
	position: absolute; top: 1px; left: -18px;
	width: 16px; height: 16px;
	margin: 0;
}
	
#leftCol form input.btnSubmit {
	display: block;
	width: auto; height: 25px;
	padding: 0; margin: 65px 0 2.4em 0px;
	background: #003e71;
	color: #fff;
	font-weight: bold;
}

#leftCol form input:hover.btnSubmit {
}