/*=====================================================================
* Filename: main.css
* Template: Core3
* Author: Jarel Remick - http://www.jremick.com
* Date Created: 1/13/2009
* Media: Screen
*
* Description
* -----------
* CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
* Uses blueprint typography CSS as base starting point: http://www.blueprintcss.org/
=====================================================================*/
 
@import "reset.css";

html { background: url(../images/layout/page-bg-repeat.jpg) repeat; }
body { background: url(../images/layout/page-bg-top.jpg) repeat-x; border-top: solid 1px #6a90a3; }

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.spacer { height: 10px; }
.pagespacer,
.nofeature { height: 50px; }

p img		
p a.left,
p img.left  { float: left; margin: .5em 1.5em 1.5em 0; }
p a.right,
p img.right { float: right; margin: .5em 0 1.5em 1.5em; }
p a:hover img{ background: #2b2e38; }

/* Use this instead of html hr tag */
div.hr { width: 100%; height: 1px; border-top: solid 1px #222; }

/* ===== LAYOUT ===== */
#header, #featured,
#content, #footer,
#navigation, #featured-tabs { width: 900px; margin: 0 auto; }

/* === HEADER === */
#header { height: 49px; background: url(../images/layout/page-topshadow.jpg) no-repeat 0 0; }
#header .content { height: 78px; border-bottom: solid 1px #000000; padding-top: 35px; }
#header .contact-info { width: 250px; float: right; }
#header .contact-info ul { margin: 0; list-style: none; }

.logo { width: 175px; height: 47px; display: block; }
.tagline { float: left; margin-left: 38px; padding-top: 12px; }

/* === NAVIGATION === */
#navigation { height: 50px; position: absolute; background: url(../images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #000000; }
#navigation ul { list-style: none; margin: 0; padding-left: 20px; }
#navigation ul li { float: left; display: inline; }
#navigation a { height: 50px; display: block; float: left; padding: 0 20px; }
#navigation a:hover,
#navigation a.active { background: url(../images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }

/* === Featured Content Section === */
#featured { height: 299px; overflow: hidden; background: url(../images/layout/featured-bg.jpg) repeat; border: solid 0px #56595d; border-top: solid 1px #000000; }
#featured .content { height: 249px; padding: 25px 30px; overflow: hidden; background: url(../images/layout/featured-radialgradient.jpg) no-repeat 0 0; }

#featured-tabs { height: 30px; margin-bottom: 30px; background: url(../images/layout/featured-tabs-bgshadow.jpg) no-repeat 0 0; }
#featured-tabs > div { width: 2px; height: 30px; float: left; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 0 0; }
#featured-tabs ul { list-style: none; margin: 0; }
#featured-tabs ul li { float: left; display: inline; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 100% 0; }
#featured-tabs a { padding: 0 20px; display: block; float: left; height: 29px; margin-top: 1px; }
#featured-tabs a:hover,
#featured-tabs li.active a { border-top: solid 1px #3a505b

; margin: 0; }

#featured .image-container { width: 300px; }
#featured .image { margin: 1px 0; height: 233px; }
#featured .image img { margin: 0; }
#featured .topshadow, #featured .bottomshadow { width: 299px; height: 7px; }
#featured .topshadow { background: url(../images/layout/featured-image-topshadow.gif) no-repeat; }
#featured .bottomshadow { background: url(../images/layout/featured-image-bottomshadow.gif) no-repeat; }

#featured .content-container { margin: 5px 0; }
#featured .content-container p { width: 650px; margin: 0 auto; }
#featured .content-container-right { width: 500px; float: right; margin: 5px 0 5px 30px; }
#featured .content-container-left { width: 500px; float: left; margin: 5px 30px 5px 0; }

#featured ul.horz-gallery { width: 900px; margin: 0 auto; }
#featured ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 12px; }
#featured ul.horz-gallery li.last { margin-right: 0; }
#featured ul.horz-gallery li img { padding: 0px; background: #1d1f27; border: solid 1px #407bcd; }
#featured ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #ffffff; }

#featured ul.featured-blocks { list-style: none; margin: 25px 0 0; }
#featured ul.featured-blocks li { float: left; margin-right: 30px; }
#featured ul.featured-blocks li.last { margin-right: 0; }
#featured ul.featured-blocks .image { height: 158px; display: block; }
#featured ul.featured-blocks .bottomshadow { width: 260px; height: 6px; background: url(../images/layout/featured-blockimage-bottomshadow.jpg) no-repeat; }

/* === Learn More links === */
.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { margin: 10px 0; }

.featured-learnmore-lg.center, .featured-learnmore-sm.center,
.content-learnmore-lg.center, .content-learnmore-sm.center { margin: 10px auto; }

.featured-learnmore-lg.fl, .featured-learnmore-sm.fl,
.content-learnmore-lg.fl, .content-learnmore-sm.fl { margin: 0 0 10px 25px; }
.featured-learnmore-lg.fr, .featured-learnmore-sm.fr,
.content-learnmore-lg.fr, .content-learnmore-sm.fr { margin: 0 25px 10px 0; }

.featured-learnmore-lg, .content-learnmore-lg { width: 156px; height: 36px; display: block; }
.featured-learnmore-sm, .content-learnmore-sm { width: 104px; height: 29px; display: block; }

.featured-learnmore-lg { background: url(../images/layout/featured-learnmore-lg.gif); }
.featured-learnmore-lg:hover { background: url(../images/layout/featured-learnmore-lg.gif) 0 -36px; }
.featured-learnmore-sm { background: url(../images/layout/featured-learnmore-sm.gif); }
.featured-learnmore-sm:hover { background: url(../images/layout/featured-learnmore-sm.gif) 0 -29px; }

.content-learnmore-lg { background: url(../images/layout/content-learnmore-lg.gif); }
.content-learnmore-lg:hover { background: url(../images/layout/content-learnmore-lg.gif) 0 -36px; }
.content-learnmore-sm { background: url(../images/layout/content-learnmore-sm.gif); }
.content-learnmore-sm:hover { background: url(../images/layout/content-learnmore-sm.gif) 0 -29px; }

/* === MAIN CONTENT AREA === */
#content { overflow: hidden; }
#contentMain { width: 560px; float: left; }

#content ul.horz-gallery { width: 900px; margin: 0 auto; }
#content ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 23px; }
#content ul.horz-gallery li.last { margin-right: 0; }
#content ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #ffffff; }
#content ul.horz-gallery li.active img,
#content ul.horz-gallery li a:hover img { background: #3a505b; border: solid 1px #ffffff; }

#content .horz-gallery-content { width: 900px; margin: 25px auto 0; }

/* === SIDEBAR === */
#sidebar { width: 300px; float: right; }
#sidebar .news { margin: 0; list-style: none; }
#sidebar .news li { margin-bottom: 6px; padding-bottom: 10px; border-bottom: solid 1px #1d1f27; }
#sidebar .news p { margin: 0; }

/* === FOOTER === */
#footer {
	margin-top: 0px;
	background: url(../images/layout/footer-bg.gif) repeat;
	border-top: solid 1px #6a90a3;
}
#footer .content { background: url(../images/layout/footer-topshadow.jpg) no-repeat 0 0; border-top: solid 1px #6a90a3; }
#footer .pad { padding: 20px 30px; }
#footer .info { height: 38px; width: 560px; float: left; }
#footer .logo-small { padding-right: 20px; border-right: solid 1px #222222; float: left; }
#footer .logo-small a { margin: 12px 0 8px; display: block; }

#footer .info ul { float: left; padding-left: 12px; list-style: none; margin: 5px 0 0; }
#footer .info ul li { float: left; display: inline; padding: 0 8px; border-right: solid 1px #6a90a3; }
#footer .info ul li.last { border: none; }

#footer .legal { float: left; margin: 8px 0 0 20px; width: 70%; }

/* === Quick Contact Form === */
#quick-contact { width: 270px; float: right; position: relative; }
#quick-contact .container { margin-top: 5px; }
#quick-contact label, #quick-contact .qmessage { clear: both; }
#quick-contact .qname,
#quick-contact .qemail { width: 131px; }
#quick-contact input { width: 125px; border-bottom: solid 1px #6a90a3; }
#quick-contact input, #quick-contact textarea { margin: 4px 0 0; padding: 3px; background: url(../images/layout/footer-formbg.gif) repeat; border: none; }
#quick-contact textarea { width: 264px; height: 50px; }
#quick-contact .qname, #quick-contact .qemail, #quick-contact .qmessage { border-bottom: solid 1px #6a90a3; margin-bottom: 7px; }
#quick-contact .qmessage { clear: both; }
#qresponse { padding: 0 25px; }
#quicksubmit { text-align: right; }
#quick-contact input.qsubmit { width: 62px; border: solid 1px #6a90a3; }
#quick-contact input.qsubmit:hover { background: url(../images/layout/send-hover.gif) repeat; }
#qshow, #qhide { display: block; position: absolute; top: 0; right: 0; }

/* Forms */
form { margin: 20px 0 15px; padding: 10px 0px 0; }
form fieldset { margin: 0; padding: 0; position: relative; }
form fieldset legend { display: none; }
form fieldset legend.show { display: inline; white-space: normal; }     
form fieldset br { clear: both; }

#contact-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#contact-form input,
form fieldset input {  padding: 4px 6px; vertical-align: middle; margin-top: 1em; width: 50%; }
#contact-form textarea,
form fieldset select,
form fieldset textarea { padding: 4px 6px; vertical-align: middle; width: 61%; margin-top: 1em; }

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form button,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button { background: url(../images/layout/footer-bg.gif) repeat; border: solid 1px #6a90a3; }
form fieldset select { width: 52.5%; }
form fieldset input[type="radio"],
form fieldset input[type="checkbox"] { width: auto; margin-left: 0; padding: 0; }

form fieldset fieldset { margin: 1.5em 0 0 110px; padding: 0; }
form fieldset fieldset legend span {
	position: absolute;
	left: 2px;
	width: 150px;
	top: 9px;
}    
form fieldset fieldset input[type="radio"],    
form fieldset fieldset input[type="checkbox"] { margin-top: 0; margin-bottom: 5px; }
form fieldset fieldset label { clear: none; float: none; display: inline; margin-right: 0; }
#contact-form button,
form fieldset button { margin: 10px 15px 0 350px; padding: 3px 8px; }
#contact-form button,
form fieldset button:hover { cursor: pointer; }



/* ===== FONTS ===== Default font settings. The font-size percentage is of 16px. (0.825 * 16px = 13.2px) */
body { font-size: 72.5%; color: #000000; font-family: "Verdana", "Arial Narrow", Arial, Helvetica, sans-serif; }
.nojs { color: #ffffff; text-align: center; }

/* === HEADER === */
#header .contact-info ul { text-align: right; line-height: 1.3em; font-size: .95em; }

/* === NAVIGATIN & FEATURED CONTENT TABS === */
#navigation a,
#featured-tabs a { text-decoration: none; font-weight: 100; letter-spacing: .1em; }

#navigation { font-size: 1.2em; }
#navigation a { line-height: 46px; color: #6992a5; }
#navigation a:hover,
#navigation a.active { color: #ffffff; }

#featured-tabs { font-size: .9em; }
#featured-tabs a { line-height: 28px; color: #6992a5; }
#featured-tabs a:hover,
#featured-tabs a.active { color: #ffffff; }

#featured .content-container { text-align: center; }

#featured ul.featured-blocks { text-align: center; }

/* Learn More links */
.featured-learnmore-lg, .content-learnmore-lg { font-size: 1.15em; color: #6992a5; line-height: 32px; }
.featured-learnmore-sm, .content-learnmore-sm { color: #ffffff; font-size: .9em; line-height: 24px; }
.featured-learnmore-lg:hover, .content-learnmore-lg:hover { color: #ffffff; }

.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { text-align: center; font-style: italic; }
.featured-learnmore-lg:hover, .featured-learnmore-sm:hover,
.content-learnmore-lg:hover, .content-learnmore-sm:hover { text-decoration: none; }

/* === SIDEBAR === */
#sidebar .news { font-size: .95em; }
#sidebar .news .date { font-size: .9em; color: #ffffff
; }

/* === FOOTER === */
#footer, #quick-contact { font-size: 1.05em; }
#footer .info ul li { font-size: .85em; line-height: 10px; }
#footer .info ul li a { color: #ffffff; }
#footer .info ul li a:hover { color: #6a90a3; }

#footer .legal { font-size: .8em; color: #6a90a3; line-height: 12px; }

/* Quick Contact form */
#quick-contact, #quick-contact input.qsubmit { font-size: .9em; color: #ffffff; }
#quick-contact .qsuccess { text-align: center; }
#qresponse { color: #6a90a3; line-height: 1.2em; }
#quick-contact input.qsubmit:hover,
#qshow:hover, #qhide:hover { color: #6a90a3; cursor: pointer; text-decoration: none; }
#quick-contact input,
#quick-contact textarea { color: #ffffff; font: 1em "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: .05em; }

/* Forms */
form label, form legend { font-family: "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: 200; }
form fieldset label,
form fieldset fieldset legend { color: #6a90a3; text-align: right; }
#contact-form button,
#contact-form input,
#contact-form textarea,
form fieldset input,u
form fieldset select,
form fieldset textarea,
form fieldset button { color: #6a90a3; }
#contact-form button:hover,
form fieldset button:hover { color: #6a90a3; }

#response { color: #9e1a1a; line-height: 1.3em; }

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000000; }

#featured h1 { color: #ffffff; letter-spacing: 0em; }
#footer h5 { font-size: 1.1em; color: #ffffff; }

h1 { font-size: 2em; margin-bottom: 1.1em; }
h2 { font-size: 1.65em; margin-bottom: 1.1em; }
h3 { font-size: 1.3em; margin-bottom: 1em; }
h4 { font-size: 1.1em; margin-bottom: 1em; }
h5 { font-size: 1em; margin-bottom: .75em; }
h6 { font-size: .95em; margin-bottom: .6em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements */
p           { margin: 0 0 1.5em; font-weight: 200; line-height: 1.55em; }
#featured p { color: #6a90a3
; line-height: 1.45em; }

a:focus, 
a:hover     { color: #ffffff; text-decoration: underline; }
a           { color: #ffffff
; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul, ol, dl	{ font-weight: 200; line-height: 1.65em; margin: 10px 0 1.5em 35px; }
ul ul, ol ol{ font-size: 1em; margin: 0 0 0 25px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; font-weight: 200; line-height: 1.65em; border: solid 1px #222; }
th          { font-weight: bold; background: #0C0E10; }
th,td       { padding: 4px 10px 4px 5px; border: solid 1px #222; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }