@import url(structure.css);
@import url(utilities.css);

/* ################ DEFAULT FORMATTING ################ */

/* ========== LINKS ========== */
a:link,
a:visited {
	font-size: inherit;
	text-decoration: none;
	color: #900;
}

a:link {}

a:visited {
	color: #666;
	}

a:link:hover,
a:visited:hover {
	text-decoration: underline;
}

a:link:active,
a:visited:active {}


/* ========== OTHER ELEMENTS ========== */

/* Set overall font and line-height */
h1, h2, h3, h4, h5, h6,
p, blockquote, address,
li, dt, dd,
legend, label, option,
th, td, caption {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica,  san-serif;
	line-height: 20px;
}

/* Set general left and right margins */
h1, h2, h3, h4, h5, h6,
p, blockquote, address,
ul, ol, dl,
form, table {
	margin-left: 10px;
	margin-right: 10px;
}

/* General header top and bottom margins */
h1, h2, h3, h4, h5 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* General content and container element top and bottom margins */
h6, p, blockquote, address,
ul, ol, dl,
form, table, object {
	margin-top: 0;
	margin-bottom: 1em;
}

/* General header styling */
h1, h2, h3, h4, h5, legend {}

/* General content styling */
p, blockquote, address,
li, dt, dd,
label, option,
th, td, caption {
	font-size: 12px;
}


/* ========== BLOCK LEVEL AND CORE CONTENT ELEMENTS ========== */

h1 {
	font-family: 'L Futura Light', 'Helvetica Neue', 'Arial Narrow', Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 100;
	line-height: .9em;
	margin-top: 22px;
	margin-bottom: 20px;
}

h2 {
	font-family: 'Futura Book', Futura, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #036;
	margin-top: 20px;
}

h3 {
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #036;
}

h4 {}

h5 {}

h6 {
	float: left;
	margin: 0;
}

p {}

blockquote {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	color: #036;
	font-style: italic;
}

blockquote * {}

address { 
	font-style: normal; 
	line-height: 16px;
}

img {
	border: 0;
	display: block;
}

pre { margin: 1em 15px; }

/* ========== LISTS ========== */

/* Fixes nested list display bug in IE/Win */
ul, ol, dl {
	position: relative;
	margin-left: 30px;
}

ul {}

ol {}

li {}

ul ul {}

ol ol {}

ul li {}

ol li {}

dl {}

dt {}

dd {}


/* ========== FORMS ========== */

form {}

fieldset {}

legend {}

label {}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {}

input[type="checkbox"],
input[type="radio"] {}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {}

textarea {}

button {}

input { vertical-align: middle; }

select {}

option {}


/* ========== TABLES ========== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr {}

th, td { padding: 0; }

th {}

td {}

caption {}


/* ========== INLINE/PHRASE ELEMENTS ========== */

del, ins,
sup, sub, big, small,
em, strong, code, dfn, kbd, samp, var, q, cite, abbr, acronym,
a {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

q {}

/*
 	IE/WIn does not support automatic quoting of q tag.
	Must add quote entities manually OUTSIDE of the <q> tags.
*/
q:before,
q:after {
	content: "";
}

html>body abbr[title],
* html abbr {
	border: 0;
	cursor: help;
	font-style: normal;
}

cite {}
em {}
strong {}
sup {}
sub {}
del {}
ins {}
code {}
dfn {}
kbd {}
samp {}
var {}
big {}
small {}

/* ################ GENERAL STYLE OVERRIDES ################ */

/* Zeroes out left and right margins of nested elements so parent element will control them */
p *,
li *,
blockquote *,
form * {
	margin-right: 0;
	margin-left: 0;
}

blockquote p {
	margin-bottom: 0;
	font-style: italic;
}

blockquote cite {
	font-weight: bold;
	text-align: right;
	display: block;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 14px;
	margin-top: 1em;
}

blockquote cite:before {
	content: '\2014';
}


li ul, li ol {
	margin-left: 15px;
}

/* ################ PAGE SECTION REDEFINITIONS ################ */

/* ========== HEADER ========== */

#header h1 { display: none; }

#header img {
	text-align: center;
	margin: 0 auto;
}


/* ========== MAIN NAV ========== */

#nav ul { margin: 0; }

#nav ul li {
	display: inline;
	float: left;
	margin: 0 !;
	width: 195px;
	font-size: 14px;
	background-color: transparent;
}

#nav a, #nav a span {
	display: block;
}

#nav a span,
#nav a:hover span,
#nav a:visited span {
	margin-left: 10px;
	line-height: 30px;
	color: #9CF;
	background-image: url(/_img/img_nav_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#nav a:hover {
	background-image: url(/_img/img_nav_current.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #036;
	text-decoration: none;
}

#nav a:hover span {
	background-image: url(/_img/img_current_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #036;
}

#nav .current span {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	height: 30px;
	background-image: url(/_img/img_current_arrow.gif) !important;
	background-position: top left;
	background-repeat: no-repeat;
	color: #036 !important;
}

#nav .current a,
#nav .current a:visited,
#nav .current a:hover {
	color: #036 !important;
	background-image: url(/_img/img_nav_current.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* ========== LEFT COLUMN/SUBNAV ========== */

#subnav { margin-left: 10px; }

#subnav li {
/* 	margin-left: 0; */
	border-bottom: 1px dotted #656565;
	font-size: 14px;
	list-style-type: none;
	line-height: 14px;
 	padding-top: 5px; 
 	padding-bottom: 5px; 
}


#subnav .current a:link,
#subnav .current a:visited {
	background-image: url(/_img/img_subnav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	color: #036;
	font-weight: normal;

}

#subnav a:link,
#subnav a:visited {
	display: block;
	padding-left: 10px;
}

#subnav a:hover,
#subnav a:visited:hover {
	color: #036;
	text-decoration: none;
}

#subnav li ul {
	display: none;
 	margin-top: 5px; 
 	margin-bottom: 5px; 
}

#subnav li.current ul {
	display: block;
}

#subnav li ul li {
	border: none;
	font-size: 11px;
	line-height: 16px;
	margin-left: 10px;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: disc;
}

#subnav li ul li a:link,
#subnav li ul li a:visited {
	background-image: none !important;
	padding-left: 0 !important;
	color: #900 !important;
	font-weight: normal;
}

#subnav li ul li a:hover {
	text-decoration: underline !important;
}

#subnav li ul li.current a:link,
#subnav li ul li.current a:visited {
	color: #036 !important;
	font-weight: bold;
}



.subnav_header {
	margin: 0;
	height: 30px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #036;
	border-top: 1px solid #036;
	background-image: url(/_img/img_nav_current.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.subnav_header span {
	display: block;
	margin-left: 20px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background-image: url(/_img/img_current_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* ========== CENTER COLUMN ========== */

/* ========== RIGHT COLUMN ========== */

#quote {
	width: 195px;
	background-color: #690;
	background-image: url(/_img/img_textblock_green_bkg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#quote blockquote {
	width: 100%;
	padding: 10px 0;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	margin: 0;
}

#quote p {
/* 	line-height: 14px; */
	margin: 0 10px;
	font-size: 12px;
}

#quote .callout {
	text-indent: 20px;
}

#contact {
	margin-top: 80px;
	width: 195px;
	margin-bottom: 18px;
	background-image: url(/_img/img_textblock_brown_bkg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#contact p {
	padding: 10px 0;
	margin: 0 10px;
	font-size: 12px;
	color: #330;
}

/* ========== FOOTER ========== */

#bottom_nav {
	margin: 50px 0 0 10px;
	padding: 0;
	width: 758px;
	height: 30px;
	font-size: 11px;
	color: #fff;
	border: 1px solid #fff;
	list-style-type: none;
	background-image: url(/_img/img_bottom_nav_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#bottom_nav ul {
	line-height: 32px;
	margin: 0 0 0 10px;
}

#bottom_nav li {
	display: inline;
	margin: 0;
	padding: 0 10px;
	vertical-align: middle;
	border-right: 1px solid #9c3;
}

#bottom_nav li a {
	color: #fff;
}

#footer p,
#footer address,
#footer li {
	line-height: 14px;
	font-size: 11px;
	color: #F99;
}

#footer a {
	color: #FFF;
}

#footer #address {
	padding-left: 10px;
	width: 185px;
	margin: 0;
	color: #FFF;
}


#footer .allcaps {
	font-size: 11px;
}

/* ################ PAGE SPECIFC OVERRIDES ################ */

#clients #center_col ul li { font-weight: bold; }
#clients #center_col li span.allcaps { font-weight: normal; }

/* ################ CUSTOM CLASS ################ */
.position {
	color: #000;
	text-transform: uppercase;
	font-size: 80%;
}


.big_quote_left, .big_quote_right {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
}
/*.big_quote_right {
	margin-top: 10px;
	line-height: 12px;
	font-family: "times new roman", times, serif;
	font-size: 26px;
}*/


.firstitem {
	padding-left: 0 !important;
	border-left-width: 0;
}

#credits * {
	font-size: 10px;
	margin: 0;
}

#credits li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #f99;
}

.intro {
	font-size: 14px;
	font-weight: lighter;
	font-style: italic;
	color: #600;
}

.callout {
	font-size: 14px;
}

.pink { color: #f99; }
.white { color: #FFF; }

.filesize { color: #999; }