/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url("reset.css");
@import url("navigation.css");
@import url("typography.css");
@import url("lightbox.css");


/* stops the nasty horizontal shift with centered layouts in moz etc */
html { height: 100%; margin-bottom: 1px; }

body {
	background: #FFFFFF url(../images/layout/body_bg.jpg) no-repeat center top;
	text-align: center;
}

#container {
	text-align: left;
	margin: 0px auto;
	width: 720px;
}

#header {
	text-align: center;
	height: 148px;
}

#navigation {
	text-align: center;
	height: 44px;
}

#subnavigation {
	background: #124e7a;
	padding: 20px 0px;
}

#content {
	padding: 0px 0px 20px;
}

#primary_content {
	float: left;
	width: 450px;
	padding: 20px 0px 0px;
}

#secondary_content {
	float: right;
	width: 240px;
}

body#home #primary_content {
	float:none;
	width: 100%;
}

body#home #secondary_content {
	float:none;
	width: 100%;
	margin: 20px 0px 0px;
}

#footer {
	font-size: smaller;
	text-align: center;
	clear: both;
	padding: 20px 0px 0px;
}

#header a {
	display:block;
	text-indent: -9999px;
	margin: 0px auto;
	width: 420px;
	height:148px;
}

.for_print {
	display: none;
}


/* HOME */

body#home h2 {
	background: url(../images/home_h2.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 157px;
	width: 720px;
}


.homecolumn {
	width:225px;
	height:120px;
	color: #FFFFFF;
	background: #124e7a;
	float:left;
	display:block;
	text-indent: -9999px;
}

.howitworks {
	margin: 0px 20px 0px 0px;
	background: url(../images/layout/home_buttons_howitworks.jpg) no-repeat 0px 0px;
}

.products {
	margin: 0px 20px 0px 0px;
	background: url(../images/layout/home_buttons_products.jpg) no-repeat 0px 0px;	
}

.faq {
	background: url(../images/layout/home_buttons_gallery.jpg) no-repeat 0px 0px;
}

#photos {}

#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {}
.flickr_badge_image {margin:10px 4px 0 0; display:inline; }
.flickr_badge_image img {border: 1px solid #124e7a !important;}

#side_logos {
	margin: 7px 0px; text-align:center;
}

table, td{
	font:100% Arial, Helvetica, sans-serif; 
}
table{border-collapse:collapse;margin:1em 0;}
th, td{padding:.5em;border:1px solid #fff;text-align: center;}
th{
	background:#124e7a;
	color:#fff;
	font-weight: bold;
	
}
td{background:#e5f1f4;}

/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

/* form style */

fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea {
	width:300px;
	font:12px/12px 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}
	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
	
	
	.gallery img { float:left; margin: 0 10px 10px 0; border:solid 4px #124e7a; }