/* CSS Document */
html
{
    overflow-y: scroll;
}
*
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    
}

body
{
    background: #e5e4e5;
    text-align: center;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

img
{
    vertical-align: top;
}
a img
{
    border: 0;
}
ul
{
    list-style: none;
}

.main ul { list-style:disc; font-size:12px; }
#navigation ul { list-style:none; }
.main ol { font-size:12px; }
.main table { font-size:12px; }

.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear: both;
}
.none { display:none; }
.wrapper { margin:0px auto; }
html
{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 0.5625em;
    line-height: 2em;
    color: #959595;
}
input, select
{
    vertical-align: middle;
    font-weight: normal;
}

a
{
    color: #ff6c01;
    outline: none;
}
a:hover
{
    text-decoration: none;
}
p
{
    
}
h3
{
    font-size: 2.222em;
    font-weight: normal;
    color: #393939;
    line-height: 1em;
    padding-bottom: 32px;
    position: relative;
}
h2
{
    font-size: 2.445em;
    font-weight: normal;
    color: #fff;
    line-height: 1em;
    margin: 125px 0 0 39px;
}

cite
{
    font-style: normal;
}
strong
{
    
}
.strong1
{
    color: #000;
}

.padding-bottom { padding-bottom:20px; }

.disclaimer { font-size:11px; }

/* ============================= main layout ====================== */
.imgindent
{
    margin: 0 25px 25px 0;
    float: left;
}
.phone
{
    float: right;
    padding-right: 70px;
}
.space1
{
    margin-left: 18px;
}
.space2
{
    margin-left: 40px;
}
.margin1
{
    margin-bottom: -15px;
}
.padding1
{
    padding-top: 18px;
}
.padding2
{
    padding-top: 36px;
}

/* ============================= header ====================== */
#header
{
    background:#fff;
}
#header .shareprice { background-color:#F37422; height:auto; text-align:center; position:relative; padding:10px; }
#header .shareprice span { position:relative;font-size:10px; color:#fff; z-index:100; top:-2px; }
#header .shareprice img { padding-top:20px; margin-right:-5px; }
#header .main
{
    /*background: url(../images/header-bg.jpg) bottom no-repeat;*/
    
}
#header .top
{
    width: 100%;
    overflow: hidden;
    height: 50px;
}

#header .header-list
{
    float: left;
    padding: 53px 43px 0 43px;
}
#header .header-list li
{
    line-height: 3.889em;
    background: url(../images/header-list-marker.gif) no-repeat 0 16px;
    padding-left: 20px;
}
#header .header-list a
{
    color: #ffd479;
}
#header .header-text
{
    display: inline-block;
    color: #393939;
    padding: 10px 81px 7px 40px;
    background: #ff8f01;
    margin-top: 111px;
}
#header .header-link
{
    display: inline-block;
    background: url(../images/header-link-bg.gif) no-repeat 0 7px;
    color: #fff;
    padding-left: 20px;
    margin: 20px 0 0 40px;
}

#header .slideshow
{
    width: 980px;
    height: 352px;
    overflow: hidden;
    z-index:0;
}

#header .slideshow li
{
    width: 980px;
    height: 352px;
}

#header .slideshow .title
{
    font-size: 2.222em;
    font-weight: normal;
    color: #FFF;
    line-height: 1em;
    padding-bottom: 32px;
    position: relative;
    top: 111px;
    left: 40px;
    position: absolute;
}

#header .slideshow .description
{
    color: #393939;
    padding: 10px 81px 7px 40px;
    bottom: 50px;
    position: absolute;
    
}

/* ============================= navigation ====================== */


#navigation { background-color:#E5E4E5; height:37px; text-transform:uppercase; }
#navigation .viewproducts { background-color:#4E4D50; text-align:center; height:37px; margin:0px; padding:0px; }
#navigation .viewproducts a { color:#fff; padding:8px 0px 9px 0px; font-size:13px; text-decoration:none; display:block; }
#navigation .viewproducts a:hover { color:#F37422; }
#navigation .viewproducts ul { display:none; position:relative; z-index:100; width:auto; margin:0px; }
#navigation .viewproducts ul li { text-align:center; }

#navigation .viewproducts ul a { background-color:#4E4D50; font-size:12px; padding:5px 0px; }
#navigation .viewproducts ul a:hover { background-color:#3d3c3e; }


#navigation .viewproducts li:hover ul { display:block; background-color:#4E4D50; }
#navigation .small-menu
{
    float: right;
    margin: 18px -7px 0 0;
}
#navigation .small-menu li
{
    float: left;
    color: #a29d9d;
    padding-left: 8px;
}
#navigation .small-menu a
{
    text-decoration: none;
    color: #a29d9d;
    display: inline-block;
    margin-right: 7px;
}
#navigation .small-menu a:hover
{
    color: #ff6c01;
}

#navigation .menu
{
    position:relative;
    float: left;
    z-index:1;
    margin-left:0px;
    margin-bottom:0px;
}
#navigation .menu li
{
    float: left;
    position:relative;
}
#navigation .menu .first
{
    padding: 0;
}
#navigation .menu a
{
    display: inline-block;
    text-decoration: none;
    color: #4E4D50;
    background: #E5E4E5;
    padding: 9px 4px 8px 4px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
}
@media (min-width: 992px) {
    #navigation .menu a {
        padding: 9px 10px 8px 10px;
    }
}

#navigation .menu a:hover, #navigation .menu .active,
#navigation .menu a:hover, #navigation .menu .nav_active a
{
    background-color:#4E4D50;
    color:#fff;
    display:block;
    /*background: url(../images/menu-item-bg-act.gif) top repeat-x;*/
}

#navigation .menu li ul { position:absolute; top:37px; left:0; display:none; margin:0px; width:200px; }
#navigation .menu li:hover ul { display:block; }
#navigation .menu li li { border:0px; padding:0; float:none; }
#navigation .menu li li a { display:block; }


/* ============================= content ====================== */

#content
{
    background: #fff;
    padding-bottom:0px;
    
}
#content h1
{
    color:#fff; 
    font-size:2.05em; 
    font-weight:300; 
    padding:4px 12px; 
    margin:0px 0px 15px 0px;
    background-color:#F37422;
    width:65.71%;
    text-transform:uppercase;
    line-height:1.2em;
}
#content h2
{
    font-size: 1em;
    line-height:1.55em;
    font-weight: bold;
    font-style:italic;
    color: #4E4D50;
    position: relative;
    margin:0px;
    padding:10px 0px 5px 0px;
}
#content h3 { color:#F37422; font-size:1.643em; margin:0px; text-transform:uppercase; padding:0px 0px 5px 0px; font-weight:300; }

#content .main { clear:both; padding-bottom:20px; }
#content .sidebar { padding-top:60px; }

#content .home-header {  }
#content .home-header h1 { width:auto; margin:0px; padding:13px 12px; }

#content .home-content { font-size:12px; color:#4E4D50; padding:15px 5px 0px 0px; line-height:16px; }

#spotlights { background-color:#fff; padding-bottom:20px; }
#spotlights .homespotlight { border:1px solid #E6E6E6; }
#spotlights .homespotlight .hometitle { height:69px; }
#spotlights .homespotlight .title { font-weight:300; color:#F37422; padding:10px 9px; font-size:20px; display:block; line-height:24px; text-transform:uppercase; }
#spotlights .homespotlight .spotlightText { height:42px; }
#spotlights .homespotlight .spotlightText a { color:#4E4D50; text-decoration:none; font-size:15px; background-image:url(../images/view-arrow.gif); background-position:75px 13px; background-repeat:no-repeat; display:block; float:right; padding:11px 30px; }
#spotlights .homespotlight .spotlightText a:hover { color:#F37422; background-image:url(../images/view-arrow-orange.gif); }

#portfolio { border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background-color:#fcfcfc; padding:20px 0px; }
#portfolio .portfolio-text { padding-top:0px; }
#portfolio .portfolio-text h2 { font-size:18px; color:#F37422; line-height:20px; margin:0px; padding:0px 0px 5px 0px; font-weight:300; }
#portfolio .portfolio-text p { margin-top:0px; font-size:12px; color:#4E4D50; line-height:16px; padding:10px 5px 10px 0px; }
#portfolio .portfolio-text a { color:#4E4D50; text-decoration:none; font-size:15px; background-image:url(../images/view-arrow.gif); background-position:122px 3px; background-repeat:no-repeat; display:block; }
#portfolio .portfolio-text a:hover { color:#F37422; background-image:url(../images/view-arrow-orange.gif); }
#portfolio .row img { float:left; }


.row-1 .column-1, .row-1 .column-2
{
    margin-top: -40px;
    position: relative;
}

.column-1 .indent
{
    padding: 0 20px 0 0;
}
.column-2 .indent
{
    padding: 0 0 0 20px;
}
.indent1
{
    padding: 36px 0 50px 0;
}

.row-1
{
    padding: 76px 0 16px 0;
}
.line
{
    background: url(../images/line.gif) repeat-y 489px 0;
    padding-bottom: 20px;
}

.link
{
    display: inline-block;
    background: url(../images/link-bg.gif) no-repeat 0 6px;
    padding-left: 20px;
    margin-top: 18px;
}
.link1
{
    display: inline-block;
    margin-bottom: 28px;
}
.link2
{
    color: #000;
}

.list
{
    margin: -6px 0;
}
.list li
{
    line-height: 3.333em;
    padding-left: 18px;
    position: relative;
}
.list a
{
    color: #000;
}
.list .item1
{
    background: url(../images/list-marker1.gif) no-repeat 0 10px;
}
.list .item2
{
    background: url(../images/list-marker2.gif) no-repeat 0 10px;
}
.list .item3
{
    background: url(../images/list-marker3.gif) no-repeat 0 10px;
}
.list .item4
{
    background: url(../images/list-marker4.gif) no-repeat 0 10px;
}
.list .item5
{
    background: url(../images/list-marker5.gif) no-repeat 0 10px;
}
.list .item6
{
    background: url(../images/list-marker6.gif) no-repeat 0 10px;
}

.list1
{
    margin: -6px 0;
}
.list1 li
{
    line-height: 3.333em;
}
.list1 a
{
    color: #959595;
    text-decoration: none;
}
.list1 a:hover
{
    color: #000;
}

.list2 li
{
    line-height: 4em;
}

.pagination
{
    background: #f2f2f2;
    position: relative;
    margin: 36px -20px -20px 0;
}
.pagination ul
{
    text-align: center;
    padding: 5px 0 4px 0;
}
.pagination .next
{
    position: absolute;
    margin: 10px 0 0 445px;
}
.pagination .prev
{
    position: absolute;
    margin: 10px 0 0 31px;
}
.pagination li
{
    display: inline;
    padding: 0 3px;
}
.pagination li a
{
    color: #ff8f01;
    text-decoration: none;
}
.pagination li a:hover, .pagination li .active
{
    color: #393939;
}

.row-2
{
    background: url(../images/row2-tail.gif) top repeat-x;
    padding: 44px 0 42px 0;
}


/* ============================= custom ====================== */
.orangebg { background-color:#F37422; }
.orange { color:#F37422; }
.upper { text-transform:uppercase; }
.whitebg { background-color:#fff; padding-bottom:20px; }

#content p { font-size:12px; line-height:16px; }

/* ============================= board of directors ====================== */
.nobtmmargin { margin-bottom:0px; }
.board-item { padding:20px 0px; }
.board-item-alt { background-color:#fcfcfc; border:1px solid #e6e6e6; padding:20px 0px; }
.board-desc { padding-right:30px; }
.board-item .span7, .board-item-alt .span7 { margin-left:0px; padding-left:18px; }
.board-item .board-item-img , .board-item-alt .board-item-img { width:110px; }
.board-sidebar { background-color:#f6f6f6; padding:20px 10px 10px; }
.board-sidebar h4 { font-size:12px; color:#F37422; text-transform:uppercase; line-height:14px; }

/* ============================= asx ====================== */
.rotate 
{
    /*
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    /*-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;*/

    /* Should be unset in IE9+ I think. */
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.asx-price-label  
{
    display:block;
    margin-left:40px;
    color:#F37422;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:110px;
}
.ie8 .asx-price-label
{
    margin-left:15px;
}
.asx-volume-label  
{
    display:block;
    margin-left:40px;
    color:#F37422;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:165px;
}
.ie8 .asx-volume-label  
{
    margin-left:10px;
    margin-top:140px;
}
.shareprice-row { margin-top:10px; }
.shareprice-info { position:relative; }
.asx-alt { background-color:#f6f6f6; }
.asx { width:73px; height:45px; /*52*/ padding-top:5px; text-align:center; color:#4E4D50; font-size:12px; font-weight:bold; }
.asx-priceinfo {position:absolute; top:5px; left:11px; z-index:5; }


.legend { padding-top:10px; padding-left:15px; }
.key-label { text-transform:uppercase; padding:0px 16px 0px 4px; font-size:12px; font-weight:600; }
.dvn-box { background-color:#A4B9D3; width:12px; height:12px; margin-top:4px; }
.ords-box { background-color:#D67120; width:12px; height:12px; margin-top:4px; }




.asxdate { width:77px; }
.asxopen { width:79px; }
.asxhigh { width:65px; }
.asxlow { width:77px; }
.asxlast { width:66px; }

a.asx-year { background-color:#f6f6f6; padding:6px 25px; margin-right:4px; float:left; color:#4e4d50; }
a.asx-year:hover, a.asx-current { background-color:#4e4d50; color:#fff; }

/**************/
#content .groupTable { border:0px; }
#content .groupTable .even { background-color:#fcfcfc; border:1px solid #ececec; }
#content .groupTable .headers th { font-size:12px; padding:4px 4px 2px 4px; border-bottom:1px solid #e6e6e6; }
#content .groupTable tr td { padding:7px; font-size:11px; color:#4E4D50; text-align:left; }

.wlNewsTable { width:100%; border:0px; }
.wlNewsTable .even { background-color:#fcfcfc; border:1px solid #ececec; }
.wlNewsTable .even td {   }
.wlNewsTable .asx-headers td { font-size:12px; border-bottom:1px solid #e6e6e6; }
.wlNewsTable tr td { padding:7px; font-size:11px; color:#4E4D50; text-align:center; }
.wlNewsTable tr td.hDate { width:11.78%; }
.wlNewsTable tr td.hTime { width:11.78%; }
.wlNewsTable tr td.hHeadline { text-align:left; width:62.85%; }
.wlNewsTable tr td.hPDF { width:14.28%; }

/* ============================= financial reports ====================== */

.financial-tab { float:left; padding:15px; font-weight:300; font-size:19px; background-color:#f6f6f6; width:140px; height:38px; margin-right:22px; text-transform:uppercase; }
.financial-tab:hover, .financial-tab-active { color:#ffffff; background-color:#4e4d50; }
.financial-tab.presentations { width:141px; }

.financial-margin { margin-right:19px; }
.financial-desktop-item { float:left; width:350px; margin-bottom:6px; }
.financial-panel { background-color:#fcfcfc; border:1px solid #e6e6e6; padding:18px 14px 0px 14px;  }
.financial-panel ul { margin-left:7px; }
.financial-panel ul li { background-image:url(../images/li-arrow.gif); background-repeat:no-repeat; list-style-type:none; background-position:0px 4px; padding-left:20px; padding-bottom:10px; font-size:12px; }
.financial-panel ul li a { color:#4E4D50; }

.financial-title { font-size:20px; font-family:Open Sans; font-weight:300; color:#f37422; padding:10px 0px; }

.nortmargin { margin-right:0px; }

.backtotop { position:fixed;margin-top:250px; display:none; margin-left:75px; font-size:11px; }
#content p.quickscroll { font-size:11px; }
a.quickscroll { font-size:11px; float:right; background-image:url('/_sites/devine/_media/images/orange-right-arrow.png'); background-repeat:no-repeat; background-position:34px 4px; width:45px; color:#f37422; text-decoration:none; text-transform:uppercase; position:relative; top:-1px; }

/* ============================= projects ====================== */

#content .projects p { line-height:20px; }
.projects { padding: 20px 0px; }
.projects .desc { padding-right:25px; }
#content .projects .desc p.orange { font-size:15px; }
.projects .gallery { margin-top:6px; text-align:left; }
.projects .gallery a { margin-right:5px; float:left; width:87px; text-align:center; }
.projects .gallery img {  }
.projects .gallery a.nomargin { margin:0px; }
.projects .gallery a.nomargin img { margin:0px; }
.project-alt { background-color:#fcfcfc; border:1px solid #e6e6e6; }
.project-alt .row { margin-left:-22px; }

/* ============================= footer ====================== */
#footer
{
    color: #4E4D50;
}
#footer .main
{
    
}
#footer p
{
    padding-top:15px;
    font-size:11px;
}
#footer a
{
    color: #4E4D50;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

/* ============================= forms ============================= */
#SubscribeForm
{
    background: #f2f2f2;
    padding: 31px 20px 0 30px;
    color: #171717;
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
    height: 54px;
    margin-top: -36px;
    position: relative;
}
#SubscribeForm input
{
    border: solid 0px;
    background: #ff8f01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffd479;
    text-transform: uppercase;
    padding: 8px 8px 5px 15px;
    width: 190px;
    margin-left: 20px;
}
#SubscribeForm a
{
    display: inline-block;
    background: #f14c01;
    vertical-align: middle;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 13px 2px 14px;
}
#SubscribeForm a:hover
{
    background: #d14302;
}

#ContactForm
{
    padding-top: 5px;
}
#ContactForm label
{
    display: block;
    height: 30px;
}
#ContactForm input
{
    border: solid 0px;
    border-top: solid 1px #b9b9b9;
    border-left: solid 1px #cccccc;
    background: #ebebeb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #959595;
    padding: 4px 2px 4px 5px;
    width: 462px;
    text-transform: uppercase;
}
#ContactForm textarea
{
    border: solid 0px;
    border-top: solid 1px #b9b9b9;
    border-left: solid 1px #cccccc;
    background: #ebebeb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #959595;
    padding: 4px 2px 4px 5px;
    width: 462px;
    text-transform: uppercase;
    height: 140px;
    overflow: auto;
}
#ContactForm .link
{
    float: right;
    margin: 20px 0 0 30px;
}

/* ============================= events ====================== */
.event_calendar h2
{
}
.event_calendar li
{
    padding: 0 0 10px 0;
}
.view_event .date
{
    display: block;
    font-style: italic;
    font-weight: bold;
}
.events_filter { display:none; }
/* ============================= image_gallery ====================== */
.image_galleries li { float:left; width:220px; padding:10px; }
.image_galleries li a { display:block; float:left; width:220px; }
.image_galleries .title { font-size:16px; text-decoration:none; margin:3px 0; }
.image_galleries .title:hover { color:#FFD479; }
.image_galleries .image { padding:1px; }
.image_galleries .image:hover { background-color:Orange; }

.image_gallery li { float:left;padding:10px; }
.image_gallery li a { display:block; float:left; }
.image_gallery .title { display:none; font-size:16px; text-decoration:none; margin:3px 0; }
.image_gallery .title:hover { color:#FFD479; }
.image_gallery .image { padding:1px; }
.image_gallery .image:hover { background-color:Orange; }
.image img{
    width:220px;
    height:165px;
}
/* ============================= recent portfolio ====================== */
.recent_portfolio { position:relative; height:120px; width:485px; }
.recent_portfolio .image { float:left; }
.recent_portfolio .right_col { float:right; text-align:left; width:220px; }
.recent_portfolio .title { display:block; }
.recent_portfolio .read_more { background: url(../images/link-bg.gif) no-repeat 0 3px; padding-left: 20px; }
.pagination span { color:#FF6C01; cursor:pointer; }
.pagination span:hover { color:#393939; }
.recent_portfolio .item { position:absolute; height:120px; width:485px; }

/* ============================= recent news ====================== */
.news_articles li .container { float:left; width:800px; }
.news_articles li .container .date { font-weight:bold; font-size:14px; }
.news_articles li .image { margin:10px; width:100px; float:left; }
.news_filter { display:none; }
.news_article img { margin:20px; float:left; }
/* ============================= site search ====================== */
.SENoQuery { padding:20px; border:1px dashed #FF6C01; }
.SENoQuery input[type=text],
.SENoQuery select { margin-right:10px; width:200px; padding:3px; }
.SENoQuery input[type=submit] { padding:3px; }
.search_results a { font-size:12px; }
.search_results div div { padding:10px; border:1px dashed #FF6C01; margin-bottom:10px; }
.search_results div div:hover { background-color:#ffddc4; }

/* ============================= FORMS ============================ */
.field { display:block; width:500px; padding:5px; }
.field label { float:left; width:100px; }
.field input { border:1px solid #000000; padding:2px 5px; }
.field .err { border-color:Red; }

.gallery_thumb
{

}






/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 12px;
  height: 55px;
  background: #FFF;
}

#cboxTopCenter {
  height: 55px;
  background: #FFF;
}

#cboxTopRight {
  width: 12px;
  height: 55px;
  background: #FFF;
}

#cboxBottomLeft {
  width: 12px;
  height: 12px;
  background: #FFF;
}

#cboxBottomCenter {
  height: 12px;
  background: #FFF;
}

#cboxBottomRight {
  width: 12px;
  height: 12px;
  background: #FFF;
}

#cboxMiddleLeft {
  width: 12px;
  background: #FFF;
}

#cboxMiddleRight {
  width: 12px;
  background: #FFF;
}

#cboxContent {
  background: #fff;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #fff;
}

#cboxLoadedContent {
  margin-bottom: 20px;
}

#cboxTitle {
  position: absolute;
  top: -40px;
  left: 0;
  text-align: left;
  width: 100%;
  font-size: 29px;
  font-size: 2.417em;
  font-weight:300;
  color: #F37422;
  text-transform:uppercase;
}

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
  display: none !important;
}

#cboxLoadingOverlay {
  background: white url(../images/loading.gif) no-repeat 48% 42%;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active,
#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

#cboxPrevious, #cboxNext {
  line-height: 14px;
  color: #353535;
}

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
  width: 48%;
  text-align: right;
}
#cboxPrevious:before {
  content: "\00AB";
  display: inline-block;
  color: #f37320;
  font-weight: 700;
  margin-right: 5px;
  font-size: 1.3em;
}

#cboxNext {
  position: absolute;
  bottom: 0px;
  right: 0;
  color: #444;
  width: 48%;
  text-align: left;
}
#cboxNext:after {
  content: "\00BB";
  display: inline-block;
  color: #f37320;
  font-weight: 700;
  margin-left: 5px;
  font-size: 1.3em;
}

#cboxClose {
  position: absolute;
  top: -40px;
  right: 10px;
  display: block;
  color: #444;
  text-align: left;
  text-indent: -999px;
  overflow: hidden;
  background-color: transparent;
  border: none;
  margin: 0;
  background-image:url(../images/close.gif); height:23px; width:22px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

a.cboxElement {outline:0;}


body#homeBody .padding-bottom { padding-bottom:0px; }
#content .home-content p { margin:0px; }

.state-heading { background-color:#545759; color:#fff; font-weight:bold; padding:5px; margin:0px; }
.state-details { background-color:#e6e6e6; padding-left:5px; padding-top:10px; }

.state-contact { color:#f37422; font-weight:bold; margin:0px; padding-bottom:10px; }


.project-image-container { width:363px; }

/* ========== TABLET =========== */
@media (min-width: 768px) and (max-width: 979px) 
{
    
    .padding-bottom { padding-bottom:0px; }
    
    #portfolio .row .img { width:159px;  }
    #portfolio .span9 { width:477px; }
    #portfolio .portfolio-text h2 { font-size:15px; line-height:17px; margin-top: 0; }
    
    #spotlights .homespotlight .hometitle { height:58px; }
    #spotlights .homespotlight .title { font-size:15px; line-height:18px; }
    
    div.shareprice-row .shareprice-info { width:370px; margin-left:0px; }
    div.shareprice-row .span2 { width:145px; }
    #content div.shareprice-row h3 { font-size:1.2em; padding-top:5px; }
    
    .financial-tab { width:115px; font-size:16px; padding:7px; margin-right:10px; }
    
    .projects .span5 img { width:275px; }
    .projects .span5 .gallery img { width:65px; }
    
    .legend { padding-left:23px; }
    .key-label { padding:0px 10px 0px 4px; }
    
    .financial-desktop-item { width:268px; }
    
    .backtotop { margin-left:60px; }
    
    .project-image-container { width:100%; }
    
    .projects .gallery {text-align:center;}
    .projects .gallery a { width:65px; float:none; }
}

/* ========== MOBILE =========== */
@media (max-width: 767px) 
{
    body { padding:0px; overflow-x:hidden; }
    form { margin:0px; }
    
    #spotlights .homespotlight img { width:100%; }
    
    #navigation { display: none; }
    
    .mobile-nav { background-color:#4E4D50;  }
    #header .shareprice { height:auto; background-color:transparent; float:right; padding-top:10px; }
    #header .shareprice img { padding-top:3px; margin:0px; }
    .mobile-nav .toggle { display:block; height:39px; width:36px; background-image:url(../images/menu.gif); background-repeat:no-repeat; background-position:9px 12px; }
    .mobile-nav .menu { display:none; padding-bottom:5px; margin:0px 0px 10px 0px; }
    .mobile-nav .menu li a { padding:5px 0px 5px 10px; display:block; }
    .mobile-nav .menu li ul { margin-left:0px; }
    .mobile-nav .menu li ul li a { padding:5px 0px 5px 25px; }
    .mobile-nav .menu a
    {
        display: inline-block;
        text-decoration: none;
        color: #E5E4E5;        
        font-size:13px;
        font-family: 'Open Sans', sans-serif;
    }
    .mobile-nav .menu a:hover, #navigation .menu .active,
    .mobile-nav .menu a:hover, #navigation .menu .nav_active a
    {
        background-color:#3d3c3e;
        color:#F37422;
        display:block;
    }
    
    .mobile-logo { text-align:center; padding:10px 0px; }
    
    #content .home-content { padding:1px 10px 15px 10px; }
    #content .home-header h1 { padding:13px 18px; }
    
    .padding-bottom { padding-bottom:10px; }
    
    #portfolio { padding:10px 10px; }
    #portfolio .portfolio-text { padding-top:10px; }
    #portfolio .portfolio-text p { padding:10px 5px 0px 0px; }
    #portfolio .portfolio-image { margin-top: 10px; }
    #portfolio .row .img { width:33.3%; }
    #portfolio .row .span9 { padding:10px 0px; }
    
    #spotlights .homespotlight { margin:0px 10px 10px 10px; }
    
    
    #footer p { text-align:center; }
    
    #content .main { padding:0px 10px 10px 10px; }
    body#homeBody #content .main { padding:0px; }
    
    #content .main h1 { width:auto; margin:0px -10px 15px -10px; font-size:1.9em; }
    #content .main .sidebar {display:none;}
    
    .board-item-alt, .board-item { padding:10px; }
    #content .main .board-item .span2, #content .main .board-item-alt .span2 { float:left; width:auto; }
    .board-item .span7, .board-item-alt .span7 { padding:0px; }
    /*#content .main .board-item .nobtmmargin, #content .main .board-item-alt .nobtmmargin { height:85px; padding-left:117px; padding-top:50px; }*/
    #content .main .board-item .board-desc, #content .main .board-item-alt .board-desc { height:auto; padding:0px; }
    .board-sidebar { display:none; }
    .backtotop { display:none; }
    
    div.shareprice-row .shareprice-info { width:100%;}
    .asx { font-size: 9px; }
    .asxdate { width:20%; }
    .asxopen { width:23%; }
    .asxhigh { width:17%; }
    .asxlow { width:20%; }
    .asxlast { width:20%; }
    
    a.asx-year { display:block; float:none; margin-bottom:5px; text-align:center; }
    .hTime { display:none; }
    
    .wlNewsTable .asx-headers td.hDate { width:20%; }
    .wlNewsTable tr td.hHeadline { width:20.85%; }
    
    .mobile-tab { padding:5px 10px; border:1px solid #E6E6E6; background-color:#f6f6f6; color:#F37422; font-size:16px; margin-top:10px; display:block; }
    .mobile-tab img { float:right; padding-top:6px; }
    .mobile-tab:hover, .mobile-tab.active { background-color:#4E4D50; border:1px solid #4E4D50; color:#ffffff; }
    
    
    .project-alt { margin:0px -10px; padding:0px 0px 0px 30px; }
    .projects .span5, .projects .span4 { text-align:left; padding-bottom:10px; }
    .projects .span5 img, .projects .span4 img { width:284px; }
    .projects .span5 .gallery img { width:67px; }
    .projects .desc { padding:0px; }
    
    .financial-panel { float:none; width:auto; border-top:0px; }
    
    .projects .gallery a { width:67px; float:none; }
    .projects .gallery {text-align:center;}
    .project-image-container { width:100%; }
}