/* 
  HTML5 ? Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	font-family: Helvetica, Arial, sans-serif;
}                  

body {
	background-color: #ccc;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/*
 * Base
 */

/* Mobile phones will adjust text size when the screen orientation changes unless you include a special CSS parameter */
body {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	font-family: sans-serif;
}

/* 
 * Helper classes 
 */
 
/* prevent callout */
.nocallout {-webkit-touch-callout: none;}

/* Text overflow with ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea.contenteditable {-webkit-appearance: none;}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.hidden {position: absolute; left: -100%;}





/* Primary Styles
   Author:
*/


a.mobile-menu {
	color: #3489b9;
	font-weight: bold;
	font-size: 20px;
	background-image: url(../images/menu-back.gif);
	background-repeat: repeat-x;
	height: 44px;
	vertical-align: middle;
	text-indent: 10px;
	letter-spacing: 2px;
	line-height: 45px;
	text-decoration: none;
	display: block;
	margin: 0px;
}


.header-banner {
	background-color: #002147;
	height: 43px;
}


#menu {
	list-style-type: none;
  	padding:0;
  	margin:0;
}

#menu a, #menu a:visited {
	display:block;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
  }
	
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin-top: 25px;
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

#full-site a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #39F;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 10px;
}

#main-copy {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
}

#price-info { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #039; font-weight: bold; font-size: 14px;}

#price-second { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #669; font-size: 12px; }





/*
 * Media queries for responsive design
 */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}



#header {
	background-color: #165e83;
	margin: 0;
	border: 0;
	text-align: center;
	font-size: 1.5em;
}

#header a:link, #header a:visited, #header a:hover, #header a:active {
	color: #fff;	
	text-decoration: none;
}

#nav {
	background-color: #fff;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color: #000;
	text-decoration: none;
}

#main {
	padding: 1em;
}

#footer {
	background-color: #fff;
	padding: .5em;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #000;
	text-decoration: none;
}

#footer ul {
	list-style: none;
	margin: 0;
}