/* ------------------------- CSS --------------------------------- 
Created By:  TKR Engineering                             
Author:  David Tobias                                    
Email:  dtobias@tkrengineering.com                       
Colors:                                                  
    document all colors here                                 
------------------------------------------------------------------ */



/* --- Grids -----------------------------------------------------
         Grids   Contains only layout properites    
------------------------------------------------------------------ */

/*stored in grids.css file*/

/* --- End of Grids ---------------------------------------------- */




/* --- Typography ------------------------------------------------ 
   
   Blueprint CSS Framework 0.7.1
   * Sets up some sensible default typography. 
------------------------------------------------------------------ */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
    background: #527d86;
}

body, div.ContentPaneBody div.Normal
{
    font-size:12px;
    color: #fff; 
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.3em;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; font-family: Arial, Helvetica, sans-serif;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

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


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #7FBEC9; }
a           { color: #FF9966; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #fff; font-family: Arial, Helvetica, sans-serif;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
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,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

a img {border:0}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0;padding:0 }
ul, ol      { margin:0;padding:0 }

ul,li,ol    { list-style-type: none; }
ul li       { list-style-type: none; }
ul li ul li  { list-style-type: none; }

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


/* Tables
-------------------------------------------------------------- */

table       {  }
th          { font-weight: bold; background: #C3D9FF; }
th,td       {  }
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; }


/* --- End of Typography ----------------------------------------- */


/* --- Clears ----------------------------------------------------
             
------------------------------------------------------------------ */

.Clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
/* End hide from IE-mac */

.ClearBoth      {clear:both;}
.ClearLeft      {clear:left;}
.ClearRight     {clear:right;}
.ClearLeftFont  {clear:left;font-size:1px;}
.ClearBothFont  {clear:both;font-size:1px;}
.ClearRightFont {clear:both;font-size:1px;}

/* --- End of Clears ---------------------------------------------
             
------------------------------------------------------------------ */



/* --- Globals ---------------------------------------------------
             
------------------------------------------------------------------ */


div.HeaderWrapper
{
    background:#7FBEC9 url('../images/bg/wrappers/HeaderWrapper.gif') repeat-x 0 0;
}

div.ContentContainerWrapper
{
    background-color:#7fbec9;
}

div.FooterWrapper
{
    background-color:#527d86;
}

div.HeaderWrapper div.Wrapper
{
    background:#fff url('../images/bg/wrappers/HeaderWrapperShadow.gif') repeat-y 100% 0;
}

div.ContentContainerWrapper div.Wrapper
{
    background:#fff url('../images/bg/wrappers/ContentContainerWrapperShad.gif') repeat-y 100% 0;
}


div.ContentContainer
{
    background-color:#496f77;
    border-bottom:solid 3px #ff9966;
}

div.Header
{
    background-color:#ff9966;
    /*border-bottom:solid 1px #ff9966;*/
    height:102px;
    padding-bottom:4px;
}

div.FooterWrapper div.Wrapper
{
    padding-right:0;
    width:998px;
}

div.Footer, div.FooterLinks
{
    background:#fff url('../images/bg/wrappers/AddressShadow.gif') repeat-y 100% 0;
    padding-right:8px;
}

div.Address
{
    border-top:solid 1px #ff9966;
    background-color:#fff;
    text-align:center;
    height:22px;
    color:#527d86;
    font-size:13px;
    font-weight:bold;
    padding:57px 0 0 0;
    line-height:1.3em;
}

div.Address span
{
    background:#fff url('../images/bg/AddressDot.gif') no-repeat 0 5px;
    padding:0 10px 0 15px;
}

div.Address span.First
{
    background-image:none;
    padding-left:0;
}

div.FooterLinks
{
    background:#527d86 url('../images/bg/wrappers/FooterLinksShadow.gif') no-repeat 0 0;
    padding:12px 0 0 0;
    text-align:center;
}

div.FooterLinks a, div.FooterLinks a:visited
{
    color:#fff;
    padding:0 5px;
}

/* Page Header
-------------------------------------------------------------- */
div.Header ul.HeaderLayout
{
    background-color:#fff;
    height:102px;
}

div.Header ul li
{
    float:left;
    width:185px;
    padding:10px 21px 0 20px; /*used to position the logo*/
}

div.Header ul li.ColumnTwo
{
    width:764px;
    padding:15px 0 0 0;
}

div.Header div#YUINavContainer
{
    clear:right;
    zoom:1;
}

div.Header div.TopLinks
{
    padding:0 0 2px 525px;
    width:220px;
}

div.Header div.TopLinks a
{
    display:block;
    margin:0 0 0 100px;
}

div.Header div.TopLinks div
{
    margin:9px 0 0 18px;
}


div.Header div.TopLinks div div
{
    border:solid 1px #ccc;
    padding:3px 5px 2px 5px;
    margin:0 0 0 82px;
}

a.VisitDonohoe
{
    background:url('../images/bg/ArrowVisit.gif') no-repeat 0 0;
    height:13px;
    line-height:13px;
    padding:0 0 0 10px;
    color:#496f77;
    font-weight:bold;
    margin:0 0 9px 0;    
}

a.VisitDonohoe:visit
{
    color:#496f77;
}

div.Header div.TopLinks a.EmailThisPage
{
    background:url('../images/bg/Envelope.gif') no-repeat 0 2px;
    color:#5747c3;
    font-size:11px;
    padding:0 0 2px 20px;
    margin:0;
}

div.Header div.TopLinks a.EmailThisPage:visit
{
    color:#5747c3;
}

div.Header ul li ul
{
    
}

div.Header ul li ul li
{
    background:url('../images/bg/nav/TopNav.gif') no-repeat 0 0;
    padding:7px 0 0 0;
    margin:10px 2px 0 0;
    height:21px;
    width:150px;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    font-size:11px;
}

div.Header ul li ul li a, div.Header ul li ul li a:visited
{
    color:#fff;
    display:block;
    text-align:center;    
}

div.Header ul li ul li a:hover
{
    color:#ff9966;
    text-decoration:none;
}

div.Header ul li ul li.Selected
{
    margin-top:0px;
    height:31px;
}

div.Header ul li ul li.Selected a
{
    color:#ff9966;
}

div.Header ul li ul li.Selected a:visited
{
    color:#ff9966;
}

/* --- End of Globals -------------------------------------------- */



/* --- Navigation ------------------------------------------------
             
------------------------------------------------------------------ */

/* Top Nav Created with YUI
-------------------------------------------------------------- */

div.Header ul li ul li.yuimenubaritem-selected
{
    margin-top:0px;
    height:31px;
}

div.Header ul li ul li.yuimenubaritem-selected a
{
    color:#ff9966;
}

ul#TopNav li ul
{
    background:#76b1bb;
    margin:0 0 0 0;
    padding:2px 5px 7px 5px;
    border-top:solid 4px #FF9966;
}

ul#TopNav li ul li
{
    float:none;
    background-image:none;
    text-align:left;
    padding:3px 0px;
    margin:0;
    border-top:solid 1px #fff;
    text-transform:none;
    height:auto;
    font-size:12px;
    font-weight:normal;
    width:auto;
}

ul#TopNav li ul li.first-of-type
{
    border-top:none;
}

ul#TopNav li ul li a
{
    padding:2px;
    color:#fff;
    text-align:left;
}

ul#TopNav li ul li a:hover
{
    color:#ff9966;
}

/* Page Level Nav
-------------------------------------------------------------- */

#SubNav
{
    margin:32px 0 0 0;
    width:140px;
}

#SubNav ul li 
{
    padding:3px 0;
}

#SubNav ul li a
{
   display:block;
   color:#fff;
   font-size:12px;
   font-weight:bold;
   padding:3px 0 3px 13px;
}

#SubNav ul li a:hover, #SubNav ul li.Selected a
{
   display:block;
   color:#496f77;
   background:#fff;
   text-decoration:none;
}

/* --- End of Navigation ----------------------------------------- */


/* --- DNN Containers --------------------------------------------
             
------------------------------------------------------------------ */

div.HomeHighlightContainer h3
{
    background-color:#162123;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    line-height: 1.8;
    padding-left:10px;
    margin-top:1em;
}

div.HomeHighlightContainer div.ContentPaneBody
{
    padding:0 20px;
}

div.ContentPaneContainer h3
{
    color:#fff;
    font-weight:bold;
    font-size: 1.6em;
    line-height: 1.8;
    margin:.8em 0;
}

div.HomeHighlightContainer h3 .LabelEditTextClass
{
    color:#fff;
}

/* --- End of DNN Containers ------------------------------------- */


/* --- Page Specific ---------------------------------------------
             
------------------------------------------------------------------ */

div.Projects div.ColumnTwo
{
    background-color:#fff;
    min-height:350px;
}

*html div.Projects div.ColumnTwo
{
    height:350px;
}

div.Projects div.ColumnTwo div.MainContent
{
    padding:25px 20px;
}

div#PageNumberContainer
{
    text-align:right;
    color:#d20026;
}

div#PageNumberContainer
{
    background:url('../images/bg/borders/project_list.gif') repeat-x 0 bottom;
    color:#d20026;
    padding:0 0 20px 0;
    text-align:right;
    
}

div.MainContent a, div.MainContent a:visited, div.MainContent a:link 
{
    color:#ff9966;
}

div.MainContent a:hover
{
    color:#7fbec9;
}

div#PageNumberContainer a, div#PageNumberContainer a:visited
{
    color:#333399;
}

div.Projects ul#PortfolioListing
{
    color:#383028;
}

div.Projects ul#PortfolioListing li 
{
    padding:15px 0 15px 15px;
    overflow:auto;
    background:url('../images/bg/borders/project_list.gif') repeat-x 0 bottom;
    zoom:1;
}

div.Projects ul#PortfolioListing li h3
{
    padding:0px;
    margin:0 0 .5em 0;    
}

div.Projects ul#PortfolioListing li a, div.Projects ul#PortfolioListing li a:visited
{
    color:#383028;
}

div.PropertyThumbContainer
{
    float:left;
    width:90px;
    padding:0 17px 0 0;
}

div.PropertyThumbContainer img
{
    width:90px;
}

div.PropertyInfoContainer
{
    float:left;
    width:415px;
}

div.Property div.ContentPane
{
    display:none;
}

ul#PortfolioListing li div.PropertyInfoContainer div.label {
    float:left;
    font-weight:bold;
    margin:0;
    width:80px;
}

ul#PortfolioListing li div.PropertyInfoContainer div {
    margin-left:80px;
    padding-bottom:2px;
}

div.PropertyPictureContainer, div.PropertyContentContainer
{
    float:left;
}

div.PropertyPictureContainer
{
    position:relative;
}

div.PropertyContentContainer
{
    margin:0 0 0 20px;
    padding:0 15px 0 0;
    width:227px;
    height:353px;
    overflow:auto;
}

.IndividualProperty, .IndividualPropertyWrapper {
    background:transparent url(images/placeholder.jpg) no-repeat scroll 0 0;
    height:353px;
    width:582px;
}

#TransBackIndvidualProperty {
    position:absolute;
    top:313px;
    z-index:10;
}

.TransBackIndvidualProperty {
    color:#FFFFFF;
    height:35px;
    width:552px;
    font-weight:bold;
    font-size:13px;
    text-align:right;
    padding:5px 30px 0 0;
}

.TransBack {
    background-color:#000000;
   -moz-opacity:0.75;           /* Mozilla 1.6 and below   */
   opacity: 0.75;               /* newer Mozilla and CSS-3 */
   filter:alpha(opacity=75);   /* Internet Explorer       */
}

#TransBackIndvidualProperty a, #TransBackIndvidualProperty a:visited
{
    color:#fff;
    font-size:12px;
    line-height:1.5em;
}

#IndividualPropertyHighlightPane h3 {
    margin-top:1em;
}

#IndividualPropertyHighlightPane div {
    margin-left:70px;
    padding-bottom:10px;
}

#IndividualPropertyHighlightPane div.label {
    float:left;
    font-weight:bold;
    margin:0;
    width:50px;
}

/* --- End of Page Specific -------------------------------------- */


/* --- Forms -----------------------------------------------------
             
------------------------------------------------------------------ */

fieldset.ContactUs
{
    border:0;
    margin:40px 0 0 0;
    padding:0;
}

fieldset.ContactUs label
{
    display:block;
    width:72px;
    text-align:right;
    float:left;
    padding:2px 5px 0 0;
}

fieldset.ContactUs label.RightSide
{
    padding-left:25px;
}

fieldset.ContactUs input.Text
{
    float:left;
    width:150px;
    padding:0;
    border:solid 1px #999;
    padding:1px;
}

fieldset.ContactUs select
{
    float:left;
    width:154px;
    padding:0;
    border:solid 1px #999;
    padding:1px;
}

fieldset.ContactUs li
{
    clear:left;
    overflow:auto;
    padding:0 0 7px 0;
}

fieldset.ContactUs em
{
    padding:0 2px 0 0;
}

fieldset.ContactUs li.Directions
{
    margin-left:80px;
}

fieldset.ContactUs li.MultiSelect select
{
    width:250px;
}

fieldset.ContactUs li.TextArea
{
    padding:0px 0 14px 0;
}

fieldset.ContactUs li.TextArea label
{
    /*
    padding:0 0 7px 0;
    float:none;
    width:auto;
    text-align:left;
*/
}

fieldset.ContactUs li.TextArea textarea
{
   /*
    width:400px;
    
    margin:0 0 0 75px;
*/
    height:60px;
    width:245px;
}

fieldset.ContactUs input.Submit
{
    width:60px;
    font-size:11px;
}

.ReqAlert, div.ErrorMessages
{
    color:#ff9966;
}

div.ErrorMessages
{
    display:none;
    margin:20px 0 0 0;    
}

div.ErrorMessages ul
{
    margin:18px 0 0 15px;    
}

div.ErrorMessages ul li
{
    padding:0 0 3px 0;    
}

div.pnlResults
{
    margin:15px 0 0 0;
}

/* --- End of Forms ---------------------------------------------- */

div#EmailPanel
{
    background-color:#fff;
    border:solid 2px #ff9966;
    color:#000;
    font-size:11px; 

}

div#EmailPanel div.ReturnMessage
{
    padding:5px 10px;
    border:solid 1px #7FBEC9;
    margin:5px;
    display:none;
}

div#EmailPanel div.Show
{
    display:block;
}

div#EmailPanel ul
{
    padding:0;
    margin:0;
}

div#EmailPanel li
{
    font-weight:normal;
    text-align:left;
    text-transform:none;
    background-image:none;
    padding:0 0 5px 10px;
    float:none;
    margin-top:0;
}

div#EmailPanel li.SendLink
{
    padding-left:55px;
}

div#EmailPanel input
{
    font-size:11px;
}

div#EmailPanel input.Text, div#EmailPanel textarea
{
    width:170px;
    border:solid 1px #999;
    padding:1px;
}