/*---[ Details ]---------------------------------------
Site: NATS (dev)
Author: Laurie from VooDooDog
Contact: lau@voodoodog.com  
Date Created: 14.12.09
Date Modified: 23.12.09
-------------------------------------------------------*/

/*-----------------------------------------------------
Core Elements:
[01] Yahoo CSS Reset 
[02] HTML / Body
[03] Anchors
[04] Images
[05] Headings
[06] Lists
[07] Forms
[08] Tables
[09] Phrase Elements
[10] Misc Inline
[11] Misc Block
[12] Common Code

Site Specific:
[01] Container
[02] Grids >> Global
[03] Clearfixes, used for Grids
[04] Header
[05] Navigation
[06] Content

-------------------------------------------------------*/


/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/

/* [01] Yahoo CSS Reset 
   [http://developer.yahoo.com/yui/reset/#code]
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}

/* [02] HTML / Body
-------------------------------------------------------*/
html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 100.01%;
}
body
{
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.333em;
    color: #666666;
    background: #e1e1e1 url(../images/body.png) 0 90px repeat-x;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* [03] Anchors
-------------------------------------------------------*/
a
{
    color: #008ac9;
    font-weight: bold;
    outline: none; /* Removes dotted outline from Firefox anchors */
}

p a
{
    font-weight: normal;
}

a:link, a:visited, a:active
{
    text-decoration: none;
    cursor: pointer !important;
}
a:hover
{
    color: #005992;
}
a:visited
{
}

/* [04] Images
-------------------------------------------------------*/
img
{
    border: none;
}

/* [05] Headings
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    line-height: 1em;
    color: #000;
    margin-bottom: 0.43em;
}

h1
{
    font-size: 1.75em;
}
h2
{
    font-size: 0.88em;
    color: #008AC9;
    margin-top:9px;
}
.greyBox h2
{
    margin-top:0 !important;
}
h3
{
    font-size: 0.75em;
    line-height:18px;
}
h4
{
    font-size: 0.68em;
    color: #666666;
}
h5
{
    font-size: 0.68em;
    color: #666666;
    font-weight: 100;
}

/* [06] Lists 
-------------------------------------------------------*/
dl, ol, ul
{
    padding: 0;
    margin: 0 0 0;
}
ol, ul
{
    list-style-position: outside;
    padding: 0 0 0 0;
}
ol
{
    list-style: decimal;
    list-style-position: outside;
}
ul
{
    list-style: none; /* this need to be replaced by a graphic */    
    color: #008ac9;
}

dt
{
    font-weight: bold;
}
dd, li
{
    margin: 0;
}

/* [07] Forms
-------------------------------------------------------*/
form
{
    padding: 0;
    margin: 0 0 0.833em; /* 10px */
}
fieldset
{
    padding: 0;
    margin: 0;
    border: 0;
}
legend
{
    font-weight: bold;
    margin: 0; /* Padding is used instead of margin for Safari */
    padding: 0 0 0.833em; /* 10px */ /* IE/Win sets color to blue */
    color: #000;
}
label
{
    margin: 0.9em 0.416em 0.8em 0; /* 5px */
}
input, select
{
    font-size: 0.8em;
    margin: 0.4em 0em 1.25em 0em;
    display: block;
    width: 14em;
}
optgroup
{
    /* Not all browsers can support styling of this element */
    font-style: normal;
    font-weight: bold;
    margin: 0.833em 0 0; /* 10px */
    color: #CCC;
}
option
{
    /* Padding for Firefox */
    padding: 0 0.833em; /* 10px */
    color: #000;
}
textarea
{
    display: block;
    margin: 0.833em 0 1em; /* 10px */
    width: 99.999%;
    height: 20em;
}
button
{
    font-size: 1em; /* 12px */
}
input[type="image"]
{
    /* Removes dotted outline from Firefox anchors */
    outline: none;
}

/* [08] Tables
-------------------------------------------------------*/
table
{
    padding: 0;
    border-collapse: collapse;
    background: white;
    font-size: 0.69em; /* 11px */
    margin: 15px 0 25px 0;
}
caption
{
    text-align: left;
    margin: 0 0 0.833em; /* 10px */
    padding: 0 0 0 0.833em; /* 10px */
}
thead th, thead td
{
    border-bottom: 2px solid #666;
    border-right: 1px solid #666;
    background: #999;
    color: #FFF;
    font-weight: bold;
}
td, th
{
    padding: 0.416em 0.833em; /* 5px 10px */
    text-align: left;
    vertical-align: top;
}
tbody
{
    /* no table body stylings */
}
tbody td
{
    border-bottom: 1px solid #666;
}
td
{
    border-right: 1px dotted #666;
}
tfoot
{
    font-style: italic;
    font-size: 0.75em; /* 9px */
}
tfoot td
{
    text-align: right;
    border: none;
}

/* [09] Phrase Elements
-------------------------------------------------------*/
abbr, acronym
{
    border: none;
}
cite
{
    font-style: italic;
}
em
{
    font-style: italic;
}
strong
{
    font-weight: bold;
    /*font-size: 0.95em;*/
}
dfn
{
    font-style: normal;
}
code, kbd, samp
{
    font-family: monospace;
}
var
{
    font-style: italic;
}

/* [10] Misc Inline
-------------------------------------------------------*/
q
{
    font-style: italic;
}
del
{
    text-decoration: line-through;
}
ins
{
    text-decoration: none;
}
sub
{
    vertical-align: sub;
}
sup
{
    vertical-align: super;
}

/* [11] Misc Block 
-------------------------------------------------------*/
p
{
    display: block;
    font-size: 0.69em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}

p + p
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

p.extraspace
{
    margin-bottom: 1.5em;
}

address
{
    font-style: normal;
    margin: 0 0 0.833em; /* 10px */
    padding: 0;
}
blockquote, pre
{
    margin: 0 0 0.833em; /* 10px */
    padding: 0.833em; /* 10px */
    border: 1px dotted #666;
    background-color: #DDD;
}
pre
{
    /* set specific font for IE/Win */
    font-family: inherit;
    overflow: scroll;
    margin: 0 0 0.833em; /* 10px */
}
hr
{
    padding: 0;
    margin: 2.666em 0; /* 40px */ /* For IE/Win, as it displays hr as inline */
    display: block;
    border: none;
    height: 1px;
    background: #E3E3E3;
}

/* [12] Common Code
-------------------------------------------------------*/

.hidden
{
    display: none;
    visibility: hidden;
    overflow: hidden;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.inline
{
    display: inline;
}
.selected
{
    border-bottom: 1px dashed #808080;
    padding-bottom: 0.1em;
}
.keyword
{
    color: #005992;
}
.strong
{
    font-weight: 900;
}
.solidBlue
{
    border-bottom: 1px solid #00b3dc;
}
.red a
{
    color: #c30066;
}
.red a:hover
{
    color: #ee008c;
}
.small
{
    font-size: 0.88em;
}
.large
{
    font-size: 1.75em;
}

/* [12] Common Code (with images)
-------------------------------------------------------*/

.dotted
{
    background: transparent url(../images/class-dotted.png) bottom left repeat-x;
    margin-bottom: 0.36em;
}

.triangleRBlue-R
{
    background: transparent url(../images/class-triangle-R-blue.png) no-repeat scroll right 0px;
    padding-right: 1em;
}

.triangleRBlue-L
{
    background: transparent url(../images/class-triangle-R-blue.png) no-repeat scroll left 0px;
    padding-left: 1em;         
}

.triangleRRed-R
{
    background: transparent url(../images/class-triangle-R-red.png) no-repeat scroll right 0px;
    padding-right: 1em;
}

.triangleRRed-L
{
    background: transparent url(../images/class-triangle-R-red.png) no-repeat scroll left 0px;
    padding-left: 1em;
    
} 

.triangleRBlue-R,
.triangleRBlue-L,
.triangleRRed-R,
.triangleRRed-L
{
    line-height:normal;
    padding-bottom:6px;
    width:100%;
}


/*-----------------------------------------------------
Site Specific
-------------------------------------------------------*/

/* [01] Container
-------------------------------------------------------*/

#aspnetForm
{
}
/* fixes form having height and pushing the content away from header */

#container_6
{
    margin: 0px auto;
    width: 960px;
    text-align: left;
    background-color: #fff;  
}

.main
{
    padding-left: 22px;
    padding-right: 22px;
    background-image: url(../images/class-container6-main.png);
    background-position: top left;
    background-repeat: repeat-y;
    position: relative;  
    z-index: 1; 
}

#gromitLeft
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 18px;
    width: 22px;
    background: transparent url(../images/div-gromitLeft.png) top left no-repeat;
}

#gromitRight
{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 18px;
    width: 22px;
    background: transparent url(../images/div-gromitRight.png) top left no-repeat;
}

#masthead
{
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 960px;
    height: 124px;
    background: transparent url(../images/div-masthead.png) top left no-repeat;
}

.bottom
{
    padding-left: 22px;
    padding-right: 22px;
    height: 29px;
    background-image: url(../images/class-container6-bottom.png);
    background-position: top left;
    background-repeat: no-repeat;
}
/* [02] Grids >> Global
-------------------------------------------------------*/

.grid_1, .grid_1_33, .grid_1_5, .grid_2, .grid_2_wide, .grid_4, .grid_5, .grid_6
{
    display: inline; /* fix ie6 floated double margin issue */
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#container_6 .grid_1
{
    width: 125px;
    padding-left: 32px;
    padding-right: 15px;   
}

#container_6 #grid_1_nav
{
    float: left;
    width: 191px;
    padding-top: 82px;
    position: relative;
    z-index: 1;
}

#container_6 .grid_1_33
{
    width: 180px;
    /*margin-right: 18px;*/
}

#container_6 .grid_1_5
{
    width: 220px;
    /*margin-right: 12px;*/
}

#container_6 .grid_2
{
    width: 280px;
    margin-right: 18px;
}

#container_6 .grid_4
{
    width: 578px;
    /*margin-right: 18px;*/
}

#container_6 .grid_5
{	
    width: 769px;
    /*margin-right: 18px;*/
}

/* Grid Backgrounds 
-----------------------------------------------------------------------------------------------------*/

.greyBox
{
    background-color: #f5f5f5;
    border: solid 1px #f0f0f0;
    width: 262px !important;
    padding: 8px;
}

.blueBox
{
    background-color: #008ac9;
    color: #fff;
    padding: 8px 5px 8px 5px;
    margin-top: 1em;
    width:116px;
}
.toolbox .blueBox
{
    margin-top:0;
}

.blueBox p, .blueBox h2, .blueBox h3, .blueBox h4, .blueBox strong
{
    color: #fff;
}

.grid_2.greyBox
{
    background: #f5f5f5 url(../images/class-grid_2-greyBox.png) top left repeat-y;
}

/* Nested Boxes */
.grid_1 .blueBox
{
    background: #008ac9 url(../images/class-grid_1-blueBox.png) top left repeat-y;    
}
.grid_4 .blueBox
{
    background: #00b3dc url(../images/class-grid_4-blueBox.png) top left repeat-y;
}


/* [03] Clearfixes (used for grids)
-------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/* [04] Header
-------------------------------------------------------*/

#header
{
    height: 92px;
    background-color: #fff;
    background-image: url(../images/div-header.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    /*position: relative;*/
    /*display: block;*/
}

#header h1
{    
    float: left;
    width: 136px;
    height: 46px;
    margin: 19px 0px 0px 8px;
    font-size: .75em;
    text-indent: -9999px;
    background-color: #fff;
    background-image: url(../images/div-header-h1.png);
    background-position: top right;
    background-repeat: no-repeat;
    /*margin-left: 8px;*/
    /*top: 19px;*/    
    /*position: absolute;*/
    /*display: block;*/    
}

#header h1 a
{
    display: block;
    height: 46px;
}

/* [05] Navigation
-------------------------------------------------------*/

#header .navigation
{
    float: right;
    margin-top: 14px;
    width: 380px;
    font-size: 0.75em; /* update this value, please */
}

#header .navigation ul
{
    float: left;
    list-style: none;
}
#header .navigation ul li, #footer .navigation ul li
{
    float: left;
    background: transparent url(../images/class-navigationTop-circle.png) right center no-repeat;
    padding-left: 0.4em;
    padding-right: 1em;
}

#header .navigation ul li.search
{
    padding-right:0;
}

#footer .navigation ul li.omega
{
    background: none;
}
#header .navigation a, #footer .navigation a
{
    color: #767676;
}
#header .navigation a:hover, #footer .navigation a:hover
{
    color: #222222;
    border-bottom: 1px solid #222222;
    padding-bottom: .2em;
}
#header .navigation li.active a
{
    font-weight: 100;
}

#grid_1_nav .navigation
{
    background: white url(../images/class-grid_1_nav.png) 155px 0 no-repeat; 
    min-height: 294px;
    height: auto !important;
    height: 294px;
    padding-right: 47px;
    position: relative;
    z-index: 3;
    /*margin-right: 15px;*/
    /*display: inline; */    
    /*margin-top: 52px;*/
    /*padding-top: 30px;*/
    /*width: 156px;*/
}

.navigation
{
    font-size: .88em;
    color: #222222;
    font-weight: 100;
}
.navigation a
{
    color: #222222;
    font-weight: 100;
}
.navigation a:hover
{
    color: #008ac9 !important;
    border-bottom: 1px solid #008ac9 !important;
}
.navigation ul li
{
    display: block;
}
.navigation li.active.dotted
{
    margin-bottom: 0.3em;
}
.navigation li.active .dotted
{
    display: block;
    height: 3px;
    margin: 0;
    padding: 0;
    margin: 3px 0 0 0px;
}
.navigation li.active ul li a
{
    font-weight: 100;
}
/* IE7 Fix */
.navigation li.active.dotted
{
    background-position: top left;
    display: block;
    height: auto;
    padding-top: 5px;
    margin-top: 5px;
    margin-left: 18px;
}
.navigation li.active a
{
    font-weight: 900;
    color: #222222;
    border-bottom: 0;
}
.navigation li.active ul *
{
    font-weight: 100;
    font-size: 0.9em;    
}
#footer .navigation ul
{
	float: left;
}
.navigation ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.navigation ul li ul
{
    display: none;
}
.navigation ul li.active ul
{
    display: block;
}
.navigation ul li.active ul li.active
{
    margin: 0;
}
.navigation ul li.active ul li.active a,
.navigation a.current
{
    margin: 0;
    font-weight: 900;
    background: white url(../images/class-grid_1_nav-li-active.png) center left no-repeat;
    padding-left: 1em;
}

.navigation ul li.active ul li.active a
{
    background-image: url(../images/class-teaser-triangle.png);
}

.navigation a.current:hover
{
    border-bottom:none !important;
}

#grid_1_nav .breadcrumb
{
    position: absolute;
    z-index: 10; /* overlay masthead */
    display: block;
    height: 1em;
    font-size: 0.69em;
    margin-bottom: 0.98em;
    width: 310px; /* support overflow, without touching masthead */
    top:86px;
    left:192px;
}

#grid_1_nav .breadcrumb ul
{
    list-style: none;
    margin-left: 0em;
    color:#767676;
}
#grid_1_nav .breadcrumb li
{
    float: left;
    background: transparent url(../images/class-breadcrumb-triangle.png) 0px 4px no-repeat;
    line-height: 1.3em; /* support multiline overflow, withover covering masthead */
    padding-left: 10px;
    padding-right: 6px;
}
#grid_1_nav .breadcrumb li a
{
    font-weight: 100;
    color: #767676;
}
#grid_1_nav .breadcrumb li a:hover
{
    color: #222222;
    text-decoration: underline;
}

li.omega
{
    background: none !important;
}
div.search_field_container
{
    background: url(/images/class-dotted.png) repeat-x left bottom !important;
}

#xsltsearch .search_field_container
{
    width:132px;
    margin:25px 0;
}

.search input
{
    background: transparent none repeat scroll 0 0;
    border: none;
    color: #7A7A7A;
    width: 9em;
    font-family: verdana;
    font-size: 12px;
    margin: 0.25em 0 0;
    padding: 0 0 0px 0;
    display: inline;
}

.search button
{
    height: 16px;
    width: 16px;
    border: 0;
    background: white url(../images/searchButton.png) top right no-repeat;
    text-indent: -9999px;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#footer .navigation
{
    font-size: 0.63em;
    height:18px;
    position: absolute;
    bottom: 0px;
    line-height: normal;
    margin-left: 1px;
    padding-left: 6px;
    padding-top:12px;
    width: 950px;
    background: white url(../images/div-footer-navigation.png) top left repeat-x;
}

#footer .navigation li
{
    float: left;
}

#xsltsearch_summary
{
    margin-bottom:15px;
}

.xsltsearch_result
{
    margin-bottom:20px;
}

.xsltsearch_result_title
{
    margin-bottom:0;
}

.xsltsearch_result_description
{
    margin-top:0;
    margin-bottom:0;
}

.xsltsearch_page_path
{
    margin-top:0;
    color:#999999;
}


/* [?] FrontPage (undefined)
-------------------------------------------------------*/
.frontPage
{
    margin-top: 20px !important;
}

.frontPage .banner
{
    /*margin-top: -87px;*/
    margin-bottom: 18px;    
}
.frontPage h1, .frontPage strong
{
    color: #c30066;
}
.frontPage h1
{
    font-size: 1.38em;
    font-weight: 100;
    letter-spacing: -1px;
}
.frontPage h2
{
    font-size: 1.13em;
    font-weight: 100;
}
.frontPage .grid_2
{
    margin-right:11px;
}
.frontPage .grid_1_5.greyBox
{
    position:relative;
    width: 219px !important;
    height:224px;
    padding: 0;
    margin-right: 11px;    
}
.frontPage .grid_1_5.greyBox p, .frontPage .grid_1_5.greyBox h2
{
    padding-left: 8px;
    padding-right: 8px;
}
.frontPage .grid_1_5.greyBox h2
{
    padding-top: 4px;
}

.frontPage .grid_1_5.greyBox p.BoxLink
{
    position:absolute;
    bottom:0px;    
}

/* People Page 
-------------------------------------------------------*/

.grid_1_33
{
    margin-bottom: 1.13em;
    margin-right:11px;
}
.grid_1_33 .grid_1_33 img
{
    /*border: solid 1px #e1e1e1;*/
}
.grid_1_33 .grid_1_33 .accordian
{
}

/* [6] Content
-------------------------------------------------------*/
#content
{
    float: left;
    width: 769px;
    margin-top: 113px;
    position: relative;
    z-index: -1;
}

#content h1
{
    height: 1.5em;
}
.teaser
{
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1.35em;
}
.frontPage .teaser
{
    padding-bottom: 0;
    margin-bottom: 0;    
}
#content h4
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
#content ul, #content ol
{
    color: #666666;
    font-size: 0.69em;
    margin-left: 1.2em;
    margin-bottom:10px;
}

#content ul
{
    margin-left:0;
} 

#content .grid_4 ul li
{
    background:url(/images/bullet.png) no-repeat 0 6px;
    padding-left:10px;
    width:90%;
    line-height:14px;
    padding-bottom:8px;
}

#content ul ul, #content ol ol
{
    font-size: 1em;
    margin-top:5px;
    margin-bottom:0;
}

#content .grid_4 li li
{
    background:url(/images/bullet_l2.png) no-repeat 0 6px;    
}

#content .grid_4 .grid_4
{
    margin-bottom: 1.13em;
    padding-bottom: 1.13em;
}

#content .grid_1.toolbox
{
    padding-top: 23px;
    padding-left:48px;
    background: white url(../images/class-grid_1-toolbox-right.png) 15px 10px no-repeat;    
}

#content .toolbox ul
{
    font-size:0.63em; /*10px */
}

#content a .toogleLink
{
    background: blue;
    height: 24px;
    width: 24px;
}

#content .grid_1 .blueBox
{
    font-size: 0.93em;
}
#content .grid_1 .blueBox img
{
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -8px;
}
#content .grid_1 .blueBox p + img
{
    margin-top: 0.68em;
}
#content .grid_1 .blueBox a
{
    color: #fff;
}
.blueBox a:hover
{
    text-decoration: underline;
}
#content .grid_1 .blueBox h3
{
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

#content .grid_4 .grid_2.omega img
{
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -23px;
}
.grid_4.blueBox.fix200
{
    height: 174px; /* includes comp. for padding/margins */
}

#content .toolbox h4
{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 100;
}
#content .toolbox .blueBox h4
{
    text-transform:capitalize;
    margin-top:0;    
    margin-bottom:0;
    font-weight:bold;
    line-height:1.3em;
}
#content .toolbox ul
{
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#content .toolbox ul li
{
    text-transform: uppercase;
}
#content .toolbox ul li a
{
    font-weight: 100;
}
#content .toolbox ul li a:hover
{
    text-decoration: underline;
}

#content .keyFacts .blueBox
{
    float: left;
    font-size: 0.96em;
    font-weight: 900;
    height: 1.4em;
    line-height: 1.4em;
    margin: 0.3em 0 0;
    padding: 0.1em;
    text-align: center;
    width: 1.4em;
}

#content .keyFacts .blueBox + div
{
    margin-bottom: 1em;
    margin-left: 2.4em;
}

.js .toggle
{
    display:none;
}

.toggleLinkHolder
{
    cursor:pointer;
}

.people .toggleLinkHolder
{
    margin-bottom:10px;
}

.people h4, .people h5
{
    padding-left: 1.766em;
}

.people .hover h4
{
    color:#008BC8;
}

.people .toggleLink
{
    display:block;
    background: transparent url(../images/a-class-toggleLink.png) no-repeat 0 -45px;    
    width: 14px;
    height: 14px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 146px;    
}

.people a.close
{
    background-position:0 0px;
}

.people .toggle
{
    margin-bottom:15px;
}

.carousel
{
    padding-left: 25px;
    width: 553px !important;
    margin-top: 0;
}
.carousel div.toggleHolder
{
    /*position: relative;*/
    /*width: 550px;*/
    margin-bottom: 15px;
}
.carousel .toggleLinkHolder
{
    position: relative;    
}

.carousel div h3
{
    font-weight: 100;
    color: #008AC9;
}
.carousel div .grid_4
{
    width: 550px;
}
.carousel div .grid_4 .grid_2
{
    width: 251px;
}
.carousel div .grid_4 .grid_2 h3
{
    color: #fff;
    font-weight: 900;
}

.carousel .toggleLink
{
    background: transparent url(../images/a-class-toggleLink.png) no-repeat 0 -45px;    
    height: 14px;
    left: -1.5em;
    position: absolute;
    text-indent: -9999px;
    top: 2px;
    width: 14px;
}

.carousel a.close
{
    background-position:0 0px;
}

.column_four
{
    float:left;
    width:135px;
    margin-right:10px;
}

.column_last
{
    margin-right:0;
}

a.download_link
{
    font-weight:bold;
    display:block;    
}

.download a.download_link
{    
    text-align:center;
}

.download_title
{
    display:block;
    font-weight:bold;
    color:#666;
}

a.download_link:hover .download_title
{
    color:#008AC9;
}

.download
{
    margin-bottom:15px;
}

.file_size
{
    display:block;
    font-weight:normal !important;
    font-size:0.91em; /* 10px from 11px */
}

.inline_casestudy
{
    background: #00b3dc url(../images/class-grid_4-blueBox.png) top left repeat-y;    
    color: #fff;
    width:553px;
    margin:15px 0;
}

.inline_casestudy_wide
{
    width:578px;
}

.content_holder
{
    padding:10px;
}

.column_half_left
{
    float:left;
    width:50%;
}

.column_half_right
{
    float:right;
    width:50%;
}

.inline_casestudy .column_half_left
{
    width:264px;
}

.inline_casestudy_wide .column_half_left
{
    width:289px;
}

.inline_casestudy .column_half_right
{
    width:289px;
}

.inline_casestudy .column_half_right img
{    
    float:left;
}

#content .inline_casestudy h4
{
    color:#fff;
    margin-top:0;
}

#content .inline_casestudy a
{
    color:#fff;    
}

#content .inline_casestudy a:hover
{
    text-decoration:underline;
}

#sitemap li li a
{
    font-weight:normal;
}

p.highlight
{
    font-size:1.13em; /* 18px */
    margin:0 0 20px 0;
}

.inline_casestudy p.highlight
{
    font-size:1.38em; /* 22px */
}


/* [?] Footer
-------------------------------------------------------*/

#footer
{
    height: 62px;
    margin-top: 26px;
    background: white url(../images/div-footer.png) center top no-repeat;
    position:relative;
    /*display: none;*/
    /*position: relative; IE fix */
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0 !important;
}

.omega
{
    margin-right: 0 !important;
}

#__VIEWSTATE
{
    display:none;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */