/******************************************
Include File: /assets/css/handheld/layout/standard.css
Description: Base handheld layout to
override screen functionality and make the
page readable on a small screen.
******************************************/
body {
	margin: 0;
	padding: .3em;
}

img	{
	max-width: 98%;
}

pre {
	white-space: -pre-wrap;
	white-space: pre-wrap;
}

#page {
	max-width: 597px;
	width: auto;
}


/******************************************
Include File: /assets/css/handheld/layout/header.css
Description: Header handheld layout to
edit the logo size, menu, etc.
******************************************/
#header {

}

#header .menu {
	clear: both;
}


/******************************************
Include File: /assets/css/handheld/layout/content.css
Description: Content handheld layout for
resetting margins and padding so that they
display correctly.
******************************************/
#content {
	border: 1px solid #333;
	border-width: 1px 0;
}

#main-content, #auxiliary-content {
	clear: both;
	margin: 0;
	padding: 1%;
	width: 98%;
}



/******************************************
Include File: /assets/css/handheld/layout/footer.css
Description: Footer handheld layout to get
the copyright notice and footer menu
correct.
******************************************/
#footer {
	clear: both;
}

.copyright {
	text-align: center;
}


/******************************************
Include File: /assets/css/handheld/layout/navigation.css
Description: Navigation Handheld file to
make for a readable navigation scheme.
******************************************/
ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.menu a {
	display: block;
	margin: 0;
	padding: .1em .3em;
	text-decoration: none;
}

ul.menu.horizontal li {
	display: inline;
	float: left;
}

ul.menu.horizontal li a {
	float: left;
}

ul.menu.horizontal li {
	display: block;
	float: none;
}

ul.menu.tabcontrol {
	width: 100%;
}

ul.menu.tabcontrol li a.selected {
	background-color: #DDD;
	color: #F00;
}


/******************************************
Include File: /assets/css/handheld/layout/forms.css
Description: Forms will have to be
overridden for a small screen layout
******************************************/
form {
	
}


/******************************************
Include File: /assets/css/handheld/typography/typography.css
Description: Set typography and fonts to
be readable, but small enough to display
correctly.
******************************************/
html, body {
	font: 100%/1.3 Arial, Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 1.3em;
	line-height: 1;
	margin: 1.3em 0;
}

h2 {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 1.2em 0;
}

h3 {
	font-size: 1.1em;
	line-height: 1.3;
	margin: 1.3em 0;
}

h4 {
	font-size: 1em;
	line-height: 1.3;
	margin: 1.3em 0;
}

h5 {
	font-size: 1em;
	line-height: 1.3;
	margin: 1.5em 0;
}

h6 {
	font-size: .8em;
	line-height: 1.5;
	margin: 1.5em 0;
}

p {
	line-height: 1.3;
	margin: 1.3em 0 0 0;
}

p + p {
	margin-top: 0;
	text-indent: 1.3em;
}

ol, ul, dl {
	margin: .65em 0 .65em 1.3em;
}

ol ol, ol ul, ul ul, ul ol {
	margin: 0 0 0 1.3em;
}

li {
	margin: 0;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.6667;
	margin: 1.6667em 1em;
}

acronym {
	font-size: 90%;
}



/******************************************
Include File: /assets/css/handheld/color/palette.css
Description: Handheld color scheme.
******************************************/
html, body {
	background-color: #DDD;
}

h1, h2, h3, h4, h5, h6, dt {
	color: #555;
}

p {
	color: #333;
}

table {
	border: 2px solid #DDD;
	border-collapse: collapse;
}

table th, table td {
	border-bottom: 1px solid #DDD;
}

table th {
	background-color: #EEE;
	color: #C86324;
}

table td {
	background-color: #F5F4EB;
}


.section.auxiliary a:link,
.section.tertiary a:link { color: #0077BC; }
.section.auxiliary a:visited,
.section.tertiary a:visited { color: #00A2FF; }
.section.auxiliary a:hover,
.section.tertiary a:hover { color: #316887; }
.section.auxiliary a:active,
.section.tertiary a:active { color: #AA0000; }


ul.menu a:link, ul.menu a:visited {
	border-color: #777;
}

ul.menu.tabcontrol a.selected, ul.menu.tabcontrol a:hover, ul.menu.tabcontrol li.hover a {
	background-color: #00A2FF;
	color: #FFF;
}

#index .menu li.index a,
#about .menu li.about a,
#products .menu li.products a,
#services .menu li.services a,
#contact .menu li.contact a,
ul.menu a:hover {
	background-color: #264A93;
	color: #FFF;
}

#page {
	background-color: #FFF;
	border: 2px solid #777;
}

#header {
	border-bottom: 2px solid #777;
}

#content {
	border: 2px solid #777;
	border-width: 2px 0;
}

#content, .section.auxiliary, .section.tertiary {
	background-color: #DDD;
}

.section.main {
	background-color: #FFF;
}

.section.auxiliary h2,
.section.auxiliary h3,
.section.auxiliary h4,
.section.tertiary h2,
.section.tertiary h3,
.section.tertiary h4 {
	color: #261A11;
}