/*-----------------------------------------------------------------------------
Billings Bilingual, LLC
Screen Style Sheet
http://www.billingsbilingual.com/
(format courtesy of Andy Budd, http://www.andybudd.com/, and Andy Clarke, http://www.stuffandnonsense.co.uk/)

version:   1.0
author:    Adam J. Barkafski, Dream Seed Multimedia
email:     webspinner [ A T ] dreamseedmultimedia [ D O T ] com
website:   http://www.dreamseedmultimedia.com/
-----------------------------------------------------------------------------*/

/* =Normalization
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Remove list-style from lists */
ol, ul {
	list-style: none;
}
/* Remove border and spacing from tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	text-align: left;
	font-weight: normal;
}
/* Remove border from fieldset and img */
fieldset, img, img a {
	border: 0;
}
/* Left-align text */
caption, th {
	text-align: left;
}
/* Remove quotation marks from q */
q:before, q:after {
	content: '';
}

/* =Layout (Foundational)
-----------------------------------------------------------------------------*/

/* Class for clearing floats */
.clear, p.return {
	clear: both;
}
/* Hide offscreen */
label.copy, #access-nav, .country-name, .vcard, #home #branding p {
	clear: both;
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.hide, .print {
	display: none;
}
body {
	text-align: center;
}
#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#branding {
	margin: 80px 0 0 0;
	padding: 24px 24px 24px 48px;
	background: url(/images/branding-bg.png) left top no-repeat;
}
#main-nav {
	position: absolute;
	top: -56px;
	right: 36px;
}
#content {
	position: relative;
	margin: 0;
	background: url(/images/content-bg.png) left top repeat-y;
}
#main-content {
	margin: 0 48px;
}
#home #main-content {
	float: left;
	width: 532px;
	padding-left: 48px;
	margin: 0;
}
#sec-content {
	float: right;
	width: 300px;
	padding-right: 48px;
}
/*#sec-content {
	float: right;
	width: 300px;
	padding: 0 48px 0 18px;
}*/
#site-info {
	position: relative;
	background: url(/images/footer-bg.png) left top no-repeat;
	padding: 24px 24px 0 48px;
}


/* =Display
-----------------------------------------------------------------------------*/

html {
	background: #00243A url(/images/body-bg.jpg) left top repeat-x;
}
.warning {
	min-height: 84px;
	background: #FFF url(/images/alert-large.gif) 12px 12px no-repeat;
	padding: 0 24px 12px 84px;
	border: 2px solid #F00;
}
.warning-detail {
	width: 27em;
	min-height: 30px;
	background: #FFF url(/images/alert-small.gif) 6px 6px no-repeat;
	border: 1px solid #F00;
	padding: 6px 24px 12px 12px;
}
.right {
	padding: 12px 0 12px 12px;
	float: right;
	display: inline;
}
.left {
	padding: 12px 12px 12px 0;
	float: left;
	display: inline;
}


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

body {
	font: 62.5%/1.6 "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper {
	font-size: 150%;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
code, kbd {
	font-family: "Courier New", Courier, monospace;
}
p, pre, blockquote {
	margin: 1em 0;
}
ol, ul, dl {
	margin: 1em 0 1em 36px;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 2em;
	margin: 0 0 1em;
}
h3 {
	font-size: 1.5em;
	margin: 1.2em 0 0.8em;
	font-style: italic;
	color: #D11242;
}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0 0.5em;
}
dt {
	margin-top: 1em;
}
dd {
	margin-bottom: 1em;
}
acronym, abbr {
	cursor: help;
}
em, cite, .title {
	font-style: italic;
}
strong, dt, .required, .warning, .warning-detail {
	font-weight: bolder;
}
.required, .warning, .warning-detail {
	color: #F00;
}
p.return {
	clear: both;
	text-align: right;
	font-size: 90%;
	margin: 0 38px;
	padding: 0 0 12px;
}
#error .warning p {
	font-size: 150%;
	font-weight: normal;
}
label.spam {
	font-size: 0.8em;
}


/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited {
	color: #003C61;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	background-color: #FFC;
	color: #D11242;
	cursor: pointer;
}
a:active {
	text-decoration: underline;
	color: #D11242;
}
/*a[href^="http:"] {
	background: url(/images/external-link.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="http:"]:hover {
	background-color: #FFC;
}
a[href^="http://www.billingsbilingual.com"] {
	background-image: none;
	padding-right: 0;
}*/


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

fieldset {
	background: #BFDDF0;
	padding: 12px 24px;
}
legend {
}
label {
	display: block;
}
label.radio, label.check {
	display: inline;
}
input.text, textarea, select {
	width: 25em;
	padding: 3px;
}
input.checkbox, input.radiobox {
	width: auto;
	padding: 0;
	border: 0;
}
select {
	display: block;
}
select option {
	padding: 2px 0;
}
input.button {
	padding: 3px;
	background: #003C61;
	color: #FFFFE6;
	cursor: pointer;
}
.warning-detail label {
	padding-left: 24px;
}
.warning-detail input.text, .warning-detail select, .warning-detail textarea {
	margin-top: 6px;
	background: #FFF;
}

	
/* =Tables
-----------------------------------------------------------------------------*/

table.sample { 
	width: 600px;
}
.sample col {
	border-right: 1px solid #CCC;
}
.sample col.end {
	border-right: none;
}
.sample thead {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.sample th {
	text-align: left;
	font-weight: bolder;
	padding: 6px;
}
.sample td {
	text-align: left;
	font-weight: normal;
	padding: 6px;
}
.sample tr.odd {
	background-color: #FFC;
}


/* =hCard
-----------------------------------------------------------------------------*/



/* =Search
-----------------------------------------------------------------------------*/



/* =Branding
-----------------------------------------------------------------------------*/

#branding h1 {
	position: relative;
	width: 300px;
	height: 128px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#branding h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/bb-logo.png) no-repeat;
}
#branding p {
	position: absolute;
	top: 18px;
	right: 48px;
	font-size: 1.3em;
	margin: 1.2em 0 0.8em;
	font-style: italic;
	line-height: 1.2;
	font-weight: bolder;
	color: #003C61;
}


/* =Main Navigation
-----------------------------------------------------------------------------*/

#main-nav ul {
	list-style: none;
}
#main-nav ul li {
	display: inline;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 110%;
}
#main-nav li a {
	display: block;
	width: 104px;
	height: 29px;
	padding: 8px 24px;
	background: url(/images/nav-link-bg.png) left top no-repeat;
	color: #FFFFE6;
	text-decoration: none;
}
#main-nav li a:hover {
	background: url(/images/nav-link-bg.png) right top no-repeat;
	color: #FFFFE6;
}
#home li#nav-home a, #about li#nav-about a, #contact li#nav-contact a {
	background: url(/images/nav-active-bg.png) left top no-repeat;
	color: #001E31;
	z-index: 1000;
	margin-top: 1px;
}


/* =User Navigation
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/

#main-content ul {
	list-style: disc;
}
#main-content ol {
	list-style: decimal;
}
#main-content p.phrase {
	font-style: italic;
	background: #FFFFE6;
	padding: 6px 12px;
	border: 1px solid #003C61;
}
	


/* =Secondary Content
-----------------------------------------------------------------------------*/

#sec-content div {
	background: #003C61;
	border: 2px groove #003C61;
	padding: 12px 24px;
	color: #FFFFE6;
	margin-bottom: 18px;
}
#sec-content h4 {
	font-size: 130%;
	font-weight: bolder;
	margin: 0;
}
p.action {
	text-align: center;
}
p.action img {
	margin: 0 auto;
}
p.action a:hover {
	background: transparent;
}
#sec-content p.phrase {
	font-size: 110%;
	font-style: italic;
}
#sec-content p.phrase span {
	font-weight: bolder;
}
.clients ul {
	list style: none;
	margin-left: 0;
}
.clients ul li {
	line-height: 1;
	margin-bottom: 1em;
}
	

/* =Footer
-----------------------------------------------------------------------------*/

#site-info, #site-info a {
	color: #FFFFE6;
}
#site-info {
	font-size: 90%;
}
#site-info a:hover {
	background: transparent;
}