/* Credits

   Copyright (c) 2008 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;
}

/*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: #e1f4fd url(../images/bg.jpg) repeat-x 0 0; font-family: Calibri, Arial, Helvetica, sans-serif;}
#bg {background: transparent url(../images/content_bg.gif) repeat-y center 0; width: 100%; margin: auto;}
#container {background: transparent url(../images/body_bg.jpg) no-repeat center 0; width: 100%; margin: auto; padding-top: 50px;}
div#banner {position: relative; background: transparent url(../images/banner.jpg) no-repeat center 0; width: 800px; height: 617px; margin: 0 auto;}
#content {width: 760px; margin: 20px auto;}
#leftCol {float: left; width: 494px; margin: 0;}
#rightCol {float: left; widh: 250px; margin: 0 0 0 16px;}
div#footer {
	position: relative;
	background: #e1f4fd url(../images/content_bottom.gif) no-repeat center 0;
	width: 820px; height: 50px;
	margin: 0 auto;
	clear: both;
}


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

ul#nav {
	position: relative;
	left: 160px;
	margin: 0 auto;
	width: 800px; 
	padding: 0;
	list-style: none;
}

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

ul#nav li a {
	font: bold 18px/52px Calibri, Arial, Helvetica, sans-serif; color: #fff;
	padding: 15px 35px; margin: 0;
	text-decoration: none;
}



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

h1 {
	font-size: 2.4em; line-height: 1.4em; font-weight: bold; color:  #ab0000;
	width: 800px; height: 50px;
	margin: 0 auto;
	text-align: center; letter-spacing: -2px;
	clear: both;
}

#banner h1 {position: absolute; bottom: 0px; left: 0; line-height: 1.0em; height: auto;}

h2 {
	font-size: 1.5em; line-height: 1.0em; color: #000;
	margin: 0 0 .3em 0;
	text-align: left;
}

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

h4 {}

p {text-align: left;line-height: 1.1em; margin-bottom: 10px;}

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

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 li {
	text-align: left;
	line-height: 1.1em;
}

dt {
	line-height: 1.0em;
	font-style: italic;
}

dd {
	line-height: 1.0em;
	font-weight: bold; color: #ab0000;
	margin: .3em 0 .6em; 
}


blockquote {}

blockquote p {}

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

img.float {
	float: right;
	border: 1px solid #ab0000;
	margin-bottom: 10px;
}

/*Boxes
=============================================================*/


.box_red, .box_order {
		position: relative;
	background: #bc0000 url(../images/box_red_bottom.jpg) no-repeat center bottom;
	width: 494px; height: 100px;
	margin: 15px 0 20px 0;
}

.box_red p, .box_order p,  .box_order li {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
}

.box_red img, .box_order img {display: block;}

.box_order { background-image:url(../images/box_order_bottom.jpg); width: 370px; height: 250px; float: left; margin-top: 0; }
.box_order p, .box_order li, .box_order ul {text-align: left; margin: 10px; font-weight: normal; line-height: 1.2em;}
.box_order li  {margin: 0px;}

.box_order h3 {
	color: #fff; 
	font-size: 1.4em;
	line-height: 1.0em;
	text-align: center;}

.box_key {
	position: relative;
	background: #bc0000 url(../images/box_key_bg.jpg) repeat-y center 0;
	width: 250px;
	padding: 0 0 70px 0;
	margin: 10px 0;
}

.box_key h3 {
	font-size: 1.4em;
	line-height: 1.0em;
	background: transparent url(../images/box_key_top.jpg) no-repeat center 0;
	width: 250px;
	color: #142654;
	text-align: center;
	padding: 10px 0 0 0;
	border: 0;
	margin: 0 0 .3em 0;
}

.box_key p {
	font-size: .9em;
	line-height: 1.2em;
	width: 210px;
	color: #142654;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

.box_key ul { width: 194px; margin: 0 auto;}
.box_key ul li {	color: #142654;	font-size: .9em;
	line-height: 1.2em;}

img.bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}


.box_btn, .order_btn {
	display: block;
		background: transparent url(../images/box_btn.jpg) no-repeat center 0;
		width: 211px; height: 33px;
		font-size: 1.1em; line-height: 1.8em; font-weight: bold; color: #fff;
		text-decoration: none;
		position: absolute;
		left: 20px;
		bottom: 25px;
		text-align: center;
}

.order_btn {
		background-image: url(../images/order_btn.jpg);
		left:80px;
			color: #142654;
}