/* Written by Simon Britchford Dec 2009 */
/* Blueprint credits at bottom of screen */

/* Normalization
=================================================*/
html, body, div, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {font-size: 100.1%;}
ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}

/* Blueprint Structure
=================================================*/
.container {width: 950px; margin: 0 auto; background: transparent;}

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last {margin-right: 0;}

/* Use these classes to set the width of a column. */
.span-1  { width: 70px;}
.span-2  { width: 150px;}
.span-3  { width: 230px;}
.span-4  { width: 310px; /*background: yellow;*/}
.span-5  { width: 390px;}
.span-6  { width: 470px;}
.span-7  { width: 550px;}
.span-8  { width: 630px;}
.span-9  { width: 710px;}
.span-10 { width: 790px;}
.span-11 { width: 870px;}
.span-12, div.span-12 { width: 950px; margin: 0; }

/* Misc classes and elements
-------------------------------------------------------------- */
/* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* Building Blocks
=================================================*/
body {background:#333333 url(/images/site/bgtile_backdrop.jpg); background-attachment: fixed;}
#header {position: relative; background: white; height: 150px;}
#auxillary {background: transparent url(/images/site/bgtile_dkgrey_trans.png); padding: 7px 10px; font-size: 11px; text-align: right; color: #a2bfbf;}
#nav_wrapper {position: absolute; left: 0px; bottom: 0; border: 8px #ffffff solid; width: 950px; background-color: #606;}
#wrapper {width: 950px; margin: 0 auto; padding: 0 0 0 0;}
#footer {background: transparent; height: 40px; padding: 5px 0;}
#banner {background: #ff6600; height: 100px;}

#showcase_1 {background: white; height: 350px;}
#showcase_quote {background: transparent url(/images/site/bgtile_grey_trans-grey.png);}  /* bgtile_orange_transgrey */
#white {background: white;}
#carrot_top {background: white url(/images/site/bgtile_banner_orange.gif) repeat-x;}
#pastel_top {background: white url(/images/site/bgtile_banner_pastel-blue.gif) repeat-x;}
#blog_1 {background: transparent url(/images/site/bgtile_white_pastel-blue.gif);}
#contact {background: transparent url(/images/site/bgtile_pastel-blue_white.gif);}

#row_1 {background: transparent url(/images/site/bgtile_white_trans-orange.png);}
#row_2 {background: transparent url(/images/site/bgtile_grey_trans-grey.png);}

#footer_page {width: 720px; height: 25px; background: transparent;}
#social_links {background: #dcebee; margin:5px 20px;}

/* Lists
=================================================*/
ul#nav_site {float: right; margin: 15px 10px 0 0; padding-right: 10px; border-right: #ff6600 1px dotted;}
ul#nav_site li {font-size: 16px; text-align: right;}
ul#nav_site li a {display: block; color: #5B6D74; font-weight: normal; text-decoration: none; padding: 2px;}
ul#nav_site li a:hover {color: #ff6600;}
ul#nav_site li a.hilite {color: #ff6600; font-weight: normal;}

ul#nav_site2 {float: right; margin: 15px 10px 0 0; padding-left: 0;}
ul#nav_site2 li {font-size: 16px; text-align: left;}
ul#nav_site2 li a {display: block; color: #5B6D74; font-weight: normal; text-decoration: none; padding: 2px;}
ul#nav_site2 li a:hover {color: #ff6600;}
ul#nav_site2 li a.hilite {color: #ff6600; font-weight: normal;}

ul.nav_side {font-size: 13px; margin: 10px 20px; border-top: 1px #9DA7AC dotted; padding-bottom: 15px; text-transform: lowercase;}
ul.nav_side li {padding: 5px 0; border-bottom: 1px #9DA7AC dotted; color: #5b6d74;}
ul.nav_side li span {font-size: 12px; color: #5b6d74;}
ul.nav_side li a {text-decoration: none; color: #5b6d74;}
ul.nav_side li a:hover {color: #ff6600;}
ul.nav_side li a.hilite {color: #ff6600;}

ul.nested {font-size:13px; font-weight: normal; padding: 3px 20px 5px 10px;}
ul.nested li {padding:2px 0;}

ul.links {font-size:14px; font-weight: normal; margin: 10px 20px;}
ul.links li {padding: 0 0 5px 0; color: #ff6600;}
ul.links li a {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}

ul#contact {font-size:14px; font-weight: normal; padding: 5px 20px; background: #ffffff;}
ul#contact li {padding: 0 0 3px 0; color: #333333;}
ul#contact li a:link {color: #ff6600; text-decoration: none;}
ul#contact li a:visited {color: #ff6600; text-decoration: none;}
ul#contact li a:hover {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}
ul#contact li a:active {color: #ff6600; text-decoration: none;}

ul.plain {font-size:13px; font-weight: normal; padding: 5px 20px;}
ul.plain li {padding: 5px 0;}

ul.body, ul.white {font-size:14px; font-weight: normal; padding: 5px 20px;}
ul.body li {padding: 2px 0; color: #333333;}
ul.white li {padding: 4px 0; color: #ffffff;}

ul.info {background: rgb(255,255,255); padding: 7px 10px; margin: 0 20px 10px 20px;}
ul.info li {padding: 4px 0; color: #ff6600; font-size:12px; font-weight: normal;}

ul.w_bullets {font-size: 14px; font-weight: normal; padding: 3px 20px 5px 20px; font-weight: normal;}
ul.w_bullets li {padding: 5px 0; line-height: 1.4;}
ul.w_bullets li span {font-size: 18px; color: #ffffff;}

dl {font-size:14px; font-weight: normal; padding: 0 10px 10px 30px; color: #eeeeee;}
dl dt {padding: 15px 0 5px 0; font-size:16px;}
dl dd {padding: 0; font-size:14px; line-height: 1.4;}

/* Tables
=================================================*/
table#bare {margin: 10px 0 10px 20px; font-size: 14px;}
table#bare td {padding: 3px 5px;}

/* Forms
=================================================*/
form#general {}
form#general label {color: #698b9e; font-size: 12px;}
form#general input.fieldz, form#general textarea.fieldz {font-size: 16px; font-weight: normal; color: #333333; width: 400px;}
form#general input.buttonz {width: 75px; margin-left: 10px;}

/* Blockquotes
=================================================*/
blockquote#showcase {padding-bottom:0px;}

/* Images
=================================================*/
#logo {position:absolute; left:15px; top:15px;}
img.fl_left {float: left; margin: 3px 5px 3px 0;}
img.fl_right {float: right; margin: 3px 0 3px 5px;}
img.body {margin: 10px 20px;}
img.social_icons {margin: 10px 0; padding: 0; border: none;}

/* Misc
=================================================*/
pre {border: #999999 1px solid; padding: 10px; margin: 10px 20px; background: #ffffff;}
code {font-family: monospace; color: #333333; font-size: 12px; font-weight: normal;}
code span {background: #e6ffff; color: #333333;}

/* Type
=================================================*/
h1, h2, h3, h4 {margin: 0 20px; color: #333333;}
h1 {font-size: 24px; padding: 20px 0 5px 0; font-weight: normal;}
h2 {font-size: 18px; padding: 15px 0 5px 0; font-weight: normal;}
h3 {font-size: 16px; padding: 10px 0 5px 0; font-weight: normal;}
h4 {font-size: 12px; padding: 10px 0 3px 0; font-weight: bold;}

h1#special {text-transform: uppercase;}
h1#lower {text-transform: lowercase;}
h2.subtitle {font-size: 16px; padding: 20px 0 10px 0;}
h2#info {background: #424F54; padding: 5px 10px; font-size:14px; width: 120px; margin-top: 10px;}

#sidebar p {font-size: 12px; line-height: 1.4;}

#white h2, #white h3 {color: #333333;}
#white p.more {color: #ff6600;}
#white p.intro {font-size: 16px; padding-bottom: 20px;}
#white p span.more {color: #ff6600; padding-left: 5px;}
#white p sup {font-size: 10px; margin: 0; padding: 0 3px;}
#white p.description {font-size: 11px; margin: -5px 0 5px 20px; padding:0; color: #698b9e;}      /* used under h2 tags for publishing details */

.dotted {border-bottom: #ffffff 1px dotted;}
#orange h1, #orange h2, #orange h3 {color: #ffffff;}
#orange p {font-size: 12px; line-height: 1.5; color: #ffffff;}
#orange p.more {color: #ffffff;}
#orange p.big {font-size: 18px; line-height: 1.4; color: #ffffff;}
#orange p.lge {font-size: 16px; line-height: 1.4; color: #ffffff;}
#orange p.med {font-size: 14px; line-height: 1.4; color: #ffffff;}

#grey h1, #grey h2, #grey h3 {color: #eeeeee;}
#grey h3 {text-transform: lowercase;}
#grey h4 {color: #999999; line-height: 1.4;}
#grey p.big {font-size: 18px; line-height: 1.4; color: #ffffff;}
#grey p.lge {font-size: 16px; line-height: 1.4;}
#grey p.med {font-size: 14px; line-height: 1.4; color: #ffffff;}
#grey p.sml {font-size: 11px; line-height: 1.3; color: #ffffff;}
#grey p {font-size: 12px; line-height: 1.5; color: #eeeeee;}
#grey p.intro {color: #eeeeee; font-size: 16px; margin-top: 5px; margin-bottom: 5px; padding: 5px 0; border-top: 1px #cccccc dotted; border-bottom: 1px #cccccc dotted;}
#grey p.more {color: #ff6600; padding: 5px 0;}
#grey p.links {color: #ff6600; font-size: 14px; padding: 0 0 2px 0;}      /* action links   */
#grey ul.w_bullets li {color : #cccccc;}
#grey ul.nested li {color : #c3d1d6;}
#grey ul.plain li {color : #a2bfbf;}
#grey p.publish_date {font-size: 11px; margin: 10px 0 -8px 20px; padding:0; color: #678288;}    /* used on home page over news h2 tags */

p {font-size: 14px; font-weight: normal; line-height: 1.5; color: #333333; margin: 0 20px; padding-bottom: 5px;}
.big {font-size: 20px;}
.med {font-size: 18px;}
.sml {font-size: 12px;}
p.more_testimonials {color: #ff6600; padding: 5px 0; text-align: right;}
p.return_link {color: #ff6600; padding: 5px 0; text-align: right; font-size: 12px;}
p.separator_half {height: 1px; width: 50%; margin: 10px 20px 20px 20px; border-bottom: 1px #306868 dotted;}
p.separator_cs {height:1px; width:50%; margin: 10px 20px 20px 20px; border-bottom: 1px #ffffff dotted;}
p.separator {height: 1px; margin: 5px 20px 15px 20px; border-bottom: 1px #306868 dotted;}
#sidebar p.separator {height: 1px; margin: 5px 20px; border-bottom: 1px #306868 dotted;}
#footer p {font-size: 11px; text-align: right; color: #eeeeee;}

p#quote {font-size: 14px; font-style: italic; padding: 10px 0 0 0; line-height: 1.6;}
p#quote_sml {font-size: 12px; font-style: italic; padding: 10px 0 0 0; line-height: 1.6;}
p#address {line-height: 1.4;}

p.notes {font-size: 12px; padding: 8px 10px; border: 1px #306868 dotted; margin-left: 20px;}
p.last_update {font-size: 11px; padding: 15px 0 5px 0; color: #306868;}

p.caption {font-size: 11px; margin: -5px 20px 10px 20px; color: #698b9e;}
p.caption span {padding: 3px 5px; border: 1px #dcebee solid;}

/* Links
=================================================*/
a.zero {margin: 0; padding: 0;}

a.orangelink:link {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}
a.orangelink:visited {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}
a.orangelink:hover {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 solid;}
a.orangelink:active {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}

a.bluelink:link {color: #698b9e; text-decoration: none;}
a.bluelink:visited {color: #698b9e; text-decoration: none;}
a.bluelink:hover {color: #698b9e; text-decoration: none; border-bottom: 1px #698b9e dotted;}
a.bluelink:active {color: #698b9e; text-decoration: none;}

a.whitelink:link {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted;}
a.whitelink:visited {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted;}
a.whitelink:hover {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted;}
a.whitelink:active {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted;}

a.greylink:link {color: #a2bfbf; text-decoration: none;}
a.greylink:visited {color: #a2bfbf; text-decoration: none;}
a.greylink:hover {color: #eeeeee; text-decoration: none;}
a.greylink:active {color: #a2bfbf; text-decoration: none;}

a.stealthlink:link {color: #333333; text-decoration: none;}
a.stealthlink:visited {color: #333333; text-decoration: none;}
a.stealthlink:hover {color: #ff6600; text-decoration: none;}
a.stealthlink:active {color: #333333; text-decoration: none;}

a.hyperlink:link {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}
a.hyperlink:visited {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}
a.hyperlink:hover {color: #ff6600; text-decoration: none; border-bottom: 1px #ff6600 dotted;}
a.hyperlink:active {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}

a.urlboxlink {margin: 5px 20px; padding: 5px 10px; background: #ff6600; color: #ffefe5; font-size: 12px; display: block; width: 25%; text-align: center;  text-decoration: none;}
a.urlboxlink:active {color: #ffefe5; text-decoration: none;}
a.urlboxlink:visited {color: #ffefe5; text-decoration: none;}
a.urlboxlink:hover {color: #ffffff; text-decoration: none;}
a.urlboxlink:active {color: #ffefe5; text-decoration: none;}

/* Colors
=================================================*/

.bg_dkgrey {background: #5b6d74;}

.mid_blue {color: #698b9e;}
.pastel-blue {color: #dcebee;}
.orange {color: #ff6600;}
.vdkgrey {color: #424F54;}
.dkgrey {color: #5b6d74;}
.mdgrey {color: #7c8a90;}
.mdgrey_2 {color: #9da7ac;}

.teal_tint {color: #f0f5f2;}
.teal_lite {color: #ccdcd4;}
.teal_lite_text {color: #68aaa0;}
.teal_dk {color: #445b5b;}
.teal {color: #306868;}
.white {color: #ffffff;}

/* Blueprint Credits
=================================================

  * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-11-24) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            950 px
    * Number of columns:     12
    * Column width:          70 px
    * Margin width:          10 px
   ======================================*/